/* common */
@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100..900&display=swap');

html {
  line-height: 1.4;
  -webkit-text-size-adjust: 100%;
}

body,
button,
p,
span {
  position: relative;
  font-family: "Noto Sans KR", -apple-system, BlinkMacSystemFont, "Malgun Gothic", "맑은 고딕", dotum, "돋움", helvetica, "Apple SD Gothic Neo", sans-serif;
  letter-spacing: -0.07em;
  font-weight: 400;
}

button span, a {
  color: #ffffff;
}

body {
  direction: ltr;
  -webkit-text-size-adjust: none;
  word-break: keep-all;
  word-wrap: break-word;
}

body,
ul,
li,
button {
  margin: 0;
  padding: 0;
  -webkit-appearance: none;
}

div,
ul,
p {
  display: block;
  position: relative;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

img {
  border: 0;
}

p {
  margin: 0;
}

button {
  position: relative;
  border: 0 none;
  background-color: transparent;
  cursor: pointer;
  color: rgba(60, 44, 36, 0.8);
}

button span {
  z-index: 10;
}

.hover {
  position: absolute;
  z-index: 5;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0);
  top: 0;
  left: 0;
}

button:hover > .hover {
  background: rgba(0, 0, 0, 0.12);
}

/* typography */
.kv_title.one_line {
  font-size: 27px;
  line-height: 35px;
  letter-spacing: -0.05em;
}
.kv_title.two_line {
  font-size: 42px;
  line-height: 70px;
}
.h1 {
  font-size: 24px;
  line-height: 24px;
}
.h2 {
  font-size: 22px;
  line-height: 28px;
}
.h3 {
  font-size: 20px;
  line-height: 28px;
}
.h4 {
  font-size: 18px;
  line-height: 135%;
}
.caption1 {
  font-size: 17px;
  line-height: 22px;
}
.caption1.ext_bold {
  line-height: 17px;
}
.caption2 {
  font-size: 15px;
  line-height: 21px;
}
.caption2.bold {
  line-height: 15px;
}


.opacity_66 {
  opacity: 0.6;
}
.opacity_70 {
  opacity: 0.7;
}
.opacity_77 {
  opacity: 0.77;
}
.opacity_80 {
  opacity: 0.8;
}
.opacity_88 {
  opacity: 0.88;
}

.mid {
  font-weight: 500;
}

.bold {
  font-weight: 700;
}
.ext_bold {
  font-weight: 900 !important;
}

.center {
  text-align: center;
}

.left {
  text-align: left;
}

.right {
  text-align: right;
}

.underline {
  text-decoration: underline;
}

.break_all {
  word-break: break-all;
}

/* button */
.inner_button {
  position: relative;
  width: 100%;
  height: 72.8px;
  padding: 22.4px;
  cursor: pointer;
  border-radius: 11.2px;
}
button span {
  z-index: 10;
}
button:hover > .hover.wh_hover {
  background: rgba(255,255,255, 0.12);
}

/* color  */
body {
  background-color: #151832;
  color: #232323;
}
.white {
  color: #ffffff;
}
.white2 {
  color: #F5EBF0;
}
.black {
  color: #000000;
}
.black2 {
  color: #232323;
}
.black3 {
  color: #292A4E;
}
.dark_blue {
  color: #232B4C;
}
.dark_blue2 {
  color: #252A4B;
}
.gray {
  color: #999999;
}
.gray2 {
  color: #555555;
}
.blue {
  color: #798DB6;
}
.red {
  color: #C86363;
}

.bg_pattern {
  background-color: #F5EBF0;
  background-image: url("../../static/images/lottecard_discovery_16cashback_2509_bid/kv-pattern.png");
}

/* box */
.min_wrap {
  min-width: 360px;
  width: 100%;
  overflow: hidden;
}
.container {
  overflow: hidden;
  position: relative;
  width: 100%;
}

.flex_col {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.flex_row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.grow {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}

.only_pc {
  display: block;
}
.only_mo {
  display: none;
}

.x_center {
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
}
.relative {
  position: relative;
}

/* fixed_top_button */
.fixed_top_button {
  position: fixed;
  z-index: 99;
  width: 100%;
  height: 102px;
  top: 0px;
  left: 0px;
  min-width: 360px;
  background: -webkit-linear-gradient(0deg, #E2C9FA, #E2C9FA);
  background: -moz-linear-gradient(0deg, #E2C9FA, #E2C9FA);
  background: -o-linear-gradient(0deg, #E2C9FA, #E2C9FA);
  background: linear-gradient(0deg, #E2C9FA, #E2C9FA);
  padding: 16.8px 0px;
  overflow: hidden;
}
.fixed_top_button::before {
  content: "";
  position: absolute;
  width: 100%;
  min-width: 1920px;
  height: 100%;
  top: 0px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  background: -webkit-linear-gradient(106.17deg, rgba(199, 252, 203, 0.52) -18.07%, rgba(210, 224, 203, 0.52) -6.96%, rgba(228, 179, 227, 0.52) 5.16%, rgba(211, 164, 233, 0.52) 10.21%, rgba(181, 138, 243, 0.52) 20.3%, rgba(150, 168, 244, 0.52) 30.4%, rgba(251, 255, 203, 0.52) 46.56%, rgba(199, 252, 203, 0.52) 55.64%, rgba(210, 224, 203, 0.52) 64.73%, rgba(228, 179, 227, 0.52) 73.82%, rgba(181, 138, 243, 0.52) 79.88%);
  background: -moz-linear-gradient(106.17deg, rgba(199, 252, 203, 0.52) -18.07%, rgba(210, 224, 203, 0.52) -6.96%, rgba(228, 179, 227, 0.52) 5.16%, rgba(211, 164, 233, 0.52) 10.21%, rgba(181, 138, 243, 0.52) 20.3%, rgba(150, 168, 244, 0.52) 30.4%, rgba(251, 255, 203, 0.52) 46.56%, rgba(199, 252, 203, 0.52) 55.64%, rgba(210, 224, 203, 0.52) 64.73%, rgba(228, 179, 227, 0.52) 73.82%, rgba(181, 138, 243, 0.52) 79.88%);
  background: -o-linear-gradient(106.17deg, rgba(199, 252, 203, 0.52) -18.07%, rgba(210, 224, 203, 0.52) -6.96%, rgba(228, 179, 227, 0.52) 5.16%, rgba(211, 164, 233, 0.52) 10.21%, rgba(181, 138, 243, 0.52) 20.3%, rgba(150, 168, 244, 0.52) 30.4%, rgba(251, 255, 203, 0.52) 46.56%, rgba(199, 252, 203, 0.52) 55.64%, rgba(210, 224, 203, 0.52) 64.73%, rgba(228, 179, 227, 0.52) 73.82%, rgba(181, 138, 243, 0.52) 79.88%);
  background: linear-gradient(106.17deg, rgba(199, 252, 203, 0.52) -18.07%, rgba(210, 224, 203, 0.52) -6.96%, rgba(228, 179, 227, 0.52) 5.16%, rgba(211, 164, 233, 0.52) 10.21%, rgba(181, 138, 243, 0.52) 20.3%, rgba(150, 168, 244, 0.52) 30.4%, rgba(251, 255, 203, 0.52) 46.56%, rgba(199, 252, 203, 0.52) 55.64%, rgba(210, 224, 203, 0.52) 64.73%, rgba(228, 179, 227, 0.52) 73.82%, rgba(181, 138, 243, 0.52) 79.88%);
}
.fixed_inner {
  width: 504px;
  justify-content: space-between;
  height: 100%;
}
.fxd_txt {
  width: 201px;
  height: 34px;
}
.btn_black {
  padding: 14px 33.6px;
  gap: 11.2px;
  border-radius: 138.6px;
  background-color: #252A4B;
  overflow: hidden;
}
.btn_black > .flex_col {
  justify-content: flex-start;
  align-items: flex-start;
}
.fxd_txt_min {
  width: 44.8px;
  height: 12.6px;
}
.icon_right {
  width: 7px;
  height: 11.2px;
}

/* main */
.main {
  width: 100%;
  height: 1117px;
  position: relative;
  margin-top: 102px;
  background: -webkit-linear-gradient(162.96deg, #252A4B 3.62%, #151832 51.91%);
  background: -moz-linear-gradient(162.96deg, #252A4B 3.62%, #151832 51.91%);
  background: -o-linear-gradient(162.96deg, #252A4B 3.62%, #151832 51.91%);
  background: linear-gradient(162.96deg, #252A4B 3.62%, #151832 51.91%);
}
.kv_wrap {
  position: relative;
  width: 504px;
  height: 1117px;
  margin: 0 auto;
}
.kv_title_wrap {
  min-width: 281.4px;
  height: 105.2px;
  position: absolute;
  top: 47.6px;
  left: 29.4px;
  gap: 9.8px;
  justify-content: flex-start;
  align-items: flex-start;
}
.kv_title_wrap > .flex_row {
  justify-content: flex-start;
  gap: 16.8px;
}
.kv_title_tag.flex_row {
  padding: 4.2px 9.8px;
  gap: 4.2px;
  border-radius: 75.6px;
  background: #FFFFFFCC;
}
.kv_title_tag > img {
  width: 12.6px;
  height: 12.6px;
}
.kv_title_wrap .kv_title {
  opacity: 0;
  display: none;
}
[data-active="edu"] .edu_txt,
[data-active="wellness"] .wellness_txt,
[data-active="pet"] .pet_txt,
[data-active="golf"] .golf_txt,
[data-active="travel"] .travel_txt {
  display: block !important;
}
.icon_down {
  width: 43.4px;
  height: 39.2px;
  opacity: 0;
}

.kv_wrap > span.h2 {
  display: inline-block;
  position: absolute;
  top: 170px;
  left: 134.4px;
  width: 86px;
  height: 28px;
  letter-spacing: -0.02rem;
}
.kv_deco_dot {
  position: absolute;
  width: 177.8px;
  height: 64.4px;
  top: 193.2px;
  left: 119px;
}
.kv_txt_percent {
  position: absolute;
  width: 173.6px;
  height: 98px;
  top: 204.4px;
  left: 135.8px;
}
.kv_txt_cashback {
  position: absolute;
  width: 161px;
  height: 64.4px;
  top: 233.8px;
  left: 312.2px;
}
.kv_txt_percent img {
  opacity: 0;
}
.kv_txt_percent img, .kv_txt_cashback img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: none;
}
[data-active="edu"] .kv_txt_7, [data-active="edu"] .kv_txt_1,
[data-active="wellness"] .kv_txt_7, [data-active="wellness"] .kv_txt_1,
[data-active="pet"] .kv_txt_7, [data-active="pet"] .kv_txt_1,
[data-active="golf"] .kv_txt_7, [data-active="golf"] .kv_txt_1,
[data-active="travel"] .kv_txt_3, [data-active="travel"] .kv_txt_2 {
  display: block !important;
}

.tab_cont_wrap {
  position: absolute;
  top: 334.6px;
  left: 0px;
  width: 100%;
  height: 99.4px;
  padding: 0px 25.2px;
  gap: 2.8px;
  align-items: flex-end;
}
.tab {
  height: 95.2px;
  background-color: #FFFFFF0A;
  border-top-left-radius: 2.8px;
  border-top-right-radius: 2.8px;
  padding: 0px 16.8px;
  box-shadow: 0px 9.8px 12.6px 0px #00000040;
  cursor: pointer;
  position: relative;
}
.tab .h4, .tab .h1 {
  letter-spacing: -0.73px;
}
.tab .loca_txt {
  display: none;
  position: relative;
  top: 55px;
}
.tab.active {
  display: block;
  box-shadow: 0px -7px 5.6px 0px #0000000D inset;
  height: 120px;
  padding: 0px 27px;
  background-color: #F5EBF0;
  background-image: url("../../static/images/lottecard_discovery_16cashback_2509_bid/kv-pattern.png");
}
.tab.active .txt {
  display: none;
}
.tab.active::before {
  content: "";
  position: absolute;
  width: 37.8px;
  height: 19.8px;
  top: 18.2px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  background-size: cover;
  background-repeat: no-repeat;
  background-image: url("../../static/images/lottecard_discovery_16cashback_2509_bid/kv-hole.png");
}
.tab.active .loca_txt {
  display: block;
}

.card_cont_wrap {
  position: absolute;
  top: 434px;
  left: 0px;
  width: 100%;
  height: 683.2px;
  border-radius: 14.2px;
  overflow: hidden;
}
.card_cont_wrap::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  background: -webkit-linear-gradient(151.93deg, rgba(238, 238, 238, 0) 0.87%, rgba(229, 206, 220, 0.7) 99.25%);
  background: -moz-linear-gradient(151.93deg, rgba(238, 238, 238, 0) 0.87%, rgba(229, 206, 220, 0.7) 99.25%);
  background: -o-linear-gradient(151.93deg, rgba(238, 238, 238, 0) 0.87%, rgba(229, 206, 220, 0.7) 99.25%);
  background: linear-gradient(151.93deg, rgba(238, 238, 238, 0) 0.87%, rgba(229, 206, 220, 0.7) 99.25%);
}
.kv_sticker {
  width: 88.2px;
  height: 64.4px;
  position: absolute;
  top: 350px;
  left: 410.2px;
}
.bg_box {
  width: 100%;
  height: 18.2px;
  position: absolute;
  left: 0px;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 50%, #000000 100%);
  opacity: 4%;
}
.bg_box_1 {
  top: 0px;
}
.bg_box_2 {
  bottom: 0px;
  transform: rotate(180deg);
}

.kv_banner {
  width: 533.4px;
  height: 112px;
  justify-content: space-between;
  padding: 22.4px 33.6px;
  position: absolute;
  top: 542.44px;
  left: -16.47px;
  box-shadow: 0px 1.4px 1.4px 0px #00000021;
  background: #E2C9FA;
  /* transform: rotate(-2deg); */
}
.kv_banner::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  background: -webkit-linear-gradient(106.17deg, rgba(199, 252, 203, 0.52) -18.07%, rgba(210, 224, 203, 0.52) -6.96%, rgba(228, 179, 227, 0.52) 5.16%, rgba(211, 164, 233, 0.52) 10.21%, rgba(181, 138, 243, 0.52) 20.3%, rgba(150, 168, 244, 0.52) 30.4%, rgba(251, 255, 203, 0.52) 46.56%, rgba(199, 252, 203, 0.52) 55.64%, rgba(210, 224, 203, 0.52) 64.73%, rgba(228, 179, 227, 0.52) 73.82%, rgba(181, 138, 243, 0.52) 79.88%);
  background: -moz-linear-gradient(106.17deg, rgba(199, 252, 203, 0.52) -18.07%, rgba(210, 224, 203, 0.52) -6.96%, rgba(228, 179, 227, 0.52) 5.16%, rgba(211, 164, 233, 0.52) 10.21%, rgba(181, 138, 243, 0.52) 20.3%, rgba(150, 168, 244, 0.52) 30.4%, rgba(251, 255, 203, 0.52) 46.56%, rgba(199, 252, 203, 0.52) 55.64%, rgba(210, 224, 203, 0.52) 64.73%, rgba(228, 179, 227, 0.52) 73.82%, rgba(181, 138, 243, 0.52) 79.88%);
  background: -o-linear-gradient(106.17deg, rgba(199, 252, 203, 0.52) -18.07%, rgba(210, 224, 203, 0.52) -6.96%, rgba(228, 179, 227, 0.52) 5.16%, rgba(211, 164, 233, 0.52) 10.21%, rgba(181, 138, 243, 0.52) 20.3%, rgba(150, 168, 244, 0.52) 30.4%, rgba(251, 255, 203, 0.52) 46.56%, rgba(199, 252, 203, 0.52) 55.64%, rgba(210, 224, 203, 0.52) 64.73%, rgba(228, 179, 227, 0.52) 73.82%, rgba(181, 138, 243, 0.52) 79.88%);
  background: linear-gradient(106.17deg, rgba(199, 252, 203, 0.52) -18.07%, rgba(210, 224, 203, 0.52) -6.96%, rgba(228, 179, 227, 0.52) 5.16%, rgba(211, 164, 233, 0.52) 10.21%, rgba(181, 138, 243, 0.52) 20.3%, rgba(150, 168, 244, 0.52) 30.4%, rgba(251, 255, 203, 0.52) 46.56%, rgba(199, 252, 203, 0.52) 55.64%, rgba(210, 224, 203, 0.52) 64.73%, rgba(228, 179, 227, 0.52) 73.82%, rgba(181, 138, 243, 0.52) 79.88%);
}
.kv_banner > .flex_row:first-child {
  justify-content: flex-start;
  gap: 11.2px;
}
.kv_banner > .flex_row:first-child > .flex_row {
  justify-content: flex-start;
}
.kv_banner > .flex_row:first-child > .flex_row > .ext_bold {
  font-size: 34px;
  line-height: 34px;
  letter-spacing: -2.37px;
}
.kv_banner > .flex_row:first-child > .flex_row > .bold {
  font-size: 28px;
  line-height: 28px;
  letter-spacing: -1.4px;
}
.icon_cashback {
  width: 67.2px;
  height: 67.2px;
}
.kv_max_txt {
  width: 14px;
  height: 28px;
}
.go_apply_kv {
  width: 160px;
  height: 67px;
  position: relative;
  background-color: #252A4B;
  border-radius: 138.6px;
  gap: 11px;
  overflow: hidden;
}

.card_cont_inner {
  position: relative;
  width: 100%;
  padding: 60px 37px 0px 56px;
  display: none;
}
.card_cont_inner.active {
  display: block;
}
#golf.card_cont_inner {
  padding-left: 77px;
}
.min_badge {
  position: absolute;
  top: 60px;
  left: 56px;
  width: 65.2px;
  height: 17.6px;
}
#golf.active ~ .min_badge {
  left: 77px;
}
.kv_title_img {
  position: absolute;
  top: 82px;
  left: 56px;
  width: auto;
  height: 36.4px;
}
#golf .kv_title_img {
  left: 77px;
}
.icon_split {
  position: absolute;
  top: 78.4px;
  left: 120.4px;
  width: 22.4px;
  height: 26.6px;
}
#wellness .icon_split {
  left: 201px;
}
#golf .icon_split {
  left: 155px;
}
#travel .icon_split {
  left: 160px;
}
.kv_card {
  width: 151.31px;
  height: 240.8px;
  position: absolute;
  top: 140px;
  left: 56px;
}
.kv_card.vertical {
  width: 240.8px;
  height: 151.31px;
}
#golf .kv_card {
  left: 77px;
}
.kv_item {
  width: 238px;
  height: 345.8px;
  position: absolute;
  top: 60px;
  left: 228.5px;
}
.kv_item_golf_1 {
  width: 106.4px;
  height: 345.8px;
  position: absolute;
  top: 60px;
  left: 339px;
}
.kv_item_golf_2 {
  width: 249.2px;
  height: 103.6px;
  position: absolute;
  top: 302.4px;
  left: 77px;
}
.go_detail {
  width: 371px;
  height: 56px;
  background: #E2C5D780;
  border-radius: 11.2px;
  border: 1.4px solid #B895AA;
  box-shadow: 0px 1.4px 1.4px 0px #00000021;
  position: absolute;
  top: 423px;
  left: 63px;
}

/* common */
#event {
  background-color: #151832;
}
.event_wrap {
  width: 100%;
  max-width: 504px;
  padding: 0px 28px 28px;
  box-sizing: border-box;
}
.event_box {
  background-color: #FAF8F7;
  width: 100%;
}
.event_box::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  background: -webkit-linear-gradient(178.45deg, rgba(93, 93, 107, 0.7) -0.05%, rgba(93, 93, 107, 0) 4.58%);
  background: -moz-linear-gradient(178.45deg, rgba(93, 93, 107, 0.7) -0.05%, rgba(93, 93, 107, 0) 4.58%);
  background: -o-linear-gradient(178.45deg, rgba(93, 93, 107, 0.7) -0.05%, rgba(93, 93, 107, 0) 4.58%);
  background: linear-gradient(178.45deg, rgba(93, 93, 107, 0.7) -0.05%, rgba(93, 93, 107, 0) 4.58%);
}
.eve_subtitle {
  width: 90.4px;
  height: auto;
  margin-bottom: 11.2px;
}
.eve_cont {
  width: 100%;
  padding: 33.6px 47.6px;
  gap: 22.4px;
  background-color: #FAF8F7;
}
.gap_5_6 {
  gap: 5.6px;
}
.gap_11_2 {
  gap: 11.2px;
}
.eve_cont > .flex_col {
  width: 100%;
  align-items: flex-start;
  justify-content: flex-start;
}
.mb_2_8 {
  margin-bottom: 2.8px;
}
.gray_tag {
  display: inline-block;
  background: #11111114;
  color: #111111C7;
  padding: 1.4px 4.2px;
  border-radius: 5.6px;
  margin-right: 5.6px;
}
.eve_ul {
  width: 100%;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 5.6px;
  list-style: none;
}
.eve_li_txt {
  width: 100%;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 2.8px;
}
.eve_li_txt::before {
  content: "*";
  display: inline-block;
  width: 9.8px;
  height: 21px;
  padding-top: 4.2px;
}

/* event1 */
.eve1_title_cont {
  width: 100%;
  padding: 61.6px 56px 19.6px 47.6px;
  box-sizing: border-box;
  background-color: #CAD7F380;
  justify-content: flex-start;
  align-items: flex-start;
}
.eve_title_1 {
  width: 233.8px;
  height: 34px;
}
.eve_img {
  width: 344.4px;
  height: 176.4px;
}

/* toggle (event2) */
.toggle_wrap {
  width: 100%;
  box-sizing: border-box;
  border-top: 1.4px dashed #969594;
  overflow: hidden;
}
.toggle {
  cursor: pointer;
}
.toggle_cont {
  max-height: 0;
  overflow: hidden;
  -webkit-transition: max-height 0.3s ease-out;
  -o-transition: max-height 0.3s ease-out;
  transition: max-height 0.3s ease-out;
}
.toggle_button_wrap {
  width: 100%;
  padding: 36.4px 47.6px 0px;
  background: #D3CAF380;
  height: 286.4px;
  justify-content: flex-end;
}
.toggle_button_wrap > .flex_row {
  width: 100%;
  justify-content: space-between;
}
.toggle_button_wrap > .flex_row > .flex_col {
  width: 100%;
  justify-content: flex-start;
  align-items: flex-start;
}
.eve_title_2 {
  width: 275px;
  height: 31px;
}
.eve_img_2 {
  width: 352.8px;
  height: 176.4px;
}
.icon_toggle {
  transition: all .4s ease-in-out;
  width: 19.6px;
  height: 22.4px;
  flex-shrink: 0;
}
.toggle_button_wrap .icon_toggle { transform: rotate(0deg); } 
.toggle_button_wrap.active .icon_toggle { transform: rotate(-180deg); } 

.care_gray_box {
  width: 100%;
  padding: 14px 16.8px 16.8px;
  gap: 8.4px;
  border-radius: 22.4px;
  background: #EFEFEF80;
}
.care_gray_box > .flex_row {
  width: 100%;
  justify-content: flex-start;
  gap: 2.8px;
}
.care_tag {
  display: inline-block;
  padding: 5.6px 9.8px;
  border: 1.4px solid #232323;
  border-radius: 1398.6px;
  font-size: 14px;
  line-height: 14px;
  font-weight: 600;
}
.care_gray_box > .flex_row p.h3 {
  font-size: 14px;
  line-height: 15.4px;
  letter-spacing: -1.4px;
}
.care_gray_box > .flex_col {
  width: 100%;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 5.6px;
}
.care_gray_box .dot_li_txt {
  width: 100%;
  justify-content: flex-start;
  align-items: flex-start;
  padding-left: 11.2px;
  position: relative;
}
.care_gray_box .dot_li_txt::before {
  content: "";
  width: 2.8px;
  height: 2.8px;
  background: #555555;
  border-radius: 50%;
  position: absolute;
  top: 8.4px;
  left: 0px;
}

/* .tab.active */
@keyframes fadeInUp {
  from {
    transform: translate3d(0,40px,0)
  }

  to {
    transform: translate3d(0,0,0);
    opacity: 1
  }
}
@-webkit-keyframes fadeInUp {
  from {
    transform: translate3d(0,40px,0)
  }

  to {
    transform: translate3d(0,0,0);
    opacity: 1
  }
}
.active .fadeUp {
  animation: fadeInUp 0.6s forwards;
  -moz-animation: fadeInUp 0.6s forwards;
  -webkit-animation: fadeInUp 0.6s forwards;
  -o-animation: fadeInUp 0.6s forwards; 
}
@keyframes fadeInDown {
  from {
    transform: translate3d(0,-40px,0)
  }

  to {
    transform: translate3d(0,0,0);
    opacity: 1
  }
}
@-webkit-keyframes fadeInDown {
  from {
    transform: translate3d(0,-40px,0)
  }

  to {
    transform: translate3d(0,0,0);
    opacity: 1
  }
}
.active .fadeDown {
  animation: fadeInDown 0.6s forwards;
  -moz-animation: fadeInDown 0.6s forwards;
  -webkit-animation: fadeInDown 0.6s forwards;
  -o-animation: fadeInDown 0.6s forwards; 
}
@keyframes fadeInUpRotate {
  0% {
    transform: translate3d(0, 40px, 0);
    opacity: 0;
  }
  80% {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
  100% {
    transform: translate3d(0, 0, 0) rotate(-2deg);
    opacity: 1;
  }
}
@-webkit-keyframes fadeInUpRotate {
  0% {
    transform: translate3d(0, 40px, 0);
    opacity: 0;
  }
  80% {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
  100% {
    transform: translate3d(0, 0, 0) rotate(-2deg);
    opacity: 1;
  }
}
.fadeUpRotate {
  opacity: 0;
}
.active.fadeUpRotate {
  animation: fadeInUpRotate 0.6s forwards;
  -moz-animation: fadeInUpRotate 0.6s forwards;
  -webkit-animation: fadeInUpRotate 0.6s forwards;
  -o-animation: fadeInUpRotate 0.6s forwards;
}
@keyframes flipLeft {
  from {
    transform: perspective(400px) rotateY(90deg);
    opacity: 0;
  }
  to {
    transform: perspective(400px) rotateY(0deg);
    opacity: 1;
  }
}
@-moz-keyframes flipLeft {
  from {
    transform: perspective(400px) rotateY(90deg);
    opacity: 0;
  }
  to {
    transform: perspective(400px) rotateY(0deg);
    opacity: 1;
  }
}
@-webkit-keyframes flipLeft {
  from {
    transform: perspective(400px) rotateY(90deg);
    opacity: 0;
  }
  to {
    transform: perspective(400px) rotateY(0deg);
    opacity: 1;
  }
}
@-o-keyframes flipLeft {
  from {
    transform: perspective(400px) rotateY(90deg);
    opacity: 0;
  }
  to {
    transform: perspective(400px) rotateY(0deg);
    opacity: 1;
  }
}
.active .flipLeft {
  animation: flipLeft 0.6s forwards;
  -moz-animation: flipLeft 0.6s forwards;
  -webkit-animation: flipLeft 0.6s forwards;
  -o-animation: flipLeft 0.6s forwards; 
}

/* footer */
.footer {
  width: 100%;
  background-color: #232323;
  color: #FFFFFF;
}
.footer_wrap {
  max-width: 1000px;
  align-items: flex-start;
  padding: 36.4px 24px 50.4px 14px;
  gap: 14px;
}
.footer_title {
  gap: 8.4px;
  padding-left: 11.2px;
  margin-top: 22.4px;
}
.alert {
  width: 25.2px;
}
.footer ul {
  list-style: none;
}
.footer ul p {
  padding-left: 28px;
  margin-bottom: 5.6px;
}
.footer ul li {
  position: relative;
}
.footer ul li::before {
  position: absolute;
}
.footer .li_txt {
  display: block;
  position: relative;
  box-sizing: border-box;
  width: 100%;
  padding-left: 16px;
}
.footer ul li.default {
  padding-left: 10px;
}
.footer ul li.default::before {
  content: "";
  display: block;
  width: 5px;
  height: 5px;
  border-radius: 100%;
  background-color: #FDF1E8;
  top: 9px;
}
.footer ul li.dashed::before {
  content: "-";
}
.footer ul li.star::before {
  content: '※';
  border-radius: 0px;
  background-color: unset;
  top: 0px;
  left: 3px;
  width: auto;
  height: auto;
}

.footer .dashed_wrap {
  padding-left: 24px;
}


ul.list_wrap {
  list-style: none;
}
ul.list_wrap li {
  position: relative;
}
ul.list_wrap li::before {
  position: absolute;
}
.list_wrap .li_txt {
  display: block;
  position: relative;
  box-sizing: border-box;
  width: 100%;
  padding-left: 12px;
}
ul.list_wrap li.default {
  padding-left: 4px;
}
ul.list_wrap li.default::before {
  content: "";
  display: block;
  width: 5px;
  height: 5px;
  border-radius: 100%;
  background-color: #000;
  top: 9px;
}

.no-click {
  cursor:default !important;
}

.banner-wrap {
  width: 100%;
  background: linear-gradient(95deg, #E7F5FF 0%, #FEFAFA 100%);
  box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.15);
  justify-content: center;
}
.banner-min-wrap {
  width: 100%;
  max-width: 504px;
  padding: 34px;
  justify-content: space-between;
  overflow: hidden;
}
.cloud {
  z-index: 1;
  position: absolute;
}
.cloud-left {
  width: 308px;
  bottom: -19px;
  left: 34px;
}
.cloud-right {
  width: 277px;
  bottom: -.6px;
  right: -85px;
}
.text-left {
  z-index: 5;
  height: 90px;
}
.text-right {
  z-index: 5;
  height: 57px;
}

.star-wrap {
  align-items: flex-start;
  gap: 6px;
  color: #C86363;
}
.icon-star {
  width: 10px;
}
.kv-caption {
  position: absolute;
  left: 0;
  right: 0;
  color: #71343B;
  top: 488px;
}