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

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

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

button span,
a {
  color: #ffffff;
}
button {
  color: #1a1917;
}

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

body,
ul,
li,
button {
  margin: 0;
  padding: 0;
}

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;
}

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_slot {
  font-size: 28px;
  line-height: 28px;
}
.kv_title_1 {
  font-size: 17px;
  line-height: 23px;
  letter-spacing: -0.06em;
}
.kv_title_2 {
  font-size: 24px;
  line-height: 115%;
}
.kv_title_3 {
  font-size: 33px;
  line-height: 115%;
}
.tab_default {
  font-size: 14px;
  line-height: 18px;
  letter-spacing: -0.07em;
  white-space: nowrap;
}
.card_h1 {
  font-size: 15px;
  line-height: 22px;
}
.card_h2 {
  font-size: 14px;
  line-height: 14px;
}
.card_h3 {
  font-size: 12px;
  line-height: 15px;
  letter-spacing: -.05em;
}
.card_h3.bold {
  font-size: 13px;
  line-height: 19px;
}
.card_subtitle {
  font-size: 14px;
  line-height: 20px;
}
.card_maintitle {
  font-size: 23px;
  line-height: 31px;
}
.card_caption {
  font-size: 11px;
  line-height: 13px;
}
.card_caption2 {
  font-size: 10px;
  line-height: 13px;
}
.footer_title {
  font-size: 17px;
  line-height: 23px;
}
.footer_cont {
  font-size: 15px;
  line-height: 21px;
  letter-spacing: -0.05em !important;
}

.opacity_40 {
  opacity: 0.4;
}

.mid {
  font-weight: 500;
}
.bold {
  font-weight: 700;
}
.extra_bold {
  font-weight: 900;
}

.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;
  cursor: pointer;
}

/* color  */
body {
  background-color: #ffffff;
  color: #222222;
}
.black {
  color: #000000;
}
.black2 {
  color: #222222;
}
.black3 {
  color: #111111;
}
.white {
  color: #ffffff;
}
.gray {
  color: #444444;
}
.caption {
  color: #787883;
}

.tab_box { border: 0.5px solid; }
/* 프리미엄 */
#premium .kv_primary { color: #E45B00; }
#premium .slot_primary { color: #FF6905; }
#premium_tab .tab_box_bg { background: #FFCA1B26; }
/* 취향별 */
#byTaste .kv_primary { color: #E60F00; }
#byTaste .slot_primary { color: #FF3E0D; }
#byTaste_tab .tab_box_bg { background: #FF7D4526; }
/* 무실적 */
#noPerform .kv_primary { color: #875543; }
#noPerform .slot_primary { color: #664F47; }
#noPerform_tab .tab_box_bg { background: #8C8CA926; }
/* 쇼핑 */
#shopping .kv_primary { color: #E90752; }
#shopping .slot_primary { color: #FF1F6A; }
#shopping_tab .tab_box_bg { background: #FF578426; }
/* 생활비 */
#living .kv_primary { color: #004AAB; }
#living .slot_primary { color: #0065E8; }
#living_tab .tab_box_bg { background: #49AEDD26; }
/* 여행 */
#travel .kv_primary { color: #00614F; }
#travel .slot_primary { color: #008C72; }
#travel_tab .tab_box_bg { background: #61BEA426; }
/* 렌탈 */
#rental .kv_primary { color: #00258B; }
#rental .slot_primary { color: #1E57E8; }
#rental_tab .tab_box_bg { background: #5D99FF26; }
/* 공공지원 */
#support .kv_primary { color: #0E6200; }
#support .slot_primary { color: #18A300; }
#support_tab .tab_box_bg { background: #7ECE6E26; }

/* box */
.min_wrap {
  min-width: 360px;
  width: 100%;
}
.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%);
}

/* main */
.kv_wrap {
  position: relative;
  width: 100%;
  height: 340px;
}
.kv_inner {
  position: relative;
  width: 100%;
  height: 220px;
  background-color: #f4f4f4;
  justify-content: flex-start;
  overflow: hidden;
  font-family: "Noto Sans KR", -apple-system, BlinkMacSystemFont, "Malgun Gothic", "맑은 고딕", dotum, "돋움", helvetica, "Apple SD Gothic Neo", sans-serif;
}
#premium .kv_inner { background-color: #FEFCCC; }
#byTaste .kv_inner { background-color: #FFF4E9; }
#noPerform .kv_inner { background-color: #F9F6F6; }
#shopping .kv_inner { background-color: #FFEDF8; }
#living .kv_inner { background-color: #E8FFFD; }
#travel .kv_inner { background-color: #DCFFF5; }
#rental .kv_inner { background-color: #F3F2FF; }
#support .kv_inner { background-color: #EEFFD4; }
.kv_inner_bg {
  position: absolute;
  width: 100%;
  min-width: 1920px;
  height: 100%;
  top: 0px;
  overflow: hidden;
}
.kv_inner_bg > * {
  position: absolute;
  z-index: 0;
}
.gra_1 {
  width: 272.8px;
  height: 272.8px;
  opacity: 0.55;
  top: 53.9px;
  left: calc(50% - 319px);
  border-radius: 10998.9px;
  /* angle: -180deg; */
  transform: rotate(180deg);
  /* backdrop-filter: blur(19.8px); */
  filter: blur(19.8px);
}
.gra_1.aos-animate {
  opacity: 0.55 !important;
  transform: rotate(180deg) translateZ(0) !important;
}
#premium .gra_1 {
  background: -webkit-radial-gradient(64.22% 60.69% at 50% 50%, rgba(255, 204, 65, 0.7) 0%, rgba(255, 123, 0, 0) 79.33%);
  background: -o-radial-gradient(64.22% 60.69% at 50% 50%, rgba(255, 204, 65, 0.7) 0%, rgba(255, 123, 0, 0) 79.33%);
  background: -moz-radial-gradient(64.22% 60.69% at 50% 50%, rgba(255, 204, 65, 0.7) 0%, rgba(255, 123, 0, 0) 79.33%);
  background: radial-gradient(64.22% 60.69% at 50% 50%, rgba(255, 204, 65, 0.7) 0%, rgba(255, 123, 0, 0) 79.33%);
}
#byTaste .gra_1 { 
  background: -webkit-radial-gradient(110.57% 58.87% at 50% 50%, #FF8E7A 0%, rgba(255, 142, 122, 0) 59.85%);
  background: -o-radial-gradient(110.57% 58.87% at 50% 50%, #FF8E7A 0%, rgba(255, 142, 122, 0) 59.85%);
  background: -moz-radial-gradient(110.57% 58.87% at 50% 50%, #FF8E7A 0%, rgba(255, 142, 122, 0) 59.85%);
  background: radial-gradient(110.57% 58.87% at 50% 50%, #FF8E7A 0%, rgba(255, 142, 122, 0) 59.85%);
}
#noPerform .gra_1 { 
  background: -webkit-radial-gradient(72.54% 50% at 50% 50%, #B1B1B1 0%, rgba(177, 177, 177, 0) 59.85%);
  background: -o-radial-gradient(72.54% 50% at 50% 50%, #B1B1B1 0%, rgba(177, 177, 177, 0) 59.85%);
  background: -moz-radial-gradient(72.54% 50% at 50% 50%, #B1B1B1 0%, rgba(177, 177, 177, 0) 59.85%);
  background: radial-gradient(72.54% 50% at 50% 50%, #B1B1B1 0%, rgba(177, 177, 177, 0) 59.85%);
}
#shopping .gra_1 { 
  background: -webkit-radial-gradient(110.57% 58.87% at 50% 50%, #FF9EBB 0%, rgba(251, 190, 246, 0) 59.85%);
  background: -o-radial-gradient(110.57% 58.87% at 50% 50%, #FF9EBB 0%, rgba(251, 190, 246, 0) 59.85%);
  background: -moz-radial-gradient(110.57% 58.87% at 50% 50%, #FF9EBB 0%, rgba(251, 190, 246, 0) 59.85%);
  background: radial-gradient(110.57% 58.87% at 50% 50%, #FF9EBB 0%, rgba(251, 190, 246, 0) 59.85%);
}
#living .gra_1 { 
  background: -webkit-radial-gradient(110.57% 58.87% at 50% 50%, #42ADFF 0%, rgba(108, 208, 255, 0) 61.76%);
  background: -o-radial-gradient(110.57% 58.87% at 50% 50%, #42ADFF 0%, rgba(108, 208, 255, 0) 61.76%);
  background: -moz-radial-gradient(110.57% 58.87% at 50% 50%, #42ADFF 0%, rgba(108, 208, 255, 0) 61.76%);
  background: radial-gradient(110.57% 58.87% at 50% 50%, #42ADFF 0%, rgba(108, 208, 255, 0) 61.76%);
}
#travel .gra_1 {
  background: -webkit-radial-gradient(110.57% 58.87% at 50% 50%, #21C4B1 0%, rgba(169, 255, 244, 0) 61.76%);
  background: -o-radial-gradient(110.57% 58.87% at 50% 50%, #21C4B1 0%, rgba(169, 255, 244, 0) 61.76%);
  background: -moz-radial-gradient(110.57% 58.87% at 50% 50%, #21C4B1 0%, rgba(169, 255, 244, 0) 61.76%);
  background: radial-gradient(110.57% 58.87% at 50% 50%, #21C4B1 0%, rgba(169, 255, 244, 0) 61.76%);
}
#rental .gra_1 { 
  background: -webkit-radial-gradient(83.31% 58.87% at 50% 50%, #597ADD 0%, rgba(89, 170, 221, 0) 61.76%);
  background: -o-radial-gradient(83.31% 58.87% at 50% 50%, #597ADD 0%, rgba(89, 170, 221, 0) 61.76%);
  background: -moz-radial-gradient(83.31% 58.87% at 50% 50%, #597ADD 0%, rgba(89, 170, 221, 0) 61.76%);
  background: radial-gradient(83.31% 58.87% at 50% 50%, #597ADD 0%, rgba(89, 170, 221, 0) 61.76%);
}
#support .gra_1 {
  background: -webkit-radial-gradient(83.31% 58.87% at 50% 50%, #51C160 0%, rgba(201, 221, 89, 0) 61.76%);
  background: -o-radial-gradient(83.31% 58.87% at 50% 50%, #51C160 0%, rgba(201, 221, 89, 0) 61.76%);
  background: -moz-radial-gradient(83.31% 58.87% at 50% 50%, #51C160 0%, rgba(201, 221, 89, 0) 61.76%);
  background: radial-gradient(83.31% 58.87% at 50% 50%, #51C160 0%, rgba(201, 221, 89, 0) 61.76%);
}
.gra_2 {
  width: 242px;
  height: 242px;
  opacity: 0.16;
  top: -30px;
  left: calc(50% - 321px);
  border-radius: 10998.9px;
  /* angle: 148.2deg; */
  transform: rotate(-148.2deg);
}
.gra_2.aos-animate {
  opacity: 0.16 !important;
  transform: rotate(-148.2deg) translateZ(0) !important;
}
#premium .gra_2 {
  background: -webkit-radial-gradient(36.53% 43.48% at 50% 50%, #FF79C0 0%, rgba(255, 121, 192, 0) 100%);
  background: -o-radial-gradient(36.53% 43.48% at 50% 50%, #FF79C0 0%, rgba(255, 121, 192, 0) 100%);
  background: -moz-radial-gradient(36.53% 43.48% at 50% 50%, #FF79C0 0%, rgba(255, 121, 192, 0) 100%);
  background: radial-gradient(36.53% 43.48% at 50% 50%, #FF79C0 0%, rgba(255, 121, 192, 0) 100%);
}
#byTaste .gra_2 { 
  background: -webkit-radial-gradient(52.29% 39.09% at 50% 50%, #A7FF70 0%, rgba(167, 255, 112, 0) 59.85%);
  background: -o-radial-gradient(52.29% 39.09% at 50% 50%, #A7FF70 0%, rgba(167, 255, 112, 0) 59.85%);
  background: -moz-radial-gradient(52.29% 39.09% at 50% 50%, #A7FF70 0%, rgba(167, 255, 112, 0) 59.85%);
  background: radial-gradient(52.29% 39.09% at 50% 50%, #A7FF70 0%, rgba(167, 255, 112, 0) 59.85%);
}
#noPerform .gra_2 {
  background: -webkit-radial-gradient(45.16% 33.76% at 50% 50%, #FF7C4D 0%, rgba(255, 124, 77, 0) 100%);
  background: -o-radial-gradient(45.16% 33.76% at 50% 50%, #FF7C4D 0%, rgba(255, 124, 77, 0) 100%);
  background: -moz-radial-gradient(45.16% 33.76% at 50% 50%, #FF7C4D 0%, rgba(255, 124, 77, 0) 100%);
  background: radial-gradient(45.16% 33.76% at 50% 50%, #FF7C4D 0%, rgba(255, 124, 77, 0) 100%);
}
#shopping .gra_2 {
  background: -webkit-radial-gradient(66.89% 50% at 50% 50%, #BFFA5B 0%, rgba(191, 250, 91, 0) 59.85%);
  background: -o-radial-gradient(66.89% 50% at 50% 50%, #BFFA5B 0%, rgba(191, 250, 91, 0) 59.85%);
  background: -moz-radial-gradient(66.89% 50% at 50% 50%, #BFFA5B 0%, rgba(191, 250, 91, 0) 59.85%);
  background: radial-gradient(66.89% 50% at 50% 50%, #BFFA5B 0%, rgba(191, 250, 91, 0) 59.85%);
}
#living .gra_2 { 
  background: -webkit-radial-gradient(66.89% 50% at 50% 50%, #FFFD83 0%, rgba(255, 253, 131, 0) 59.85%);
  background: -o-radial-gradient(66.89% 50% at 50% 50%, #FFFD83 0%, rgba(255, 253, 131, 0) 59.85%);
  background: -moz-radial-gradient(66.89% 50% at 50% 50%, #FFFD83 0%, rgba(255, 253, 131, 0) 59.85%);
  background: radial-gradient(66.89% 50% at 50% 50%, #FFFD83 0%, rgba(255, 253, 131, 0) 59.85%);
}
#travel .gra_2 {
  background: -webkit-radial-gradient(66.89% 50% at 50% 50%, #FFB895 0%, rgba(255, 184, 149, 0) 59.85%);
  background: -o-radial-gradient(66.89% 50% at 50% 50%, #FFB895 0%, rgba(255, 184, 149, 0) 59.85%);
  background: -moz-radial-gradient(66.89% 50% at 50% 50%, #FFB895 0%, rgba(255, 184, 149, 0) 59.85%);
  background: radial-gradient(66.89% 50% at 50% 50%, #FFB895 0%, rgba(255, 184, 149, 0) 59.85%);
}
#rental .gra_2 {
  background: -webkit-radial-gradient(66.89% 50% at 50% 50%, #C9FE84 0%, rgba(201, 254, 132, 0) 59.85%);
  background: -o-radial-gradient(66.89% 50% at 50% 50%, #C9FE84 0%, rgba(201, 254, 132, 0) 59.85%);
  background: -moz-radial-gradient(66.89% 50% at 50% 50%, #C9FE84 0%, rgba(201, 254, 132, 0) 59.85%);
  background: radial-gradient(66.89% 50% at 50% 50%, #C9FE84 0%, rgba(201, 254, 132, 0) 59.85%);
}
#support .gra_2 {
  background: -webkit-radial-gradient(66.89% 50% at 50% 50%, #FE848C 0%, rgba(254, 132, 140, 0) 59.85%);
  background: -o-radial-gradient(66.89% 50% at 50% 50%, #FE848C 0%, rgba(254, 132, 140, 0) 59.85%);
  background: -moz-radial-gradient(66.89% 50% at 50% 50%, #FE848C 0%, rgba(254, 132, 140, 0) 59.85%);
  background: radial-gradient(66.89% 50% at 50% 50%, #FE848C 0%, rgba(254, 132, 140, 0) 59.85%);
}
.gra_3 {
  width: 259.6px;
  height: 259.6px;
  opacity: 0.3;
  top: -157px;
  left: 50%;
  border-radius: 10998.9px;
  /* backdrop-filter: blur(39.6px); */
  filter: blur(39.6px);
}
.gra_3.aos-animate {
  opacity: 0.3 !important;
}
#premium .gra_3 { background: #FFE08C; }
#byTaste .gra_3 { background: #FF918B; }
#noPerform .gra_3 { background: #C9C9C9; }
#shopping .gra_3 { background: #FFB9D3; }
#living .gra_3 { background: #5C9AFF; }
#travel .gra_3 { background: #7ACAAF; }
#rental .gra_3 { background: #8C8AFF; }
#support .gra_3 { background: #75DD83; }

.logo {
  position: relative;
  width: 61.6px;
  height: 14.3px;
  margin-top: 30.8px;
  margin-bottom: 26.4px;
  z-index: 1;
}
.kv_img {
  position: absolute;
}
#premium .kv_img {
  width: 143px;
  height: 105.6px;
  top: 135px;
  left: calc(50% + 93px);
}
#byTaste .kv_img { 
  width: 135.4px;
  height: 88px;
  top: 138px;
  left: calc(50% + 96px);
}
#noPerform .kv_img { 
  width: 123.2px;
  height: 105.6px;
  top: 128px;
  left: calc(50% + 77.5px);
}
#shopping .kv_img {
  width: 123.2px;
  height: 191.4px;
  top: 79px;
  left: calc(50% + 79px);
}
#living .kv_img { 
  width: 134.2px;
  height: 141.9px;
  top: 94.55px;
  left: calc(50% + 68px);
}
#travel .kv_img {
  width: 169.4px;
  height: 101.2px;
  top: 135px;
  left: calc(50% + 65px);
}
#rental .kv_img { 
  width: 105.6px;
  height: 111.1px;
  top: 109px;
  left: calc(50% + 88px);
}
#support .kv_img { 
  width: 81.4px;
  height: 115.5px;
  top: 121px;
  left: calc(50% + 119px);
}

.kv_title_wrap {
  gap: 4.4px;
  margin-top: 11px;
}
.kv_title_wrap > .flex_row {
  gap: 10px;
}
.slot_card {
  background: #FFFFFF1F;
  border-radius: 4.4px;
  padding: 3.3px;
  gap: 1px;
}
#premium .slot_card { box-shadow: 0px 4.4px 12.1px 0px #E0BC59, 0px -1.1px 12.1px 0px #FFD769B8; }
#byTaste .slot_card { box-shadow: 0px 4.4px 12.1px 0px #F87777, 0px -1.1px 12.1px 0px #FED5C3; }
#noPerform .slot_card { box-shadow: 0px 4px 11px 0px #A09A9A, 0px -1px 11px 0px #FFECE7; }
#shopping .slot_card { box-shadow: 0px 4.4px 12.1px 0px #CC7594, 0px -1.1px 12.1px 0px #FFDAD0; }
#living .slot_card { box-shadow: 0px 4.4px 12.1px 0px #5AB1DE, 0px -1.1px 12.1px 0px #AEDBFFB8; }
#travel .slot_card { box-shadow: 0px 4.4px 12.1px 0px #58C1B0, 0px -1.1px 12.1px 0px #ACD5AD; }
#rental .slot_card { box-shadow: 0px 4.4px 12.1px 0px #94AAF3, 0px -1.1px 12.1px 0px #D7D5FF; }
#support .slot_card { box-shadow: 0px 4.4px 12.1px 0px #75BF58, 0px -1.1px 12.1px 0px #A9EE84; }
.slot {
  width: 34.8px;
  height: 41px;
  overflow: hidden;
  border: 0.55px solid transparent;
  border-radius: 2.2px;
  background-origin: border-box;
  background-clip: padding-box, border-box;
}
#premium .slot {
  background-image: linear-gradient(#fff, #fff), linear-gradient(180deg, #FFB500 0%, #E45B00 100%);
}
#byTaste .slot {
  background-image: linear-gradient(#fff, #fff), linear-gradient(180deg, #FF1E00 0%, #E60F00 100%);
}
#noPerform .slot { 
  background-image: linear-gradient(#fff, #fff), linear-gradient(180deg, #FEA985 0%, #875644 100%);
}
#shopping .slot {
  background-image: linear-gradient(#fff, #fff), linear-gradient(180deg, #FF0EA3 0%, #E90752 100%);
}
#living .slot { 
  background-image: linear-gradient(#fff, #fff), linear-gradient(180deg, #0093FD 0%, #004AAB 100%);
}
#travel .slot {
  background-image: linear-gradient(#fff, #fff), linear-gradient(180deg, #00D5AD 0%, #006B57 100%);
}
#rental .slot { 
  background-image: linear-gradient(#fff, #fff), linear-gradient(180deg, #004AFE 0%, #00258C 100%);
}
#support .slot { 
  background-image: linear-gradient(#fff, #fff), linear-gradient(180deg, #23F500 0%, #127E00 100%);
}
@-webkit-keyframes slotUp {
  0% {
    bottom: -100%;
  }
  /* <-- 관성 애니메이션 필요 없는 경우 [제거] */
  60% {
    bottom: 30%;
  }
  /* --> */
  100% {
    bottom: 3px;
  }
}
@-moz-keyframes slotUp {
  0% {
    bottom: -100%;
  }
  /* <-- 관성 애니메이션 필요 없는 경우 [제거] */
  60% {
    bottom: 30%;
  }
  /* --> */
  100% {
    bottom: 3px;
  }
}
@-o-keyframes slotUp {
  0% {
    bottom: -100%;
  }
  /* <-- 관성 애니메이션 필요 없는 경우 [제거] */
  60% {
    bottom: 30%;
  }
  /* --> */
  100% {
    bottom: 3px;
  }
}
@keyframes slotUp {
  0% {
    bottom: -100%;
  }
  /* <-- 관성 애니메이션 필요 없는 경우 [제거] */
  60% {
    bottom: 30%;
  }
  /* --> */
  100% {
    bottom: 3px;
  }
}
.slot_txt {
  width: 26px;
  height: 28px;
  position: absolute;
  bottom: -100%;
  left: 4px;
  animation: slotUp 0.5s ease-in-out forwards;
  animation-delay: 100ms;
}
.slot_delay_1 {
  animation-delay: 100ms;
}
.slot_delay_2 {
  animation-delay: 200ms;
}
.slot_delay_3 {
  animation-delay: 300ms;
}
.slot_delay_4 {
  animation-delay: 400ms;
}

.kv_wrap_bottom {
  position: absolute;
  left: 0px;
  bottom: 0px;
  width: 100%;
  height: 120px;
  align-items: flex-start;
  background-color: #ffffff;
  padding-top: 20px;
  box-shadow: 0px 1px 0px 0px #00000014;
}
.tab_list {
  align-items: flex-start;
  gap: 20px;
}
.tab {
  position: relative;
  gap: 4px;
  cursor: pointer;
}
.tab_box {
  position: relative;
  width: 64px;
  height: 64px;
  border-radius: 16px;
  border: 0.5px solid transparent;
  /* transition: all 0.5s; transform-origin: 50% 100%; */
}
.tab_img {
  position: absolute;
  width: 100%;
  height: 100%;
  background-size: contain;
}
#premium_tab .tab_img { background-image: url("../../static/images/lottecard_recommend_2510/tab-img-1.png"); }
#byTaste_tab .tab_img { background-image: url("../../static/images/lottecard_recommend_2510/tab-img-2.png"); }
#noPerform_tab .tab_img { background-image: url("../../static/images/lottecard_recommend_2510/tab-img-3.png"); }
#shopping_tab .tab_img { background-image: url("../../static/images/lottecard_recommend_2510/tab-img-4.png"); }
#living_tab .tab_img { background-image: url("../../static/images/lottecard_recommend_2510/tab-img-5.png"); }
#travel_tab .tab_img { background-image: url("../../static/images/lottecard_recommend_2510/tab-img-6.png"); }
#rental_tab .tab_img { background-image: url("../../static/images/lottecard_recommend_2510/tab-img-7.png"); }
#support_tab .tab_img { background-image: url("../../static/images/lottecard_recommend_2510/tab-img-8.png"); }

.tab_icon {
  width: 10px;
  height: 6px;
  opacity: 0;
  transition: opacity 0.5s;
}

/* tab_hover */
.tab_hover .tab_primary { font-weight: 700; }
#premium_tab.tab_hover .tab_box { border-color: #FFCA1B; }
#premium_tab.tab_hover .tab_primary { color: #FF6B08; }
#byTaste_tab.tab_hover .tab_box { border-color: #FF7D45; }
#byTaste_tab.tab_hover .tab_primary { color: #BB291D; }
#noPerform_tab.tab_hover .tab_box { border-color: #8C8CA9; }
#noPerform_tab.tab_hover .tab_primary { color: #333437; }
#shopping_tab.tab_hover .tab_box { border-color: #FF5784; }
#shopping_tab.tab_hover .tab_primary { color: #EC3653; }
#living_tab.tab_hover .tab_box { border-color: #49AEDD; }
#living_tab.tab_hover .tab_primary { color: #158DCF; }
#travel_tab.tab_hover .tab_box { border-color: #61BEA4; }
#travel_tab.tab_hover .tab_primary { color: #00AA89; }
#rental_tab.tab_hover .tab_box { border-color: #5D99FF; }
#rental_tab.tab_hover .tab_primary { color: #2672E4; }
#support_tab.tab_hover .tab_box { border-color: #7ECE6E; }
#support_tab.tab_hover .tab_primary { color: #26A20D; }
.tab.tab_hover .tab_icon { opacity: 1; }

/* card_list */
.card_list_wrap {
  max-width: 1400px;
  gap: 32px;
  padding: 24px 0px 64px;
  flex-wrap: wrap;
}
.card_vrtc {
  position: relative;
  width: 312px;
  gap: 8px;
}
#premium .card_vrtc { height: 714px; }
#byTaste .card_vrtc { height: 541px; }
#noPerform .card_vrtc { height: 501px; }
#shopping .card_vrtc { height: 527px; }
#living .card_vrtc { height: 506px; }
#travel .card_vrtc { height: 521px; }
#rental .card_vrtc { height: 501px; }
#support .card_vrtc { height: 586px; }

.card_box {
  width: 100%;
  height: 325px;
  border-radius: 16px;
  padding: 28px 24px 20px;
  gap: 8px;
  position: relative;
}
.card_box .card_maintitle { padding-bottom: 2px; display: inline-block; }
.card_img_wrap {
  height: 180px;
}
.card_img {
  width: 113.29px;
  height: 180px;
}
.card_img_wrap.hori .card_img {
  width: 180px;
  height: 113.29px;
}
.badge {
  position: absolute;
  left: 10px;
  bottom: 10px;
  width: 52px;
  height: 52px;
}
.go_target {
  width: 100%;
  height: 48px;
  border-radius: 16px;
  padding: 13px 12px 13px 24px;
  cursor: pointer;
  justify-content: space-between;
  overflow: hidden;
  opacity: 0;
  transform: translate3d(0, 50px, 0);
  transition-delay: 500ms;
  transition-duration: .4s;
  transition-property: opacity, transform;
  transition-timing-function: cubic-bezier(.455,.03,.515,.955);
}
.card_vrtc.aos-init.aos-animate .go_target {
  opacity: 1;
  transform: translateZ(0);
}

/* 프리미엄 */
#professional .card_box { background: #7f5a370d; }
#professional .card_subtitle { color: #7F5A37; }
#go_target_professional { background-color: #7F5A37; }
#monaco .card_box { background: #02364E0A; }
#monaco .card_subtitle { color: #265C6D; }
#go_target_monaco { background-color: #265C6D; }
#members_premium .card_box { background: #3530320A; }
#members_premium .card_subtitle { color: #353032; }
#go_target_members_premium { background-color: #353032; }

/* 취향별 */
#edu .card_box { background: #5A4A410D; }
#edu .card_subtitle { color: #5A4A41; }
#go_target_edu { background-color: #5A4A41; }
#wellness .card_box { background: #7A716C0D; }
#wellness .card_subtitle { color: #7A716C; }
#go_target_wellness { background-color: #7A716C; }
#pet .card_box { background: #9A76660D; }
#pet .card_subtitle { color: #9A7666; }
#go_target_pet { background-color: #9A7666; }
#golf .card_box { background: #C283600D; }
#golf .card_subtitle { color: #C28360; }
#go_target_golf { background-color: #C28360; }

/* 무실적 */
#lasvegas .card_box { background: #4D3E390D; }
#lasvegas .card_subtitle { color: #4D3E39; }
#go_target_lasvegas { background-color: #4D3E39; }
#london .card_box { background: #555E6C0D; }
#london .card_subtitle { color: #555E6C; }
#go_target_london { background-color: #555E6C; }
#likit12 .card_box { background: #F18B120D; }
#likit12 .card_subtitle { color: #F18B12; }
#go_target_likit12 { background-color: #F18B12; }

/* 쇼핑 */
#members .card_box { background: #6A6A6A0D; }
#members .card_subtitle { color: #6A6A6A; }
#go_target_members { background-color: #6A6A6A; }
#paris .card_box { background: #5E4D4A0D; }
#paris .card_subtitle { color: #5E4D4A; }
#go_target_paris { background-color: #5E4D4A; }
#likitshop .card_box { background: #4597720D; }
#likitshop .card_subtitle { color: #459772; }
#go_target_likitshop { background-color: #459772; }

/* 생활비 */
#loca365 .card_box { background: #6A6A6A0D; }
#loca365 .card_subtitle { color: #EE7C49; }
#go_target_loca365 { background-color: #EE7C49; }
#locaSplit .card_box { background: #5E4D4A0D; }
#locaSplit .card_subtitle { color: #57AC88; }
#go_target_locaSplit { background-color: #57AC88; }
#mobileDigiloca .card_box { background: #4597720D; }
#mobileDigiloca .card_subtitle { color: #617A71; }
#go_target_mobileDigiloca { background-color: #617A71; }

/* 여행 */
#travel .card_box { height: 309px; }
#loca_travel .card_box { background: #359CB70D; }
#loca_travel .card_subtitle { color: #359CB7; }
#go_target_loca_travel { background-color: #359CB7; }
#skypass .card_box { background: #9171440D; }
#skypass .card_subtitle { color: #917144; }
#go_target_skypass { background-color: #917144; }
#tripTo .card_box { background: #DD733B0D; }
#tripTo .card_subtitle { color: #DD733B; }
#go_target_tripTo { background-color: #DD733B; }

/* 렌탈 */
#coway .card_box { background: #40A2B40D; }
#coway .card_subtitle { color: #40A2B4; }
#go_target_coway { background-color: #40A2B4; }
#cuckoo .card_box { background: #1BB9E20D; }
#cuckoo .card_subtitle { color: #1BB9E2; }
#go_target_cuckoo { background-color: #1BB9E2; }
#skmagic .card_box { background: #5B85900D; }
#skmagic .card_subtitle { color: #5B8590; }
#go_target_skmagic { background-color: #5B8590; }
#chungho .card_box { background: #2787CB0D; }
#chungho .card_subtitle { color: #2787CB; }
#go_target_chungho { background-color: #2787CB; }

/* 공공지원 */
#happy .card_box { background: #63B5360D; }
#happy .card_subtitle { color: #63B536; }
#go_target_happy { background-color: #63B536; }
#smart .card_box { background: #156BAD0D; }
#smart .card_subtitle { color: #156BAD; }
#go_target_smart { background-color: #156BAD; }
#kpass .card_box { background: #D3464B0D; }
#kpass .card_subtitle { color: #D3464B; }
#go_target_kpass { background-color: #D3464B; }
#climate .card_box { background: #3099E00D; }
#climate .card_subtitle { color: #3099E0; }
#go_target_climate { background-color: #3099E0; }

.desc {
  width: 100%;
  padding: 0px 8px;
}
.desc_row {
  width: 100%;
  height: 40px;
  justify-content: space-between;
  border-bottom: 0.5px solid #00000026;
  gap: 12px;
}
.desc_row.h_44 { height: 44px; }
.desc_row.h_53 { height: 53px; }
.desc .desc_row:first-child { border-top: 0; } 
.desc_row_divider {
  width: 100%;
  height: 42px;
  border-bottom: 0.5px solid #00000026;
}
.desc .desc_row_divider:first-child { 
  border-top: 0.5px solid #00000026;
}
.desc_row_divider span {
  flex: 1 1 0%;
}
.desc_benefit_row {
  width: 100%;
  padding: 10px 0px;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  border-bottom: 0.5px solid #00000026;
}
.desc_benefit_row > span {
  flex-shrink: 0;
  display: inline-block;
  padding: 2px 8px;
  background-color: #EAEAEA;
  border-radius: 4px;
}
.desc_left {
  justify-content: flex-start;
  align-items: flex-start;
}
.desc_right {
  justify-content: flex-end;
  align-items: flex-end;
}
.desc > .card_caption2 {
  padding-top: 6px;
}

/* footer */
.footer {
  width: 100%;
  color: #F6F6F6;
  background-color: #100202;
}
.footer_wrap {
  max-width: 1000px;
  align-items: flex-start;
  padding: 36px 16px 70px;
  gap: 16px;
}
.footer_title_wrap {
  gap: 6px;
}
.alert {
  width: 28px;
}
.foonter_subtitle {
  padding-left: 6px;
  margin-bottom: 8px;
}
.footer_mt8 {
  margin-top: 8px;
}
.footer_mt4 {
  margin-top: 4px;
}
.footer ul {
  list-style: none;
}
.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;
  color: #F6F6F6;
  letter-spacing: -0.05em;
}
.footer ul li.default {
  padding-left: 10px;
}
.footer ul li.default::before {
  content: "";
  display: block;
  width: 5px;
  height: 5px;
  border-radius: 100%;
  background-color: #ffffff;
  top: 9px;
}
.footer ul li.dashed::before {
  content: "-";
}
.footer .dashed_wrap {
  padding-left: 24px;
}