@import 'fonts.css';
.row {
  display: flex;
  flex-flow: row wrap;
  margin-left: -12px;
  margin-right: -12px;
}

[class*=col-] {
  padding-left: 12px;
  padding-right: 12px;
  width: 100%;
  max-width: 100%;
}

.col-1 {
  flex: 0 0 auto;
  width: 8.3333333333%;
}

.col-2 {
  flex: 0 0 auto;
  width: 16.6666666667%;
}

.col-3 {
  flex: 0 0 auto;
  width: 25%;
}

.col-4 {
  flex: 0 0 auto;
  width: 33.3333333333%;
}

.col-5 {
  flex: 0 0 auto;
  width: 41.6666666667%;
}

.col-6 {
  flex: 0 0 auto;
  width: 50%;
}

.col-7 {
  flex: 0 0 auto;
  width: 58.3333333333%;
}

.col-8 {
  flex: 0 0 auto;
  width: 66.6666666667%;
}

.col-9 {
  flex: 0 0 auto;
  width: 75%;
}

.col-10 {
  flex: 0 0 auto;
  width: 83.3333333333%;
}

.col-11 {
  flex: 0 0 auto;
  width: 91.6666666667%;
}

.col-12 {
  flex: 0 0 auto;
  width: 100%;
}

@media (min-width: 576px) {
  .col-sm-1 {
    flex: 0 0 auto;
    width: 8.3333333333%;
  }
  .col-sm-2 {
    flex: 0 0 auto;
    width: 16.6666666667%;
  }
  .col-sm-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-sm-4 {
    flex: 0 0 auto;
    width: 33.3333333333%;
  }
  .col-sm-5 {
    flex: 0 0 auto;
    width: 41.6666666667%;
  }
  .col-sm-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-sm-7 {
    flex: 0 0 auto;
    width: 58.3333333333%;
  }
  .col-sm-8 {
    flex: 0 0 auto;
    width: 66.6666666667%;
  }
  .col-sm-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-sm-10 {
    flex: 0 0 auto;
    width: 83.3333333333%;
  }
  .col-sm-11 {
    flex: 0 0 auto;
    width: 91.6666666667%;
  }
  .col-sm-12 {
    flex: 0 0 auto;
    width: 100%;
  }
}
@media (min-width: 768px) {
  .col-md-1 {
    flex: 0 0 auto;
    width: 8.3333333333%;
  }
  .col-md-2 {
    flex: 0 0 auto;
    width: 16.6666666667%;
  }
  .col-md-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-md-4 {
    flex: 0 0 auto;
    width: 33.3333333333%;
  }
  .col-md-5 {
    flex: 0 0 auto;
    width: 41.6666666667%;
  }
  .col-md-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-md-7 {
    flex: 0 0 auto;
    width: 58.3333333333%;
  }
  .col-md-8 {
    flex: 0 0 auto;
    width: 66.6666666667%;
  }
  .col-md-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-md-10 {
    flex: 0 0 auto;
    width: 83.3333333333%;
  }
  .col-md-11 {
    flex: 0 0 auto;
    width: 91.6666666667%;
  }
  .col-md-12 {
    flex: 0 0 auto;
    width: 100%;
  }
}
@media (min-width: 992px) {
  .col-lg-1 {
    flex: 0 0 auto;
    width: 8.3333333333%;
  }
  .col-lg-2 {
    flex: 0 0 auto;
    width: 16.6666666667%;
  }
  .col-lg-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-lg-4 {
    flex: 0 0 auto;
    width: 33.3333333333%;
  }
  .col-lg-5 {
    flex: 0 0 auto;
    width: 41.6666666667%;
  }
  .col-lg-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-lg-7 {
    flex: 0 0 auto;
    width: 58.3333333333%;
  }
  .col-lg-8 {
    flex: 0 0 auto;
    width: 66.6666666667%;
  }
  .col-lg-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-lg-10 {
    flex: 0 0 auto;
    width: 83.3333333333%;
  }
  .col-lg-11 {
    flex: 0 0 auto;
    width: 91.6666666667%;
  }
  .col-lg-12 {
    flex: 0 0 auto;
    width: 100%;
  }
}
@media (min-width: 1200px) {
  .col-xl-1 {
    flex: 0 0 auto;
    width: 8.3333333333%;
  }
  .col-xl-2 {
    flex: 0 0 auto;
    width: 16.6666666667%;
  }
  .col-xl-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-xl-4 {
    flex: 0 0 auto;
    width: 33.3333333333%;
  }
  .col-xl-5 {
    flex: 0 0 auto;
    width: 41.6666666667%;
  }
  .col-xl-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-xl-7 {
    flex: 0 0 auto;
    width: 58.3333333333%;
  }
  .col-xl-8 {
    flex: 0 0 auto;
    width: 66.6666666667%;
  }
  .col-xl-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-xl-10 {
    flex: 0 0 auto;
    width: 83.3333333333%;
  }
  .col-xl-11 {
    flex: 0 0 auto;
    width: 91.6666666667%;
  }
  .col-xl-12 {
    flex: 0 0 auto;
    width: 100%;
  }
}
* {
  box-sizing: border-box;
}

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}

html {
  height: 100%;
}

body {
  line-height: 1;
  padding: 0;
  margin: 0;
  font-family: "Montserrat";
  background: black;
  overflow: hidden;
}

ol, ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
  content: "";
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

a {
  text-decoration: none;
}
a:hover {
  text-decoration: none;
}

main {
  height: 100%;
  background: #000;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  position: relative;
  z-index: 999;
  width: 100%;
  max-width: 195.9183673469vh;
  margin-left: auto;
  margin-right: auto;
}

.w-auto {
  width: auto !important;
}

.ml-auto {
  margin-left: auto;
}

.sectionall {
  position: absolute;
  inset: 0;
  transition: 0.3s all ease-in-out;
  z-index: 2;
  display: flex;
  justify-content: center;
  align-items: center;
  transform: translateX(150%);
  background: #000;
  opacity: 0;
}
.sectionall#section-1 {
  z-index: 3;
}
.sectionall.done {
  z-index: 3;
  transform: translateX(0);
}
.sectionall.active {
  z-index: 5;
  transform: translateX(0);
  opacity: 1 !important;
}

.container {
  max-width: 85%;
  padding-left: 3.0612244898vh;
  padding-right: 3.0612244898vh;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  min-height: 1px;
}

.pagecontents {
  width: 100%;
  max-width: 195.9183673469vh;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: auto;
  background: url(../images/body-bg.jpg) no-repeat 50% 50%/cover;
  padding-top: 12.2448979592vh;
  padding-bottom: 6.1224489796vh;
}
.pagecontents .toplogo {
  margin-bottom: 10.2040816327vh;
}
.pagecontents .toplogo img {
  display: block;
  width: 94.8979591837vh;
}
.pagecontents p {
  font-size: 2.9591836735vh;
  color: white;
  line-height: 1.4;
}
.pagecontents p + p {
  margin-top: 3.5714285714vh;
}
.pagecontents .pt-box {
  display: flex;
}
.pagecontents .pt-box .box figure {
  width: 30.612244898vh;
  height: 35.2040816327vh;
  border-radius: 1.7346938776vh;
  border: 1px solid #fff;
  overflow: hidden;
  margin-bottom: 4.5918367347vh;
}
.pagecontents .pt-box .box figure img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media (max-width: 575px) {
  .pagecontents .pt-box .box figure {
    border-radius: 1.0204081633vh;
  }
}
.pagecontents .pt-box .box h5 {
  font-size: 2.1428571429vh;
  color: #c658c6;
  font-weight: 600;
  white-space: nowrap;
}
@media (max-width: 1919px) {
  .pagecontents .pt-box .box h5 {
    font-size: 2.1428571429vh;
  }
}
.pagecontents .pt-box .box + .box {
  margin-left: 5.1020408163vh;
}
.pagecontents .btnbox {
  margin-top: 7.1428571429vh;
}
.pagecontents .btmtext {
  display: flex;
}
.pagecontents .btmtext p + p {
  margin-top: 0 !important;
  margin-left: 5.1020408163vh;
}
.pagecontents .next-btn {
  width: 25.5102040816vh;
  height: 7.1428571429vh;
  background-color: #b0237a;
  background: -moz-linear-gradient(left, #b0237a 0%, #ec478c 100%);
  background: -webkit-linear-gradient(left, #b0237a 0%, #ec478c 100%);
  background: linear-gradient(to right, #b0237a 0%, #ec478c 100%);
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 4.0816326531vh;
  font-size: 2.8571428571vh;
  color: white;
  font-weight: 800;
  position: relative;
  cursor: pointer;
  padding-right: 3.0612244898vh;
}
.pagecontents .next-btn:after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0.4081632653vh;
  width: 5.9183673469vh;
  height: 5.9183673469vh;
  background: url(../images/btn-icon.png) no-repeat 50% 50%/contain;
  margin: auto 0;
}
@media (max-width: 575px) {
  .pagecontents .next-btn:after {
    right: 2px;
  }
}

.rotate {
  text-align: center;
  align-items: center;
  justify-content: center;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 1.0204081633vh;
  display: none !important;
}
@media (max-width: 991px) {
  .rotate {
    display: flex !important;
  }
}
@media all and (max-width: 1024px) and (orientation: landscape) {
  .rotate {
    display: none !important;
  }
}
.rotate img {
  width: 1.6326530612vh;
}
.rotate span {
  font-size: 11px;
  color: white;
  margin-left: 10px;
  margin-top: 5px;
}

.pagesection {
  position: relative;
  width: 100%;
  max-width: 195.9183673469vh;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: auto;
}

aside {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin-left: 4.5918367347vh;
  z-index: 10;
  transition: 0.3s all ease;
  transform: translateX(-200px);
}
aside.show {
  transform: translateX(0);
  opacity: 1 !important;
}
aside .home-link {
  width: 4.2857142857vh;
  height: 4.2857142857vh;
  background: white;
  border-radius: 9999px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
  margin-bottom: 5.1020408163vh;
}
aside .home-link img {
  display: block;
  width: 1.6326530612vh;
}
aside ul {
  position: relative;
}
aside ul:before {
  content: "";
  display: block;
  width: 1px;
  height: 28.5714285714vh;
  background: #fff;
  margin: 0 auto;
  transition: 0.3s all ease;
}
aside ul:after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 100%;
  width: 1.0204081633vh;
  height: 1.0204081633vh;
  border: 1px solid #fff;
  transform: rotate(-45deg);
  margin: 0 auto;
}
aside ul li {
  text-align: center;
  position: relative;
  transition: 0.5s all ease;
}
aside ul li > span {
  font-size: 1.4285714286vh;
  color: white;
  text-transform: uppercase;
  display: none;
  transform-origin: 0%;
  margin: auto;
  transform: scale(-1) translate(-100%, 20%);
  writing-mode: vertical-lr;
  transition: 0.6s all ease;
}
aside ul li:after {
  content: "";
  display: block;
  width: 1px;
  height: 2.0408163265vh;
  background: #fff;
  margin: 0 auto;
}
aside ul li a {
  width: 3.0612244898vh;
  height: 3.0612244898vh;
  border: 1px solid #fff;
  border-radius: 9999px;
  font-size: 1.4285714286vh;
  color: white;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 300;
  margin: 0 auto;
}
aside ul li.active {
  padding-top: 3.0612244898vh;
}
aside ul li.active > span {
  display: block;
}
aside ul li.active a {
  background: white;
  color: black;
}

.start-btn {
  width: 35.7142857143vh;
  height: 7.1428571429vh;
  background-color: #b0237a;
  background: -moz-linear-gradient(left, #b0237a 0%, #ec478c 100%);
  background: -webkit-linear-gradient(left, #b0237a 0%, #ec478c 100%);
  background: linear-gradient(to right, #b0237a 0%, #ec478c 100%);
  display: flex;
  align-items: center;
  justify-content: flex-start;
  text-align: left;
  padding-left: 3.3673469388vh;
  border-radius: 4.0816326531vh;
  font-size: 2.8571428571vh;
  color: white;
  font-weight: 800;
  position: relative;
  border: 0;
  cursor: pointer;
}
.start-btn:after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0.4081632653vh;
  width: 5.9183673469vh;
  height: 5.9183673469vh;
  background: url(../images/btn-icon.png) no-repeat 50% 50%/contain;
  margin: auto 0;
}
@media (max-width: 767px) {
  .start-btn:after {
    right: 2px;
  }
}
.start-btn[disabled] {
  opacity: 0.5;
  cursor: not-allowed;
}

.pagecontents-2 {
  background: url(../images/page2-bg.jpg) no-repeat 50% 50%/cover;
  padding-top: 16.3265306122vh;
  padding-bottom: 9.1836734694vh;
}
.pagecontents-2 .container {
  position: relative;
}
.pagecontents-2 h1 {
  font-size: 10.2040816327vh;
  font-weight: 900;
  color: transparent;
  background: -webkit-linear-gradient(left, #ec478c, #b0237a);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  line-height: 1;
  margin-bottom: 3.5714285714vh;
}
.pagecontents-2 h3 {
  font-size: 5.1020408163vh;
  color: white;
  font-weight: 900;
  line-height: 1.2;
  margin-bottom: 4.5918367347vh;
}
.pagecontents-2 p {
  font-size: 2.5510204082vh;
  color: white;
  font-weight: 400;
  line-height: 1.5;
  margin-bottom: 7.1428571429vh;
}
.pagecontents-2 .note {
  margin-top: 7.1428571429vh;
}
.pagecontents-2 .note p {
  font-size: 1.5306122449vh;
  margin-bottom: 0 !important;
  line-height: 1.26;
}
.pagecontents-2 .sidelogo {
  position: absolute;
  right: 0;
  bottom: 0;
  margin-bottom: 6.1224489796vh;
}
.pagecontents-2 .sidelogo img {
  max-width: 60.2040816327vh;
}

.topsidelogo {
  position: absolute;
  top: 0;
  right: 0;
  margin-top: 3.5714285714vh;
  margin-right: 6.1224489796vh;
}
.topsidelogo img {
  display: block;
  width: 45.9183673469vh;
}

.intro-section {
  background: url(../images/body-bg.jpg) no-repeat 50% 50%/cover;
  padding-top: 16.3265306122vh;
  padding-bottom: 10.2040816327vh;
}
.intro-section .introbox {
  max-width: 146.4285714286vh;
  padding: 2.0408163265vh;
  border: 1px solid #fff;
  border-radius: 4.0816326531vh;
  margin-left: auto;
  margin-right: auto;
}
.intro-section .introbox .col-6 {
  padding-left: 1.2244897959vh;
  padding-right: 1.2244897959vh;
}
.intro-section .introbox .introdata {
  background: rgba(50, 54, 80, 0.45);
  border-radius: 4.0816326531vh;
}
.intro-section .introbox .introdata .introhead {
  border-bottom: 1px solid rgba(63, 168, 244, 0.4);
  padding: 5.1020408163vh 4.0816326531vh;
}
.intro-section .introbox .introdata .introhead h1 {
  font-size: 5.612244898vh;
  font-weight: 900;
  color: white;
  line-height: 1;
}
.intro-section .introbox .introdata .introhead h1 span {
  font-weight: 300;
}
.intro-section .introbox .introdata .introhead h1 img {
  width: 2.4489795918vh;
  vertical-align: 0.5102040816vh;
}
.intro-section .introbox .introdata .introbody {
  padding: 4.5918367347vh 7.1428571429vh;
  padding-left: 8.1632653061vh;
}
.intro-section .introbox .introdata .introbody p {
  font-size: 2.7551020408vh;
  line-height: 1.3;
  color: white;
  margin-bottom: 4.0816326531vh;
}
.intro-section .introbox .introdata .introbody h4 {
  font-size: 3.2653061224vh;
  color: white;
  font-weight: 800;
  margin-bottom: 8.1632653061vh;
  line-height: 1.24;
}
.intro-section .introbox .introdata .introbody .note {
  margin-top: 8.1632653061vh;
}
.intro-section .introbox .introdata .introbody .note p {
  font-size: 1.5306122449vh;
  margin-bottom: 0;
}
.intro-section .introbox .introdata .introbody .start-btn {
  width: 48.9795918367vh;
  margin-left: auto;
}

.profile-sec {
  padding-top: 15.306122449vh;
  padding-bottom: 5.1020408163vh;
}

.profilewrap {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-template-rows: repeat(2, 1fr);
  row-gap: 2.0408163265vh;
}
.profilewrap .profilebox1 {
  width: 51.0204081633vh;
  padding: 1.8367346939vh;
  border: 0.1020408163vh solid #fff;
  border-radius: 4.0816326531vh;
  grid-column: 1/2;
  grid-row: 1/7;
}
.profilewrap .profilebox1 .profilecard {
  background: #323650;
  border-radius: 4.0816326531vh;
  overflow: hidden;
  height: 100%;
}
.profilewrap .profilebox1 .profilecard .profile-pic {
  position: relative;
  overflow: hidden;
  height: 27.5510204082vh;
}
.profilewrap .profilebox1 .profilecard .profile-pic .bg-color {
  position: absolute;
  inset: 0;
  z-index: 4;
  opacity: 0.35;
}
.profilewrap .profilebox1 .profilecard .profile-pic .borderbtm {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 0.612244898vh;
  z-index: 5;
}
.profilewrap .profilebox1 .profilecard .profile-pic figure {
  overflow: hidden;
  height: 100%;
  display: block;
}
.profilewrap .profilebox1 .profilecard .profile-pic figure img {
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 2;
  object-fit: cover;
}
.profilewrap .profilebox1 .profilecard .profile-pic h2 {
  font-size: 7.6530612245vh;
  font-weight: 900;
  color: white;
  position: relative;
  z-index: 10;
  position: absolute;
  left: 0;
  bottom: 0;
  margin-bottom: 2.5510204082vh;
  margin-left: 4.0816326531vh;
}
.profilewrap .profilebox1 .profilecard .profile-dt {
  padding: 4.0816326531vh;
  padding-bottom: 2.5510204082vh;
}
.profilewrap .profilebox1 .profilecard .profile-dt ul {
  margin-bottom: 1.5306122449vh;
}
.profilewrap .profilebox1 .profilecard .profile-dt ul li {
  display: flex;
  align-items: center;
  font-size: 2.5510204082vh;
  color: white;
  font-weight: 400;
}
.profilewrap .profilebox1 .profilecard .profile-dt ul li b {
  font-weight: bold;
}
.profilewrap .profilebox1 .profilecard .profile-dt ul li img {
  width: 2.3469387755vh;
  margin-right: 0.7142857143vh;
}
.profilewrap .profilebox1 .profilecard .profile-dt ul li + li {
  margin-top: 1.5306122449vh;
}
.profilewrap .profilebox1 .profilecard .profile-dt p {
  font-size: 1.4285714286vh;
  color: white;
  line-height: 1.25;
}
.profilewrap .profilebox1 .profilecard .profile-dt .btnbox {
  margin-top: 2.5510204082vh;
}
.profilewrap .profilebox1 .profilecard .profile-dt .btnbox .start-btn {
  width: 38.1632653061vh;
  margin-left: auto;
}
.profilewrap .profilebox1 .profilecard .profile-dt .btnbox .start-btn:after {
  background-image: url(../images/btn-icon2.png);
}
.profilewrap .profilebox2 {
  width: 106.1224489796vh;
  padding: 1.8367346939vh;
  border: 0.306122449vh solid #3fa8f4;
  border-radius: 4.0816326531vh;
  grid-column: 2/5;
  grid-row: 1/5;
  margin-left: auto;
}
.profilewrap .profilebox2 .profilecard {
  background: rgba(50, 54, 80, 0.45);
  border-radius: 4.0816326531vh;
  height: 100%;
}
.profilewrap .profilebox2 .profilecard .pro-head {
  border-bottom: 1px solid rgba(63, 168, 244, 0.4);
  padding: 3.0612244898vh 4.0816326531vh;
}
.profilewrap .profilebox2 .profilecard .pro-head h2 {
  font-size: 4.0816326531vh;
  font-weight: 900;
  color: white;
  line-height: 1;
}
.profilewrap .profilebox2 .profilecard .pro-head h2 span {
  font-weight: 300;
}
.profilewrap .profilebox2 .profilecard .pro-head h2 img {
  width: 2.4489795918vh;
}
.profilewrap .profilebox2 .profilecard .pro-body {
  padding: 3.5714285714vh 6.1224489796vh;
  padding-left: 7.6530612245vh;
}
.profilewrap .profilebox2 .profilecard .pro-body .row {
  flex-flow: row;
}
.profilewrap .profilebox2 .profilecard .pro-body .row .w-auto {
  flex: 0 1 auto;
  min-width: 40%;
}
.profilewrap .profilebox2 .profilecard .pro-body p {
  font-size: 1.9387755102vh;
  line-height: 1.25;
  color: white;
}
.profilewrap .profilebox2 .profilecard .pro-body h4 {
  font-size: 2.1428571429vh;
  color: white;
  font-weight: 800;
  margin-bottom: 1.0204081633vh;
  line-height: 1;
}
.profilewrap .profilebox3 {
  width: 106.1224489796vh;
  padding: 1.8367346939vh;
  border: 0.306122449vh solid #3fa8f4;
  border-radius: 4.0816326531vh;
  grid-column: 2/5;
  grid-row: 5/7;
  margin-left: auto;
}
.profilewrap .profilebox3 .profilecard {
  background: rgba(50, 54, 80, 0.45);
  border-radius: 4.0816326531vh;
  padding: 3.0612244898vh 4.0816326531vh;
  padding-bottom: 2.0408163265vh;
  height: 100%;
}
.profilewrap .profilebox3 .profilecard h3 {
  font-size: 2.3469387755vh;
  color: white;
  line-height: 1;
  text-align: center;
}
.profilewrap .profilebox3 .profilecard .btnwrap {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 3.0612244898vh 0;
}
.profilewrap .profilebox3 .profilecard label.radio input {
  display: none;
}
.profilewrap .profilebox3 .profilecard label.radio input:checked ~ .load-btn {
  background-color: #b0237a;
  background: -moz-linear-gradient(left, #b0237a 0%, #ec478c 100%);
  background: -webkit-linear-gradient(left, #b0237a 0%, #ec478c 100%);
  background: linear-gradient(to right, #b0237a 0%, #ec478c 100%);
  color: white;
}
.profilewrap .profilebox3 .profilecard label.radio input:checked ~ .load-btn:before {
  opacity: 1;
  visibility: visible;
}
.profilewrap .profilebox3 .profilecard .load-btn {
  height: 5.612244898vh;
  background: rgba(255, 255, 255, 0.4);
  color: #323650;
  font-size: 2.4489795918vh;
  font-weight: 800;
  padding: 0 4.0816326531vh;
  border-radius: 8.1632653061vh;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  min-width: 36.7346938776vh;
  position: relative;
  transition: 0.3s all ease;
  cursor: pointer;
  border: 0;
}
.profilewrap .profilebox3 .profilecard .load-btn:before {
  content: "";
  position: absolute;
  inset: 0;
  margin: -1.0204081633vh;
  border: 1px solid white;
  border-radius: 8.1632653061vh;
  transition: 0.3s all ease;
  opacity: 0;
  visibility: hidden;
}
.profilewrap .profilebox3 .profilecard .load-btn:hover {
  background-color: #b0237a;
  background: -moz-linear-gradient(left, #b0237a 0%, #ec478c 100%);
  background: -webkit-linear-gradient(left, #b0237a 0%, #ec478c 100%);
  background: linear-gradient(to right, #b0237a 0%, #ec478c 100%);
  color: white;
}
.profilewrap .profilebox3 .profilecard .load-btn:hover:before {
  opacity: 1;
  visibility: visible;
}
.profilewrap .profilebox3 .profilecard .start-btn {
  width: 23.9795918367vh;
  margin: 0 auto;
}

.tabbox-sec {
  padding-top: 14.2857142857vh;
  padding-bottom: 7.1428571429vh;
}

.tab-wrap {
  max-width: 154.0816326531vh;
  padding: 2.0408163265vh;
  border: 1px solid #fff;
  border-radius: 5.1020408163vh;
  margin-left: auto;
  margin-right: auto;
}
.tab-wrap .tab-box {
  background: rgba(50, 54, 80, 0.45);
  border-radius: 5.1020408163vh;
  padding: 4.0816326531vh 0 5.1020408163vh;
  position: relative;
}
.tab-wrap .tab-box .tabclose {
  position: absolute;
  top: 0;
  right: 0;
  margin-top: -3.4693877551vh;
  margin-right: -3.4693877551vh;
  border: 0;
  background-color: transparent;
  border-radius: 9999px;
}
.tab-wrap .tab-box .tabclose img {
  display: block;
  width: 6.9387755102vh;
}
.tab-wrap .tab-box .tab-head {
  max-width: 138.7755102041vh;
  margin: 0 auto;
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  margin-bottom: 2.0408163265vh;
}
.tab-wrap .tab-box .tab-head .tab-toggle {
  font-size: 2.0408163265vh;
  color: white;
  font-weight: 800;
  padding: 0 4.0816326531vh;
  height: 3.5714285714vh;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  border-radius: 9999px;
  background-color: transparent;
  border: 1px solid #fff;
  line-height: 1;
  transition: 0.3s all ease;
  margin-bottom: 1.5306122449vh;
  margin-right: 1.5306122449vh;
}
.tab-wrap .tab-box .tab-head .tab-toggle.active {
  background: #575c77;
  color: white;
}
.tab-wrap .tab-box .tab-body {
  max-width: 132.6530612245vh;
  margin: 0 auto;
  background: #575c77;
  padding: 4.0816326531vh;
  border-radius: 4.0816326531vh;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 48.9795918367vh;
}
.tab-wrap .tab-box .tab-body figure {
  max-width: 102.0408163265vh;
  margin: 0 auto;
  overflow: hidden;
  border-radius: 2.0408163265vh;
}
.tab-wrap .tab-box .tab-body figure img {
  display: block;
  max-width: 100%;
  max-height: 46.9387755102vh;
  object-fit: contain;
}
.tab-wrap .tab-box .tab-card {
  display: none;
  min-height: 1px;
  transition: 0.3s all ease;
}
.tab-wrap .tab-box .tab-card.show {
  display: block;
}

.message-wrap {
  max-width: 154.0816326531vh;
  padding: 2.0408163265vh;
  border: 1px solid #fff;
  border-radius: 5.1020408163vh;
  margin-left: auto;
  margin-right: auto;
}
.message-wrap .message-box {
  background: #000;
  border-radius: 5.1020408163vh;
  padding: 5.1020408163vh 0 8.1632653061vh;
  overflow: hidden;
  position: relative;
}
.message-wrap .message-box .msg-bg {
  position: absolute;
  inset: 0;
  z-index: 2;
}
.message-wrap .message-box .msg-bg img {
  position: relative;
  z-index: 1;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: top;
}
.message-wrap .message-box .msg-bg:before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 4;
  mix-blend-mode: hard-light;
}
.message-wrap .message-box .msg-bg:after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 3;
  background: #000;
  mix-blend-mode: soft-light;
}
.message-wrap .message-box.correct .msg-bg:before {
  background: #0d3a23;
}
.message-wrap .message-box.wrong .msg-bg:before {
  background: #931d26;
}
.message-wrap .message-box .message-data {
  position: relative;
  z-index: 5;
  text-align: center;
}
.message-wrap .message-box .message-data i {
  display: block;
  margin: 0 auto;
  width: 4.2857142857vh;
  height: 4.2857142857vh;
  margin-bottom: 3.0612244898vh;
}
.message-wrap .message-box .message-data i img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.message-wrap .message-box .message-data h4 {
  font-size: 3.2653061224vh;
  font-weight: 500;
  color: white;
  line-height: 1;
  margin-bottom: 10.2040816327vh;
}
.message-wrap .message-box .message-data p {
  font-size: 2.2448979592vh;
  color: white;
  line-height: 1.65;
  font-weight: 600;
  margin-bottom: 12.2448979592vh;
}
.message-wrap .message-box .message-data p b, .message-wrap .message-box .message-data p strong {
  font-weight: 800;
}
.message-wrap .message-box .message-data .start-btn {
  margin: 0 auto;
  width: 27.5510204082vh;
  height: 5.306122449vh;
  font-size: 2.1428571429vh;
  justify-content: center;
  padding: 0;
  padding-right: 3.0612244898vh;
}
.message-wrap .message-box .message-data .start-btn:after {
  width: 4.2857142857vh;
  height: 4.2857142857vh;
}

.padd-sm {
  padding-top: 5.1020408163vh;
  padding-bottom: 5.1020408163vh;
}

.rounded-wrap {
  max-width: 154.0816326531vh;
  padding: 2.0408163265vh;
  border: 1px solid #fff;
  border-radius: 5.1020408163vh;
  margin-left: auto;
  margin-right: auto;
}
.rounded-wrap .rounded-box {
  background: rgba(50, 54, 80, 0.45);
  border-radius: 5.1020408163vh;
  padding: 4.0816326531vh 0;
  overflow: hidden;
  position: relative;
}

.overview-sec {
  padding-top: 16.3265306122vh;
  padding-bottom: 10.2040816327vh;
}
.overview-sec .container {
  max-width: 175.5102040816vh;
}
.overview-sec .introbox {
  max-width: 169.387755102vh;
  padding: 2.0408163265vh;
  border: 0.2040816327vh solid rgba(63, 168, 244, 0.5);
}
.overview-sec .ov-msg {
  margin-top: 3.0612244898vh;
  margin-bottom: -1.5306122449vh;
  display: flex;
  align-items: center;
}
.overview-sec .ov-msg > div {
  display: flex;
  align-items: center;
}
.overview-sec .ov-msg > div img {
  display: block;
  width: 5.1020408163vh;
  margin-right: 2.5510204082vh;
}
.overview-sec .ov-msg > div span {
  display: block;
  font-size: 2.1428571429vh;
  color: white;
  font-weight: bold;
  line-height: 1;
}
.overview-sec .ov-msg > div + div {
  margin-left: 10.8163265306vh;
}
.overview-sec .ov-msg .cs-btn {
  margin-left: auto;
}
.overview-sec .overview-list {
  display: grid;
  column-gap: 3.0612244898vh;
  grid-row-gap: 3.0612244898vh;
  grid-template-columns: repeat(4, 1fr);
}
.overview-sec .overview-list .ov-card {
  width: 34.2857142857vh;
  height: 20.612244898vh;
  overflow: hidden;
  border-radius: 4.0816326531vh 4.0816326531vh 0 0;
  position: relative;
  border: 0.1020408163vh solid black;
  border-bottom: 0;
}
.overview-sec .overview-list .ov-card:before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 3;
  mix-blend-mode: multiply;
}
.overview-sec .overview-list .ov-card:after {
  content: "";
  position: absolute;
  top: 0;
  left: 1.0204081633vh;
  width: 14.2857142857vh;
  height: 14.2857142857vh;
  margin-top: -3.0612244898vh;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: 5% 0%;
  z-index: 8;
  mix-blend-mode: soft-light;
  opacity: 0.5;
}
.overview-sec .overview-list .ov-card figure {
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.overview-sec .overview-list .ov-card figure img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.overview-sec .overview-list .ov-card h3 {
  font-size: 4.8979591837vh;
  color: white;
  font-weight: 900;
  line-height: 1;
  white-space: nowrap;
  position: absolute;
  left: 0;
  bottom: 0;
  margin-left: 2.7551020408vh;
  margin-bottom: 1.7346938776vh;
  opacity: 0.65;
  z-index: 4;
}
.overview-sec .overview-list .ov-card .borderbtm {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 0.5102040816vh;
  z-index: 7;
}
.overview-sec .overview-list .ov-card.true:before {
  background: #006837;
}
.overview-sec .overview-list .ov-card.true:after {
  background-image: url(../images/over-true.png);
}
.overview-sec .overview-list .ov-card.false:before {
  background: #931d26;
}
.overview-sec .overview-list .ov-card.false:after {
  background-image: url(../images/over-false.png);
}
.overview-sec .cs-btn {
  height: 5.612244898vh;
  background-color: #b0237a;
  background: -moz-linear-gradient(left, #b0237a 0%, #ec478c 100%);
  background: -webkit-linear-gradient(left, #b0237a 0%, #ec478c 100%);
  background: linear-gradient(to right, #b0237a 0%, #ec478c 100%);
  color: white;
  font-size: 2.1428571429vh;
  font-weight: 800;
  padding: 0 3.0612244898vh;
  border-radius: 8.1632653061vh;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  min-width: 20.4081632653vh;
  position: relative;
  transition: 0.3s all ease;
  border: 0;
  cursor: pointer;
}
.overview-sec .cs-btn:before {
  content: "";
  position: absolute;
  inset: 0;
  margin: -1.0204081633vh;
  border: 1px solid white;
  border-radius: 8.1632653061vh;
  transition: 0.3s all ease;
}
.overview-sec .cs-btn:hover {
  background-color: #b0237a;
  background: -moz-linear-gradient(left, #b0237a 0%, #ec478c 100%);
  background: -webkit-linear-gradient(left, #b0237a 0%, #ec478c 100%);
  background: linear-gradient(to right, #b0237a 0%, #ec478c 100%);
  color: white;
}

.result-sec {
  padding-top: 17.3469387755vh;
  padding-bottom: 11.2244897959vh;
}
.result-sec .introbox {
  border: 0.2040816327vh solid rgba(63, 168, 244, 0.5);
}
.result-sec .introbox .introhead {
  text-align: center;
}
.result-sec .introbox .introhead h2 {
  font-size: 6.3265306122vh;
  font-weight: 900;
  color: transparent;
  background: -webkit-linear-gradient(left, #ec478c, #b0237a);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  line-height: 1;
}
.result-sec .introbox .introbody .result-card p {
  font-size: 5.1020408163vh;
  color: white;
  font-weight: bold;
  line-height: 1.5;
  text-align: center;
  margin-bottom: 0;
}
.result-sec .introbox .introbody .result-card .btnwrap {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 3.0612244898vh 0;
  margin-top: 4.0816326531vh;
}
.result-sec .introbox .introbody .result-card .load-btn {
  height: 5.612244898vh;
  background: rgba(255, 255, 255, 0.4);
  color: #323650;
  font-size: 2.4489795918vh;
  font-weight: 800;
  padding: 0 4.0816326531vh;
  border-radius: 8.1632653061vh;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  min-width: 40.8163265306vh;
  position: relative;
  transition: 0.3s all ease;
  border: 0;
  cursor: pointer;
}
.result-sec .introbox .introbody .result-card .load-btn:before {
  content: "";
  position: absolute;
  inset: 0;
  margin: -1.0204081633vh;
  border: 1px solid white;
  border-radius: 8.1632653061vh;
  transition: 0.3s all ease;
  opacity: 0;
  visibility: hidden;
}
.result-sec .introbox .introbody .result-card .load-btn:hover {
  background-color: #b0237a;
  background: -moz-linear-gradient(left, #b0237a 0%, #ec478c 100%);
  background: -webkit-linear-gradient(left, #b0237a 0%, #ec478c 100%);
  background: linear-gradient(to right, #b0237a 0%, #ec478c 100%);
  color: white;
}
.result-sec .introbox .introbody .result-card .load-btn:hover:before {
  opacity: 1;
  visibility: visible;
}
.result-sec .introbox .introbody .result-card .load-btn.load-btn {
  margin-left: 5.1020408163vh;
}

@media all and (max-width: 1024px) and (orientation: landscape) {
  main {
    transform: scale(0.92);
  }
  .pagecontents {
    max-width: 195.9183673469vh;
    padding-top: 8.1632653061vh;
    padding-bottom: 6.1224489796vh;
  }
  .pagecontents .toplogo {
    margin-bottom: 7.1428571429vh;
  }
  .pagecontents .toplogo img {
    width: 71.4285714286vh;
  }
  .pagecontents p {
    font-size: 2.5510204082vh;
  }
  .pagecontents p + p {
    margin-top: 3.0612244898vh;
  }
  .pagecontents .pt-box .box figure {
    width: 27.5510204082vh;
    height: 30.612244898vh;
    border-radius: 1.4285714286vh;
    margin-bottom: 3.5714285714vh;
  }
}
@media (max-width: 1024px) and (orientation: landscape) and (max-width: 575px) {
  .pagecontents .pt-box .box figure {
    border-radius: 0.8163265306vh;
  }
}
@media all and (max-width: 1024px) and (orientation: landscape) {
  .pagecontents .pt-box .box h5 {
    font-size: 1.8367346939vh;
  }
  .pagecontents .pt-box .box + .box {
    margin-left: 4.0816326531vh;
  }
  .pagecontents .btnbox {
    margin-top: 5.1020408163vh;
  }
  .pagecontents .btmtext p + p {
    margin-left: 4.0816326531vh;
  }
  .pagecontents .next-btn {
    width: 22.4489795918vh;
    height: 6.1224489796vh;
    font-size: 2.4489795918vh;
    padding-right: 3.0612244898vh;
  }
  .pagecontents .next-btn:after {
    width: 5.1020408163vh;
    height: 5.1020408163vh;
    right: 2px;
  }
  .rotate {
    bottom: 0.8163265306vh;
  }
  .rotate img {
    width: 1.4285714286vh;
  }
  aside {
    margin-left: 3.5714285714vh;
  }
  aside .home-link {
    width: 3.6734693878vh;
    height: 3.6734693878vh;
    margin-bottom: 3.0612244898vh;
  }
  aside ul:before {
    height: 17.3469387755vh;
  }
  aside ul:after {
    width: 1.0204081633vh;
    height: 1.0204081633vh;
  }
  aside ul li > span {
    font-size: 1.3265306122vh;
  }
  aside ul li:after {
    height: 2.0408163265vh;
  }
  aside ul li a {
    width: 3.0612244898vh;
    height: 3.0612244898vh;
    font-size: 1.3265306122vh;
  }
  aside ul li.active {
    padding-top: 2.5510204082vh;
  }
  .start-btn {
    width: 32.6530612245vh;
    height: 6.6326530612vh;
    padding-left: 2.7551020408vh;
    font-size: 2.4489795918vh;
  }
  .start-btn:after {
    right: 3px;
    width: 5.1020408163vh;
    height: 5.1020408163vh;
  }
  .pagecontents-2 {
    padding-top: 10.2040816327vh;
    padding-bottom: 7.1428571429vh;
  }
  .pagecontents-2 h1 {
    font-size: 8.1632653061vh;
    margin-bottom: 3.0612244898vh;
  }
  .pagecontents-2 h3 {
    font-size: 3.2653061224vh;
    margin-bottom: 3.0612244898vh;
  }
  .pagecontents-2 p {
    font-size: 2.0408163265vh;
    margin-bottom: 6.1224489796vh;
  }
  .pagecontents-2 .note {
    margin-top: 6.1224489796vh;
  }
  .pagecontents-2 .note p {
    font-size: 1.4285714286vh;
  }
  .pagecontents-2 .sidelogo {
    margin-bottom: 5.1020408163vh;
  }
  .pagecontents-2 .sidelogo img {
    max-width: 51.0204081633vh;
  }
  .topsidelogo {
    margin-top: 3.4693877551vh;
    margin-right: 9.1836734694vh;
  }
  .topsidelogo img {
    width: 28.5714285714vh;
  }
  .intro-section {
    padding-top: 10.2040816327vh;
    padding-bottom: 8.1632653061vh;
  }
  .intro-section .introbox {
    max-width: 142.8571428571vh;
    padding: 1.7346938776vh;
    border-radius: 4.0816326531vh;
  }
  .intro-section .introbox .col-6 {
    padding-left: 1.2244897959vh;
    padding-right: 1.2244897959vh;
  }
  .intro-section .introbox .introdata {
    border-radius: 4.0816326531vh;
  }
  .intro-section .introbox .introdata .introhead {
    padding: 4.0816326531vh 3.0612244898vh;
  }
  .intro-section .introbox .introdata .introhead h1 {
    font-size: 4.8979591837vh;
  }
  .intro-section .introbox .introdata .introhead h1 img {
    width: 2.0408163265vh;
    vertical-align: 0.4081632653vh;
  }
  .intro-section .introbox .introdata .introbody {
    padding: 4.0816326531vh 6.1224489796vh;
    padding-left: 7.1428571429vh;
  }
  .intro-section .introbox .introdata .introbody p {
    font-size: 2.4489795918vh;
    margin-bottom: 3.0612244898vh;
  }
  .intro-section .introbox .introdata .introbody h4 {
    font-size: 2.9591836735vh;
    margin-bottom: 7.1428571429vh;
  }
  .intro-section .introbox .introdata .introbody .note {
    margin-top: 7.1428571429vh;
  }
  .intro-section .introbox .introdata .introbody .note p {
    font-size: 1.4285714286vh;
  }
  .intro-section .introbox .introdata .introbody .start-btn {
    width: 46.9387755102vh;
  }
  .profile-sec {
    padding-top: 10.2040816327vh;
    padding-bottom: 4.0816326531vh;
  }
  .profilewrap .profilebox1 {
    width: 51.0204081633vh;
    padding: 1.8367346939vh;
    border: 0.1020408163vh solid #fff;
    border-radius: 4.0816326531vh;
    margin-right: 2.0408163265vh;
  }
  .profilewrap .profilebox1 .profilecard {
    border-radius: 4.0816326531vh;
  }
  .profilewrap .profilebox1 .profilecard .profile-pic {
    height: 24.4897959184vh;
  }
  .profilewrap .profilebox1 .profilecard .profile-pic .borderbtm {
    height: 0.612244898vh;
  }
  .profilewrap .profilebox1 .profilecard .profile-pic h2 {
    font-size: 6.9387755102vh;
    margin-bottom: 2.5510204082vh;
    margin-left: 3.0612244898vh;
  }
  .profilewrap .profilebox1 .profilecard .profile-dt {
    padding: 3.5714285714vh;
    padding-bottom: 2.0408163265vh;
  }
  .profilewrap .profilebox1 .profilecard .profile-dt ul {
    margin-bottom: 1.5306122449vh;
  }
  .profilewrap .profilebox1 .profilecard .profile-dt ul li {
    font-size: 2.2448979592vh;
  }
  .profilewrap .profilebox1 .profilecard .profile-dt ul li img {
    width: 2.0408163265vh;
    margin-right: 0.7142857143vh;
  }
  .profilewrap .profilebox1 .profilecard .profile-dt ul li + li {
    margin-top: 1.5306122449vh;
  }
  .profilewrap .profilebox1 .profilecard .profile-dt p {
    font-size: 1.3265306122vh;
  }
  .profilewrap .profilebox1 .profilecard .profile-dt .btnbox {
    margin-top: 2.5510204082vh;
  }
  .profilewrap .profilebox1 .profilecard .profile-dt .btnbox .start-btn {
    width: 36.7346938776vh;
  }
  .profilewrap .profilebox2 {
    width: 106.1224489796vh;
    padding: 1.8367346939vh;
    border: 0.306122449vh solid #3fa8f4;
    border-radius: 4.0816326531vh;
  }
  .profilewrap .profilebox2 .profilecard {
    border-radius: 4.0816326531vh;
  }
  .profilewrap .profilebox2 .profilecard .pro-head {
    padding: 2.5510204082vh 3.0612244898vh;
  }
  .profilewrap .profilebox2 .profilecard .pro-head h2 {
    font-size: 3.4693877551vh;
  }
  .profilewrap .profilebox2 .profilecard .pro-head h2 img {
    width: 2.2448979592vh;
  }
  .profilewrap .profilebox2 .profilecard .pro-body {
    padding: 2.5510204082vh 5.1020408163vh;
    padding-left: 7.1428571429vh;
  }
  .profilewrap .profilebox2 .profilecard .pro-body p {
    font-size: 1.7346938776vh;
  }
  .profilewrap .profilebox2 .profilecard .pro-body h4 {
    font-size: 1.8367346939vh;
    margin-bottom: 1.0204081633vh;
  }
  .profilewrap .profilebox3 {
    width: 106.1224489796vh;
    padding: 1.8367346939vh;
    border: 0.306122449vh solid #3fa8f4;
    border-radius: 4.0816326531vh;
  }
  .profilewrap .profilebox3 .profilecard {
    border-radius: 4.0816326531vh;
    padding: 2.5510204082vh 3.0612244898vh;
  }
  .profilewrap .profilebox3 .profilecard h3 {
    font-size: 2.1428571429vh;
  }
  .profilewrap .profilebox3 .profilecard .btnwrap {
    padding: 2.5510204082vh 0;
  }
  .profilewrap .profilebox3 .profilecard .load-btn {
    height: 5.1020408163vh;
    font-size: 2.1428571429vh;
    padding: 0 3.0612244898vh;
    border-radius: 8.1632653061vh;
    min-width: 34.693877551vh;
  }
  .profilewrap .profilebox3 .profilecard .load-btn:before {
    margin: -1.0204081633vh;
    border-radius: 8.1632653061vh;
  }
  .profilewrap .profilebox3 .profilecard .start-btn {
    width: 23.4693877551vh;
  }
  .tabbox-sec {
    padding-top: 10.2040816327vh;
    padding-bottom: 6.1224489796vh;
  }
  .tab-wrap {
    max-width: 154.0816326531vh;
    padding: 2.0408163265vh;
    border-radius: 5.1020408163vh;
  }
  .tab-wrap .tab-box {
    background: rgba(50, 54, 80, 0.45);
    border-radius: 5.1020408163vh;
    padding: 3.0612244898vh 0 4.0816326531vh;
  }
  .tab-wrap .tab-box .tabclose {
    margin-top: -3.0612244898vh;
    margin-right: -3.0612244898vh;
  }
  .tab-wrap .tab-box .tabclose img {
    width: 6.5306122449vh;
  }
  .tab-wrap .tab-box .tab-head {
    max-width: 138.7755102041vh;
    margin-bottom: 2.0408163265vh;
  }
  .tab-wrap .tab-box .tab-head .tab-toggle {
    font-size: 1.8367346939vh;
    padding: 0 3.0612244898vh;
    height: 3.5714285714vh;
    margin-bottom: 1.5306122449vh;
    margin-right: 1.5306122449vh;
  }
  .tab-wrap .tab-box .tab-body {
    max-width: 132.6530612245vh;
    padding: 4.0816326531vh;
    border-radius: 4.0816326531vh;
    min-height: 48.9795918367vh;
  }
  .tab-wrap .tab-box .tab-body figure {
    max-width: 91.8367346939vh;
    border-radius: 2.0408163265vh;
  }
  .tab-wrap .tab-box .tab-body figure img {
    max-height: 40.8163265306vh;
  }
  .message-wrap {
    max-width: 154.0816326531vh;
    padding: 2.0408163265vh;
    border-radius: 5.1020408163vh;
  }
  .message-wrap .message-box {
    border-radius: 5.1020408163vh;
    padding: 4.0816326531vh 0 6.1224489796vh;
  }
  .message-wrap .message-box .message-data i {
    width: 4.0816326531vh;
    height: 4.0816326531vh;
    margin-bottom: 2.5510204082vh;
  }
  .message-wrap .message-box .message-data h4 {
    font-size: 2.8571428571vh;
    margin-bottom: 8.1632653061vh;
  }
  .message-wrap .message-box .message-data p {
    font-size: 1.6326530612vh;
    margin-bottom: 10.2040816327vh;
  }
  .message-wrap .message-box .message-data .start-btn {
    width: 27.5510204082vh;
    height: 5.306122449vh;
    font-size: 1.9387755102vh;
    padding-right: 3.0612244898vh;
  }
  .message-wrap .message-box .message-data .start-btn:after {
    width: 4.0816326531vh;
    height: 4.0816326531vh;
  }
  .padd-sm {
    padding-top: 4.0816326531vh;
    padding-bottom: 4.0816326531vh;
  }
  .rounded-wrap {
    max-width: 154.0816326531vh;
    padding: 2.0408163265vh;
    border-radius: 5.1020408163vh;
    transform: scale(0.96);
  }
  .rounded-wrap .rounded-box {
    border-radius: 5.1020408163vh;
    padding: 4.0816326531vh 0;
  }
  .ps-list {
    padding-left: 7.1428571429vh;
    padding-right: 4.0816326531vh;
  }
  .ps-list h3 {
    font-size: 4.4897959184vh;
    margin-bottom: 2.5510204082vh;
  }
  .ps-list .stars {
    width: 61.2244897959vh;
  }
  .ps-list .stars .rates {
    width: 4.2857142857vh;
    height: 4.2857142857vh;
    font-size: 2.2448979592vh;
    border: 0.2040816327vh solid #e5e5e5;
  }
  .ps-list table {
    margin-bottom: 6.1224489796vh;
  }
  .ps-list table tr td {
    font-size: 2.1428571429vh;
    padding: 1.8367346939vh 0;
  }
  .ps-list table tr td img {
    width: 4.0816326531vh;
  }
  .ps-list .btnwrap {
    padding-bottom: 1.0204081633vh;
  }
  .ps-list .btnwrap .cs-btn {
    height: 5.612244898vh;
    font-size: 2.1428571429vh;
    font-weight: 800;
    padding: 0 3.0612244898vh;
    border-radius: 8.1632653061vh;
    min-width: 20.4081632653vh;
  }
  .ps-list .btnwrap .cs-btn:before {
    margin: -1.0204081633vh;
    border-radius: 8.1632653061vh;
  }
  .overview-sec {
    padding-top: 10.2040816327vh;
    padding-bottom: 7.1428571429vh;
  }
  .overview-sec .container {
    max-width: 175.5102040816vh;
  }
  .overview-sec .introbox {
    max-width: 169.387755102vh;
    padding: 2.0408163265vh;
    border: 0.2040816327vh solid rgba(63, 168, 244, 0.5);
    transform: scale(0.9);
  }
  .overview-sec .ov-msg {
    margin-top: 3.0612244898vh;
    margin-bottom: -1.5306122449vh;
  }
  .overview-sec .ov-msg > div img {
    width: 5.1020408163vh;
    margin-right: 2.0408163265vh;
  }
  .overview-sec .ov-msg > div span {
    font-size: 1.9387755102vh;
  }
  .overview-sec .ov-msg > div + div {
    margin-left: 8.6734693878vh;
  }
  .overview-sec .overview-list {
    column-gap: 2.5510204082vh;
    grid-row-gap: 2.5510204082vh;
  }
  .overview-sec .overview-list .ov-card {
    width: 34.2857142857vh;
    height: 20.612244898vh;
    border-radius: 4.0816326531vh 4.0816326531vh 0 0;
    border: 0.1020408163vh solid black;
  }
  .overview-sec .overview-list .ov-card:after {
    left: 1.0204081633vh;
    width: 14.2857142857vh;
    height: 14.2857142857vh;
    margin-top: -3.0612244898vh;
  }
  .overview-sec .overview-list .ov-card h3 {
    font-size: 4.8979591837vh;
    margin-left: 2.7551020408vh;
    margin-bottom: 1.7346938776vh;
  }
  .overview-sec .overview-list .ov-card .borderbtm {
    height: 0.5102040816vh;
  }
  .overview-sec .cs-btn {
    height: 5.612244898vh;
    font-size: 2.1428571429vh;
    padding: 0 3.0612244898vh;
    border-radius: 8.1632653061vh;
    min-width: 20.4081632653vh;
  }
  .overview-sec .cs-btn:before {
    margin: -1.0204081633vh;
    border-radius: 8.1632653061vh;
  }
  .result-sec {
    padding-top: 10.2040816327vh;
    padding-bottom: 8.1632653061vh;
  }
  .result-sec .introbox {
    border: 0.2040816327vh solid rgba(63, 168, 244, 0.5);
  }
  .result-sec .introbox .introhead h2 {
    font-size: 6.1224489796vh;
  }
  .result-sec .introbox .introbody .result-card p {
    font-size: 4.8979591837vh;
  }
  .result-sec .introbox .introbody .result-card .btnwrap {
    padding: 3.0612244898vh 0;
    margin-top: 4.0816326531vh;
  }
  .result-sec .introbox .introbody .result-card .load-btn {
    height: 5.612244898vh;
    font-size: 2.4489795918vh;
    padding: 0 4.0816326531vh;
    border-radius: 8.1632653061vh;
    min-width: 40.8163265306vh;
  }
  .result-sec .introbox .introbody .result-card .load-btn:before {
    margin: -1.0204081633vh;
    border-radius: 8.1632653061vh;
  }
  .result-sec .introbox .introbody .result-card .load-btn.load-btn {
    margin-left: 5.1020408163vh;
  }
}
.vw main {
  max-width: 100vw;
}
.vw .container {
  max-width: 85%;
  padding-left: 1.5625vw;
  padding-right: 1.5625vw;
}
.vw .pagecontents {
  max-width: 100vw;
  padding-top: 6.7708333333vw;
  padding-bottom: 3.90625vw;
}
.vw .pagecontents .toplogo {
  margin-bottom: 5.2083333333vw;
}
.vw .pagecontents .toplogo img {
  width: 48.4375vw;
}
.vw .pagecontents p {
  font-size: 1.5104166667vw;
}
.vw .pagecontents p + p {
  margin-top: 1.8229166667vw;
}
.vw .pagecontents .pt-box .box figure {
  width: 15.625vw;
  height: 17.96875vw;
  border-radius: 0.8854166667vw;
  margin-bottom: 2.34375vw;
}
@media (max-width: 575px) {
  .vw .pagecontents .pt-box .box figure {
    border-radius: 0.5208333333vw;
  }
}
.vw .pagecontents .pt-box .box h5 {
  font-size: 1.09375vw;
}
@media (max-width: 1919px) {
  .vw .pagecontents .pt-box .box h5 {
    font-size: 1.09375vw;
  }
}
.vw .pagecontents .pt-box .box + .box {
  margin-left: 2.6041666667vw;
}
.vw .pagecontents .btnbox {
  margin-top: 3.6458333333vw;
}
.vw .pagecontents .btmtext p + p {
  margin-left: 2.6041666667vw;
}
.vw .pagecontents .next-btn {
  width: 13.0208333333vw;
  height: 3.6458333333vw;
  border-radius: 2.0833333333vw;
  font-size: 1.4583333333vw;
  padding-right: 1.5625vw;
}
.vw .pagecontents .next-btn:after {
  width: 3.0208333333vw;
  height: 3.0208333333vw;
}
.vw .rotate {
  bottom: 0.5208333333vw;
}
.vw .rotate img {
  width: 0.8333333333vw;
}
.vw .pagesection {
  max-width: 100vw;
}
.vw aside {
  margin-left: 2.34375vw;
}
.vw aside .home-link {
  width: 2.1875vw;
  height: 2.1875vw;
  margin-bottom: 2.6041666667vw;
}
.vw aside .home-link img {
  max-width: 0.8333333333vw;
}
.vw aside ul:before {
  height: 12.5vw;
}
.vw aside ul:after {
  width: 0.5208333333vw;
  height: 0.5208333333vw;
}
.vw aside ul li > span {
  font-size: 0.7291666667vw;
}
.vw aside ul li:after {
  height: 1.0416666667vw;
}
.vw aside ul li a {
  width: 1.5625vw;
  height: 1.5625vw;
  font-size: 0.7291666667vw;
}
.vw aside ul li.active {
  padding-top: 1.5625vw;
}
.vw .start-btn {
  width: 18.2291666667vw;
  height: 3.6458333333vw;
  padding-left: 1.71875vw;
  border-radius: 2.0833333333vw;
  font-size: 1.4583333333vw;
}
.vw .start-btn:after {
  right: 0.2083333333vw;
  width: 3.0208333333vw;
  height: 3.0208333333vw;
}
.vw .pagecontents-2 {
  padding-top: 8.3333333333vw;
  padding-bottom: 4.6875vw;
}
.vw .pagecontents-2 h1 {
  font-size: 5.2083333333vw;
  margin-bottom: 1.8229166667vw;
}
.vw .pagecontents-2 h3 {
  font-size: 2.6041666667vw;
  margin-bottom: 2.34375vw;
}
.vw .pagecontents-2 p {
  font-size: 1.3020833333vw;
  margin-bottom: 3.6458333333vw;
}
.vw .pagecontents-2 .note {
  margin-top: 3.6458333333vw;
}
.vw .pagecontents-2 .note p {
  font-size: 0.78125vw;
}
.vw .pagecontents-2 .sidelogo {
  margin-bottom: 3.125vw;
}
.vw .pagecontents-2 .sidelogo img {
  max-width: 30.7291666667vw;
}
.vw .topsidelogo {
  margin-top: 1.8229166667vw;
  margin-right: 3.125vw;
}
.vw .topsidelogo img {
  width: 23.4375vw;
}
.vw .intro-section {
  padding-top: 8.3333333333vw;
  padding-bottom: 5.2083333333vw;
}
.vw .intro-section .introbox {
  max-width: 74.7395833333vw;
  padding: 1.0416666667vw;
  border-radius: 2.0833333333vw;
}
.vw .intro-section .introbox .col-6 {
  padding-left: 0.625vw;
  padding-right: 0.625vw;
}
.vw .intro-section .introbox .introdata {
  border-radius: 2.0833333333vw;
}
.vw .intro-section .introbox .introdata .introhead {
  padding: 2.6041666667vw 2.0833333333vw;
}
.vw .intro-section .introbox .introdata .introhead h1 {
  font-size: 2.8645833333vw;
}
.vw .intro-section .introbox .introdata .introhead h1 img {
  width: 1.25vw;
  vertical-align: 0.2604166667vw;
}
.vw .intro-section .introbox .introdata .introbody {
  padding: 2.34375vw 3.6458333333vw;
  padding-left: 4.1666666667vw;
}
.vw .intro-section .introbox .introdata .introbody p {
  font-size: 1.40625vw;
  margin-bottom: 2.0833333333vw;
}
.vw .intro-section .introbox .introdata .introbody h4 {
  font-size: 1.6666666667vw;
  margin-bottom: 4.1666666667vw;
}
.vw .intro-section .introbox .introdata .introbody .note {
  margin-top: 4.1666666667vw;
}
.vw .intro-section .introbox .introdata .introbody .note p {
  font-size: 0.78125vw;
}
.vw .intro-section .introbox .introdata .introbody .start-btn {
  width: 25vw;
}
.vw .profile-sec {
  padding-top: 7.8125vw;
  padding-bottom: 2.6041666667vw;
}
.vw .profilewrap .profilebox1 {
  width: 26.0416666667vw;
  padding: 0.9375vw;
  border: 0.0520833333vw solid #fff;
  border-radius: 2.0833333333vw;
}
.vw .profilewrap .profilebox1 .profilecard {
  border-radius: 2.0833333333vw;
}
.vw .profilewrap .profilebox1 .profilecard .profile-pic {
  height: 14.0625vw;
}
.vw .profilewrap .profilebox1 .profilecard .profile-pic .borderbtm {
  height: 0.3125vw;
}
.vw .profilewrap .profilebox1 .profilecard .profile-pic h2 {
  font-size: 3.90625vw;
  margin-bottom: 1.3020833333vw;
  margin-left: 2.0833333333vw;
}
.vw .profilewrap .profilebox1 .profilecard .profile-dt {
  padding: 2.0833333333vw;
  padding-bottom: 1.3020833333vw;
}
.vw .profilewrap .profilebox1 .profilecard .profile-dt ul {
  margin-bottom: 0.78125vw;
}
.vw .profilewrap .profilebox1 .profilecard .profile-dt ul li {
  font-size: 1.3020833333vw;
}
.vw .profilewrap .profilebox1 .profilecard .profile-dt ul li img {
  width: 1.1979166667vw;
  margin-right: 0.3645833333vw;
}
.vw .profilewrap .profilebox1 .profilecard .profile-dt ul li + li {
  margin-top: 0.78125vw;
}
.vw .profilewrap .profilebox1 .profilecard .profile-dt p {
  font-size: 0.7291666667vw;
}
.vw .profilewrap .profilebox1 .profilecard .profile-dt .btnbox {
  margin-top: 1.3020833333vw;
}
.vw .profilewrap .profilebox1 .profilecard .profile-dt .btnbox .start-btn {
  width: 19.4791666667vw;
}
.vw .profilewrap .profilebox2 {
  width: 54.1666666667vw;
  padding: 0.9375vw;
  border: 0.15625vw solid #3fa8f4;
  border-radius: 2.0833333333vw;
}
.vw .profilewrap .profilebox2 .profilecard {
  border-radius: 2.0833333333vw;
}
.vw .profilewrap .profilebox2 .profilecard .pro-head {
  padding: 1.5625vw 2.0833333333vw;
}
.vw .profilewrap .profilebox2 .profilecard .pro-head h2 {
  font-size: 2.0833333333vw;
}
.vw .profilewrap .profilebox2 .profilecard .pro-head h2 img {
  width: 1.25vw;
}
.vw .profilewrap .profilebox2 .profilecard .pro-body {
  padding: 1.8229166667vw 3.125vw;
  padding-left: 3.90625vw;
}
.vw .profilewrap .profilebox2 .profilecard .pro-body p {
  font-size: 1.0416666667vw;
}
.vw .profilewrap .profilebox2 .profilecard .pro-body h4 {
  font-size: 1.09375vw;
  margin-bottom: 0.5208333333vw;
}
.vw .profilewrap .profilebox3 {
  width: 54.1666666667vw;
  padding: 0.9375vw;
  border: 0.15625vw solid #3fa8f4;
  border-radius: 2.0833333333vw;
}
.vw .profilewrap .profilebox3 .profilecard {
  border-radius: 2.0833333333vw;
  padding: 1.5625vw 2.0833333333vw;
  padding-bottom: 1.0416666667vw;
}
.vw .profilewrap .profilebox3 .profilecard h3 {
  font-size: 1.1979166667vw;
}
.vw .profilewrap .profilebox3 .profilecard .btnwrap {
  padding: 1.5625vw 0;
}
.vw .profilewrap .profilebox3 .profilecard .load-btn {
  height: 2.8645833333vw;
  font-size: 1.25vw;
  padding: 0 2.0833333333vw;
  border-radius: 4.1666666667vw;
  min-width: 18.75vw;
}
.vw .profilewrap .profilebox3 .profilecard .load-btn:before {
  margin: -0.5208333333vw;
  border-radius: 4.1666666667vw;
}
.vw .profilewrap .profilebox3 .profilecard .start-btn {
  width: 12.2395833333vw;
}
.vw .tabbox-sec {
  padding-top: 7.2916666667vw;
  padding-bottom: 3.6458333333vw;
}
.vw .tab-wrap {
  max-width: 78.6458333333vw;
  padding: 1.0416666667vw;
  border-radius: 2.6041666667vw;
}
.vw .tab-wrap .tab-box {
  background: rgba(50, 54, 80, 0.45);
  border-radius: 2.6041666667vw;
  padding: 2.0833333333vw 0 2.6041666667vw;
}
.vw .tab-wrap .tab-box .tabclose {
  margin-top: -1.7708333333vw;
  margin-right: -1.7708333333vw;
}
.vw .tab-wrap .tab-box .tabclose img {
  width: 3.5416666667vw;
}
.vw .tab-wrap .tab-box .tab-head {
  max-width: 70.8333333333vw;
  margin-bottom: 1.0416666667vw;
}
.vw .tab-wrap .tab-box .tab-head .tab-toggle {
  font-size: 1.0416666667vw;
  padding: 0 2.0833333333vw;
  height: 1.8229166667vw;
  margin-bottom: 0.78125vw;
  margin-right: 0.78125vw;
}
.vw .tab-wrap .tab-box .tab-body {
  max-width: 67.7083333333vw;
  padding: 2.0833333333vw;
  border-radius: 2.0833333333vw;
  min-height: 25vw;
}
.vw .tab-wrap .tab-box .tab-body figure {
  max-width: 52.0833333333vw;
  border-radius: 1.0416666667vw;
}
.vw .tab-wrap .tab-box .tab-body figure img {
  max-height: 23.9583333333vw;
}
.vw .message-wrap {
  max-width: 78.6458333333vw;
  padding: 1.0416666667vw;
  border-radius: 2.6041666667vw;
}
.vw .message-wrap .message-box {
  border-radius: 2.6041666667vw;
  padding: 2.6041666667vw 0 4.1666666667vw;
}
.vw .message-wrap .message-box .message-data i {
  width: 2.1875vw;
  height: 2.1875vw;
  margin-bottom: 1.5625vw;
}
.vw .message-wrap .message-box .message-data h4 {
  font-size: 1.6666666667vw;
  margin-bottom: 5.2083333333vw;
}
.vw .message-wrap .message-box .message-data p {
  font-size: 1.1458333333vw;
  margin-bottom: 6.25vw;
}
.vw .message-wrap .message-box .message-data .start-btn {
  width: 14.0625vw;
  height: 2.7083333333vw;
  font-size: 1.09375vw;
  padding-right: 1.5625vw;
}
.vw .message-wrap .message-box .message-data .start-btn:after {
  width: 2.1875vw;
  height: 2.1875vw;
}
.vw .padd-sm {
  padding-top: 2.6041666667vw;
  padding-bottom: 2.6041666667vw;
}
.vw .rounded-wrap {
  max-width: 78.6458333333vw;
  padding: 1.0416666667vw;
  border-radius: 2.6041666667vw;
}
.vw .rounded-wrap .rounded-box {
  border-radius: 2.6041666667vw;
  padding: 2.0833333333vw 0;
}
.vw .ps-list {
  padding-left: 3.6458333333vw;
  padding-right: 2.0833333333vw;
}
.vw .ps-list h3 {
  font-size: 2.2916666667vw;
  margin-bottom: 1.3020833333vw;
}
.vw .ps-list .stars {
  width: 31.25vw;
}
.vw .ps-list .stars .rates {
  width: 2.1875vw;
  height: 2.1875vw;
  font-size: 1.1458333333vw;
  border: 0.1041666667vw solid #e5e5e5;
}
.vw .ps-list table {
  margin-bottom: 3.125vw;
}
.vw .ps-list table tr td {
  font-size: 1.09375vw;
  padding: 0.9375vw 0;
}
.vw .ps-list table tr td img {
  width: 2.0833333333vw;
}
.vw .ps-list .btnwrap {
  padding-bottom: 0.5208333333vw;
}
.vw .ps-list .btnwrap .cs-btn {
  height: 2.8645833333vw;
  font-size: 1.09375vw;
  font-weight: 800;
  padding: 0 1.5625vw;
  border-radius: 4.1666666667vw;
  min-width: 10.4166666667vw;
}
.vw .ps-list .btnwrap .cs-btn:before {
  margin: -0.5208333333vw;
  border-radius: 4.1666666667vw;
}
.vw .overview-sec {
  padding-top: 8.3333333333vw;
  padding-bottom: 5.2083333333vw;
}
.vw .overview-sec .container {
  max-width: 89.5833333333vw;
}
.vw .overview-sec .introbox {
  max-width: 86.4583333333vw;
  padding: 1.0416666667vw;
  border: 0.1041666667vw solid rgba(63, 168, 244, 0.5);
}
.vw .overview-sec .ov-msg {
  margin-top: 1.5625vw;
  margin-bottom: -0.78125vw;
}
.vw .overview-sec .ov-msg > div img {
  width: 2.6041666667vw;
  margin-right: 1.3020833333vw;
}
.vw .overview-sec .ov-msg > div span {
  font-size: 1.09375vw;
}
.vw .overview-sec .ov-msg > div + div {
  margin-left: 5.5208333333vw;
}
.vw .overview-sec .overview-list {
  column-gap: 1.5625vw;
  grid-row-gap: 1.5625vw;
}
.vw .overview-sec .overview-list .ov-card {
  width: 17.5vw;
  height: 10.5208333333vw;
  border-radius: 2.0833333333vw 2.0833333333vw 0 0;
  border: 0.0520833333vw solid black;
}
.vw .overview-sec .overview-list .ov-card:after {
  left: 0.5208333333vw;
  width: 7.2916666667vw;
  height: 7.2916666667vw;
  margin-top: -1.5625vw;
}
.vw .overview-sec .overview-list .ov-card h3 {
  font-size: 2.5vw;
  margin-left: 1.40625vw;
  margin-bottom: 0.8854166667vw;
}
.vw .overview-sec .overview-list .ov-card .borderbtm {
  height: 0.2604166667vw;
}
.vw .overview-sec .cs-btn {
  height: 2.8645833333vw;
  font-size: 1.09375vw;
  padding: 0 1.5625vw;
  border-radius: 4.1666666667vw;
  min-width: 10.4166666667vw;
}
.vw .overview-sec .cs-btn:before {
  margin: -0.5208333333vw;
  border-radius: 4.1666666667vw;
}
.vw .result-sec {
  padding-top: 8.8541666667vw;
  padding-bottom: 5.7291666667vw;
}
.vw .result-sec .introbox {
  border: 0.1041666667vw solid rgba(63, 168, 244, 0.5);
}
.vw .result-sec .introbox .introhead h2 {
  font-size: 3.2291666667vw;
}
.vw .result-sec .introbox .introbody .result-card p {
  font-size: 2.6041666667vw;
}
.vw .result-sec .introbox .introbody .result-card .btnwrap {
  padding: 1.5625vw 0;
  margin-top: 2.0833333333vw;
}
.vw .result-sec .introbox .introbody .result-card .load-btn {
  height: 2.8645833333vw;
  font-size: 1.25vw;
  padding: 0 2.0833333333vw;
  border-radius: 4.1666666667vw;
  min-width: 20.8333333333vw;
}
.vw .result-sec .introbox .introbody .result-card .load-btn:before {
  margin: -0.5208333333vw;
  border-radius: 4.1666666667vw;
}
.vw .result-sec .introbox .introbody .result-card .load-btn.load-btn {
  margin-left: 2.6041666667vw;
}

@media all and (max-width: 700px) and (orientation: landscape) {
  .profilewrap .profilebox1 {
    width: 44.8979591837vh;
    padding: 1.5306122449vh;
    border: 0.1020408163vh solid #fff;
    border-radius: 4.0816326531vh;
  }
  .profilewrap .profilebox1 .profilecard {
    border-radius: 4.0816326531vh;
  }
  .profilewrap .profilebox1 .profilecard .profile-pic {
    height: 24.4897959184vh;
  }
  .profilewrap .profilebox1 .profilecard .profile-pic .borderbtm {
    height: 0.612244898vh;
  }
  .profilewrap .profilebox1 .profilecard .profile-pic h2 {
    font-size: 6.9387755102vh;
    margin-bottom: 2.5510204082vh;
    margin-left: 3.0612244898vh;
  }
  .profilewrap .profilebox1 .profilecard .profile-dt {
    padding: 3.0612244898vh;
    padding-bottom: 2.0408163265vh;
  }
  .profilewrap .profilebox1 .profilecard .profile-dt ul {
    margin-bottom: 1.5306122449vh;
  }
  .profilewrap .profilebox1 .profilecard .profile-dt ul li {
    font-size: 2.2448979592vh;
  }
  .profilewrap .profilebox1 .profilecard .profile-dt ul li img {
    width: 2.0408163265vh;
    margin-right: 0.7142857143vh;
  }
  .profilewrap .profilebox1 .profilecard .profile-dt ul li + li {
    margin-top: 1.5306122449vh;
  }
  .profilewrap .profilebox1 .profilecard .profile-dt p {
    font-size: 1.2244897959vh;
  }
  .profilewrap .profilebox1 .profilecard .profile-dt .btnbox {
    margin-top: 2.5510204082vh;
  }
  .profilewrap .profilebox1 .profilecard .profile-dt .btnbox .start-btn {
    width: 34.693877551vh;
  }
  .profilewrap .profilebox2 .profilecard {
    border-radius: 4.0816326531vh;
  }
  .profilewrap .profilebox2 .profilecard .pro-head {
    padding: 2.5510204082vh 3.0612244898vh;
  }
  .profilewrap .profilebox2 .profilecard .pro-head h2 {
    font-size: 3.4693877551vh;
  }
  .profilewrap .profilebox2 .profilecard .pro-head h2 img {
    width: 2.2448979592vh;
  }
  .profilewrap .profilebox2 .profilecard .pro-body {
    padding: 2.5510204082vh 5.1020408163vh;
    padding-left: 7.1428571429vh;
  }
  .profilewrap .profilebox2 .profilecard .pro-body p {
    font-size: 1.7346938776vh;
  }
  .profilewrap .profilebox2 .profilecard .pro-body h4 {
    font-size: 1.8367346939vh;
    margin-bottom: 1.0204081633vh;
  }
  .profilewrap .profilebox2,
  .profilewrap .profilebox3 {
    width: 100%;
    padding: 1.5306122449vh;
    border: 0.306122449vh solid #3fa8f4;
    border-radius: 4.0816326531vh;
  }
  .profilewrap .profilebox3 .profilecard {
    border-radius: 4.0816326531vh;
    padding: 2.5510204082vh 3.0612244898vh;
  }
  .profilewrap .profilebox3 .profilecard h3 {
    font-size: 2.1428571429vh;
  }
  .profilewrap .profilebox3 .profilecard .btnwrap {
    padding: 2.5510204082vh 0;
  }
  .profilewrap .profilebox3 .profilecard .load-btn {
    height: 5.1020408163vh;
    font-size: 2.1428571429vh;
    padding: 0 3.0612244898vh;
    border-radius: 8.1632653061vh;
    min-width: 34.693877551vh;
  }
  .profilewrap .profilebox3 .profilecard .load-btn:before {
    margin: -1.0204081633vh;
    border-radius: 8.1632653061vh;
  }
  .profilewrap .profilebox3 .profilecard .start-btn {
    width: 23.4693877551vh;
  }
}

/*# sourceMappingURL=custom.css.map */