.badge {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: auto;
}

.ui-check[type=checkbox i].sm-bl, .ui-check[type=checkbox i].lg-bl, .ui-check[type=checkbox i].lg-bk, .ui-check[type=radio i].sm-bl {
  position: absolute;
  z-index: -1;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  width: 1px !important;
  height: 1px !important;
  overflow: hidden;
  clip: rect(0 0 0 0);
}

.ui-check[type=checkbox i].sm-bl ~ label, .ui-check[type=checkbox i].lg-bl ~ label, .ui-check[type=checkbox i].lg-bk ~ label, .ui-check[type=radio i].sm-bl ~ label {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  cursor: pointer;
}

.ui-check[type=checkbox i].sm-bl ~ label:before, .ui-check[type=checkbox i].lg-bl ~ label:before, .ui-check[type=checkbox i].lg-bk ~ label:before, .ui-check[type=radio i].sm-bl ~ label:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  background-position: 0 50%;
  background-repeat: no-repeat;
  -webkit-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.12), 0px 2px 5px 0px rgba(60, 66, 87, 0.08);
          box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.12), 0px 2px 5px 0px rgba(60, 66, 87, 0.08);
  cursor: pointer;
}

.ui-check[type=checkbox i].sm-bl ~ label:after, .ui-check[type=checkbox i].lg-bl ~ label:after, .ui-check[type=checkbox i].lg-bk ~ label:after, .ui-check[type=radio i].sm-bl ~ label:after {
  position: absolute;
  top: 0;
  left: 0;
  border: 1px solid #010101;
  background-position: 0 50%;
  background-repeat: no-repeat;
}

/*** COMMON 
========================================== ***/
.only-tablet-mobile {
  display: none !important;
}

.only-mobile {
  display: none !important;
}

.ovh {
  overflow: hidden;
}

.display-block {
  display: block;
}

.inline-block {
  display: inline-block !important;
}

.gmarketsans {
  font-weight: 500;
  font-family: "Gmarket Sans", "sans-serif";
}

.esamanru {
  font-weight: 400;
  font-family: "GongGothicMedium", serif;
}

.barlowCondensed {
  font-weight: 500;
  font-family: "Barlow Condensed", sans-serif;
}

.AritaBuri {
  font-weight: 500;
  font-family: "Arita buri";
}

.BookkMyungjo-Lt {
  font-family: "BookkMyungjo-Lt";
  font-weight: 300;
}

.BookkMyungjo-Bd {
  font-family: "BookkMyungjo-Bd";
  font-weight: 700;
}

.sr-only {
  position: absolute;
  top: -1px;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  width: 1px !important;
  height: 1px !important;
  overflow: hidden;
  white-space: nowrap;
  clip: rect(0, 0, 0, 0);
}

.ta-l {
  text-align: left;
}
.ta-r {
  text-align: right;
}
.ta-c {
  text-align: center;
}

.my-0 {
  margin-top: 0rem !important;
  margin-bottom: 0rem !important;
}

.my-1 {
  margin-top: 0.5rem !important;
  margin-bottom: 0.5rem !important;
}

.my-2 {
  margin-top: 1rem !important;
  margin-bottom: 1rem !important;
}

.my-3 {
  margin-top: 1.5rem !important;
  margin-bottom: 1.5rem !important;
}

.my-4 {
  margin-top: 2rem !important;
  margin-bottom: 2rem !important;
}

.my-5 {
  margin-top: 2.5rem !important;
  margin-bottom: 2.5rem !important;
}

.my-6 {
  margin-top: 3rem !important;
  margin-bottom: 3rem !important;
}

.my-7 {
  margin-top: 3.5rem !important;
  margin-bottom: 3.5rem !important;
}

.my-8 {
  margin-top: 4rem !important;
  margin-bottom: 4rem !important;
}

.my-9 {
  margin-top: 4.5rem !important;
  margin-bottom: 4.5rem !important;
}

.my-10 {
  margin-top: 5rem !important;
  margin-bottom: 5rem !important;
}

.my-11 {
  margin-top: 5.5rem !important;
  margin-bottom: 5.5rem !important;
}

.my-12 {
  margin-top: 6rem !important;
  margin-bottom: 6rem !important;
}

.my-13 {
  margin-top: 6.5rem !important;
  margin-bottom: 6.5rem !important;
}

.my-14 {
  margin-top: 7rem !important;
  margin-bottom: 7rem !important;
}

.my-15 {
  margin-top: 7.5rem !important;
  margin-bottom: 7.5rem !important;
}

.my-16 {
  margin-top: 8rem !important;
  margin-bottom: 8rem !important;
}

.my-17 {
  margin-top: 8.5rem !important;
  margin-bottom: 8.5rem !important;
}

.my-18 {
  margin-top: 9rem !important;
  margin-bottom: 9rem !important;
}

.my-19 {
  margin-top: 9.5rem !important;
  margin-bottom: 9.5rem !important;
}

.my-20 {
  margin-top: 10rem !important;
  margin-bottom: 10rem !important;
}

.my-21 {
  margin-top: 10.5rem !important;
  margin-bottom: 10.5rem !important;
}

.my-22 {
  margin-top: 11rem !important;
  margin-bottom: 11rem !important;
}

.my-23 {
  margin-top: 11.5rem !important;
  margin-bottom: 11.5rem !important;
}

.my-24 {
  margin-top: 12rem !important;
  margin-bottom: 12rem !important;
}

.my-25 {
  margin-top: 12.5rem !important;
  margin-bottom: 12.5rem !important;
}

.my-26 {
  margin-top: 13rem !important;
  margin-bottom: 13rem !important;
}

.my-27 {
  margin-top: 13.5rem !important;
  margin-bottom: 13.5rem !important;
}

.my-28 {
  margin-top: 14rem !important;
  margin-bottom: 14rem !important;
}

.my-29 {
  margin-top: 14.5rem !important;
  margin-bottom: 14.5rem !important;
}

.my-30 {
  margin-top: 15rem !important;
  margin-bottom: 15rem !important;
}

.my-31 {
  margin-top: 15.5rem !important;
  margin-bottom: 15.5rem !important;
}

.my-32 {
  margin-top: 16rem !important;
  margin-bottom: 16rem !important;
}

.my-33 {
  margin-top: 16.5rem !important;
  margin-bottom: 16.5rem !important;
}

.my-34 {
  margin-top: 17rem !important;
  margin-bottom: 17rem !important;
}

.my-35 {
  margin-top: 17.5rem !important;
  margin-bottom: 17.5rem !important;
}

.my-36 {
  margin-top: 18rem !important;
  margin-bottom: 18rem !important;
}

.my-37 {
  margin-top: 18.5rem !important;
  margin-bottom: 18.5rem !important;
}

.my-38 {
  margin-top: 19rem !important;
  margin-bottom: 19rem !important;
}

.my-39 {
  margin-top: 19.5rem !important;
  margin-bottom: 19.5rem !important;
}

.my-40 {
  margin-top: 20rem !important;
  margin-bottom: 20rem !important;
}

.my-41 {
  margin-top: 20.5rem !important;
  margin-bottom: 20.5rem !important;
}

.my-42 {
  margin-top: 21rem !important;
  margin-bottom: 21rem !important;
}

.my-43 {
  margin-top: 21.5rem !important;
  margin-bottom: 21.5rem !important;
}

.my-44 {
  margin-top: 22rem !important;
  margin-bottom: 22rem !important;
}

.my-45 {
  margin-top: 22.5rem !important;
  margin-bottom: 22.5rem !important;
}

.my-46 {
  margin-top: 23rem !important;
  margin-bottom: 23rem !important;
}

.my-47 {
  margin-top: 23.5rem !important;
  margin-bottom: 23.5rem !important;
}

.my-48 {
  margin-top: 24rem !important;
  margin-bottom: 24rem !important;
}

.my-49 {
  margin-top: 24.5rem !important;
  margin-bottom: 24.5rem !important;
}

.my-50 {
  margin-top: 25rem !important;
  margin-bottom: 25rem !important;
}

.my-51 {
  margin-top: 25.5rem !important;
  margin-bottom: 25.5rem !important;
}

.my-52 {
  margin-top: 26rem !important;
  margin-bottom: 26rem !important;
}

.my-53 {
  margin-top: 26.5rem !important;
  margin-bottom: 26.5rem !important;
}

.my-54 {
  margin-top: 27rem !important;
  margin-bottom: 27rem !important;
}

.my-55 {
  margin-top: 27.5rem !important;
  margin-bottom: 27.5rem !important;
}

.my-56 {
  margin-top: 28rem !important;
  margin-bottom: 28rem !important;
}

.my-57 {
  margin-top: 28.5rem !important;
  margin-bottom: 28.5rem !important;
}

.my-58 {
  margin-top: 29rem !important;
  margin-bottom: 29rem !important;
}

.my-59 {
  margin-top: 29.5rem !important;
  margin-bottom: 29.5rem !important;
}

.my-60 {
  margin-top: 30rem !important;
  margin-bottom: 30rem !important;
}

.my-61 {
  margin-top: 30.5rem !important;
  margin-bottom: 30.5rem !important;
}

.my-62 {
  margin-top: 31rem !important;
  margin-bottom: 31rem !important;
}

.my-63 {
  margin-top: 31.5rem !important;
  margin-bottom: 31.5rem !important;
}

.my-64 {
  margin-top: 32rem !important;
  margin-bottom: 32rem !important;
}

.my-65 {
  margin-top: 32.5rem !important;
  margin-bottom: 32.5rem !important;
}

.my-66 {
  margin-top: 33rem !important;
  margin-bottom: 33rem !important;
}

.my-67 {
  margin-top: 33.5rem !important;
  margin-bottom: 33.5rem !important;
}

.my-68 {
  margin-top: 34rem !important;
  margin-bottom: 34rem !important;
}

.my-69 {
  margin-top: 34.5rem !important;
  margin-bottom: 34.5rem !important;
}

.my-70 {
  margin-top: 35rem !important;
  margin-bottom: 35rem !important;
}

.mx-0 {
  margin-left: 0rem !important;
  margin-right: 0rem !important;
}

.mx-1 {
  margin-left: 0.5rem !important;
  margin-right: 0.5rem !important;
}

.mx-2 {
  margin-left: 1rem !important;
  margin-right: 1rem !important;
}

.mx-3 {
  margin-left: 1.5rem !important;
  margin-right: 1.5rem !important;
}

.mx-4 {
  margin-left: 2rem !important;
  margin-right: 2rem !important;
}

.mx-5 {
  margin-left: 2.5rem !important;
  margin-right: 2.5rem !important;
}

.mx-6 {
  margin-left: 3rem !important;
  margin-right: 3rem !important;
}

.mx-7 {
  margin-left: 3.5rem !important;
  margin-right: 3.5rem !important;
}

.mx-8 {
  margin-left: 4rem !important;
  margin-right: 4rem !important;
}

.mx-9 {
  margin-left: 4.5rem !important;
  margin-right: 4.5rem !important;
}

.mx-10 {
  margin-left: 5rem !important;
  margin-right: 5rem !important;
}

.mx-11 {
  margin-left: 5.5rem !important;
  margin-right: 5.5rem !important;
}

.mx-12 {
  margin-left: 6rem !important;
  margin-right: 6rem !important;
}

.mx-13 {
  margin-left: 6.5rem !important;
  margin-right: 6.5rem !important;
}

.mx-14 {
  margin-left: 7rem !important;
  margin-right: 7rem !important;
}

.mx-15 {
  margin-left: 7.5rem !important;
  margin-right: 7.5rem !important;
}

.mx-16 {
  margin-left: 8rem !important;
  margin-right: 8rem !important;
}

.mx-17 {
  margin-left: 8.5rem !important;
  margin-right: 8.5rem !important;
}

.mx-18 {
  margin-left: 9rem !important;
  margin-right: 9rem !important;
}

.mx-19 {
  margin-left: 9.5rem !important;
  margin-right: 9.5rem !important;
}

.mx-20 {
  margin-left: 10rem !important;
  margin-right: 10rem !important;
}

.mx-21 {
  margin-left: 10.5rem !important;
  margin-right: 10.5rem !important;
}

.mx-22 {
  margin-left: 11rem !important;
  margin-right: 11rem !important;
}

.mx-23 {
  margin-left: 11.5rem !important;
  margin-right: 11.5rem !important;
}

.mx-24 {
  margin-left: 12rem !important;
  margin-right: 12rem !important;
}

.mx-25 {
  margin-left: 12.5rem !important;
  margin-right: 12.5rem !important;
}

.mx-26 {
  margin-left: 13rem !important;
  margin-right: 13rem !important;
}

.mx-27 {
  margin-left: 13.5rem !important;
  margin-right: 13.5rem !important;
}

.mx-28 {
  margin-left: 14rem !important;
  margin-right: 14rem !important;
}

.mx-29 {
  margin-left: 14.5rem !important;
  margin-right: 14.5rem !important;
}

.mx-30 {
  margin-left: 15rem !important;
  margin-right: 15rem !important;
}

.mx-31 {
  margin-left: 15.5rem !important;
  margin-right: 15.5rem !important;
}

.mx-32 {
  margin-left: 16rem !important;
  margin-right: 16rem !important;
}

.mx-33 {
  margin-left: 16.5rem !important;
  margin-right: 16.5rem !important;
}

.mx-34 {
  margin-left: 17rem !important;
  margin-right: 17rem !important;
}

.mx-35 {
  margin-left: 17.5rem !important;
  margin-right: 17.5rem !important;
}

.mx-36 {
  margin-left: 18rem !important;
  margin-right: 18rem !important;
}

.mx-37 {
  margin-left: 18.5rem !important;
  margin-right: 18.5rem !important;
}

.mx-38 {
  margin-left: 19rem !important;
  margin-right: 19rem !important;
}

.mx-39 {
  margin-left: 19.5rem !important;
  margin-right: 19.5rem !important;
}

.mx-40 {
  margin-left: 20rem !important;
  margin-right: 20rem !important;
}

.mx-41 {
  margin-left: 20.5rem !important;
  margin-right: 20.5rem !important;
}

.mx-42 {
  margin-left: 21rem !important;
  margin-right: 21rem !important;
}

.mx-43 {
  margin-left: 21.5rem !important;
  margin-right: 21.5rem !important;
}

.mx-44 {
  margin-left: 22rem !important;
  margin-right: 22rem !important;
}

.mx-45 {
  margin-left: 22.5rem !important;
  margin-right: 22.5rem !important;
}

.mx-46 {
  margin-left: 23rem !important;
  margin-right: 23rem !important;
}

.mx-47 {
  margin-left: 23.5rem !important;
  margin-right: 23.5rem !important;
}

.mx-48 {
  margin-left: 24rem !important;
  margin-right: 24rem !important;
}

.mx-49 {
  margin-left: 24.5rem !important;
  margin-right: 24.5rem !important;
}

.mx-50 {
  margin-left: 25rem !important;
  margin-right: 25rem !important;
}

.mx-51 {
  margin-left: 25.5rem !important;
  margin-right: 25.5rem !important;
}

.mx-52 {
  margin-left: 26rem !important;
  margin-right: 26rem !important;
}

.mx-53 {
  margin-left: 26.5rem !important;
  margin-right: 26.5rem !important;
}

.mx-54 {
  margin-left: 27rem !important;
  margin-right: 27rem !important;
}

.mx-55 {
  margin-left: 27.5rem !important;
  margin-right: 27.5rem !important;
}

.mx-56 {
  margin-left: 28rem !important;
  margin-right: 28rem !important;
}

.mx-57 {
  margin-left: 28.5rem !important;
  margin-right: 28.5rem !important;
}

.mx-58 {
  margin-left: 29rem !important;
  margin-right: 29rem !important;
}

.mx-59 {
  margin-left: 29.5rem !important;
  margin-right: 29.5rem !important;
}

.mx-60 {
  margin-left: 30rem !important;
  margin-right: 30rem !important;
}

.mx-61 {
  margin-left: 30.5rem !important;
  margin-right: 30.5rem !important;
}

.mx-62 {
  margin-left: 31rem !important;
  margin-right: 31rem !important;
}

.mx-63 {
  margin-left: 31.5rem !important;
  margin-right: 31.5rem !important;
}

.mx-64 {
  margin-left: 32rem !important;
  margin-right: 32rem !important;
}

.mx-65 {
  margin-left: 32.5rem !important;
  margin-right: 32.5rem !important;
}

.mx-66 {
  margin-left: 33rem !important;
  margin-right: 33rem !important;
}

.mx-67 {
  margin-left: 33.5rem !important;
  margin-right: 33.5rem !important;
}

.mx-68 {
  margin-left: 34rem !important;
  margin-right: 34rem !important;
}

.mx-69 {
  margin-left: 34.5rem !important;
  margin-right: 34.5rem !important;
}

.mx-70 {
  margin-left: 35rem !important;
  margin-right: 35rem !important;
}

.mt-0 {
  margin-top: 0rem !important;
}

.mt-1 {
  margin-top: 0.5rem !important;
}

.mt-2 {
  margin-top: 1rem !important;
}

.mt-3 {
  margin-top: 1.5rem !important;
}

.mt-4 {
  margin-top: 2rem !important;
}

.mt-5 {
  margin-top: 2.5rem !important;
}

.mt-6 {
  margin-top: 3rem !important;
}

.mt-7 {
  margin-top: 3.5rem !important;
}

.mt-8 {
  margin-top: 4rem !important;
}

.mt-9 {
  margin-top: 4.5rem !important;
}

.mt-10 {
  margin-top: 5rem !important;
}

.mt-11 {
  margin-top: 5.5rem !important;
}

.mt-12 {
  margin-top: 6rem !important;
}

.mt-13 {
  margin-top: 6.5rem !important;
}

.mt-14 {
  margin-top: 7rem !important;
}

.mt-15 {
  margin-top: 7.5rem !important;
}

.mt-16 {
  margin-top: 8rem !important;
}

.mt-17 {
  margin-top: 8.5rem !important;
}

.mt-18 {
  margin-top: 9rem !important;
}

.mt-19 {
  margin-top: 9.5rem !important;
}

.mt-20 {
  margin-top: 10rem !important;
}

.mt-21 {
  margin-top: 10.5rem !important;
}

.mt-22 {
  margin-top: 11rem !important;
}

.mt-23 {
  margin-top: 11.5rem !important;
}

.mt-24 {
  margin-top: 12rem !important;
}

.mt-25 {
  margin-top: 12.5rem !important;
}

.mt-26 {
  margin-top: 13rem !important;
}

.mt-27 {
  margin-top: 13.5rem !important;
}

.mt-28 {
  margin-top: 14rem !important;
}

.mt-29 {
  margin-top: 14.5rem !important;
}

.mt-30 {
  margin-top: 15rem !important;
}

.mt-31 {
  margin-top: 15.5rem !important;
}

.mt-32 {
  margin-top: 16rem !important;
}

.mt-33 {
  margin-top: 16.5rem !important;
}

.mt-34 {
  margin-top: 17rem !important;
}

.mt-35 {
  margin-top: 17.5rem !important;
}

.mt-36 {
  margin-top: 18rem !important;
}

.mt-37 {
  margin-top: 18.5rem !important;
}

.mt-38 {
  margin-top: 19rem !important;
}

.mt-39 {
  margin-top: 19.5rem !important;
}

.mt-40 {
  margin-top: 20rem !important;
}

.mt-41 {
  margin-top: 20.5rem !important;
}

.mt-42 {
  margin-top: 21rem !important;
}

.mt-43 {
  margin-top: 21.5rem !important;
}

.mt-44 {
  margin-top: 22rem !important;
}

.mt-45 {
  margin-top: 22.5rem !important;
}

.mt-46 {
  margin-top: 23rem !important;
}

.mt-47 {
  margin-top: 23.5rem !important;
}

.mt-48 {
  margin-top: 24rem !important;
}

.mt-49 {
  margin-top: 24.5rem !important;
}

.mt-50 {
  margin-top: 25rem !important;
}

.mt-51 {
  margin-top: 25.5rem !important;
}

.mt-52 {
  margin-top: 26rem !important;
}

.mt-53 {
  margin-top: 26.5rem !important;
}

.mt-54 {
  margin-top: 27rem !important;
}

.mt-55 {
  margin-top: 27.5rem !important;
}

.mt-56 {
  margin-top: 28rem !important;
}

.mt-57 {
  margin-top: 28.5rem !important;
}

.mt-58 {
  margin-top: 29rem !important;
}

.mt-59 {
  margin-top: 29.5rem !important;
}

.mt-60 {
  margin-top: 30rem !important;
}

.mt-61 {
  margin-top: 30.5rem !important;
}

.mt-62 {
  margin-top: 31rem !important;
}

.mt-63 {
  margin-top: 31.5rem !important;
}

.mt-64 {
  margin-top: 32rem !important;
}

.mt-65 {
  margin-top: 32.5rem !important;
}

.mt-66 {
  margin-top: 33rem !important;
}

.mt-67 {
  margin-top: 33.5rem !important;
}

.mt-68 {
  margin-top: 34rem !important;
}

.mt-69 {
  margin-top: 34.5rem !important;
}

.mt-70 {
  margin-top: 35rem !important;
}

.mb-0 {
  margin-bottom: 0rem !important;
}

.mb-1 {
  margin-bottom: 0.5rem !important;
}

.mb-2 {
  margin-bottom: 1rem !important;
}

.mb-3 {
  margin-bottom: 1.5rem !important;
}

.mb-4 {
  margin-bottom: 2rem !important;
}

.mb-5 {
  margin-bottom: 2.5rem !important;
}

.mb-6 {
  margin-bottom: 3rem !important;
}

.mb-7 {
  margin-bottom: 3.5rem !important;
}

.mb-8 {
  margin-bottom: 4rem !important;
}

.mb-9 {
  margin-bottom: 4.5rem !important;
}

.mb-10 {
  margin-bottom: 5rem !important;
}

.mb-11 {
  margin-bottom: 5.5rem !important;
}

.mb-12 {
  margin-bottom: 6rem !important;
}

.mb-13 {
  margin-bottom: 6.5rem !important;
}

.mb-14 {
  margin-bottom: 7rem !important;
}

.mb-15 {
  margin-bottom: 7.5rem !important;
}

.mb-16 {
  margin-bottom: 8rem !important;
}

.mb-17 {
  margin-bottom: 8.5rem !important;
}

.mb-18 {
  margin-bottom: 9rem !important;
}

.mb-19 {
  margin-bottom: 9.5rem !important;
}

.mb-20 {
  margin-bottom: 10rem !important;
}

.mb-21 {
  margin-bottom: 10.5rem !important;
}

.mb-22 {
  margin-bottom: 11rem !important;
}

.mb-23 {
  margin-bottom: 11.5rem !important;
}

.mb-24 {
  margin-bottom: 12rem !important;
}

.mb-25 {
  margin-bottom: 12.5rem !important;
}

.mb-26 {
  margin-bottom: 13rem !important;
}

.mb-27 {
  margin-bottom: 13.5rem !important;
}

.mb-28 {
  margin-bottom: 14rem !important;
}

.mb-29 {
  margin-bottom: 14.5rem !important;
}

.mb-30 {
  margin-bottom: 15rem !important;
}

.mb-31 {
  margin-bottom: 15.5rem !important;
}

.mb-32 {
  margin-bottom: 16rem !important;
}

.mb-33 {
  margin-bottom: 16.5rem !important;
}

.mb-34 {
  margin-bottom: 17rem !important;
}

.mb-35 {
  margin-bottom: 17.5rem !important;
}

.mb-36 {
  margin-bottom: 18rem !important;
}

.mb-37 {
  margin-bottom: 18.5rem !important;
}

.mb-38 {
  margin-bottom: 19rem !important;
}

.mb-39 {
  margin-bottom: 19.5rem !important;
}

.mb-40 {
  margin-bottom: 20rem !important;
}

.mb-41 {
  margin-bottom: 20.5rem !important;
}

.mb-42 {
  margin-bottom: 21rem !important;
}

.mb-43 {
  margin-bottom: 21.5rem !important;
}

.mb-44 {
  margin-bottom: 22rem !important;
}

.mb-45 {
  margin-bottom: 22.5rem !important;
}

.mb-46 {
  margin-bottom: 23rem !important;
}

.mb-47 {
  margin-bottom: 23.5rem !important;
}

.mb-48 {
  margin-bottom: 24rem !important;
}

.mb-49 {
  margin-bottom: 24.5rem !important;
}

.mb-50 {
  margin-bottom: 25rem !important;
}

.mb-51 {
  margin-bottom: 25.5rem !important;
}

.mb-52 {
  margin-bottom: 26rem !important;
}

.mb-53 {
  margin-bottom: 26.5rem !important;
}

.mb-54 {
  margin-bottom: 27rem !important;
}

.mb-55 {
  margin-bottom: 27.5rem !important;
}

.mb-56 {
  margin-bottom: 28rem !important;
}

.mb-57 {
  margin-bottom: 28.5rem !important;
}

.mb-58 {
  margin-bottom: 29rem !important;
}

.mb-59 {
  margin-bottom: 29.5rem !important;
}

.mb-60 {
  margin-bottom: 30rem !important;
}

.mb-61 {
  margin-bottom: 30.5rem !important;
}

.mb-62 {
  margin-bottom: 31rem !important;
}

.mb-63 {
  margin-bottom: 31.5rem !important;
}

.mb-64 {
  margin-bottom: 32rem !important;
}

.mb-65 {
  margin-bottom: 32.5rem !important;
}

.mb-66 {
  margin-bottom: 33rem !important;
}

.mb-67 {
  margin-bottom: 33.5rem !important;
}

.mb-68 {
  margin-bottom: 34rem !important;
}

.mb-69 {
  margin-bottom: 34.5rem !important;
}

.mb-70 {
  margin-bottom: 35rem !important;
}

.ml-0 {
  margin-left: 0rem !important;
}

.ml-1 {
  margin-left: 0.5rem !important;
}

.ml-2 {
  margin-left: 1rem !important;
}

.ml-3 {
  margin-left: 1.5rem !important;
}

.ml-4 {
  margin-left: 2rem !important;
}

.ml-5 {
  margin-left: 2.5rem !important;
}

.ml-6 {
  margin-left: 3rem !important;
}

.ml-7 {
  margin-left: 3.5rem !important;
}

.ml-8 {
  margin-left: 4rem !important;
}

.ml-9 {
  margin-left: 4.5rem !important;
}

.ml-10 {
  margin-left: 5rem !important;
}

.ml-11 {
  margin-left: 5.5rem !important;
}

.ml-12 {
  margin-left: 6rem !important;
}

.ml-13 {
  margin-left: 6.5rem !important;
}

.ml-14 {
  margin-left: 7rem !important;
}

.ml-15 {
  margin-left: 7.5rem !important;
}

.ml-16 {
  margin-left: 8rem !important;
}

.ml-17 {
  margin-left: 8.5rem !important;
}

.ml-18 {
  margin-left: 9rem !important;
}

.ml-19 {
  margin-left: 9.5rem !important;
}

.ml-20 {
  margin-left: 10rem !important;
}

.ml-21 {
  margin-left: 10.5rem !important;
}

.ml-22 {
  margin-left: 11rem !important;
}

.ml-23 {
  margin-left: 11.5rem !important;
}

.ml-24 {
  margin-left: 12rem !important;
}

.ml-25 {
  margin-left: 12.5rem !important;
}

.ml-26 {
  margin-left: 13rem !important;
}

.ml-27 {
  margin-left: 13.5rem !important;
}

.ml-28 {
  margin-left: 14rem !important;
}

.ml-29 {
  margin-left: 14.5rem !important;
}

.ml-30 {
  margin-left: 15rem !important;
}

.ml-31 {
  margin-left: 15.5rem !important;
}

.ml-32 {
  margin-left: 16rem !important;
}

.ml-33 {
  margin-left: 16.5rem !important;
}

.ml-34 {
  margin-left: 17rem !important;
}

.ml-35 {
  margin-left: 17.5rem !important;
}

.ml-36 {
  margin-left: 18rem !important;
}

.ml-37 {
  margin-left: 18.5rem !important;
}

.ml-38 {
  margin-left: 19rem !important;
}

.ml-39 {
  margin-left: 19.5rem !important;
}

.ml-40 {
  margin-left: 20rem !important;
}

.ml-41 {
  margin-left: 20.5rem !important;
}

.ml-42 {
  margin-left: 21rem !important;
}

.ml-43 {
  margin-left: 21.5rem !important;
}

.ml-44 {
  margin-left: 22rem !important;
}

.ml-45 {
  margin-left: 22.5rem !important;
}

.ml-46 {
  margin-left: 23rem !important;
}

.ml-47 {
  margin-left: 23.5rem !important;
}

.ml-48 {
  margin-left: 24rem !important;
}

.ml-49 {
  margin-left: 24.5rem !important;
}

.ml-50 {
  margin-left: 25rem !important;
}

.ml-51 {
  margin-left: 25.5rem !important;
}

.ml-52 {
  margin-left: 26rem !important;
}

.ml-53 {
  margin-left: 26.5rem !important;
}

.ml-54 {
  margin-left: 27rem !important;
}

.ml-55 {
  margin-left: 27.5rem !important;
}

.ml-56 {
  margin-left: 28rem !important;
}

.ml-57 {
  margin-left: 28.5rem !important;
}

.ml-58 {
  margin-left: 29rem !important;
}

.ml-59 {
  margin-left: 29.5rem !important;
}

.ml-60 {
  margin-left: 30rem !important;
}

.ml-61 {
  margin-left: 30.5rem !important;
}

.ml-62 {
  margin-left: 31rem !important;
}

.ml-63 {
  margin-left: 31.5rem !important;
}

.ml-64 {
  margin-left: 32rem !important;
}

.ml-65 {
  margin-left: 32.5rem !important;
}

.ml-66 {
  margin-left: 33rem !important;
}

.ml-67 {
  margin-left: 33.5rem !important;
}

.ml-68 {
  margin-left: 34rem !important;
}

.ml-69 {
  margin-left: 34.5rem !important;
}

.ml-70 {
  margin-left: 35rem !important;
}

.mr-0 {
  margin-right: 0rem !important;
}

.mr-1 {
  margin-right: 0.5rem !important;
}

.mr-2 {
  margin-right: 1rem !important;
}

.mr-3 {
  margin-right: 1.5rem !important;
}

.mr-4 {
  margin-right: 2rem !important;
}

.mr-5 {
  margin-right: 2.5rem !important;
}

.mr-6 {
  margin-right: 3rem !important;
}

.mr-7 {
  margin-right: 3.5rem !important;
}

.mr-8 {
  margin-right: 4rem !important;
}

.mr-9 {
  margin-right: 4.5rem !important;
}

.mr-10 {
  margin-right: 5rem !important;
}

.mr-11 {
  margin-right: 5.5rem !important;
}

.mr-12 {
  margin-right: 6rem !important;
}

.mr-13 {
  margin-right: 6.5rem !important;
}

.mr-14 {
  margin-right: 7rem !important;
}

.mr-15 {
  margin-right: 7.5rem !important;
}

.mr-16 {
  margin-right: 8rem !important;
}

.mr-17 {
  margin-right: 8.5rem !important;
}

.mr-18 {
  margin-right: 9rem !important;
}

.mr-19 {
  margin-right: 9.5rem !important;
}

.mr-20 {
  margin-right: 10rem !important;
}

.mr-21 {
  margin-right: 10.5rem !important;
}

.mr-22 {
  margin-right: 11rem !important;
}

.mr-23 {
  margin-right: 11.5rem !important;
}

.mr-24 {
  margin-right: 12rem !important;
}

.mr-25 {
  margin-right: 12.5rem !important;
}

.mr-26 {
  margin-right: 13rem !important;
}

.mr-27 {
  margin-right: 13.5rem !important;
}

.mr-28 {
  margin-right: 14rem !important;
}

.mr-29 {
  margin-right: 14.5rem !important;
}

.mr-30 {
  margin-right: 15rem !important;
}

.mr-31 {
  margin-right: 15.5rem !important;
}

.mr-32 {
  margin-right: 16rem !important;
}

.mr-33 {
  margin-right: 16.5rem !important;
}

.mr-34 {
  margin-right: 17rem !important;
}

.mr-35 {
  margin-right: 17.5rem !important;
}

.mr-36 {
  margin-right: 18rem !important;
}

.mr-37 {
  margin-right: 18.5rem !important;
}

.mr-38 {
  margin-right: 19rem !important;
}

.mr-39 {
  margin-right: 19.5rem !important;
}

.mr-40 {
  margin-right: 20rem !important;
}

.mr-41 {
  margin-right: 20.5rem !important;
}

.mr-42 {
  margin-right: 21rem !important;
}

.mr-43 {
  margin-right: 21.5rem !important;
}

.mr-44 {
  margin-right: 22rem !important;
}

.mr-45 {
  margin-right: 22.5rem !important;
}

.mr-46 {
  margin-right: 23rem !important;
}

.mr-47 {
  margin-right: 23.5rem !important;
}

.mr-48 {
  margin-right: 24rem !important;
}

.mr-49 {
  margin-right: 24.5rem !important;
}

.mr-50 {
  margin-right: 25rem !important;
}

.mr-51 {
  margin-right: 25.5rem !important;
}

.mr-52 {
  margin-right: 26rem !important;
}

.mr-53 {
  margin-right: 26.5rem !important;
}

.mr-54 {
  margin-right: 27rem !important;
}

.mr-55 {
  margin-right: 27.5rem !important;
}

.mr-56 {
  margin-right: 28rem !important;
}

.mr-57 {
  margin-right: 28.5rem !important;
}

.mr-58 {
  margin-right: 29rem !important;
}

.mr-59 {
  margin-right: 29.5rem !important;
}

.mr-60 {
  margin-right: 30rem !important;
}

.mr-61 {
  margin-right: 30.5rem !important;
}

.mr-62 {
  margin-right: 31rem !important;
}

.mr-63 {
  margin-right: 31.5rem !important;
}

.mr-64 {
  margin-right: 32rem !important;
}

.mr-65 {
  margin-right: 32.5rem !important;
}

.mr-66 {
  margin-right: 33rem !important;
}

.mr-67 {
  margin-right: 33.5rem !important;
}

.mr-68 {
  margin-right: 34rem !important;
}

.mr-69 {
  margin-right: 34.5rem !important;
}

.mr-70 {
  margin-right: 35rem !important;
}

.py-0 {
  padding-top: 0rem !important;
  padding-bottom: 0rem !important;
}

.py-1 {
  padding-top: 0.5rem !important;
  padding-bottom: 0.5rem !important;
}

.py-2 {
  padding-top: 1rem !important;
  padding-bottom: 1rem !important;
}

.py-3 {
  padding-top: 1.5rem !important;
  padding-bottom: 1.5rem !important;
}

.py-4 {
  padding-top: 2rem !important;
  padding-bottom: 2rem !important;
}

.py-5 {
  padding-top: 2.5rem !important;
  padding-bottom: 2.5rem !important;
}

.py-6 {
  padding-top: 3rem !important;
  padding-bottom: 3rem !important;
}

.py-7 {
  padding-top: 3.5rem !important;
  padding-bottom: 3.5rem !important;
}

.py-8 {
  padding-top: 4rem !important;
  padding-bottom: 4rem !important;
}

.py-9 {
  padding-top: 4.5rem !important;
  padding-bottom: 4.5rem !important;
}

.py-10 {
  padding-top: 5rem !important;
  padding-bottom: 5rem !important;
}

.py-11 {
  padding-top: 5.5rem !important;
  padding-bottom: 5.5rem !important;
}

.py-12 {
  padding-top: 6rem !important;
  padding-bottom: 6rem !important;
}

.py-13 {
  padding-top: 6.5rem !important;
  padding-bottom: 6.5rem !important;
}

.py-14 {
  padding-top: 7rem !important;
  padding-bottom: 7rem !important;
}

.py-15 {
  padding-top: 7.5rem !important;
  padding-bottom: 7.5rem !important;
}

.py-16 {
  padding-top: 8rem !important;
  padding-bottom: 8rem !important;
}

.py-17 {
  padding-top: 8.5rem !important;
  padding-bottom: 8.5rem !important;
}

.py-18 {
  padding-top: 9rem !important;
  padding-bottom: 9rem !important;
}

.py-19 {
  padding-top: 9.5rem !important;
  padding-bottom: 9.5rem !important;
}

.py-20 {
  padding-top: 10rem !important;
  padding-bottom: 10rem !important;
}

.py-21 {
  padding-top: 10.5rem !important;
  padding-bottom: 10.5rem !important;
}

.py-22 {
  padding-top: 11rem !important;
  padding-bottom: 11rem !important;
}

.py-23 {
  padding-top: 11.5rem !important;
  padding-bottom: 11.5rem !important;
}

.py-24 {
  padding-top: 12rem !important;
  padding-bottom: 12rem !important;
}

.py-25 {
  padding-top: 12.5rem !important;
  padding-bottom: 12.5rem !important;
}

.py-26 {
  padding-top: 13rem !important;
  padding-bottom: 13rem !important;
}

.py-27 {
  padding-top: 13.5rem !important;
  padding-bottom: 13.5rem !important;
}

.py-28 {
  padding-top: 14rem !important;
  padding-bottom: 14rem !important;
}

.py-29 {
  padding-top: 14.5rem !important;
  padding-bottom: 14.5rem !important;
}

.py-30 {
  padding-top: 15rem !important;
  padding-bottom: 15rem !important;
}

.py-31 {
  padding-top: 15.5rem !important;
  padding-bottom: 15.5rem !important;
}

.py-32 {
  padding-top: 16rem !important;
  padding-bottom: 16rem !important;
}

.py-33 {
  padding-top: 16.5rem !important;
  padding-bottom: 16.5rem !important;
}

.py-34 {
  padding-top: 17rem !important;
  padding-bottom: 17rem !important;
}

.py-35 {
  padding-top: 17.5rem !important;
  padding-bottom: 17.5rem !important;
}

.py-36 {
  padding-top: 18rem !important;
  padding-bottom: 18rem !important;
}

.py-37 {
  padding-top: 18.5rem !important;
  padding-bottom: 18.5rem !important;
}

.py-38 {
  padding-top: 19rem !important;
  padding-bottom: 19rem !important;
}

.py-39 {
  padding-top: 19.5rem !important;
  padding-bottom: 19.5rem !important;
}

.py-40 {
  padding-top: 20rem !important;
  padding-bottom: 20rem !important;
}

.py-41 {
  padding-top: 20.5rem !important;
  padding-bottom: 20.5rem !important;
}

.py-42 {
  padding-top: 21rem !important;
  padding-bottom: 21rem !important;
}

.py-43 {
  padding-top: 21.5rem !important;
  padding-bottom: 21.5rem !important;
}

.py-44 {
  padding-top: 22rem !important;
  padding-bottom: 22rem !important;
}

.py-45 {
  padding-top: 22.5rem !important;
  padding-bottom: 22.5rem !important;
}

.py-46 {
  padding-top: 23rem !important;
  padding-bottom: 23rem !important;
}

.py-47 {
  padding-top: 23.5rem !important;
  padding-bottom: 23.5rem !important;
}

.py-48 {
  padding-top: 24rem !important;
  padding-bottom: 24rem !important;
}

.py-49 {
  padding-top: 24.5rem !important;
  padding-bottom: 24.5rem !important;
}

.py-50 {
  padding-top: 25rem !important;
  padding-bottom: 25rem !important;
}

.py-51 {
  padding-top: 25.5rem !important;
  padding-bottom: 25.5rem !important;
}

.py-52 {
  padding-top: 26rem !important;
  padding-bottom: 26rem !important;
}

.py-53 {
  padding-top: 26.5rem !important;
  padding-bottom: 26.5rem !important;
}

.py-54 {
  padding-top: 27rem !important;
  padding-bottom: 27rem !important;
}

.py-55 {
  padding-top: 27.5rem !important;
  padding-bottom: 27.5rem !important;
}

.py-56 {
  padding-top: 28rem !important;
  padding-bottom: 28rem !important;
}

.py-57 {
  padding-top: 28.5rem !important;
  padding-bottom: 28.5rem !important;
}

.py-58 {
  padding-top: 29rem !important;
  padding-bottom: 29rem !important;
}

.py-59 {
  padding-top: 29.5rem !important;
  padding-bottom: 29.5rem !important;
}

.py-60 {
  padding-top: 30rem !important;
  padding-bottom: 30rem !important;
}

.py-61 {
  padding-top: 30.5rem !important;
  padding-bottom: 30.5rem !important;
}

.py-62 {
  padding-top: 31rem !important;
  padding-bottom: 31rem !important;
}

.py-63 {
  padding-top: 31.5rem !important;
  padding-bottom: 31.5rem !important;
}

.py-64 {
  padding-top: 32rem !important;
  padding-bottom: 32rem !important;
}

.py-65 {
  padding-top: 32.5rem !important;
  padding-bottom: 32.5rem !important;
}

.py-66 {
  padding-top: 33rem !important;
  padding-bottom: 33rem !important;
}

.py-67 {
  padding-top: 33.5rem !important;
  padding-bottom: 33.5rem !important;
}

.py-68 {
  padding-top: 34rem !important;
  padding-bottom: 34rem !important;
}

.py-69 {
  padding-top: 34.5rem !important;
  padding-bottom: 34.5rem !important;
}

.py-70 {
  padding-top: 35rem !important;
  padding-bottom: 35rem !important;
}

.px-0 {
  padding-right: 0rem !important;
  padding-left: 0rem !important;
}

.px-1 {
  padding-right: 0.5rem !important;
  padding-left: 0.5rem !important;
}

.px-2 {
  padding-right: 1rem !important;
  padding-left: 1rem !important;
}

.px-3 {
  padding-right: 1.5rem !important;
  padding-left: 1.5rem !important;
}

.px-4 {
  padding-right: 2rem !important;
  padding-left: 2rem !important;
}

.px-5 {
  padding-right: 2.5rem !important;
  padding-left: 2.5rem !important;
}

.px-6 {
  padding-right: 3rem !important;
  padding-left: 3rem !important;
}

.px-7 {
  padding-right: 3.5rem !important;
  padding-left: 3.5rem !important;
}

.px-8 {
  padding-right: 4rem !important;
  padding-left: 4rem !important;
}

.px-9 {
  padding-right: 4.5rem !important;
  padding-left: 4.5rem !important;
}

.px-10 {
  padding-right: 5rem !important;
  padding-left: 5rem !important;
}

.px-11 {
  padding-right: 5.5rem !important;
  padding-left: 5.5rem !important;
}

.px-12 {
  padding-right: 6rem !important;
  padding-left: 6rem !important;
}

.px-13 {
  padding-right: 6.5rem !important;
  padding-left: 6.5rem !important;
}

.px-14 {
  padding-right: 7rem !important;
  padding-left: 7rem !important;
}

.px-15 {
  padding-right: 7.5rem !important;
  padding-left: 7.5rem !important;
}

.px-16 {
  padding-right: 8rem !important;
  padding-left: 8rem !important;
}

.px-17 {
  padding-right: 8.5rem !important;
  padding-left: 8.5rem !important;
}

.px-18 {
  padding-right: 9rem !important;
  padding-left: 9rem !important;
}

.px-19 {
  padding-right: 9.5rem !important;
  padding-left: 9.5rem !important;
}

.px-20 {
  padding-right: 10rem !important;
  padding-left: 10rem !important;
}

.px-21 {
  padding-right: 10.5rem !important;
  padding-left: 10.5rem !important;
}

.px-22 {
  padding-right: 11rem !important;
  padding-left: 11rem !important;
}

.px-23 {
  padding-right: 11.5rem !important;
  padding-left: 11.5rem !important;
}

.px-24 {
  padding-right: 12rem !important;
  padding-left: 12rem !important;
}

.px-25 {
  padding-right: 12.5rem !important;
  padding-left: 12.5rem !important;
}

.px-26 {
  padding-right: 13rem !important;
  padding-left: 13rem !important;
}

.px-27 {
  padding-right: 13.5rem !important;
  padding-left: 13.5rem !important;
}

.px-28 {
  padding-right: 14rem !important;
  padding-left: 14rem !important;
}

.px-29 {
  padding-right: 14.5rem !important;
  padding-left: 14.5rem !important;
}

.px-30 {
  padding-right: 15rem !important;
  padding-left: 15rem !important;
}

.px-31 {
  padding-right: 15.5rem !important;
  padding-left: 15.5rem !important;
}

.px-32 {
  padding-right: 16rem !important;
  padding-left: 16rem !important;
}

.px-33 {
  padding-right: 16.5rem !important;
  padding-left: 16.5rem !important;
}

.px-34 {
  padding-right: 17rem !important;
  padding-left: 17rem !important;
}

.px-35 {
  padding-right: 17.5rem !important;
  padding-left: 17.5rem !important;
}

.px-36 {
  padding-right: 18rem !important;
  padding-left: 18rem !important;
}

.px-37 {
  padding-right: 18.5rem !important;
  padding-left: 18.5rem !important;
}

.px-38 {
  padding-right: 19rem !important;
  padding-left: 19rem !important;
}

.px-39 {
  padding-right: 19.5rem !important;
  padding-left: 19.5rem !important;
}

.px-40 {
  padding-right: 20rem !important;
  padding-left: 20rem !important;
}

.px-41 {
  padding-right: 20.5rem !important;
  padding-left: 20.5rem !important;
}

.px-42 {
  padding-right: 21rem !important;
  padding-left: 21rem !important;
}

.px-43 {
  padding-right: 21.5rem !important;
  padding-left: 21.5rem !important;
}

.px-44 {
  padding-right: 22rem !important;
  padding-left: 22rem !important;
}

.px-45 {
  padding-right: 22.5rem !important;
  padding-left: 22.5rem !important;
}

.px-46 {
  padding-right: 23rem !important;
  padding-left: 23rem !important;
}

.px-47 {
  padding-right: 23.5rem !important;
  padding-left: 23.5rem !important;
}

.px-48 {
  padding-right: 24rem !important;
  padding-left: 24rem !important;
}

.px-49 {
  padding-right: 24.5rem !important;
  padding-left: 24.5rem !important;
}

.px-50 {
  padding-right: 25rem !important;
  padding-left: 25rem !important;
}

.px-51 {
  padding-right: 25.5rem !important;
  padding-left: 25.5rem !important;
}

.px-52 {
  padding-right: 26rem !important;
  padding-left: 26rem !important;
}

.px-53 {
  padding-right: 26.5rem !important;
  padding-left: 26.5rem !important;
}

.px-54 {
  padding-right: 27rem !important;
  padding-left: 27rem !important;
}

.px-55 {
  padding-right: 27.5rem !important;
  padding-left: 27.5rem !important;
}

.px-56 {
  padding-right: 28rem !important;
  padding-left: 28rem !important;
}

.px-57 {
  padding-right: 28.5rem !important;
  padding-left: 28.5rem !important;
}

.px-58 {
  padding-right: 29rem !important;
  padding-left: 29rem !important;
}

.px-59 {
  padding-right: 29.5rem !important;
  padding-left: 29.5rem !important;
}

.px-60 {
  padding-right: 30rem !important;
  padding-left: 30rem !important;
}

.px-61 {
  padding-right: 30.5rem !important;
  padding-left: 30.5rem !important;
}

.px-62 {
  padding-right: 31rem !important;
  padding-left: 31rem !important;
}

.px-63 {
  padding-right: 31.5rem !important;
  padding-left: 31.5rem !important;
}

.px-64 {
  padding-right: 32rem !important;
  padding-left: 32rem !important;
}

.px-65 {
  padding-right: 32.5rem !important;
  padding-left: 32.5rem !important;
}

.px-66 {
  padding-right: 33rem !important;
  padding-left: 33rem !important;
}

.px-67 {
  padding-right: 33.5rem !important;
  padding-left: 33.5rem !important;
}

.px-68 {
  padding-right: 34rem !important;
  padding-left: 34rem !important;
}

.px-69 {
  padding-right: 34.5rem !important;
  padding-left: 34.5rem !important;
}

.px-70 {
  padding-right: 35rem !important;
  padding-left: 35rem !important;
}

.pt-0 {
  padding-top: 0rem !important;
}

.pt-1 {
  padding-top: 0.5rem !important;
}

.pt-2 {
  padding-top: 1rem !important;
}

.pt-3 {
  padding-top: 1.5rem !important;
}

.pt-4 {
  padding-top: 2rem !important;
}

.pt-5 {
  padding-top: 2.5rem !important;
}

.pt-6 {
  padding-top: 3rem !important;
}

.pt-7 {
  padding-top: 3.5rem !important;
}

.pt-8 {
  padding-top: 4rem !important;
}

.pt-9 {
  padding-top: 4.5rem !important;
}

.pt-10 {
  padding-top: 5rem !important;
}

.pt-11 {
  padding-top: 5.5rem !important;
}

.pt-12 {
  padding-top: 6rem !important;
}

.pt-13 {
  padding-top: 6.5rem !important;
}

.pt-14 {
  padding-top: 7rem !important;
}

.pt-15 {
  padding-top: 7.5rem !important;
}

.pt-16 {
  padding-top: 8rem !important;
}

.pt-17 {
  padding-top: 8.5rem !important;
}

.pt-18 {
  padding-top: 9rem !important;
}

.pt-19 {
  padding-top: 9.5rem !important;
}

.pt-20 {
  padding-top: 10rem !important;
}

.pt-21 {
  padding-top: 10.5rem !important;
}

.pt-22 {
  padding-top: 11rem !important;
}

.pt-23 {
  padding-top: 11.5rem !important;
}

.pt-24 {
  padding-top: 12rem !important;
}

.pt-25 {
  padding-top: 12.5rem !important;
}

.pt-26 {
  padding-top: 13rem !important;
}

.pt-27 {
  padding-top: 13.5rem !important;
}

.pt-28 {
  padding-top: 14rem !important;
}

.pt-29 {
  padding-top: 14.5rem !important;
}

.pt-30 {
  padding-top: 15rem !important;
}

.pt-31 {
  padding-top: 15.5rem !important;
}

.pt-32 {
  padding-top: 16rem !important;
}

.pt-33 {
  padding-top: 16.5rem !important;
}

.pt-34 {
  padding-top: 17rem !important;
}

.pt-35 {
  padding-top: 17.5rem !important;
}

.pt-36 {
  padding-top: 18rem !important;
}

.pt-37 {
  padding-top: 18.5rem !important;
}

.pt-38 {
  padding-top: 19rem !important;
}

.pt-39 {
  padding-top: 19.5rem !important;
}

.pt-40 {
  padding-top: 20rem !important;
}

.pt-41 {
  padding-top: 20.5rem !important;
}

.pt-42 {
  padding-top: 21rem !important;
}

.pt-43 {
  padding-top: 21.5rem !important;
}

.pt-44 {
  padding-top: 22rem !important;
}

.pt-45 {
  padding-top: 22.5rem !important;
}

.pt-46 {
  padding-top: 23rem !important;
}

.pt-47 {
  padding-top: 23.5rem !important;
}

.pt-48 {
  padding-top: 24rem !important;
}

.pt-49 {
  padding-top: 24.5rem !important;
}

.pt-50 {
  padding-top: 25rem !important;
}

.pt-51 {
  padding-top: 25.5rem !important;
}

.pt-52 {
  padding-top: 26rem !important;
}

.pt-53 {
  padding-top: 26.5rem !important;
}

.pt-54 {
  padding-top: 27rem !important;
}

.pt-55 {
  padding-top: 27.5rem !important;
}

.pt-56 {
  padding-top: 28rem !important;
}

.pt-57 {
  padding-top: 28.5rem !important;
}

.pt-58 {
  padding-top: 29rem !important;
}

.pt-59 {
  padding-top: 29.5rem !important;
}

.pt-60 {
  padding-top: 30rem !important;
}

.pt-61 {
  padding-top: 30.5rem !important;
}

.pt-62 {
  padding-top: 31rem !important;
}

.pt-63 {
  padding-top: 31.5rem !important;
}

.pt-64 {
  padding-top: 32rem !important;
}

.pt-65 {
  padding-top: 32.5rem !important;
}

.pt-66 {
  padding-top: 33rem !important;
}

.pt-67 {
  padding-top: 33.5rem !important;
}

.pt-68 {
  padding-top: 34rem !important;
}

.pt-69 {
  padding-top: 34.5rem !important;
}

.pt-70 {
  padding-top: 35rem !important;
}

.pb-0 {
  padding-bottom: 0rem !important;
}

.pb-1 {
  padding-bottom: 0.5rem !important;
}

.pb-2 {
  padding-bottom: 1rem !important;
}

.pb-3 {
  padding-bottom: 1.5rem !important;
}

.pb-4 {
  padding-bottom: 2rem !important;
}

.pb-5 {
  padding-bottom: 2.5rem !important;
}

.pb-6 {
  padding-bottom: 3rem !important;
}

.pb-7 {
  padding-bottom: 3.5rem !important;
}

.pb-8 {
  padding-bottom: 4rem !important;
}

.pb-9 {
  padding-bottom: 4.5rem !important;
}

.pb-10 {
  padding-bottom: 5rem !important;
}

.pb-11 {
  padding-bottom: 5.5rem !important;
}

.pb-12 {
  padding-bottom: 6rem !important;
}

.pb-13 {
  padding-bottom: 6.5rem !important;
}

.pb-14 {
  padding-bottom: 7rem !important;
}

.pb-15 {
  padding-bottom: 7.5rem !important;
}

.pb-16 {
  padding-bottom: 8rem !important;
}

.pb-17 {
  padding-bottom: 8.5rem !important;
}

.pb-18 {
  padding-bottom: 9rem !important;
}

.pb-19 {
  padding-bottom: 9.5rem !important;
}

.pb-20 {
  padding-bottom: 10rem !important;
}

.pb-21 {
  padding-bottom: 10.5rem !important;
}

.pb-22 {
  padding-bottom: 11rem !important;
}

.pb-23 {
  padding-bottom: 11.5rem !important;
}

.pb-24 {
  padding-bottom: 12rem !important;
}

.pb-25 {
  padding-bottom: 12.5rem !important;
}

.pb-26 {
  padding-bottom: 13rem !important;
}

.pb-27 {
  padding-bottom: 13.5rem !important;
}

.pb-28 {
  padding-bottom: 14rem !important;
}

.pb-29 {
  padding-bottom: 14.5rem !important;
}

.pb-30 {
  padding-bottom: 15rem !important;
}

.pb-31 {
  padding-bottom: 15.5rem !important;
}

.pb-32 {
  padding-bottom: 16rem !important;
}

.pb-33 {
  padding-bottom: 16.5rem !important;
}

.pb-34 {
  padding-bottom: 17rem !important;
}

.pb-35 {
  padding-bottom: 17.5rem !important;
}

.pb-36 {
  padding-bottom: 18rem !important;
}

.pb-37 {
  padding-bottom: 18.5rem !important;
}

.pb-38 {
  padding-bottom: 19rem !important;
}

.pb-39 {
  padding-bottom: 19.5rem !important;
}

.pb-40 {
  padding-bottom: 20rem !important;
}

.pb-41 {
  padding-bottom: 20.5rem !important;
}

.pb-42 {
  padding-bottom: 21rem !important;
}

.pb-43 {
  padding-bottom: 21.5rem !important;
}

.pb-44 {
  padding-bottom: 22rem !important;
}

.pb-45 {
  padding-bottom: 22.5rem !important;
}

.pb-46 {
  padding-bottom: 23rem !important;
}

.pb-47 {
  padding-bottom: 23.5rem !important;
}

.pb-48 {
  padding-bottom: 24rem !important;
}

.pb-49 {
  padding-bottom: 24.5rem !important;
}

.pb-50 {
  padding-bottom: 25rem !important;
}

.pb-51 {
  padding-bottom: 25.5rem !important;
}

.pb-52 {
  padding-bottom: 26rem !important;
}

.pb-53 {
  padding-bottom: 26.5rem !important;
}

.pb-54 {
  padding-bottom: 27rem !important;
}

.pb-55 {
  padding-bottom: 27.5rem !important;
}

.pb-56 {
  padding-bottom: 28rem !important;
}

.pb-57 {
  padding-bottom: 28.5rem !important;
}

.pb-58 {
  padding-bottom: 29rem !important;
}

.pb-59 {
  padding-bottom: 29.5rem !important;
}

.pb-60 {
  padding-bottom: 30rem !important;
}

.pb-61 {
  padding-bottom: 30.5rem !important;
}

.pb-62 {
  padding-bottom: 31rem !important;
}

.pb-63 {
  padding-bottom: 31.5rem !important;
}

.pb-64 {
  padding-bottom: 32rem !important;
}

.pb-65 {
  padding-bottom: 32.5rem !important;
}

.pb-66 {
  padding-bottom: 33rem !important;
}

.pb-67 {
  padding-bottom: 33.5rem !important;
}

.pb-68 {
  padding-bottom: 34rem !important;
}

.pb-69 {
  padding-bottom: 34.5rem !important;
}

.pb-70 {
  padding-bottom: 35rem !important;
}

.pl-0 {
  padding-left: 0rem !important;
}

.pl-1 {
  padding-left: 0.5rem !important;
}

.pl-2 {
  padding-left: 1rem !important;
}

.pl-3 {
  padding-left: 1.5rem !important;
}

.pl-4 {
  padding-left: 2rem !important;
}

.pl-5 {
  padding-left: 2.5rem !important;
}

.pl-6 {
  padding-left: 3rem !important;
}

.pl-7 {
  padding-left: 3.5rem !important;
}

.pl-8 {
  padding-left: 4rem !important;
}

.pl-9 {
  padding-left: 4.5rem !important;
}

.pl-10 {
  padding-left: 5rem !important;
}

.pl-11 {
  padding-left: 5.5rem !important;
}

.pl-12 {
  padding-left: 6rem !important;
}

.pl-13 {
  padding-left: 6.5rem !important;
}

.pl-14 {
  padding-left: 7rem !important;
}

.pl-15 {
  padding-left: 7.5rem !important;
}

.pl-16 {
  padding-left: 8rem !important;
}

.pl-17 {
  padding-left: 8.5rem !important;
}

.pl-18 {
  padding-left: 9rem !important;
}

.pl-19 {
  padding-left: 9.5rem !important;
}

.pl-20 {
  padding-left: 10rem !important;
}

.pl-21 {
  padding-left: 10.5rem !important;
}

.pl-22 {
  padding-left: 11rem !important;
}

.pl-23 {
  padding-left: 11.5rem !important;
}

.pl-24 {
  padding-left: 12rem !important;
}

.pl-25 {
  padding-left: 12.5rem !important;
}

.pl-26 {
  padding-left: 13rem !important;
}

.pl-27 {
  padding-left: 13.5rem !important;
}

.pl-28 {
  padding-left: 14rem !important;
}

.pl-29 {
  padding-left: 14.5rem !important;
}

.pl-30 {
  padding-left: 15rem !important;
}

.pl-31 {
  padding-left: 15.5rem !important;
}

.pl-32 {
  padding-left: 16rem !important;
}

.pl-33 {
  padding-left: 16.5rem !important;
}

.pl-34 {
  padding-left: 17rem !important;
}

.pl-35 {
  padding-left: 17.5rem !important;
}

.pl-36 {
  padding-left: 18rem !important;
}

.pl-37 {
  padding-left: 18.5rem !important;
}

.pl-38 {
  padding-left: 19rem !important;
}

.pl-39 {
  padding-left: 19.5rem !important;
}

.pl-40 {
  padding-left: 20rem !important;
}

.pl-41 {
  padding-left: 20.5rem !important;
}

.pl-42 {
  padding-left: 21rem !important;
}

.pl-43 {
  padding-left: 21.5rem !important;
}

.pl-44 {
  padding-left: 22rem !important;
}

.pl-45 {
  padding-left: 22.5rem !important;
}

.pl-46 {
  padding-left: 23rem !important;
}

.pl-47 {
  padding-left: 23.5rem !important;
}

.pl-48 {
  padding-left: 24rem !important;
}

.pl-49 {
  padding-left: 24.5rem !important;
}

.pl-50 {
  padding-left: 25rem !important;
}

.pl-51 {
  padding-left: 25.5rem !important;
}

.pl-52 {
  padding-left: 26rem !important;
}

.pl-53 {
  padding-left: 26.5rem !important;
}

.pl-54 {
  padding-left: 27rem !important;
}

.pl-55 {
  padding-left: 27.5rem !important;
}

.pl-56 {
  padding-left: 28rem !important;
}

.pl-57 {
  padding-left: 28.5rem !important;
}

.pl-58 {
  padding-left: 29rem !important;
}

.pl-59 {
  padding-left: 29.5rem !important;
}

.pl-60 {
  padding-left: 30rem !important;
}

.pl-61 {
  padding-left: 30.5rem !important;
}

.pl-62 {
  padding-left: 31rem !important;
}

.pl-63 {
  padding-left: 31.5rem !important;
}

.pl-64 {
  padding-left: 32rem !important;
}

.pl-65 {
  padding-left: 32.5rem !important;
}

.pl-66 {
  padding-left: 33rem !important;
}

.pl-67 {
  padding-left: 33.5rem !important;
}

.pl-68 {
  padding-left: 34rem !important;
}

.pl-69 {
  padding-left: 34.5rem !important;
}

.pl-70 {
  padding-left: 35rem !important;
}

.pr-0 {
  padding-right: 0rem !important;
}

.pr-1 {
  padding-right: 0.5rem !important;
}

.pr-2 {
  padding-right: 1rem !important;
}

.pr-3 {
  padding-right: 1.5rem !important;
}

.pr-4 {
  padding-right: 2rem !important;
}

.pr-5 {
  padding-right: 2.5rem !important;
}

.pr-6 {
  padding-right: 3rem !important;
}

.pr-7 {
  padding-right: 3.5rem !important;
}

.pr-8 {
  padding-right: 4rem !important;
}

.pr-9 {
  padding-right: 4.5rem !important;
}

.pr-10 {
  padding-right: 5rem !important;
}

.pr-11 {
  padding-right: 5.5rem !important;
}

.pr-12 {
  padding-right: 6rem !important;
}

.pr-13 {
  padding-right: 6.5rem !important;
}

.pr-14 {
  padding-right: 7rem !important;
}

.pr-15 {
  padding-right: 7.5rem !important;
}

.pr-16 {
  padding-right: 8rem !important;
}

.pr-17 {
  padding-right: 8.5rem !important;
}

.pr-18 {
  padding-right: 9rem !important;
}

.pr-19 {
  padding-right: 9.5rem !important;
}

.pr-20 {
  padding-right: 10rem !important;
}

.pr-21 {
  padding-right: 10.5rem !important;
}

.pr-22 {
  padding-right: 11rem !important;
}

.pr-23 {
  padding-right: 11.5rem !important;
}

.pr-24 {
  padding-right: 12rem !important;
}

.pr-25 {
  padding-right: 12.5rem !important;
}

.pr-26 {
  padding-right: 13rem !important;
}

.pr-27 {
  padding-right: 13.5rem !important;
}

.pr-28 {
  padding-right: 14rem !important;
}

.pr-29 {
  padding-right: 14.5rem !important;
}

.pr-30 {
  padding-right: 15rem !important;
}

.pr-31 {
  padding-right: 15.5rem !important;
}

.pr-32 {
  padding-right: 16rem !important;
}

.pr-33 {
  padding-right: 16.5rem !important;
}

.pr-34 {
  padding-right: 17rem !important;
}

.pr-35 {
  padding-right: 17.5rem !important;
}

.pr-36 {
  padding-right: 18rem !important;
}

.pr-37 {
  padding-right: 18.5rem !important;
}

.pr-38 {
  padding-right: 19rem !important;
}

.pr-39 {
  padding-right: 19.5rem !important;
}

.pr-40 {
  padding-right: 20rem !important;
}

.pr-41 {
  padding-right: 20.5rem !important;
}

.pr-42 {
  padding-right: 21rem !important;
}

.pr-43 {
  padding-right: 21.5rem !important;
}

.pr-44 {
  padding-right: 22rem !important;
}

.pr-45 {
  padding-right: 22.5rem !important;
}

.pr-46 {
  padding-right: 23rem !important;
}

.pr-47 {
  padding-right: 23.5rem !important;
}

.pr-48 {
  padding-right: 24rem !important;
}

.pr-49 {
  padding-right: 24.5rem !important;
}

.pr-50 {
  padding-right: 25rem !important;
}

.pr-51 {
  padding-right: 25.5rem !important;
}

.pr-52 {
  padding-right: 26rem !important;
}

.pr-53 {
  padding-right: 26.5rem !important;
}

.pr-54 {
  padding-right: 27rem !important;
}

.pr-55 {
  padding-right: 27.5rem !important;
}

.pr-56 {
  padding-right: 28rem !important;
}

.pr-57 {
  padding-right: 28.5rem !important;
}

.pr-58 {
  padding-right: 29rem !important;
}

.pr-59 {
  padding-right: 29.5rem !important;
}

.pr-60 {
  padding-right: 30rem !important;
}

.pr-61 {
  padding-right: 30.5rem !important;
}

.pr-62 {
  padding-right: 31rem !important;
}

.pr-63 {
  padding-right: 31.5rem !important;
}

.pr-64 {
  padding-right: 32rem !important;
}

.pr-65 {
  padding-right: 32.5rem !important;
}

.pr-66 {
  padding-right: 33rem !important;
}

.pr-67 {
  padding-right: 33.5rem !important;
}

.pr-68 {
  padding-right: 34rem !important;
}

.pr-69 {
  padding-right: 34.5rem !important;
}

.pr-70 {
  padding-right: 35rem !important;
}

.my-auto {
  margin-top: auto !important;
  margin-bottom: auto !important;
}

.mt-auto {
  margin-top: auto !important;
}

.mb-auto {
  margin-bottom: auto !important;
}

.mx-auto {
  margin-left: auto !important;
  margin-right: auto !important;
}

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

.mr-auto {
  margin-right: auto !important;
}

.hr {
  width: 100%;
  height: 1px;
  background-color: #DBDBE3;
}
.hr.black {
  background-color: #010101;
}

.fw-medium {
  font-weight: 500;
}

#wrapper {
  position: relative;
  padding-top: calc(var(--header-height) + var(--menu-height));
  padding-top: var(--header-height);
}

#container {
  min-height: 64vh;
}

.contain-u-wide {
  margin: 0 auto;
  padding-inline: var(--wrapper-padding-x);
  max-width: calc(var(--contents-width-u-wide) + var(--wrapper-padding-x) * 2);
}

.contain-wide {
  margin: 0 auto;
  padding-inline: var(--wrapper-padding-x);
  max-width: calc(var(--contents-width-wide) + var(--wrapper-padding-x) * 2);
}
.contain-wide.no-p-x {
  padding-inline: 0;
  max-width: var(--contents-width-wide);
}

.contain {
  margin: 0 auto;
  padding-inline: var(--wrapper-padding-x);
  max-width: calc(var(--contents-width) + var(--wrapper-padding-x) * 2);
}

.contain-narrow {
  margin: 0 auto;
  padding-inline: var(--wrapper-padding-x);
  max-width: calc(var(--contents-width-narrow) + var(--wrapper-padding-x) * 2);
}

.split-text,
.split-text-hover {
  display: inline-block;
  overflow: hidden;
  white-space: nowrap;
}
.split-text .char,
.split-text-hover .char {
  position: relative;
  display: inline-block;
}

.overlay {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1001;
  opacity: 1;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.2);
  -webkit-transition: opacity 0.5s ease;
  transition: opacity 0.5s ease;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  pointer-events: none;
}

.position-relative {
  position: relative !important;
}

.video-wrap {
  position: relative;
  width: 100%;
  aspect-ratio: 4/3;
}
.video-wrap video {
  position: absolute;
  inset: 0;
  width: 100%;
  aspect-ratio: 4/3;
  -o-object-fit: contain;
     object-fit: contain;
}

.thumb {
  position: relative;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  overflow: hidden;
  font-size: 0;
}
.thumb:before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  border: 1px solid rgba(0, 0, 0, 0.05);
  border-radius: inherit;
}
.thumb img {
  width: 100%;
  -webkit-transition: 0.2s ease-in-out;
  transition: 0.2s ease-in-out;
  -o-object-fit: contain;
     object-fit: contain;
}
.thumb:has(img.sr-only):after {
  background-size: auto;
}
.thumb img.sr-only {
  line-height: 0;
}

.ratio-vertical .thumb,
.ratio-vertical.thumb {
  aspect-ratio: 39/55;
}
.ratio-vertical .thumb img,
.ratio-vertical.thumb img {
  aspect-ratio: inherit;
}

.ratio-horizontal .thumb,
.ratio-horizontal.thumb {
  aspect-ratio: 3/2;
}
.ratio-horizontal .thumb img,
.ratio-horizontal.thumb img {
  aspect-ratio: inherit;
}

.ratio-square .thumb,
.ratio-square.thumb {
  aspect-ratio: 1;
}
.ratio-square .thumb img,
.ratio-square.thumb img {
  aspect-ratio: inherit;
}

.flexy-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.flexy-col.col-3 {
  width: 24.999%;
}
.flexy-col.col-4 {
  width: 33.333%;
}
.flexy-col.col-5 {
  width: 41.666%;
}
.flexy-col.col-6 {
  width: 49.999%;
}
.flexy-col.col-7 {
  width: 58.333%;
}

.justify-content-center {
  -webkit-box-pack: center !important;
      -ms-flex-pack: center !important;
          justify-content: center !important;
}
.justify-content-end {
  -webkit-box-pack: end !important;
      -ms-flex-pack: end !important;
          justify-content: flex-end !important;
}
.justify-content-between {
  -webkit-box-pack: justify !important;
      -ms-flex-pack: justify !important;
          justify-content: space-between !important;
}

.align-items-start {
  -webkit-box-align: start !important;
      -ms-flex-align: start !important;
          align-items: flex-start !important;
}
.align-items-end {
  -webkit-box-align: end !important;
      -ms-flex-align: end !important;
          align-items: flex-end !important;
}
.align-items-center {
  -webkit-box-align: center !important;
      -ms-flex-align: center !important;
          align-items: center !important;
}
.align-items-stretch {
  -webkit-box-align: stretch !important;
      -ms-flex-align: stretch !important;
          align-items: stretch !important;
}

.title-xxxl {
  margin-bottom: 1.25rem;
  font-size: 3.5rem;
  font-weight: 700;
  line-height: 1.25em;
}

.title-xxl {
  margin-bottom: 1.5rem;
  font-size: 3.125rem;
  font-weight: 600;
  line-height: 1.25em;
  letter-spacing: -0.03em;
}

.title-xl {
  margin-bottom: 1.25rem;
  font-size: 2rem;
  font-weight: 700;
  line-height: 1.25em;
}

.title-lg {
  margin-bottom: 1.25rem;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.25em;
}

.title-md {
  margin-bottom: 0.75rem;
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1.25em;
}
.title-md.line-top {
  padding-top: 0.75rem;
  border-top: 1px solid #010101;
}

.title-sm {
  margin-bottom: 0.75rem;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.25em;
}

.title-xs {
  display: block;
  margin-bottom: 0.75rem;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.25em;
}
.title-xs.line-top {
  margin-bottom: 2rem;
}

.fw-bold {
  font-weight: 700 !important;
}

.fw-semibold {
  font-weight: 600 !important;
}

.fw-medium {
  font-weight: 500 !important;
}

.desc-sm {
  display: block;
  color: #656565;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.625em;
  letter-spacing: -0.02em;
  text-align: left;
}
.desc-sm + .desc-sm {
  margin-top: 0.25rem;
}

.desc-mini {
  display: block;
  color: #010101;
  font-size: 13px;
  font-weight: 400;
  line-height: 1.5em;
  letter-spacing: -0.02em;
  text-align: left;
}
.desc-mini + .desc-mini {
  margin-top: 0.25rem;
}
.desc-mini.ico-noti {
  --icon-size: 16px;
  padding-left: calc(var(--icon-size) + 0.5rem);
  line-height: var(--icon-size);
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: var(--icon-size);
  background-image: url(../images/sub/ico_line_noti.png);
}
.desc-mini.ico-noti.solid {
  background-image: url(../images/sub/ico_line_noti_gr_solid.png);
}
.desc-mini.inline-block {
  display: inline-block;
}
.desc-mini.ta-l {
  text-align: left;
}
.desc-mini.ta-r {
  text-align: right;
}
.desc-mini.ta-c {
  text-align: center;
}

.bullet-list li {
  position: relative;
  padding-left: 1rem;
  line-height: 21px;
  letter-spacing: -0.02em;
  text-align: left;
}
.bullet-list li:before {
  content: "";
  position: absolute;
  top: 9px;
  left: 6px;
  border-radius: 50%;
  width: 3px;
  height: 3px;
  background: #010101;
}
.bullet-list li ~ li {
  margin-top: 0.375rem;
}

.bullet-list-sm li {
  position: relative;
  padding-left: 1rem;
  font-size: 14px;
  line-height: 19px;
  letter-spacing: -0.02em;
  text-align: left;
}
.bullet-list-sm li:before {
  content: "";
  position: absolute;
  top: 8px;
  left: 6px;
  border-radius: 50%;
  width: 3px;
  height: 3px;
  background: #010101;
}
.bullet-list-sm li ~ li {
  margin-top: 0.25rem;
}

.hyphen-list li {
  position: relative;
  padding-left: 1rem;
  line-height: 1.5em;
  letter-spacing: -0.02em;
  text-align: left;
}
.hyphen-list li:before {
  content: "- ";
  position: absolute;
  top: 0;
  left: 2px;
}
.hyphen-list li ~ li {
  margin-top: 0.375rem;
}

.hyphen-list-sm li {
  position: relative;
  padding-left: 1rem;
  font-size: 14px;
  line-height: 19px;
  letter-spacing: -0.02em;
  text-align: left;
}
.hyphen-list-sm li:before {
  content: "- ";
  position: absolute;
  top: 0;
  left: 2px;
}
.hyphen-list-sm li ~ li {
  margin-top: 0.25rem;
}

.badge {
  color: #010101;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 16px;
  letter-spacing: -0.03em;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding-block: 2px;
  padding-inline: 0.5rem;
  border: 0.5px solid #F5F5FB;
  min-height: 20px;
  background-color: #F5F5FB;
}
.badge.bl {
  border-color: #2C36A6 !important;
  background-color: #2C36A6 !important;
  color: #FFFFFF !important;
}
.badge.sk {
  border-color: #37BFF5 !important;
  background-color: #37BFF5 !important;
  color: #FFFFFF !important;
}
.badge.bk {
  border-color: #010101 !important;
  background-color: #010101 !important;
  color: #FFFFFF !important;
}
.badge.gr {
  border-color: #F5F5FB !important;
  background-color: #F5F5FB !important;
  color: #010101 !important;
}
.badge.yg {
  border-color: #D7F7C2 !important;
  background-color: #D7F7C2 !important;
  color: #2B5D5A !important;
}
.badge.nowrap {
  white-space: nowrap;
}

.badges {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  --gap: 1px;
  gap: var(--gap);
}
.badges .badge:first-child {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.badges .badge:last-child {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

.underline {
  text-decoration-line: underline;
}

.hyper-link {
  display: inline-block;
  color: #2C36A6;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.5em;
  -webkit-font-feature-settings: "liga" off, "clig" off;
          font-feature-settings: "liga" off, "clig" off;
}

.underline-link {
  display: inline-block;
  font-size: 1.125rem;
  font-weight: 500;
  line-height: 1.5em;
  -webkit-font-feature-settings: "liga" off, "clig" off;
          font-feature-settings: "liga" off, "clig" off;
  text-decoration-line: underline;
}
.underline-link:where(:hover, :focus) {
  color: #2C36A6;
}
.underline-link.danger:where(:hover, :focus) {
  color: #9C1A1F;
}

.go-link {
  --icon-size: 1.5rem;
  position: relative;
  display: inline-block;
  padding-right: 2rem;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #1F1F3A), color-stop(50%, #1F1F3A));
  background-image: linear-gradient(#1F1F3A 50%, #1F1F3A 50%);
  background-position: 0 100%;
  background-repeat: no-repeat;
  background-size: 0 2px;
  color: #010101;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.75rem;
  letter-spacing: -0.02em;
}
.go-link:after {
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  display: block;
  width: var(--icon-size);
  height: var(--icon-size);
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  -webkit-transition: background-position 0.3s ease-in-out;
  transition: background-position 0.3s ease-in-out;
  background-position: 100% 50%;
  background-repeat: no-repeat;
  background-size: auto var(--icon-size);
  background-image: url(../images/sub/arw_go_link_bk.png);
}
.go-link:where(:hover, :active) {
  background-size: 100% 2px;
  color: #000;
}
.go-link:where(:hover, :active):after {
  background-position: 0 50% !important;
}
.go-link.bl {
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #2C36A6), color-stop(50%, #2C36A6));
  background-image: linear-gradient(#2C36A6 50%, #2C36A6 50%);
}
.go-link.bl:after {
  background-image: url(../images/sub/arw_go_link_bl.png);
}
.go-link.bl:where(:hover, :active) {
  color: #2C36A6;
}
.go-link.rd {
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #9C1A1F), color-stop(50%, #9C1A1F));
  background-image: linear-gradient(#9C1A1F 50%, #9C1A1F 50%);
}
.go-link.rd:after {
  background-image: url(../images/sub/arw_go_link_rd.png);
}
.go-link.rd:where(:hover, :active) {
  color: #9C1A1F;
}
.go-link.gr {
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #2B5D5A), color-stop(50%, #2B5D5A));
  background-image: linear-gradient(#2B5D5A 50%, #2B5D5A 50%);
}
.go-link.gr:after {
  background-image: url(../images/sub/arw_go_link_gr.png);
}
.go-link.gr:where(:hover, :active) {
  color: #2B5D5A;
}
.go-link.ye {
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #FFCD47), color-stop(50%, #FFCD47));
  background-image: linear-gradient(#FFCD47 50%, #FFCD47 50%);
}
.go-link.ye:after {
  background-image: url(../images/sub/arw_go_link_ye.png);
}
.go-link.ye:where(:hover, :active) {
  color: #FFCD47;
}

.external-link {
  display: inline-block;
  padding-right: 16px;
  color: #2C36A6;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.5em;
  letter-spacing: -0.02em;
  background-position: 100% 50%;
  background-repeat: no-repeat;
  background-size: 12px;
  background-image: url(../images/sub/ico_external_link_bl.png);
}

/* tabs */
.sub-tabs {
  position: relative;
  overflow: hidden;
  text-align: center;
}
.sub-tabs .swiper-menu ul {
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  white-space: nowrap;
}
.sub-tabs ul {
  --num: 3;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 100%;
  height: auto;
}
.sub-tabs ul li {
  position: relative;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  padding-block: 0.25rem;
  border-right: 1px solid transparent;
  border-bottom: 1px solid transparent;
  background-color: #fff;
}
.sub-tabs ul li :where(a, button) {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-inline: 0.75rem;
  width: 100%;
  min-height: 2.25rem;
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1.25em;
  text-align: left;
}
.sub-tabs ul li.is-active {
  border-right-color: #000;
  background-color: #F4F4F4;
  text-decoration: none;
}
.sub-tabs.sticky {
  position: sticky;
  top: var(--header-height);
  z-index: 2;
}

.tab-contents {
  display: none;
}

.tab-contents.is-active {
  display: block;
}

.hashtag {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 0.5rem;
  margin-block: 1rem;
}
.hashtag span {
  padding-block: 0.25rem;
  padding-inline: 0.5rem;
  border: 1px solid #000;
  border-radius: 1.5rem;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.125rem;
}

/* table */
.table-box {
  position: relative;
  margin-inline: auto;
  overflow-x: auto;
}

/* ---- FORM common --------------------------------*/
.form-group-gr {
  padding: 16px;
  border-radius: var(--radius-rg, 0.5rem);
  background-color: rgba(243, 243, 251, 0.5019607843);
}
.form-group-gr ~ .form-group-gr {
  margin-top: 20px;
}

.form-group-wh {
  padding: 16px;
  border-radius: var(--radius-rg, 0.5rem);
  background-color: #FFFFFF;
}
.form-group-wh ~ .form-group-wh {
  margin-top: 20px;
}

.form-control-wrap {
  position: relative;
}
.form-control-wrap .form-label {
  display: block;
  width: 100%;
}
.form-control-wrap .form-control {
  width: 100%;
  background-color: #FFFFFF;
}
.form-control-wrap .form-control[readonly] {
  background-color: rgba(248, 248, 248, 0.5019607843) !important;
}
.form-control-wrap .form-control,
.form-control-wrap .form-message-wrap,
.form-control-wrap .form-tag-wrap,
.form-control-wrap .form-link-wrap,
.form-control-wrap .form-checkbox-list {
  margin-top: 0.5rem;
}
.form-control-wrap:has(.form-right-action) input.form-control {
  padding-right: 4rem !important;
}
.form-control-wrap ~ .form-control-wrap {
  margin-top: var(--spacing-xl, 24px);
}
.form-control-wrap .form-label + .flexy-row {
  margin-top: 0.5rem;
}
.form-control-wrap .flexy-row {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  gap: 0.25rem 0.5rem;
  width: 100%;
}
.form-control-wrap .flexy-row .form-control,
.form-control-wrap .flexy-row .dropdown-box {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
.form-control-wrap .flexy-row .form-control {
  margin-top: 0;
}
.form-control-wrap .flexy-row .desc-mini {
  margin-top: -4px;
  width: 100%;
}
.form-control-wrap .flexy-row ~ .flexy-row {
  margin-top: 8px;
}

.form-label {
  display: block;
  width: 100%;
  color: var(--gray-500, #1F1F3A);
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.5em;
}

.required {
  display: inline-block;
  margin-right: 2px;
  color: #2C36A6;
  font-size: 1.125em;
  font-weight: 600;
}

.form-control {
  width: 100%;
  color: var(--gray-500, #1F1F3A);
}
.form-control:active {
  -webkit-box-shadow: 0px 0px 0px 3px rgba(1, 150, 237, 0.4);
          box-shadow: 0px 0px 0px 3px rgba(1, 150, 237, 0.4);
  outline: 0;
}
.form-control:active::-webkit-input-placeholder {
  color: var(--gray-500, #1F1F3A);
}
.form-control:active::-moz-placeholder {
  color: var(--gray-500, #1F1F3A);
}
.form-control:active:-ms-input-placeholder {
  color: var(--gray-500, #1F1F3A);
}
.form-control:active::-ms-input-placeholder {
  color: var(--gray-500, #1F1F3A);
}
.form-control:active::placeholder {
  color: var(--gray-500, #1F1F3A);
}
.form-control:focus {
  border: 1.5px solid #2C36A6;
  -webkit-box-shadow: 0px 0px 0px 3px rgba(1, 150, 237, 0.4), 0px 1px 1px 0px rgba(0, 0, 0, 0.12), 0px 2px 5px 0px rgba(60, 66, 87, 0.08);
          box-shadow: 0px 0px 0px 3px rgba(1, 150, 237, 0.4), 0px 1px 1px 0px rgba(0, 0, 0, 0.12), 0px 2px 5px 0px rgba(60, 66, 87, 0.08);
  outline: 0;
}
.form-control:focus::-webkit-input-placeholder {
  color: var(--gray-200, #D5DBE1);
}
.form-control:focus::-moz-placeholder {
  color: var(--gray-200, #D5DBE1);
}
.form-control:focus:-ms-input-placeholder {
  color: var(--gray-200, #D5DBE1);
}
.form-control:focus::-ms-input-placeholder {
  color: var(--gray-200, #D5DBE1);
}
.form-control:focus::placeholder {
  color: var(--gray-200, #D5DBE1);
}

textarea.form-control {
  padding-block: 8px;
  height: inherit;
  min-height: 8rem;
  max-height: 40vh;
}

.form-right-action {
  position: absolute;
  top: calc(50% - 12px);
  right: 0.75rem;
  z-index: 2;
  display: block;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  padding-inline: 6px;
  border-radius: var(--radius-xs);
  color: #2C36A6;
  font-size: var(--fontsize-form-sm, 14px);
  font-weight: 600;
  line-height: 24px !important;
  -webkit-transition: 0.2s ease-in-out;
  transition: 0.2s ease-in-out;
}
.form-right-action.danger {
  color: #9C1A1F;
}
.form-right-action.btn-toggle-pw {
  width: 24px;
  height: 24px;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: 20px;
  background-image: url(../images/common/ico_eye.svg);
}
.form-right-action.btn-toggle-pw.is-show {
  background-image: url(../images/common/ico_eye_slash.svg);
}
.form-right-action.limit-time {
  border-radius: 10px;
  background: var(--red-100, #FFE7F2);
  color: var(--red-500, #DF1B41);
}
.form-right-action:where(:hover, :focus) {
  background-color: rgba(210, 210, 210, 0.08);
}

.form-message-wrap {
  line-height: 20px;
}

.form-message {
  color: var(--gray-300, #A3ACBA);
  font-size: 13px;
  font-weight: 400;
  line-height: 20px;
}
.form-message::before {
  display: inline-block;
  margin-right: 2px;
  width: 20px;
  height: 20px;
  vertical-align: middle;
  background-position: 0 50%;
  background-repeat: no-repeat;
  background-size: 16px;
}
.form-message.ico::before {
  content: "";
  background-image: url(../images/common/ico_input_desc_info.svg);
}
.form-message.limit-time {
  color: var(--red-500, #DF1B41);
}

.form-tag-wrap {
  line-height: 20px;
}

.form-tag {
  position: relative;
  display: inline-block;
  padding-block: 2px 2px;
  padding-inline: 6px 24px;
  border: 1px solid #DBDBE3;
  border-radius: var(--radius-sm, 4px);
  background-color: var(--gray-100, #EBEEF1);
  color: var(--gray-400, #6A7384);
  font-size: 13px;
  font-weight: 600;
  line-height: 20px;
  -webkit-transition: 0.2s ease-in-out;
  transition: 0.2s ease-in-out;
}
.form-tag .btn-close {
  position: absolute;
  top: calc(50% - 8px);
  right: 4px;
  border-radius: var(--radius-xs);
  width: 16px;
  height: 16px;
  overflow: hidden;
  font-size: 0;
  vertical-align: middle;
  text-indent: -9999px;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: 12px;
  background-image: url(../images/btn_delete_tag.svg);
}
.form-tag .btn-close:where(:hover, :focus) {
  background-color: var(--gray-200, #D5DBE1);
}

.form-link-wrap {
  line-height: 20px;
}

.form-link {
  position: relative;
  display: block;
  padding-block: 2px 2px;
  padding-inline: 6px 24px;
  border: 1px solid #DBDBE3;
  border-radius: var(--radius-sm, 4px);
  background-color: var(--gray-100, #EBEEF1);
  color: var(--gray-400, #6A7384);
  font-size: 13px;
  line-height: 20px;
  -webkit-transition: 0.2s ease-in-out;
  transition: 0.2s ease-in-out;
}
.form-link a, .form-link a strong, .form-link a span {
  display: block;
}
.form-link a strong {
  font-weight: 600;
}
.form-link a span {
  font-weight: 400;
}
.form-link .btn-close {
  position: absolute;
  top: calc(50% - 8px);
  right: 4px;
  border-radius: var(--radius-xs);
  width: 16px;
  height: 16px;
  overflow: hidden;
  font-size: 0;
  vertical-align: middle;
  text-indent: -9999px;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: 12px;
  background-image: url(../images/btn_delete_tag.svg);
}
.form-link .btn-close:where(:hover, :focus) {
  background-color: var(--gray-200, #D5DBE1);
}

.input-group {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  width: 100%;
}

.form-control + .form-message-wrap,
.input-group + .form-link-wrap,
.input-group + .form-tag-wrap {
  margin-top: 4px;
}

/* FORM common - size */
.form-control.lg {
  padding-inline: 0.75rem;
  height: var(--form-lg, 40px);
  font-size: 1rem;
  line-height: normal;
}

.form-control.md,
.form-control:not(.sm, .lg) {
  padding-inline: 0.75rem;
  height: var(--form-md, 36px);
  font-size: var(--fontsize-form-md, 16px);
  line-height: normal;
}

.form-control.sm {
  padding-inline: var(--spacing-sm, 8px);
  height: var(--form-sm, 28px);
  font-size: var(--fontsize-form-sm, 14px);
  line-height: normal;
}
.form-control.sm ~ .form-right-action {
  right: var(--spacing-sm, 8px);
}

/* FORM common :: disabled */
.form-control-wrap:has(.form-control[disabled]) .form-label {
  cursor: auto !important;
  pointer-events: none;
}

.form-control[disabled] {
  background-color: var(--gray-50, #F6F8FA);
  -webkit-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.12), 0px 2px 5px 0px rgba(60, 66, 87, 0.08);
          box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.12), 0px 2px 5px 0px rgba(60, 66, 87, 0.08);
  color: var(--gray-300, #A3ACBA);
  cursor: auto !important;
  pointer-events: none;
}

/* FORM common :: error */
.form-control-wrap.is-error .form-control {
  border: 1.5px solid var(--red-500, #DF1B41);
}
.form-control-wrap.is-error .form-control:focus {
  -webkit-box-shadow: 0px 0px 0px 3px var(--red-100, #FFE7F2), 0px 1px 1px 0px rgba(0, 0, 0, 0.12), 0px 2px 5px 0px rgba(60, 66, 87, 0.08);
          box-shadow: 0px 0px 0px 3px var(--red-100, #FFE7F2), 0px 1px 1px 0px rgba(0, 0, 0, 0.12), 0px 2px 5px 0px rgba(60, 66, 87, 0.08);
}
.form-control-wrap.is-error .form-message {
  color: var(--red-500, #DF1B41);
  font-weight: 600;
}
.form-control-wrap.is-error .form-message::before {
  content: "";
  background-image: url(../images/common/ico_input_desc_error.svg);
}

/* ---- Input --------------------------------*/
input.form-control {
  width: 100%;
}

/* Input :: disabled */
input.form-control[disabled] ~ .form-right-action {
  color: var(--gray-300, #A3ACBA) !important;
  cursor: auto !important;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  pointer-events: none;
}

input[type=date] {
  position: relative;
  padding-right: 20px !important;
  background-image: url(../images/common/ico_calendar.svg);
  background-position: calc(100% - 6px) 50%;
  background-repeat: no-repeat;
  background-size: 14px;
  text-align: left !important;
}

input[type=date]::-webkit-calendar-picker-indicator {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: transparent;
  color: transparent;
}

/* ---- Selection --------------------------------*/
/* Selection :: disabled */
.form-control-wrap:has(:where(select, .dropdown-toggle).form-control[disabled]) .form-control {
  background-image: url(../images/common/arw_select_disabled.svg);
}

/* Selection :: error */
.form-control-wrap.is-error :where(select, .dropdown-toggle).form-control {
  background-image: url(../images/common/arw_select_error.svg);
}

/* ---- Dropdown --------------------------------*/
.dropdown-toggle {
  display: block;
  border: 1px solid #DBDBE3;
  border-radius: 4px;
  text-align: left;
  background-position: calc(100% - 0.75rem) 50%;
  background-repeat: no-repeat;
  background-size: auto;
  background-image: url(../images/common/arw_select.svg);
}

.dropdown-layer {
  position: absolute;
  top: calc(100% + 2px);
  left: 0;
  z-index: 2;
  visibility: hidden;
  opacity: 0;
  padding-block: 8px;
  border: 1px solid var(--gray-200, #D5DBE1);
  border-radius: var(--radius, 8px);
  width: 100%;
  min-width: 80px;
  background-color: #FFFFFF;
  -webkit-box-shadow: 0px 4px 24px 0px rgba(0, 0, 0, 0.2);
          box-shadow: 0px 4px 24px 0px rgba(0, 0, 0, 0.2);
  overflow-x: hidden;
  overflow-y: auto;
  color: #30313D;
  font-size: 13px;
  font-weight: 500;
  line-height: 20px;
  -webkit-transition: 0.2s ease-in-out;
  transition: 0.2s ease-in-out;
}
.dropdown-layer li {
  line-height: 20px;
}
.dropdown-layer a {
  display: block;
  padding-inline: 16px;
}
.dropdown-layer a:where(:hover, :focus) {
  background-color: var(--hover-color, #F5F4FB);
}
.dropdown-layer a.on {
  color: var(--blue-500);
}

.dropdown-box.is-show .dropdown-layer {
  visibility: inherit;
  opacity: 1;
}
.dropdown-box.is-show .dropdown-toggle {
  border: 1.5px solid #2C36A6;
  -webkit-box-shadow: 0px 0px 0px 3px rgba(1, 150, 237, 0.4), 0px 1px 1px 0px rgba(0, 0, 0, 0.12), 0px 2px 5px 0px rgba(60, 66, 87, 0.08);
          box-shadow: 0px 0px 0px 3px rgba(1, 150, 237, 0.4), 0px 1px 1px 0px rgba(0, 0, 0, 0.12), 0px 2px 5px 0px rgba(60, 66, 87, 0.08);
  outline: 0;
  background-image: url(../images/common/arw_select_up.svg);
}
.dropdown-box.is-show .dropdown-toggle::-webkit-input-placeholder {
  color: var(--gray-200, #D5DBE1);
}
.dropdown-box.is-show .dropdown-toggle::-moz-placeholder {
  color: var(--gray-200, #D5DBE1);
}
.dropdown-box.is-show .dropdown-toggle:-ms-input-placeholder {
  color: var(--gray-200, #D5DBE1);
}
.dropdown-box.is-show .dropdown-toggle::-ms-input-placeholder {
  color: var(--gray-200, #D5DBE1);
}
.dropdown-box.is-show .dropdown-toggle::placeholder {
  color: var(--gray-200, #D5DBE1);
}

/* Dropdown - size */
.form-control-wrap:has(.form-control.dropdown-toggle.lg) .dropdown-layer a .dropdown-layer button,
.form-control-wrap:has(.form-control.dropdown-toggle.lg) .dropdown-layer label {
  padding-block: 8px;
}

.form-control-wrap:has(.form-control.dropdown-toggle.md) .dropdown-layer a .dropdown-layer button,
.form-control-wrap:has(.form-control.dropdown-toggle.md) .dropdown-layer label,
.form-control-wrap:has(.form-control.dropdown-toggle:not(.sm, .lg)) .dropdown-layer a .dropdown-layer button,
.form-control-wrap:has(.form-control.dropdown-toggle:not(.sm, .lg)) .dropdown-layer label {
  padding-block: 6px;
}

.form-control-wrap:has(.form-control.dropdown-toggle.sm) .dropdown-layer a,
.form-control-wrap:has(.form-control.dropdown-toggle.sm) .dropdown-layer button,
.form-control-wrap:has(.form-control.dropdown-toggle.sm) .dropdown-layer label {
  padding-block: 4px;
}

/* Dropdown :: error */
.form-control-wrap.is-error .dropdown-toggle {
  border: 1.5px solid var(--red-500, #DF1B41);
  background-image: url(../images/common/arw_select_error.svg);
}
.form-control-wrap.is-error .dropdown-box.is-show .dropdown-toggle {
  -webkit-box-shadow: 0px 0px 0px 3px var(--red-100, #FFE7F2), 0px 1px 1px 0px rgba(0, 0, 0, 0.12), 0px 2px 5px 0px rgba(60, 66, 87, 0.08);
          box-shadow: 0px 0px 0px 3px var(--red-100, #FFE7F2), 0px 1px 1px 0px rgba(0, 0, 0, 0.12), 0px 2px 5px 0px rgba(60, 66, 87, 0.08);
  background-image: url(../images/common/arw_select_up_error.svg);
}

/* check-radio */
.ui-check[type=checkbox i].sm-bl ~ label {
  padding-left: 1.25rem;
  min-height: 0.875rem;
  color: #656565;
  font-size: 0.9375rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 0.875rem;
}
.ui-check[type=checkbox i].sm-bl ~ label:before {
  border-radius: 50%;
  width: 0.875rem;
  height: 0.875rem;
  background-position: 0 50%;
  background-size: auto 0.875rem;
  cursor: pointer;
  background-image: url(../images/common/input_check_sm_bl.png);
}
.ui-check[type=checkbox i].sm-bl[type=checkbox i]:checked ~ label {
  color: #2C36A6;
}
.ui-check[type=checkbox i].sm-bl[type=checkbox i]:checked ~ label:before {
  background-image: url(../images/common/input_check_sm_bl_on.png);
}
.ui-check[type=checkbox i].sm-bl ~ label:after {
  border-radius: calc(50% + 2px);
  width: 0.875rem;
  height: 0.875rem;
  background-size: auto calc(0.875rem + 2px);
}
.ui-check[type=checkbox i].sm-bl:focus ~ label:after {
  content: "";
}
.ui-check[type=checkbox i].sm-bl[type=checkbox i][disabled] ~ label {
  color: #A9A9A9 !important;
  font-weight: 300 !important;
  cursor: auto !important;
}
.ui-check[type=checkbox i].sm-bl[type=checkbox i][disabled] ~ label:before {
  -webkit-box-shadow: none;
          box-shadow: none;
  cursor: auto !important;
  pointer-events: none !important;
  background-image: url(../images/common/input_check_sm_bl_disabled.png);
}
.ui-check[type=checkbox i].lg-bl ~ label {
  padding-left: 1.625rem;
  min-height: 1.25rem;
  color: #010101;
  font-size: 0.9375rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.25rem;
}
.ui-check[type=checkbox i].lg-bl ~ label:before {
  border-radius: 50%;
  width: 1.25rem;
  height: 1.25rem;
  background-position: 0 50%;
  background-size: auto 1.25rem;
  cursor: pointer;
  background-image: url(../images/common/input_check_lg_bl.png);
}
.ui-check[type=checkbox i].lg-bl[type=checkbox i]:checked ~ label:before {
  background-image: url(../images/common/input_check_lg_bl_on.png);
}
.ui-check[type=checkbox i].lg-bl ~ label:after {
  border-radius: calc(50% + 2px);
  width: 1.25rem;
  height: 1.25rem;
  background-size: auto calc(1.25rem + 2px);
}
.ui-check[type=checkbox i].lg-bl:focus ~ label:after {
  content: "";
}
.ui-check[type=checkbox i].lg-bl[type=checkbox i][disabled] ~ label {
  color: #A9A9A9 !important;
  font-weight: 300 !important;
  cursor: auto !important;
}
.ui-check[type=checkbox i].lg-bl[type=checkbox i][disabled] ~ label:before {
  -webkit-box-shadow: none;
          box-shadow: none;
  cursor: auto !important;
  pointer-events: none !important;
  background-image: url(../images/common/input_check_lg_bl_disabled.png);
}
.ui-check[type=checkbox i].lg-bk ~ label {
  padding-left: 1.5rem;
  min-height: 1.125rem;
  color: #656565;
  font-size: 0.9375rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.125rem;
}
.ui-check[type=checkbox i].lg-bk ~ label:before {
  width: 1.125rem;
  height: 1.125rem;
  background-position: 0 50%;
  background-size: auto 1.125rem;
  cursor: pointer;
  background-image: url(../images/common/input_check_lg_bk.png);
}
.ui-check[type=checkbox i].lg-bk[type=checkbox i]:checked ~ label:before {
  background-image: url(../images/common/input_check_lg_bk_on.png);
}
.ui-check[type=checkbox i].lg-bk ~ label:after {
  border-radius: calc( + 2px);
  width: 1.125rem;
  height: 1.125rem;
  background-size: auto calc(1.125rem + 2px);
}
.ui-check[type=checkbox i].lg-bk:focus ~ label:after {
  content: "";
}
.ui-check[type=checkbox i].lg-bk[type=checkbox i][disabled] ~ label {
  color: #A9A9A9 !important;
  font-weight: 300 !important;
  cursor: auto !important;
}
.ui-check[type=checkbox i].lg-bk[type=checkbox i][disabled] ~ label:before {
  -webkit-box-shadow: none;
          box-shadow: none;
  cursor: auto !important;
  pointer-events: none !important;
  background-image: url(../images/common/input_check_lg_bk_disabled.png);
}
.ui-check[type=checkbox i].only-ico ~ .form-label {
  font-size: 0;
}
.ui-check[type=checkbox i].only-ico ~ .form-label:before, .ui-check[type=checkbox i].only-ico ~ .form-label:after {
  left: 2px;
}

.ui-check[type=radio i].sm-bl ~ label {
  padding-left: 1.25rem;
  min-height: 0.875rem;
  color: #656565;
  font-size: 0.9375rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 0.875rem;
}
.ui-check[type=radio i].sm-bl ~ label:before {
  border-radius: 50%;
  width: 0.875rem;
  height: 0.875rem;
  background-position: 0 50%;
  background-size: auto 0.875rem;
  cursor: pointer;
  background-image: url(../images/common/input_radio_sm_bl.png);
}
.ui-check[type=radio i].sm-bl[type=radio i]:checked ~ label {
  color: #2C36A6;
}
.ui-check[type=radio i].sm-bl[type=radio i]:checked ~ label:before {
  background-image: url(../images/common/input_radio_sm_bl_on.png);
}
.ui-check[type=radio i].sm-bl ~ label:after {
  border-radius: 50% !important;
  width: 0.875rem;
  height: 0.875rem;
  background-size: auto calc(0.875rem + 2px);
}
.ui-check[type=radio i].sm-bl:focus ~ label:after {
  content: "";
}
.ui-check[type=radio i].sm-bl[type=radio i][disabled] ~ label {
  color: #A9A9A9 !important;
  font-weight: 300 !important;
  cursor: auto !important;
}
.ui-check[type=radio i].sm-bl[type=radio i][disabled] ~ label:before {
  -webkit-box-shadow: none;
          box-shadow: none;
  cursor: auto !important;
  pointer-events: none !important;
  background-image: url(../images/common/input_radio_sm_bl_disabled.png);
}
.ui-check[type=radio i].only-ico ~ .form-label {
  font-size: 0;
}
.ui-check[type=radio i].only-ico ~ .form-label:before, .ui-check[type=radio i].only-ico ~ .form-label:after {
  left: 2px;
}

.form-checkbox-list:not(.column) {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  --gap: 0.25rem 0.875rem;
  gap: var(--gap);
}

.form-checkbox-list.column {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  --gap: 0.25rem 0.875rem;
  gap: var(--gap);
}

/* checkbox-radio button */
.ui-check-depth-button:where([type=checkbox], [type=radio]) {
  position: absolute;
  z-index: -1;
  display: inline-block;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  width: 1px !important;
  height: 1px !important;
  overflow: hidden;
  vertical-align: middle;
  clip: rect(0 0 0 0);
}
.ui-check-depth-button:where([type=checkbox], [type=radio]) ~ label {
  position: relative;
  display: block;
  padding-block: 4px;
  padding-inline: 10px 24px;
  border-radius: 4px;
  color: var(--gray-100300, #B1B1B1);
  /* label/sm/600 */
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  letter-spacing: -0.03em;
  cursor: pointer;
  -webkit-font-feature-settings: "liga" off, "clig" off;
          font-feature-settings: "liga" off, "clig" off;
  background-position: calc(100% - 4px) 50%;
  background-repeat: no-repeat;
  background-size: 16px;
  background-image: url(../images/common/ico_check_depth_chevron.png);
}
.ui-check-depth-button:where([type=checkbox], [type=radio]):checked ~ label {
  background-color: #2C36A6;
  color: #fff;
  background-image: url(../images/common/ico_check_depth_chevron_on.png);
}

/* ---- Attachment Files --------------------------------*/
.attachment-files {
  position: relative;
}
.attachment-files ~ .attachment-files {
  margin-top: 1rem;
}

.file-box {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 12px;
  padding-block: 12px;
  padding-inline: 16px;
  border: 1px solid #ced4da;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  --gap: 12px;
  gap: var(--gap);
  /* button */
}
dd .file-box:first-child {
  margin-top: 0;
}
.file-box .cont {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
.file-box .file-name {
  display: block;
  font-size: 0.9375rem;
  font-weight: 600;
  line-height: 1.5em;
}
.file-box .desc-message {
  display: block;
  margin-top: 4px;
  color: #656565;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.5em;
}
.file-box .error-message {
  display: block;
  margin-top: 4px;
  color: #9C1A1F;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.5em;
}
.file-box .buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 4px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

/*** custom-scrollbar ***/
html *::-webkit-scrollbar {
  border-radius: 5px;
  width: 5px;
  height: 5px;
  background-color: rgba(255, 255, 255, 0.06);
}

html *::-webkit-scrollbar-thumb {
  border: 1px solid transparent;
  border-radius: 5px;
  background-clip: padding-box;
  background-color: #7c7c7c;
}

html *::-webkit-scrollbar-track,
html *::-webkit-scrollbar-track-piece {
  background-color: transparent;
}

html *::-webkit-scrollbar-button:vertical:decrement,
html *::-webkit-scrollbar-button:vertical:increment,
html *::-webkit-scrollbar-button:horizontal:decrement,
html *::-webkit-scrollbar-button:horizontal:increment {
  display: none;
}