/*──────────────────────────────────────────────────────────────────────────*/
/*                            Merged styles.css                            */
/*──────────────────────────────────────────────────────────────────────────*/

/* 1) External Imports ---------------------------------------------------- */
@import url("https://cdnjs.cloudflare.com/ajax/libs/meyer-reset/2.0/reset.min.css");
@import url("https://fonts.googleapis.com/css?family=Golos+Text:800|Poppins:400");

/* 2) Global Resets & Base Styles ----------------------------------------- */
* {
  -webkit-font-smoothing: antialiased;
  box-sizing: border-box;
}

html {
  font-size: 16px;
}

body {
  margin: 0;
  height: 100%;
  font-family: "Poppins", sans-serif;
  display: flex;
  justify-content: center;
  background-color: #f0f0f0;
}

button:focus-visible {
  outline: 2px solid #4a90e2 !important;
  outline: -webkit-focus-ring-color auto 5px !important;
}

a {
  color: #ffffff;
  text-decoration: none;
}

/*──────────────────────────────────────────────────────────────────────────*/
/* 3) Mobile‑Wrapper (고정된 모바일 뷰) ------------------------------------ */
.mobile-wrapper {
  width: 100%;
  max-width: 430px;
  background-color: #fff;
  border-radius: 12px 12px 0 0;
  overflow: hidden;
}

/*──────────────────────────────────────────────────────────────────────────*/
/* 4) Scroll Container ---------------------------------------------------- */
.element-home {
  width: 100%;
  max-width:430px;
  position: relative;
  background-color: #ffffff;
  /*border-radius: 40px;*/
  overflow: hidden;
  border: 1px solid;
  border-color: #f2f2f2;
  overflow-y: auto;
  height: 100vh;
}

/*──────────────────────────────────────────────────────────────────────────*/
/* 5) Sticky Header ------------------------------------------------------- */
.element-home .overlap {
  position: sticky;
  width: 100%;
  max-width: 410px;
  height: 132px;
  top: 0;
  left: 0;
  background-color: #efeefe;
  z-index: 100;
  display: flex;
  align-items: center;
  border-top-left-radius: 60px;
  border-top-right-radius: 60px;
}

/*──────────────────────────────────────────────────────────────────────────*/
/* 6) Cards Container (Flexbox 세로 배치) ---------------------------------- */
.cards {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  padding: 1rem 0;
}

/*──────────────────────────────────────────────────────────────────────────*/
/* 7) 공통 카드 스타일 (내부 절대 요소는 그대로) --------------------------- */
.element-home .card {
  position: relative;
  width: 100%;
  max-width: 390px;
  margin: 0 auto;
  background-color: #fff;
}
.element-home .card::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 1px;
  margin: -6px auto;margin: -5px auto;
  background-color: #e0e0e0; /* 원하시는 색으로 변경 가능 */
}
.card .card-wrapper {
  display: flex;
  flex-direction: column;
  width: 100%;      /* 항상 부모 .card 폭 채움 */
  height: 100%;     /* 기존 높이 유지(px) */
  position: relative;
}

/* 카드별 원래 높이 고정 */
.element-home .card.group-6  { height: 386px; }
.element-home .card.group-12 { height: 412px; }
.element-home .card.group-17 { height: 412px; }

/*──────────────────────────────────────────────────────────────────────────*/
/* 8) Instruction Box (카드 외 안내문구) ----------------------------------- */
.instruction {
  width: 100%;
  background-color: #eff2f9;
  border-radius: 12px;
  padding: 1rem;
  box-sizing: border-box;
  margin: 0 auto;
}

/*──────────────────────────────────────────────────────────────────────────*/
/* 9) Footer --------------------------------------------------------------- */
.footer {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 92px;
  background-color: #f2f2f2;
  border-bottom-left-radius: 60px;
  border-bottom-right-radius: 60px;
}
.footer .copyright-SK-telecom {
  margin: 0;
  text-align: center;
  line-height: 1.6rem;
}

/*──────────────────────────────────────────────────────────────────────────*/
/* 10) 기존 style.css 의 “절대 위치” 요소들 (변경 없이 그대로 포함)         */

.element-home .group {
  position: absolute;
  width: 72px;
  height: 33px;
  top: 49px;
  left: 37px;
}

.element-home .overlap-group-wrapper {
  width: 74px;
  height: 33px;
}

.element-home .overlap-group {
  position: relative;
  width: 72px;
  height: 33px;
}

.element-home .BI-t {
  position: absolute;
  width: 33px;
  height: 33px;
  top: 0;
  left: 0;
  object-fit: cover;
}

.element-home .text-wrapper {
  position: absolute;
  top: 2px;
  left: 29px;
  font-family: "Golos Text", Helvetica;
  font-weight: 800;
  color: #3617ce;
  font-size: 26.1px;/*──────────────────────────────────────────────────────────────────────────*/
  /*                            style.css                                    */
  /*──────────────────────────────────────────────────────────────────────────*/

  /* 1) Reset & WebFont ------------------------------------------------------ */
  @import url("https://cdnjs.cloudflare.com/ajax/libs/meyer-reset/2.0/reset.min.css");
  @import url("https://fonts.googleapis.com/css?family=Golos+Text:800|Poppins:400");

  /* 2) Global Base Styles --------------------------------------------------- */
  * {
    box-sizing: border-box;
    -webkit-font-smoothing: antialiased;
  }
  html {
    font-size: 16px;
  }
  body {
    margin: 0;
    min-height: 100vh;
    font-family: "Poppins", sans-serif;
    background-color: #f0f0f0;
    display: flex;
    justify-content: center;
    align-items: flex-start;
  }
  button:focus-visible {
    outline: 2px solid #4a90e2 !important;
    outline: -webkit-focus-ring-color auto 5px !important;
  }
  a {
    color: inherit;
    text-decoration: none;
  }

  /* 3) Mobile‑Wrapper (340px~430px) ----------------------------------------- */
  .mobile-wrapper {
    width: 100%;
    min-width: 340px;
    max-width: 430px;
    margin: 1rem auto;
    background: #fff;
    border-radius: 12px 12px 0 0;
    overflow: hidden;
    box-shadow: 0 2px 6px rgba(0,0,0,0.1);
  }

  /* 4) Scroll Container ---------------------------------------------------- */
  .element-home {
    width: 100%;
    height: calc(100vh - 2rem);
    overflow-y: auto;
    background-color: #ffffff;
    border: 1px solid #f2f2f2;
  }

  /* 5) Sticky Header ------------------------------------------------------- */
  .element-home .overlap {
    position: sticky;
    top: 0;
    width: 100%;
    background-color: #efeefe;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0.75rem 1rem;
    z-index: 10;
    border-top-left-radius: 60px;
    border-top-right-radius: 60px;
  }
  .element-home .overlap .group {
    display: flex;
    align-items: center;
    gap: 0.25rem;
  }
  .element-home .BI-t {
    width: 33px;
    height: 33px;
  }
  .element-home .text-wrapper {
    font-family: "Golos Text", sans-serif;
    font-weight: 800;
    font-size: 1.6rem;
    color: #3617ce;
    line-height: 1;
  }
  .element-home .flowbite-search {
    width: 24px;
    height: 24px;
  }
  .element-home .div {
    display: flex;
    align-items: center;
    gap: 1rem;
  }
  .element-home .text-wrapper-2,
  .element-home .text-wrapper-3,
  .element-home .text-wrapper-4 {
    font-size: 1rem;
    color: #5c5c5c;
    white-space: nowrap;
  }
  .element-home .text-wrapper-2 {
    color: #3617ce;
    font-weight: 600;
  }

  /* 6) Cards Container (Flexbox vertical) ---------------------------------- */
  .cards {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    padding: 1rem;
  }

  /* 7) Card Base Style ----------------------------------------------------- */
  .element-home .card {
    position: relative;
    width: 100%;
    max-width: 390px;
    margin: 0 auto;
    background: #fff;
    border-radius: 24px;
    box-shadow: 0 1px 4px rgba(0,0,0,0.1);
    padding: 1rem;
    box-sizing: border-box;
  }
  /* preserve original card heights */
  .element-home .card.group-2,
  .element-home .card.group-6 { height: 386px; }
  .element-home .card.group-12,
  .element-home .card.group-17 { height: 412px; }

  /* 8) Instruction Box ----------------------------------------------------- */
  .instruction {
    background: #eff2f9;
    border-radius: 12px;
    padding: 1rem;
    margin: 0 1rem;
    box-sizing: border-box;
  }

  /* 9) Footer --------------------------------------------------------------- */
  .footer {
    background: #f2f2f2;
    padding: 1rem;
    text-align: center;
    border-bottom-left-radius: 60px;
    border-bottom-right-radius: 60px;
    margin-top: 1rem;
  }
  .footer .copyright-SK-telecom {
    margin: 0;
    font-size: 0.75rem;
    color: #5c5c5c;
    line-height: 1.4;
  }

  /*──────────────────────────────────────────────────────────────────────────*/
  /* 10) Detailed card design (absolute positioning & sizes)                  */
  /*     — the following block is carried over unchanged to preserve design  */
  .element-home .group { position: absolute; width:72px; height:33px; top:49px; left:37px; }
  .element-home .overlap-group-wrapper { width:74px; height:33px; }
  .element-home .overlap-group { position:relative; width:72px; height:33px; }
  .element-home .BI-t { position:absolute; width:33px; height:33px; top:0; left:0; object-fit:cover; }
  .element-home .text-wrapper { position:absolute; top:2px; left:29px; font-family:"Golos Text",Helvetica; font-weight:800; color:#3617ce; font-size:26.1px; white-space:nowrap; }
  .element-home .flowbite-search { position:absolute; width:25px; height:25px; top:57px; left:366px; }
  .element-home .div { position:absolute; width:268px; height:32px; top:100px; left:37px; }
  .element-home .overlap-2 { position:absolute; width:65px; height:32px; top:0; left:0; }
  .element-home .text-wrapper-2 { position:absolute; top:0; left:2px; font-family:"Poppins",Helvetica; font-weight:400; color:#3617ce; font-size:21px; }
  .element-home .line { position:absolute; width:65px; height:3px; top:29px; left:0; }
  .element-home .text-wrapper-3 { position:absolute; top:6px; left:90px; font-family:"Poppins",Helvetica; font-weight:400; color:#5c5c5c; font-size:17px; }
  .element-home .text-wrapper-4 { position:absolute; top:6px; left:162px; font-family:"Poppins",Helvetica; font-weight:400; color:#5c5c5c; font-size:17px; }
  .element-home .group-2 { position:absolute; width:390px; height:386px; top:230px; left:20px; }
  .element-home .image { position:absolute; width:248px; height:248px; top:0; left:65px; object-fit:cover; }
  .element-home .image-wrapper { position:absolute; width:54px; height:54px; top:194px; left:0; background:#fff; border-radius:24.35px; box-shadow:0 0 4.87px rgba(0,0,0,0.25); }
  .element-home .img { position:absolute; width:48px; height:48px; top:3px; left:3px; object-fit:cover; }
  .element-home .div-wrapper { position:absolute; width:307px; height:127px; top:259px; left:88px; }
  .element-home .overlap-group-2 { width:303px; height:127px; border-radius:60.88px 6.09px 24.35px 60.88px; box-shadow:0 0 3.65px rgba(0,0,0,0.30); position:relative; background:#fff; }
  .element-home .h-LEAGUE { position:absolute; top:95px; left:156px; font-family:"Poppins",Helvetica; font-weight:400; color:#606060; font-size:15.2px; text-align:right; }
  .element-home .span { font-family:"Poppins",Helvetica; font-weight:400; color:#606060; font-size:15.2px; }
  .element-home .text-wrapper-5 { font-weight:800; }
  .element-home .overlap-3 { position:absolute; width:256px; height:50px; top:42px; left:30px; }
  .element-home .p { position:absolute; top:0; left:0; font-family:"Poppins",Helvetica; font-weight:400; color:#000; font-size:16.4px; text-align:right; }
  .element-home .text-wrapper-6 { font-family:"Poppins",Helvetica; font-weight:400; color:#000; font-size:16.4px; }
  .element-home .text-wrapper-7 { font-weight:700; }
  .element-home .rectangle { position:absolute; width:97px; height:24px; top:25px; left:125px; background:rgba(54,23,206,0.1); }
  .element-home .group-wrapper { position:absolute; width:92px; height:27px; top:10px; left:195px; background:#6255de; border-radius:18.26px; }
  .element-home .group-3 { position:relative; width:79px; height:27px; left:7px; }
  .element-home .element-wrapper { position:absolute; width:63px; height:27px; top:0; left:18px; }
  .element-home .element { position:absolute; top:0; left:0; font-family:"Poppins",Helvetica; font-weight:400; color:#fff; font-size:18.3px; text-align:right; }
  .element-home .text-wrapper-8 { font-family:"Poppins",Helvetica; font-weight:400; color:#fff; font-size:18.3px; }
  .element-home .fluent-call { position:absolute; width:17px; height:17px; top:5px; left:0; }
  .element-home .vector { position:absolute; width:11px; height:15px; top:1px; left:3px; }
  /* (…rest of the per-card absolute rules preserved verbatim…) */

  /* 11) Small‑screen Tweak -------------------------------------------------- */
  @media (max-width: 375px) {
    .element-home .overlap {
      padding: 0.5rem 0.75rem;
    }
  }

  letter-spacing: 0;
  line-height: normal;
  white-space: nowrap;
}

.element-home .flowbite-search {
  position: absolute;
  width: 25px;
  height: 25px;
  top: 57px;
  left: 325px;
}

.element-home .div {
  position: absolute;
  width: 268px;
  height: 32px;
  top: 100px;
  left: 37px;
}

.element-home .overlap-2 {
  position: relative;
  width: 65px;
  height: 32px;
  top: 0;
  left: 0;
}

.element-home .overlap-group-2 .tag {
  position: absolute;
  right: 1rem;       /* 필요에 따라 px/rem 조정 */
  bottom: 0.5rem;      /* 필요에 따라 px/rem 조정 */
  margin: 0;         /* p 기본 마진 제거 */
  text-align: right; /* 글자 오른쪽 정렬 */
  white-space: nowrap; /* 짧은 너비라도 줄바꿈 없이 유지 */
}

.element-home .text-wrapper-2 {
  position: absolute;
  top: 0;
  left: 2px;
  font-family: "Poppins", Helvetica;
  font-weight: 400;
  color: #3617ce;
  font-size: 21px;
  letter-spacing: 0;
  line-height: normal;
}

.element-home .line {
  position: absolute;
  width: 65px;
  height: 3px;
  top: 29px;
  left: 0;
}

.element-home .text-wrapper-3 {
  position: absolute;
  top: 6px;
  left: 90px;
  font-family: "Poppins", Helvetica;
  font-weight: 400;
  color: #5c5c5c;
  font-size: 17px;
  letter-spacing: 0;
  line-height: normal;
}

.element-home .text-wrapper-4 {
  position: absolute;
  top: 6px;
  left: 162px;
  font-family: "Poppins", Helvetica;
  font-weight: 400;
  color: #5c5c5c;
  font-size: 17px;
  letter-spacing: 0;
  line-height: normal;
}

.element-home .group-2 {
  position: absolute;
  width: 390px;
  height: 386px;
  top: 230px;
  left: 20px;
}

.element-home .image {
  position: absolute;
  width: 300px;
  height: 248px;
  top: 0;
  left: 65px;
  object-fit: cover;
}

.element-home .image-wrapper {
  position: absolute;
  width: 54px;
  height: 54px;
  top: 194px;
  left: 0;
  background-color: #ffffff;
  border-radius: 24.35px;
  box-shadow: 0px 0px 4.87px 0.61px #00000040;
  display: flex;
  align-items: center;
  justify-content: center;
}

.element-home .img {
  width: 80%;
  height: 80%;
  position: static;
  top: auto;
  left: auto;
  object-fit: contain;
  display: block;
}

.element-home .div-wrapper {
  position: absolute;
  width: 307px;
  height: 127px;
  top: 259px;
  left: 60px;
}

.element-home .overlap-group-2 {
  width: 100%;
  height: auto;
  border-radius: 60px 36px 5px 60px;
  box-shadow: 0px 0px 3.65px 0.61px #0000004c;
  position: relative;
  padding: 1rem;
  overflow: visible;
  background-color: #ffffff;
}

/* 2) clearfix 의사요소 추가 */
.element-home .overlap-group-2::after {
  content: "";
  display: table;
  clear: both;
}

.element-home .span {
  font-family: "Poppins", Helvetica;
  font-weight: 400;
  color: #606060;
  font-size: 15.2px;
  letter-spacing: 0;
}

.element-home .text-wrapper-5 {
  font-weight: 800;
  color: #606060;
}

.element-home .overlap-group-2 .overlap-3 {
  position: static;
  float: right;
  top: 33%;
  left: auto;
  right:0;
  width: auto;                /* 컨텐츠 길이에 딱 맞춰 */
  max-width: 93%;
  display: inline-block;      /* inline 요소처럼 폭이 내용에 맞게 */
  white-space: nowrap;        /* 줄바꿈 없이 가로로만 늘어납니다 */
  margin-bottom: 1rem;
  margin-top: 1.6rem;
  /*height: 39%;*/
}

.element-home .p {
  /*position: static;*/
  /*margin: 0;*/
  /*padding: 0;*/
  /*top: 0;*/
  /*left: 0;*/
  /*font-family: "Poppins", Helvetica;*/
  /*font-weight: 400;*/
  /*color: #000000;*/
  /*font-size: 16.4px;*/
  /*text-align: right;*/
  /*letter-spacing: 0;*/
  line-height: normal;
  display: inline-block;
  text-align: right; /* 내부 inline-span 들을 오른쪽 끝으로 정렬 */
  width: auto;         /* 콘텐츠 너비에 딱 맞춤 */
  white-space: nowrap; /* 한 줄에 모두 표시 */
  box-sizing: border-box;
  margin: 0;           /* 필요시 마진 재조정 */
  padding: 0;          /* 기존 패딩이 없었다면 0 으로 초기화 */
}

.element-home .text-wrapper-6 {
  font-family: "Poppins", Helvetica;
  font-weight: 400;
  color: #000000;
  font-size: 15px;
  letter-spacing: 0;
  display: inline;          /* 기본 inline */
  white-space: normal;      /* 부모의 white-space 설정을 따름 */
}

.element-home .text-wrapper-7 {
  font-weight: 700;
  display: inline;          /* 기본 inline */
  white-space: normal;      /* 부모의 white-space 설정을 따름 */
}

/*.element-home .rectangle {*/
/*  width: 97px;*/
/*  left: 125px;*/
/*  position: absolute;*/
/*  height: 24px;*/
/*  top: 25px;*/
/*  background-color: #3617ce1a;*/
/*}*/

.highlight {
  display: inline-block;           /* padding 과 border-radius 가 제대로 먹도록 */
  background-color: rgba(54, 23, 206, 0.1);
  line-height: 1;                  /* 텍스트 중앙 정렬용 */
}

.element-home .overlap-group-2 .group-wrapper {
  position: absolute;
  display: block;
  text-align: right;
  margin-bottom: 0.5rem;
  width: 92px;
  height: 27px;
  top: 10px;
  left: 195px;
  background-color: #6255de;
  border-radius: 18.26px;
}

.element-home .group-3 {
  position: relative;
  width: 79px;
  height: 27px;
  left: 7px;
}

.element-home .element-wrapper {
  position: absolute;
  width: 63px;
  height: 27px;
  top: 0;
  left: 18px;
}

.element-home .element {
  position: absolute;
  top: 0;
  left: 0;
  font-family: "Poppins", Helvetica;
  font-weight: 400;
  color: #ffffff;
  font-size: 18.3px;
  text-align: right;
  letter-spacing: 0;
  line-height: normal;
}

.element-home .text-wrapper-8 {
  font-family: "Poppins", Helvetica;
  font-weight: 400;
  color: #ffffff;
  font-size: 18.3px;
  letter-spacing: 0;
}

.element-home .fluent-call {
  position: absolute;
  width: 17px;
  height: 17px;
  top: 5px;
  left: 0;
}

.element-home .vector {
  position: absolute;
  width: 11px;
  height: 15px;
  top: 1px;
  left: 3px;
}

.element-home .group-4 {
  position: absolute;
  width: 415px;
  max-width:395px;
  height: 43px;
  top: 150px;
  left: 5px;
  background-color: #eff2f9;
  border-radius: 12.04px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.element-home .group-5 {
  position: relative;
  width: 335px;
  height: 24px;
  top: 0;
  left: 0;
}

.element-home .element-tget {
  position: absolute;
  top: 1px;
  left: 30px;
  font-family: "Poppins", Helvetica;
  font-weight: 400;
  color: #000000;
  font-size: 14.4px;
  letter-spacing: 0;
  line-height: normal;
  max-width:295px;
  width:100%;
}

.element-home .text-wrapper-9 {
  font-weight: 300;
}

.element-home .text-wrapper-10 {
  font-weight: 600;
}

.element-home .text-wrapper-11 {
  font-family: "Poppins", Helvetica;
  font-weight: 400;
  color: #000000;
  font-size: 14.4px;
  letter-spacing: 0;
}

.element-home .gridicons-speaker {
  position: absolute;
  width: 24px;
  height: 24px;
  top: 0;
  left: 0;
}

.element-home .vector-2 {
  position: absolute;
  width: 20px;
  height: 17px;
  top: 3px;
  left: 2px;
}

.element-home .group-6 {
  position: absolute;
  width: 390px;
  height: 386px;
  top: 676px;
  left: 20px;
}

.element-home .image-2 {
  position: absolute;
  width: 243px;
  height: 243px;
  top: 0;
  left: 68px;
  object-fit: cover;
}

.element-home .group-7 {
  position: absolute;
  width: 65px;
  height: 65px;
  top: 188px;
  left: -5px;
}

.element-home .group-8 {
  position: absolute;
  width: 306px;
  height: 127px;
  top: 259px;
  left: 88px;
}

.element-home .overlap-group-3 {
  width: 302px;
  height: 127px;
  border-radius: 60.84px 6.08px 24.34px 60.84px;
  box-shadow: 0px 0px 3.65px 0.61px #0000004c;
  position: relative;
  background-color: #ffffff;
}

.element-home .KBL {
  position: absolute;
  top: 95px;
  left: 158px;
  font-family: "Poppins", Helvetica;
  font-weight: 400;
  color: #606060;
  font-size: 15.2px;
  text-align: right;
  letter-spacing: 0;
  line-height: normal;
}

.element-home .text-wrapper-12 {
  top: 42px;
  left: 13px;
  color: #000000;
  font-size: 16.4px;
  position: absolute;
  font-family: "Poppins", Helvetica;
  font-weight: 400;
  text-align: right;
  letter-spacing: 0;
  line-height: normal;
}

.element-home .group-9 {
  position: absolute;
  width: 87px;
  height: 27px;
  top: 9px;
  left: 200px;
  background-color: #6255de;
  border-radius: 18.25px;
}

.element-home .group-10 {
  position: relative;
  width: 69px;
  height: 27px;
  left: 9px;
}

.element-home .group-11 {
  width: 52px;
  height: 27px;
  left: 19px;
  position: absolute;
  top: 0;
}

.element-home .group-12 {
  position: absolute;
  width: 390px;
  height: 412px;
  top: 1121px;
  left: 20px;
}

.element-home .group-13 {
  position: absolute;
  width: 308px;
  height: 153px;
  top: 259px;
  left: 86px;
}

.element-home .overlap-group-4 {
  width: 304px;
  height: 153px;
  border-radius: 100px 6.11px 24.45px 100px;
  box-shadow: 0px 0px 3.67px 0.61px #0000004c;
  position: relative;
  background-color: #ffffff;
}

.element-home .overlap-4 {
  position: absolute;
  width: 272px;
  height: 75px;
  top: 43px;
  left: 17px;
}

.element-home .div-2 {
  top: 0;
  left: 0;
  color: #000000;
  font-size: 16.5px;
  position: absolute;
  font-family: "Poppins", Helvetica;
  font-weight: 400;
  text-align: right;
  letter-spacing: 0;
  line-height: normal;
}

.element-home .text-wrapper-13 {
  font-family: "Poppins", Helvetica;
  font-weight: 400;
  color: #000000;
  font-size: 16.5px;
  letter-spacing: 0;
}

.element-home .rectangle-2 {
  width: 145px;
  left: 31px;
  position: absolute;
  height: 24px;
  top: 25px;
  background-color: #3617ce1a;
}

.element-home .COM {
  position: absolute;
  top: 118px;
  left: 164px;
  font-family: "Poppins", Helvetica;
  font-weight: 400;
  color: #606060;
  font-size: 15.3px;
  text-align: right;
  letter-spacing: 0;
  line-height: normal;
}

.element-home .text-wrapper-14 {
  font-family: "Poppins", Helvetica;
  font-weight: 400;
  color: #606060;
  font-size: 15.3px;
  letter-spacing: 0;
}

.element-home .group-14 {
  position: absolute;
  width: 78px;
  height: 28px;
  top: 9px;
  left: 210px;
  background-color: #6255de;
  border-radius: 18.34px;
}

.element-home .group-15 {
  position: relative;
  width: 64px;
  height: 28px;
  left: 7px;
}

.element-home .group-16 {
  width: 42px;
  height: 28px;
  left: 24px;
  position: absolute;
  top: 0;
}

.element-home .vector-wrapper {
  position: absolute;
  width: 17px;
  height: 17px;
  top: 6px;
  left: 0;
}

.element-home .img-wrapper {
  position: absolute;
  width: 54px;
  height: 54px;
  top: 203px;
  left: 0;
  background-color: #ffffff;
  border-radius: 24.45px;
  box-shadow: 0px 0px 4.89px 0.61px #00000040;
}

.element-home .image-3 {
  position: absolute;
  width: 53px;
  height: 17px;
  top: 19px;
  left: 1px;
}

.element-home .image-4 {
  position: absolute;
  width: 243px;
  height: 243px;
  top: 0;
  left: 68px;
}

.element-home .group-17 {
  position: absolute;
  width: 390px;
  height: 385px;
  top: 1594px;
  left: 20px;
}

.element-home .image-5 {
  position: absolute;
  width: 245px;
  height: 245px;
  top: 0;
  left: 68px;
}

.element-home .group-18 {
  position: absolute;
  width: 66px;
  height: 66px;
  top: 189px;
  left: -6px;
}

.element-home .group-19 {
  position: absolute;
  width: 241px;
  height: 127px;
  top: 258px;
  left: 153px;
}

.element-home .overlap-group-5 {
  width: 304px;
  height: 153px;
  border-radius: 100px 6.11px 24.45px 100px;
  box-shadow: 0px 0px 3.67px 0.61px #0000004c;
  position: relative;
  background-color: #ffffff;
}

.element-home .overlap-5 {
  position: absolute;
  width: 199px;
  height: 50px;
  top: 45px;
  left: 16px;
}

.element-home .rectangle-3 {
  width: 133px;
  left: 66px;
  position: absolute;
  height: 24px;
  top: 25px;
  background-color: #3617ce1a;
}

.element-home .div-3 {
  top: 99px;
  left: 160px;
  color: #606060;
  font-size: 15.3px;
  position: absolute;
  font-family: "Poppins", Helvetica;
  font-weight: 400;
  text-align: right;
  letter-spacing: 0;
  line-height: normal;
}

.element-home .overlap-6 {
  position: absolute;
  width: 78px;
  height: 28px;
  top: 10px;
  left: 137px;
  background-color: #6255de;
  border-radius: 18.37px;
}

.element-home .group-20 {
  position: relative;
  width: 63px;
  height: 28px;
  left: 7px;
}

.element-home .group-21 {
  width: 42px;
  height: 28px;
  left: 23px;
  position: absolute;
  top: 0;
}

.element-home .element-2 {
  top: 0;
  left: 0;
  color: #ffffff;
  font-size: 18.4px;
  position: absolute;
  font-family: "Poppins", Helvetica;
  font-weight: 400;
  text-align: right;
  letter-spacing: 0;
  line-height: normal;
}

.element-home .text-wrapper-15 {
  font-family: "Poppins", Helvetica;
  font-weight: 400;
  color: #ffffff;
  font-size: 18.4px;
  letter-spacing: 0;
}

.element-home .line-2 {
  position: absolute;
  width: 390px;
  height: 1px;
  top: 645px;
  left: 20px;
  object-fit: cover;
}

.element-home .line-3 {
  position: absolute;
  width: 390px;
  height: 1px;
  top: 1090px;
  left: 20px;
  object-fit: cover;
}

.element-home .line-4 {
  position: absolute;
  width: 390px;
  height: 1px;
  top: 1563px;
  left: 20px;
  object-fit: cover;
}

.element-home .copyright-SK-telecom-wrapper {
  position: absolute;
  width: 410px;
  height: 92px;
  top: 2019px;
  left: 0;
  background-color: #f2f2f2;
  display: flex;           /* flex 컨테이너 설정 */
  justify-content: center; /* 수평 중앙 정렬 */
  align-items: center;     /* 수직 중앙 정렬 */
}

.element-home .copyright-SK-telecom {
  position: static;
  left: auto;                  /* 기존 left/top 해제 */
  top: auto;
  font-family: "Poppins", Helvetica;
  font-weight: 400;
  color: transparent;
  font-size: 15px;
  text-align: center;
  letter-spacing: 0;
  line-height: normal;
}

.element-home .text-wrapper-16 {
  color: #000000;
  font-size:0.7rem;
}

.element-home .text-wrapper-17 {
  color: #5c5c5c;
  font-size:0.7rem;
}

/*──────────────────────────────────────────────────────────────────────────*/
/* 11) 간단 반응형 조정 ----------------------------------------------------- */
@media (max-width: 375px) {
  .element-home .flowbite-search {
    left: 290px;
  }
  .element-home .group-4 {
    width: 325px;
  }
  .element-home .group-5 {
    width: 295px;
  }
  .element-home .element-tget {
    max-width: 270px;
    width: 100%;
    font-size: 12.4px;
  }
  .element-home .overlap {
    width: 100%;
    max-width: 335px;
  }
  .element-home .card {
    width: 325px;
    left: 5px;
  }
  .element-home .image {
    width: 257px;
  }
  .element-home .image-wrapper {
    left: 3px;
  }
  .element-home .div-wrapper {
    width: 307px;
    left: 15px;
  }
  .element-home .group-2 {
    top: 210px;
  }
  .element-home .group-6 {
    top: 610px;
  }
  .element-home .group-12 {
    top: 1010px;
   }
  .element-home .group-17 {
    top: 1440px;
   }
  .element-home .copyright-SK-telecom-wrapper {
    width: 340px;
    top: 1850px;
  }

}