@charset "UTF-8";
@import url(https://fonts.googleapis.com/earlyaccess/cwtexyen.css);
@import url(https://fonts.googleapis.com/earlyaccess/cwtexyen.css);
@font-face {
  font-family: "HunInn";
  src: url(https://cdn.jsdelivr.net/gh/marsnow/open-huninn-font@1.1/font/jf-openhuninn.eot); /* IE9 Compat Modes */
  src: url(https://cdn.jsdelivr.net/gh/marsnow/open-huninn-font@1.1/font/jf-openhuninn.eot?#iefix) format("embedded-opentype"), url(https://cdn.jsdelivr.net/gh/marsnow/open-huninn-font@1.1/font/jf-openhuninn.woff) format("woff"), url(https://cdn.jsdelivr.net/gh/marsnow/open-huninn-font@1.1/font/jf-openhuninn.ttf) format("truetype"), url(https://cdn.jsdelivr.net/gh/marsnow/open-huninn-font@1.1/font/jf-openhuninn.svg#SealmemoryHeader) format("svg"); /* Legacy iOS */
}
.f-hunInn {
  font-family: "HunInn";
}
@keyframes switch {
  0% {
    transform: translateY(0);
  }
  50% {
    transform: scale(1, 0.92);
    background-color: #e9323a;
  }
  60% {
    transform: scale(1);
  }
}
@keyframes opacityAni {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  90% {
    opacity: 1;
  }
}
@keyframes shaking {
  0% {
    transform-origin: 50% 80%;
  }
  35% {
    transform: rotate(-5deg);
    transform-origin: 50% 80%;
  }
  100% {
    transform-origin: 50% 80%;
  }
}
@keyframes axisXmoving5percent {
  40% {
    transform: translateX(-5%);
  }
  60% {
    transform: translateX(-5%);
  }
}
@keyframes axisXmoving10percent {
  40% {
    transform: translateX(-10%);
  }
  60% {
    transform: translateX(-10%);
  }
}
@keyframes floatCoin {
  0% {
    transform: translateX(-100px) rotate(0deg);
    opacity: 0;
  }
  50% {
    transform: translateY(0px) rotate(0);
    opacity: 1;
  }
  100% {
    transform: translateY(0px) rotate(0deg);
    opacity: 0;
  }
}
@keyframes axisYmoving {
  40% {
    transform: translateY(-10px);
  }
  60% {
    transform: translateY(-10px);
  }
}
@keyframes axisYmovingSmall {
  40% {
    transform: translateY(-5px);
  }
  60% {
    transform: translateY(-5px);
  }
}
@keyframes axisXmoving {
  40% {
    transform: translateX(-5px);
  }
  60% {
    transform: translateX(-5px);
  }
}
@keyframes scaling {
  0% {
    transform: scale(1);
  }
  45% {
    transform: scale(0.94);
  }
  55% {
    transform: scale(0.94);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes flipAni {
  from {
    transform: rotateY(0);
  }
  to {
    transform: rotateY(360deg);
  }
}
@keyframes twoStep {
  0% {
    transform: translateX(0%);
  }
  50% {
    transform: translateX(-50%);
  }
}
@keyframes twoStepY {
  0% {
    transform: translateX(0%);
  }
  50% {
    transform: translateY(-50%);
  }
}
@keyframes threeStep {
  0% {
    transform: translateX(0%);
  }
  50% {
    transform: translateX(-66.666%);
  }
}
@keyframes ySquash {
  50% {
    transform: scaleY(90%);
  }
}
@keyframes ringFloat {
  30% {
    transform: translate(-5px, -4px);
  }
  45% {
    transform: translate(-5px, 0px);
  }
  70% {
    transform: translate(3px, 5px);
  }
}
@keyframes ringFloat2 {
  30% {
    transform: translate(5px, 4px);
  }
  45% {
    transform: translate(-5px, 4px);
  }
  70% {
    transform: translate(3px, -5px);
  }
}
@keyframes ringFloat3 {
  20% {
    transform: translate(0px, -4px);
  }
  45% {
    transform: translate(-5px, 4px);
  }
  70% {
    transform: translate(3px, 2px);
  }
}
@keyframes stampAni {
  0% {
    opacity: 0.5;
  }
  10% {
    transform: scale(110%);
    opacity: 0.5;
    transform-origin: 50% 50%;
    transition: all 0.3s cubic-bezier(0.6, 0.04, 0.98, 0.335);
  }
  20% {
    transform: scale(100%);
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}
html,
body {
  overflow-x: hidden;
  font-family: sans-serif, "蘋果儷黑體", "微軟正黑體", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "新細明體", Verdana;
}

.content {
  font-size: clamp(17px, 2vw, 22px);
  line-height: 1.4;
}
img {
  max-width: 100%;
}

/* overide default nav list style */
.header .sub-nav .sub-nav-ul li a p {
  position: relative;
  font-size: 18px;
}

@media screen and (min-width: 320px) and (max-width: 1023px) {
  .header .sub-nav .sub-nav-ul {
    padding: 0 1em;
  }
}

@media screen and (min-width: 320px) and (max-width: 1023px) {
  .header .sub-nav .sub-nav-ul li {
    border-bottom: 1px solid #eee;
    padding: 1em;
  }
}

@media screen and (min-width: 320px) and (max-width: 1023px) {
  .header .sub-nav .sub-nav-ul li a {
    display: block;
  }
}

/* overide original layout's padding */
@media only screen and (max-width: 1023px) and (min-width: 320px) {
  .content {
    padding-top: 53px;
  }
}
@media only screen and (min-width: 320px) and (max-width: 1023px) {
  .main-footer {
    padding-bottom: 0px;
  }
  .header .sub-nav .sub-nav-ul li {
    width: 100%;
  }
  .header .mobile-LR-btn .burgerbtn {
    display: none;
  }
}
@media (max-width: 768px) {
  .header.active .header-container-LOGO a.desk-logo {
    margin-left: 20px;
  }
}
@media (max-width: 1023px) {
  .custom-nav-item {
    position: fixed;
    z-index: 999;
    right: 1rem;
    top: 14px;
  }
  .custom-nav-item p {
    color: #fff;
  }
}
.n-wraper {
  background: #f9ece4;
}

h1 {
  font-size: 38px;
}
@media (max-width: 767px) {
  h1 {
    font-size: 34px;
  }
}
@media (max-width: 576px) {
  h1 {
    font-size: 30px;
  }
}
@media (max-width: 480px) {
  h1 {
    font-size: 27px;
  }
}

h2 {
  font-size: 30px;
}
@media (max-width: 767px) {
  h2 {
    font-size: 26px;
  }
}
@media (max-width: 576px) {
  h2 {
    font-size: 24px;
  }
}

h3 {
  font-size: 26px;
}
@media (max-width: 576px) {
  h3 {
    font-size: 21px;
  }
}

h4 {
  font-size: 24px;
}
@media (max-width: 840px) {
  h4 {
    font-size: 19px;
  }
}

p {
  margin: 0;
}

.big {
  font-size: 120%;
}

.bg-wh {
  border-radius: 20px;
  background-color: #fff;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.6);
}

.text-wh {
  color: #fff !important;
}

.z-3 {
  z-index: 3;
}

.ani-scale {
  animation: scaling 4s ease infinite;
}

.ani-flip {
  animation: flipAni 2s cubic-bezier(0.19, 1, 0.22, 1) infinite;
}

.ani-shake {
  animation: shaking 1.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) infinite;
}

.ani-y-squash {
  transform-origin: center 100%;
  animation: ySquash 2.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) infinite;
}

.ani-float {
  animation: ringFloat 4s ease-in-out infinite;
}

.ani-float-2 {
  animation: ringFloat2 4s ease-in-out infinite;
}

.ani-float-3 {
  animation: ringFloat3 4s ease-in-out infinite;
}

.slick-prev,
.slick-next {
  position: absolute;
  bottom: 0;
  width: 40px;
  height: 40px;
  top: calc(100% + 12px);
  z-index: 9;
}
.slick-prev:before,
.slick-next:before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
@media (max-width: 576px) {
  .slick-prev,
  .slick-next {
    width: 26px;
    height: 26px;
  }
}

.slick-next {
  right: calc(43% - 20px);
}
@media (max-width: 767px) {
  .slick-next {
    right: calc(25% - 20px);
  }
}
.slick-next:before {
  background: url("../img/pageItem/next-arrow.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.slick-prev {
  left: calc(43% - 20px);
}
@media (max-width: 767px) {
  .slick-prev {
    left: calc(25% - 20px);
  }
}
.slick-prev:before {
  background-repeat: no-repeat;
  background-size: contain;
}

.slick-dots li.slick-active button:before {
  color: #fcc029;
}
.slick-dots li button::before {
  color: #fcc029;
  opacity: 1;
}

.kv-sec {
  background: #f7f9f9;
}
.kv-sec .kv-inner-wrap {
  z-index: 3;
  min-height: 760px;
}
@media (max-width: 1600px) {
  .kv-sec .kv-inner-wrap {
    min-height: 680px;
  }
}
@media (max-width: 1440px) {
  .kv-sec .kv-inner-wrap {
    min-height: 580px;
  }
}
@media (max-width: 1200px) {
  .kv-sec .kv-inner-wrap {
    min-height: 550px;
  }
}
@media (max-width: 992px) {
  .kv-sec .kv-inner-wrap {
    min-height: 500px;
  }
}
@media (max-width: 840px) {
  .kv-sec .kv-inner-wrap {
    min-height: 460px;
  }
}
.kv-sec .kv-inner-wrap .kv-item {
  max-width: none;
}
.kv-sec .kv-inner-wrap .kv-item:first-child {
  width: clamp(220px, 28%, 480px);
  left: 0;
  top: 0;
}
@media (max-width: 576px) {
  .kv-sec .kv-inner-wrap .kv-item:first-child {
    top: -10%;
    width: clamp(180px, 30%, 580px);
  }
}
.kv-sec .kv-inner-wrap .kv-item:nth-child(2) {
  left: 0;
  width: clamp(220px, 31%, 560px);
  bottom: 0;
}
@media (max-width: 992px) {
  .kv-sec .kv-inner-wrap .kv-item:nth-child(2) {
    left: 0;
    width: clamp(180px, 27%, 400px);
  }
}
@media (max-width: 576px) {
  .kv-sec .kv-inner-wrap .kv-item:nth-child(2) {
    width: clamp(160px, 28%, 480px);
  }
}
.kv-sec .kv-inner-wrap .kv-item:nth-child(3) {
  right: 0;
  width: clamp(240px, 28%, 424px);
  top: 1%;
}
@media (max-width: 840px) {
  .kv-sec .kv-inner-wrap .kv-item:nth-child(3) {
    width: clamp(180px, 28%, 424px);
  }
}
@media (max-width: 576px) {
  .kv-sec .kv-inner-wrap .kv-item:nth-child(3) {
    width: clamp(160px, 22%, 388px);
  }
}
.kv-sec .kv-inner-wrap .kv-item:nth-child(4) {
  width: clamp(220px, 35%, 580px);
  right: 0;
  bottom: 0;
}
@media (max-width: 576px) {
  .kv-sec .kv-inner-wrap .kv-item:nth-child(4) {
    width: clamp(160px, 30%, 580px);
  }
}
.kv-sec .kv-inner-wrap .kv-title {
  width: 588px;
  height: 283px;
  left: calc(50% - 294px);
  top: calc(40% - 141px);
}
.kv-sec .kv-inner-wrap .kv-title img.position-absolute {
  left: 0;
}
@media (max-width: 1600px) {
  .kv-sec .kv-inner-wrap .kv-title {
    width: 528px;
    height: 254px;
    left: calc(50% - 264px);
    top: calc(40% - 127px);
  }
}
@media (max-width: 1440px) {
  .kv-sec .kv-inner-wrap .kv-title {
    width: 476px;
    height: 228px;
    left: calc(50% - 238px);
    top: calc(40% - 114px);
  }
}
@media (max-width: 992px) {
  .kv-sec .kv-inner-wrap .kv-title {
    width: 418px;
    height: 194px;
    left: calc(50% - 209px);
    top: calc(40% - 97px);
  }
}
@media (max-width: 767px) {
  .kv-sec .kv-inner-wrap .kv-title {
    width: 386px;
    height: 184px;
    left: calc(50% - 193px);
    top: calc(40% - 92px);
  }
}
@media (max-width: 576px) {
  .kv-sec .kv-inner-wrap .kv-title {
    width: 290px;
    height: 146px;
    left: calc(50% - 145px);
    top: calc(50% - 73px);
  }
}
.kv-sec .kv-inner-wrap .kv-btn {
  width: 280px;
  height: 70px;
  background: #16a086;
  border-radius: 60px;
  border: 4px solid #fff;
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.4);
  left: calc(50% - 150px);
  top: calc(70% - 35px);
}
@media (max-width: 992px) {
  .kv-sec .kv-inner-wrap .kv-btn {
    width: 252px;
    height: 63px;
    left: calc(50% - 126px);
    top: calc(76% - 28px);
  }
}
@media (max-width: 767px) {
  .kv-sec .kv-inner-wrap .kv-btn {
    width: 224px;
    height: 56px;
    left: calc(50% - 112px);
  }
}
@media (max-width: 576px) {
  .kv-sec .kv-inner-wrap .kv-btn {
    top: calc(76% - 35px);
  }
}
.kv-sec .kv-inner-wrap .kv-btn::after {
  content: "";
  position: absolute;
  background-color: transparent;
  background: url("../img/pageItem/kv/kv-btn-blur.svg");
  width: 20px;
  height: 22px;
  background-position: center;
  left: 8px;
  top: 8px;
}
.kv-sec .kv-inner-wrap .kv-btn:hover svg {
  fill: #ffb43b;
}
.kv-sec .kv-inner-wrap .kv-btn svg {
  transition: all ease 0.6s;
  fill: #efef00;
}
.kv-sec .kv-inner-wrap .kv-btn svg:first-of-type {
  width: 170px;
}
@media (max-width: 992px) {
  .kv-sec .kv-inner-wrap .kv-btn svg:first-of-type {
    width: 136px;
  }
}
@media (max-width: 576px) {
  .kv-sec .kv-inner-wrap .kv-btn svg:first-of-type {
    width: 123px;
  }
}
.kv-sec .kv-inner-wrap .kv-btn svg:nth-of-type(2) {
  width: 36px;
}
@media (max-width: 576px) {
  .kv-sec .kv-inner-wrap .kv-btn svg:nth-of-type(2) {
    width: 28px;
  }
}

.title-img {
  margin-bottom: -2rem;
}
.title-ribbon {
  padding: 2.1rem 0 1.3rem 0;
  margin-bottom: 0;
  color: #fff;
  background: url("../img/pageItem/title-bg.png");
  background-repeat: no-repeat;
  background-position: center;
  z-index: 9;
  background-size: 410px;
}
@media (max-width: 992px) {
  .title-ribbon {
    background-size: 380px;
    background-position: center center;
  }
}
@media (max-width: 576px) {
  .title-ribbon {
    background-size: 280px;
  }
}

.dred-text {
  color: #b71c1c;
}

.activity-sec {
  background: url("../img/pageItem/act-bg.png");
  background-repeat: repeat;
  background-position: center center;
}
.activity-sec .act-col {
  color: #6b6b6b;
}
.activity-sec .act-snake:first-of-type {
  left: 0;
  width: clamp(220px, 31%, 560px);
}
@media (max-width: 992px) {
  .activity-sec .act-snake:first-of-type {
    left: 0;
    width: clamp(180px, 27%, 400px);
  }
}
@media (max-width: 576px) {
  .activity-sec .act-snake:first-of-type {
    width: clamp(160px, 28%, 480px);
  }
}
.activity-sec .act-snake:nth-of-type(2) {
  width: clamp(220px, 35%, 580px);
  right: 0;
}
@media (max-width: 576px) {
  .activity-sec .act-snake:nth-of-type(2) {
    width: clamp(160px, 30%, 580px);
  }
}
.activity-sec .activity-sub {
  max-width: 220px;
}
@media (max-width: 992px) {
  .activity-sec .activity-sub {
    max-width: 178px;
  }
}
.activity-sec .act-info-wrap {
  width: 280px;
}
@media (max-width: 992px) {
  .activity-sec .act-info-wrap {
    width: 240px;
  }
}
.activity-sec .act-info-title-wrap {
  border-radius: 25px 25px 0 0;
  background: #ff781d;
  padding: 10px 0;
}
.activity-sec .act-info-title-wrap img {
  max-width: 96px;
}
@media (max-width: 576px) {
  .activity-sec .act-info-title-wrap img {
    max-width: 84px;
  }
}
.activity-sec .act-info-body-wrap {
  background-color: #fff;
  border-radius: 0 0 25px 25px;
  height: 120px;
}
@media (max-width: 576px) {
  .activity-sec .act-info-body-wrap {
    height: unset;
  }
}
.activity-sec .act-info-body-wrap .sp {
  color: #ff505d;
}
.step-sec {
  background: url("../img/pageItem/kv/kv-circle3.svg"), url("../img/pageItem/bg-circle.svg"), url("../img/pageItem/kv/kv-bg.jpg");
  background-repeat: no-repeat, no-repeat, repeat;
  background-position: 5% 5%, 90% 20%, center;
  background-size: 155px, 62px, auto;
  padding: 0rem 0 8rem 0;
}
@media (max-width: 767px) {
  .step-sec {
    padding: 0rem 0 6rem 0;
    background-size: 110px, 40px, auto;
  }
}
.step-sec::after {
  content: "";
  position: absolute;
  background-color: transparent;
  background: url("../img/pageItem/step-deco-line.svg");
  width: 100%;
  height: 110px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  bottom: 0;
  left: 0;
  z-index: 3;
}
@media (min-width: 1940px) {
  .step-sec::after {
    width: 100%;
    height: 160px;
  }
}
@media (max-width: 576px) {
  .step-sec::after {
    width: 100%;
    height: 55px;
  }
}
@media (max-width: 576px) {
  .step-sec .col img {
    width: clamp(60px, 85%, 160px);
  }
}

.limit-sec {
  background: url("../img/pageItem/info-bg1.png"), url("../img/pageItem/info-bg2.png"), url("../img/pageItem/info-bg3.png"), url("../img/pageItem/info-bg4.png"), url("../img/pageItem/info-bg.png");
  background-position: 0% 0%, 100% 0%, 0 100%, 86% 93%, center center;
  background-repeat: no-repeat, no-repeat, no-repeat, no-repeat, repeat;
  padding: 2rem 0 4rem 0;
}
@media (max-width: 1440px) {
  .limit-sec {
    background-size: 600px, 220px, 220px, 500px, 120px;
  }
}
@media (max-width: 767px) {
  .limit-sec {
    background-size: 540px, 160px, 160px, 440px, 90px;
  }
}
@media (max-width: 576px) {
  .limit-sec {
    background-size: 320px, 80px, 80px, 220px, 80px;
  }
}
.limit-sec table {
  border-radius: 1.7rem;
  color: #6b6b6b;
}
@media (max-width: 576px) {
  .limit-sec table {
    border-radius: 1.2rem;
  }
}
.limit-sec table tbody tr {
  border-top: 3px solid #ffc033;
}
.limit-sec table tr th {
  background: #f7f9f9;
  padding: 1rem 1rem;
  border-right: 3px solid #ffc033;
}
@media (max-width: 576px) {
  .limit-sec table tr th {
    padding: 0.35rem 0.7rem 0.35rem 0.7rem;
  }
}
.limit-sec table tr td {
  padding: 0.7rem 1rem 0.7rem 1rem;
  border-right: 3px solid #ffc033;
  background: #f7f9f9;
}
@media (max-width: 576px) {
  .limit-sec table tr td {
    padding: 0.6rem 0.7rem 0.6rem 0.7rem;
  }
}
.limit-sec table tr td:first-of-type {
  min-width: 180px;
}
@media (max-width: 576px) {
  .limit-sec table tr td:first-of-type {
    min-width: 98px;
  }
}
.limit-sec table .table-head {
  background: url("../img/pageItem/info-table-bg.png");
  background-repeat: repeat;
  color: #fff;
  border-right: 3px solid #ffc033;
}
.limit-sec table ul li {
  list-style: none;
}
.limit-sec table ul li::after {
  content: "";
  position: absolute;
  background-color: translate;
  background: url("../img/pageItem/exclamation-icon.png");
  width: 22px;
  height: 22px;
  background-size: contain;
  left: -28px;
  top: 4px;
}
@media (max-width: 576px) {
  .limit-sec table ul li::after {
    top: 2px;
    left: -24px;
    width: 18px;
    height: 18px;
  }
}

.feature-sec {
  background: url("../img/pageItem/feature-bg1.png"), url("../img/pageItem/feature-bg2.png"), url("../img/pageItem/feature-bg3.png"), url("../img/pageItem/feature-bg4.png"), #92d3ff;
  background-repeat: no-repeat, no-repeat, no-repeat, no-repeat, repeat;
  background-position: 0 10%, 100% 20%, 0 80%, 100% 90%, center center;
}
@media (max-width: 1440px) {
  .feature-sec {
    background-size: 180px, 180px, 180px, 180px, auto;
  }
}
@media (max-width: 576px) {
  .feature-sec {
    background-size: 100px, 100px, 100px, 100px, auto;
    background-position: 0 2%, 100% 20%, 0 92%, 100% 58%, center center;
  }
}
.feature-sec .feature-icon {
  width: 82px;
  top: -34px;
  left: -13px;
}
@media (max-width: 992px) {
  .feature-sec .feature-icon {
    width: 70px;
    top: -18px;
    left: 0;
  }
}
@media (max-width: 576px) {
  .feature-sec .feature-icon {
    width: 50px;
    top: -18px;
    left: 0;
  }
}
.feature-sec .feature-content {
  padding-left: 40px;
}
@media (max-width: 576px) {
  .feature-sec .feature-content {
    padding-left: 16px;
  }
}
.feature-sec h3 {
  border-radius: 2rem;
  background-color: #ffe05f;
  color: #6b6b6b;
  padding: 5px 20px 5px 30px;
}
@media (max-width: 576px) {
  .feature-sec h3 {
    font-size: clamp(16px, 3vw, 22px);
    padding: 5px 1rem 5px 30px;
  }
}
.feature-sec .step-col-wrapper {
  max-width: 318px;
}
@media (max-width: 992px) {
  .feature-sec .step-col-wrapper {
    max-width: 300px;
  }
}
.feature-sec .step-col-wrapper:nth-of-type(n + 2):after {
  content: "";
  position: absolute;
  background-color: transparent;
  background: url("../img/pageItem/step-arrow.svg");
  width: 29px;
  height: 60px;
  background-repeat: no-repeat;
  left: -14%;
  top: calc(50% - 30px);
}
@media (max-width: 992px) {
  .feature-sec .step-col-wrapper:nth-of-type(n + 2) {
    margin-top: 44px;
  }
  .feature-sec .step-col-wrapper:nth-of-type(n + 2):after {
    content: "";
    position: absolute;
    background-color: transparent;
    background: url("../img/pageItem/step-arrow-mobile.svg");
    width: 39px;
    height: 19px;
    background-repeat: no-repeat;
    left: calc(50% - 19.5px);
    top: -30px;
  }
}
@media (max-width: 576px) {
  .feature-sec .step-col-wrapper {
    max-width: 279px;
  }
}
@media (max-width: 480px) {
  .feature-sec .step-col-wrapper {
    max-width: 259px;
  }
}
.feature-sec .step-col {
  border: 2px solid #fff;
  border-radius: 2.5rem;
  color: #3f4a5a;
}
@media (max-width: 576px) {
  .feature-sec .step-col .step-title-img {
    max-width: 210px;
  }
}
@media (max-width: 767px) {
  .feature-sec .step-col img.pt-3 {
    max-width: 180px;
  }
}
@media (max-width: 576px) {
  .feature-sec .step-col img.pt-3 {
    max-width: 150px;
  }
}
.feature-sec .d-inline-block img.btn-img {
  max-width: unset;
  width: 200%;
  left: 0;
}
.feature-sec .d-inline-block a {
  width: 100%;
  height: 100%;
  display: block;
}
.feature-sec .d-inline-block a:hover .btn-img {
  transform: translateX(-50%);
}
.feature-sec .d-inline-block span {
  width: 100%;
  bottom: -36px;
  left: 0;
}
@media (max-width: 576px) {
  .feature-sec .d-inline-block span {
    bottom: -26px;
  }
}
.feature-sec .d-inline-block span img {
  width: 36px;
}
@media (max-width: 576px) {
  .feature-sec .d-inline-block span img {
    width: 19px;
  }
}
.feature-sec .d-inline-block:first-of-type, .feature-sec .d-inline-block:nth-of-type(2) {
  width: 260px;
  height: 78px;
}
@media (max-width: 1200px) {
  .feature-sec .d-inline-block:first-of-type, .feature-sec .d-inline-block:nth-of-type(2) {
    width: 234px;
    height: 70px;
  }
}
@media (max-width: 576px) {
  .feature-sec .d-inline-block:first-of-type, .feature-sec .d-inline-block:nth-of-type(2) {
    width: 188px;
    height: 70px;
  }
}
.feature-sec .d-inline-block:nth-of-type(2) {
  margin-left: 1rem;
}
@media (max-width: 767px) {
  .feature-sec .d-inline-block:nth-of-type(2) {
    margin-left: 0;
  }
}
.feature-sec .d-inline-block:nth-of-type(3) {
  width: 309px;
  height: 102px;
  margin-left: 1rem;
}
@media (max-width: 992px) {
  .feature-sec .d-inline-block:nth-of-type(3) {
    width: 245.5px;
    height: 74px;
  }
}
@media (max-width: 576px) {
  .feature-sec .d-inline-block:nth-of-type(3) {
    margin-left: 0;
  }
}

.notice-sec {
  background: url("../img/pageItem/notice-bg.png");
  background-repeat: repeat;
}
.notice-sec .notice-title {
  background: url("../img/pageItem/notice-title-bg.png");
  background-repeat: repeat;
}
@media (max-width: 576px) {
  .notice-sec .notice-title img.pe-2 {
    max-width: 140px;
  }
}
.notice-sec .sp {
  color: #2892ce;
}
.notice-sec li {
  color: #3f4a5a;
}

.nav-tabs {
  width: 100%;
}
.nav-tabs .nav-item {
  width: 33%;
}
.nav-tabs .nav-item:first-of-type .nav-link {
  border-radius: 2rem 0 0 0;
}
.nav-tabs .nav-item:last-of-type .nav-link {
  border-radius: 0 2rem 0 0;
}
.nav-tabs .nav-item:not(:first-of-type) .nav-link {
  border-left: 3px solid #fff;
}
.nav-tabs .nav-link.active {
  background: #e66161;
}
.nav-tabs .nav-link {
  width: 100%;
  background-color: #f3b0b0;
}
.nav-tabs .nav-link span {
  color: #fff;
  font-size: clamp(20px, 3vw, 26px);
  letter-spacing: 3px;
}
@media (max-width: 1600px) {
  .nav-tabs .nav-link span {
    font-size: clamp(18px, 3vw, 23px);
    letter-spacing: 0px;
  }
}
@media (max-width: 992px) {
  .nav-tabs .nav-link span {
    font-size: clamp(18px, 3vw, 20px);
  }
}

.side-btn-wrap {
  position: fixed;
  z-index: 10;
  transition: all ease 0.6s;
  right: 0;
  bottom: 5%;
  width: clamp(100px, 13%, 130px);
}
@media (max-width: 576px) {
  .side-btn-wrap {
    width: clamp(80px, 18%, 110px);
  }
}
.side-btn-wrap .side-btn {
  cursor: pointer;
}

@media (max-width: 767px) {
  .sec-title {
    max-width: 380px;
  }
}
@media (max-width: 576px) {
  .sec-title {
    max-width: 270px;
  }
}

.collapse-sibling {
  cursor: pointer;
}

.page-btn {
  background: linear-gradient(90deg, rgb(240, 143, 83) 0%, rgb(242, 60, 73) 100%);
  outline: none;
  border: none;
  padding: 0.6rem;
  color: #fff;
  border-radius: 100px;
  overflow: hidden;
  z-index: 4;
  font-size: clamp(18px, 2.2vw, 22px);
  box-shadow: 0 5px 0 #f9c1b3;
}
@media (max-width: 1200px) {
  .page-btn {
    font-size: clamp(16px, 2.2vw, 18px);
  }
}
.page-btn:hover {
  text-decoration: none;
}

.disable-btn.page-btn {
  background: linear-gradient(180deg, rgb(190, 191, 191) 0%, rgb(150, 150, 151) 100%);
  box-shadow: 0 5px 0 #dddddd;
}

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}

.show-tablet {
  display: none !important;
}
@media (max-width: 767px) {
  .show-tablet {
    display: block !important;
  }
}

.show-mobile {
  display: none !important;
}
@media (max-width: 576px) {
  .show-mobile {
    display: block !important;
  }
}

@media (max-width: 767px) {
  .hide-tablet {
    display: none !important;
  }
}

@media (max-width: 576px) {
  .hide-mobile {
    display: none !important;
  }
}

.effect-box img.position-absolute {
  width: 200%;
  height: 100%;
  max-width: none;
  animation: twoStep 1.6s steps(1) infinite;
  left: 0;
  top: 0;
}

.brackets-list {
  padding-left: 20px;
}
@media (max-width: 576px) {
  .brackets-list {
    padding-left: 5px;
  }
}
.brackets-list li {
  list-style: none;
  position: relative;
}
.brackets-list li:after {
  content: "";
  position: absolute;
  background-color: transparent;
  width: 20px;
  height: 20px;
  left: -22px;
  top: 11px;
}
.brackets-list li ul {
  padding: 0 0 0 19px;
}
.brackets-list li ul li {
  list-style: disc;
}
.brackets-list li ul li::after {
  content: none;
}
.brackets-list li:nth-of-type(1):after {
  background-size: 100% !important;
  background-repeat: no-repeat !important;
  background: url("../img/pageItem/bracket1.svg");
}
.brackets-list li:nth-of-type(2):after {
  background-size: 100% !important;
  background-repeat: no-repeat !important;
  background: url("../img/pageItem/bracket2.svg");
}
.brackets-list li:nth-of-type(3):after {
  background-size: 100% !important;
  background-repeat: no-repeat !important;
  background: url("../img/pageItem/bracket3.svg");
}
.brackets-list li:nth-of-type(4):after {
  background-size: 100% !important;
  background-repeat: no-repeat !important;
  background: url("../img/pageItem/bracket4.svg");
}
.brackets-list li:nth-of-type(5):after {
  background-size: 100% !important;
  background-repeat: no-repeat !important;
  background: url("../img/pageItem/bracket5.svg");
}
.brackets-list li:nth-of-type(6):after {
  background-size: 100% !important;
  background-repeat: no-repeat !important;
  background: url("../img/pageItem/bracket6.svg");
}
.brackets-list li:nth-of-type(7):after {
  background-size: 100% !important;
  background-repeat: no-repeat !important;
  background: url("../img/pageItem/bracket7.svg");
}
.brackets-list li:nth-of-type(8):after {
  background-size: 100% !important;
  background-repeat: no-repeat !important;
  background: url("../img/pageItem/bracket8.svg");
}
.brackets-list li:nth-of-type(9):after {
  background-size: 100% !important;
  background-repeat: no-repeat !important;
  background: url("../img/pageItem/bracket9.svg");
}

.notice-sec {
  z-index: 2;
}
@media (max-width: 767px) {
  .notice-sec .collapse-title {
    width: clamp(440px, 70%, 600px);
  }
}
@media (max-width: 576px) {
  .notice-sec .collapse-title {
    width: clamp(340px, 85%, 400px);
  }
}
.notice-sec .py-3.d-flex.align-items-center {
  z-index: 3;
}
.notice-sec ol {
  padding: 0 0 0 18px;
}
@media (max-width: 992px) {
  .notice-sec ol {
    padding: 0 0 0 22px;
  }
}
@media (max-width: 576px) {
  .notice-sec ol {
    padding: 0 0 0 26px;
  }
}
.notice-sec ol li,
.notice-sec ul li {
  padding: 0.2rem 0;
  line-height: 1.5;
}
.notice-sec a {
  color: #ff505d;
}
.notice-sec p {
  word-break: normal;
}

@media (max-width: 992px) {
  #personal-info-wrap {
    padding-bottom: 90px;
  }
}

.upper-latin-list {
  display: list-item;
  list-style-type: upper-latin;
  list-style: upper-latin;
}

html {
  overflow: inherit;
}

body.modal-open {
  position: relative;
  overflow: hidden;
  height: auto;
}

.modal {
  height: 100vh;
  /* width */
  /* Track */
  /* Handle */
  /* Handle on hover */
}
.modal .modal-dialog {
  margin: auto;
}
.modal .modal-dialog .modal-content {
  overflow: hidden;
  margin: auto;
  background: #f9ece4;
  border: 3px solid #e66161;
  border-radius: 15px;
}
.modal .modal-dialog .modal-title {
  color: #c8503c;
}
.modal .modal-dialog .modal-body {
  overflow-y: auto;
  padding: 1rem 2rem;
}
@media (max-width: 767px) {
  .modal .modal-dialog .modal-body {
    padding: 0 1rem 2rem 1rem;
  }
}
@media (max-width: 576px) {
  .modal .modal-dialog .modal-body {
    padding: 0 0.5rem 1rem 0.5rem;
  }
}
.modal .modal-dialog .modal-body p {
  font-size: 20px;
}
.modal .modal-dialog .modal-body .modal-subtitle {
  background-color: #fcc029;
  padding: 0.6rem 0;
  border: 4px solid;
  max-width: 600px;
  margin: 20px auto;
}
.modal .modal-dialog .modal-body .modal-row a {
  margin: 10px 0 0 0;
  padding: 2px 5px;
  border-radius: 8px;
}
.modal .modal-dialog .modal-body .modal-row a svg {
  top: -2px;
}
.modal .modal-dialog .modal-body .modal-row a:hover {
  color: #fff;
}
@media (max-width: 576px) {
  .modal .modal-dialog {
    width: 96%;
  }
}
.modal .modal-dialog .modal-header {
  padding: 0.4rem 1rem;
  border: none;
}
.modal .modal-dialog .close {
  position: absolute;
  z-index: 9;
  right: 20px;
  top: 20px;
  width: 40px;
  height: 40px;
}
@media (max-width: 576px) {
  .modal .modal-dialog .close {
    width: 30px;
    height: 30px;
    right: 10px;
  }
}
.modal ::-webkit-scrollbar {
  width: 12px;
}
.modal ::-webkit-scrollbar-track {
  background: #edf7fd;
}
.modal ::-webkit-scrollbar-thumb {
  background: #217ae4;
  border-radius: 20px;
}
.modal ::-webkit-scrollbar-thumb:hover {
  background: #1456a5;
}/*# sourceMappingURL=custom.css.map */