/* ========================================
   IIBI 교육기관 선택 기준
======================================== */

.iibi-proof-wrap {
  width: 100%;
  max-width: 1080px;
  margin: 0 auto;
  padding: 70px 30px;
  background: #f4f7fb;
  color: #123d73;
  font-family:
    "Pretendard",
    "Noto Sans KR",
    "Malgun Gothic",
    sans-serif;
  line-height: 1.6;
  word-break: keep-all;
  box-sizing: border-box;
}

.iibi-proof-wrap,
.iibi-proof-wrap * {
  box-sizing: border-box;
}

.iibi-proof-wrap img {
  display: block;
  max-width: 100%;
}

.iibi-proof-wrap h2,
.iibi-proof-wrap h3,
.iibi-proof-wrap p {
  margin-top: 0;
}

.iibi-proof-wrap ul,
.iibi-proof-wrap ol {
  margin: 0;
  padding: 0;
  list-style: none;
}

.iibi-proof-section {
  max-width: 920px;
  margin: 0 auto 40px;
  padding: 50px 42px;
  border-radius: 24px;
  background: #ffffff;
  box-shadow: 0 15px 40px rgba(12, 57, 105, 0.1);
}

.iibi-proof-section:last-child {
  margin-bottom: 0;
}

.iibi-proof-heading {
  margin-bottom: 34px;
  text-align: center;
}

.iibi-proof-label {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
  margin-bottom: 16px;
  padding: 9px 22px;
  border-radius: 100px;
  background: #123d73;
  color: #ffffff;
  font-size: 17px;
  font-weight: 800;
  line-height: 1.4;
}

.iibi-proof-check {
  position: relative;
  display: inline-block;
  flex: 0 0 auto;
  width: 22px;
  height: 22px;
  border: 3px solid #ffffff;
  border-radius: 50%;
}

.iibi-proof-check::after {
  position: absolute;
  top: 3px;
  left: 5px;
  width: 8px;
  height: 4px;
  border-bottom: 3px solid #ffffff;
  border-left: 3px solid #ffffff;
  content: "";
  transform: rotate(-45deg);
}

.iibi-proof-title {
  margin: 0;
  color: #123d73;
  font-size: 42px;
  font-weight: 900;
  line-height: 1.25;
  letter-spacing: -2px;
}

.iibi-proof-title strong {
  color: #f0a500;
}

.iibi-proof-subtitle {
  margin: 12px 0 0;
  color: #5f6874;
  font-size: 20px;
  font-weight: 600;
  line-height: 1.65;
}

.iibi-yellow-highlight {
  display: inline;
  padding: 0 4px 2px;
  background:
    linear-gradient(
      transparent 37%,
      #ffd761 37%,
      #ffd761 93%,
      transparent 93%
    );
  color: #172436;
  font-weight: 800;
}


/* ========================================
   01. 국가가 인증한 교육원
======================================== */

.iibi-cert-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 20px;
}

.iibi-cert-card {
  overflow: hidden;
  border: 1px solid #dce3eb;
  border-radius: 20px;
  background: #f8fafc;
  text-align: center;
}

.iibi-cert-image {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 270px;
  padding: 28px;
  background: #ffffff;
}

.iibi-cert-image img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.iibi-cert-content {
  min-height: 245px;
  padding: 25px 20px 28px;
}

.iibi-cert-badge {
  display: inline-block;
  margin-bottom: 15px;
  padding: 7px 18px;
  border: 1px solid #123d73;
  border-radius: 100px;
  background: #ffffff;
  color: #123d73;
  font-size: 16px;
  font-weight: 800;
  line-height: 1.4;
}

.iibi-cert-content h3 {
  margin: 0 0 13px;
  color: #123d73;
  font-size: 23px;
  font-weight: 900;
  line-height: 1.4;
}

.iibi-cert-content p {
  margin: 0;
  color: #626b76;
  font-size: 17px;
  line-height: 1.75;
}

.iibi-cert-footer {
  margin-top: 22px;
  padding: 20px 25px;
  border-radius: 15px;
  background: #123d73;
  color: #ffffff;
  text-align: center;
  font-size: 21px;
  font-weight: 700;
  line-height: 1.6;
}

.iibi-cert-footer strong {
  color: #ffd761;
}


/* ========================================
   02. 자체 스튜디오
======================================== */

.iibi-studio-image-box {
  overflow: hidden;
  border: 1px solid #dce3eb;
  border-radius: 20px;
  background: #ffffff;
}

.iibi-studio-image-box img {
  width: 100%;
  height: auto;
}

.iibi-studio-note {
  margin: 23px 0 0;
  padding: 20px;
  border-radius: 15px;
  background: #edf4fc;
  color: #123d73;
  text-align: center;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.7;
}


/* ========================================
   03. 포트폴리오
======================================== */

.iibi-portfolio-intro {
  margin-bottom: 28px;
  padding: 26px 25px;
  border-radius: 18px;
  background: #202327;
  text-align: center;
}

.iibi-portfolio-intro h3 {
  margin: 0 0 8px;
  color: #ffffff;
  font-size: 29px;
  font-weight: 900;
  line-height: 1.4;
}

.iibi-portfolio-intro h3 strong {
  color: #f5a021;
}

.iibi-portfolio-intro p {
  margin: 0;
  color: #e2e5e8;
  font-size: 18px;
  line-height: 1.65;
}

.iibi-portfolio-intro p strong {
  color: #fff35a;
}

.iibi-portfolio-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 17px;
}

.iibi-portfolio-card {
  overflow: hidden;
  border: 1px solid #edcdb5;
  border-radius: 16px;
  background: #ffffff;
  transition:
    transform 0.2s ease,
    box-shadow 0.2s ease;
}

.iibi-portfolio-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 14px 28px rgba(18, 61, 115, 0.14);
}

.iibi-portfolio-link {
  display: block;
  color: inherit;
  text-decoration: none;
}

.iibi-portfolio-link:hover,
.iibi-portfolio-link:focus {
  color: inherit;
  text-decoration: none;
}

.iibi-portfolio-thumb {
  position: relative;
  overflow: hidden;
  width: 100%;
  aspect-ratio: 16 / 9;
  background: #d9e1e9;
}

.iibi-portfolio-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.35s ease;
}

.iibi-portfolio-card:hover .iibi-portfolio-thumb img {
  transform: scale(1.04);
}

.iibi-portfolio-play {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 3;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 48px;
  height: 48px;
  border-radius: 50%;
  background: rgba(0, 0, 0, 0.72);
  color: #ffffff;
  font-size: 0;
  transform: translate(-50%, -50%);
}

.iibi-portfolio-play::after {
  margin-left: 4px;
  border-top: 7px solid transparent;
  border-bottom: 7px solid transparent;
  border-left: 11px solid #ffffff;
  content: "";
}

.iibi-portfolio-content {
  min-height: 190px;
  padding: 14px 15px 18px;
}

.iibi-portfolio-category {
  display: inline-block;
  margin-bottom: 9px;
  padding: 4px 9px;
  border-radius: 4px;
  background: #ff991b;
  color: #ffffff;
  font-size: 13px;
  font-weight: 800;
  line-height: 1.35;
}

.iibi-portfolio-category.iibi-ai {
  background: #06afcf;
}

.iibi-portfolio-content h3 {
  margin: 0 0 8px;
  color: #272727;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.5;
}

.iibi-portfolio-content p {
  margin: 0;
  color: #555c65;
  font-size: 14px;
  line-height: 1.65;
}


/* AirPods Pro 3 CSS 썸네일 */

.iibi-airpods-thumb {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 100%;
  background:
    radial-gradient(
      circle at 70% 22%,
      rgba(111, 221, 255, 0.48),
      transparent 25%
    ),
    radial-gradient(
      circle at 18% 78%,
      rgba(122, 74, 255, 0.5),
      transparent 31%
    ),
    linear-gradient(
      145deg,
      #050d19 0%,
      #102c55 52%,
      #14607b 100%
    );
}

.iibi-airpods-thumb::before,
.iibi-airpods-thumb::after {
  position: absolute;
  top: 41%;
  z-index: 2;
  width: 44px;
  height: 54px;
  border-radius: 50% 50% 42% 42%;
  background:
    radial-gradient(
      circle at 38% 32%,
      #ffffff 0%,
      #ffffff 30%,
      #d8e2ea 67%,
      #aebdc8 100%
    );
  box-shadow:
    0 15px 25px rgba(0, 0, 0, 0.32),
    inset -5px -5px 10px rgba(101, 126, 145, 0.18);
  content: "";
}

.iibi-airpods-thumb::before {
  left: 34%;
  transform: translate(-50%, -50%) rotate(-17deg);
}

.iibi-airpods-thumb::after {
  right: 34%;
  transform: translate(50%, -50%) rotate(17deg);
}

.iibi-airpods-stem {
  position: absolute;
  top: 44%;
  z-index: 1;
  width: 17px;
  height: 61px;
  border-radius: 0 0 13px 13px;
  background:
    linear-gradient(
      90deg,
      #c4d0d9 0%,
      #ffffff 46%,
      #d6e0e7 100%
    );
  box-shadow: 0 13px 19px rgba(0, 0, 0, 0.26);
}

.iibi-airpods-stem.iibi-left {
  left: calc(34% - 7px);
  transform: rotate(-9deg);
}

.iibi-airpods-stem.iibi-right {
  right: calc(34% - 7px);
  transform: rotate(9deg);
}

.iibi-airpods-copy {
  position: absolute;
  right: 14px;
  bottom: 12px;
  left: 14px;
  z-index: 4;
  color: #ffffff;
  text-align: center;
  text-shadow: 0 2px 8px rgba(0, 0, 0, 0.55);
}

.iibi-airpods-copy strong {
  display: block;
  font-size: 19px;
  font-weight: 900;
  letter-spacing: -0.6px;
}

.iibi-airpods-copy span {
  display: block;
  margin-top: 1px;
  color: #bcecff;
  font-size: 9px;
  font-weight: 800;
  letter-spacing: 1.5px;
}

.iibi-portfolio-footer {
  margin-top: 23px;
  padding: 20px 25px;
  border-radius: 15px;
  background: #123d73;
  color: #ffffff;
  text-align: center;
  font-size: 21px;
  font-weight: 700;
  line-height: 1.6;
}

.iibi-portfolio-footer strong {
  color: #ffd761;
}


/* ========================================
   04. QR 교육 신청
======================================== */

.iibi-qr-section {
  position: relative;
  overflow: hidden;
  padding: 46px 42px;
  background:
    radial-gradient(
      circle at 100% 0%,
      rgba(255, 215, 97, 0.45),
      transparent 30%
    ),
    linear-gradient(
      135deg,
      #0e315e 0%,
      #123d73 58%,
      #19518f 100%
    );
}

.iibi-qr-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 165px;
  gap: 32px;
  align-items: center;
}

.iibi-qr-copy {
  color: #ffffff;
}

.iibi-qr-kicker {
  display: inline-block;
  margin-bottom: 14px;
  padding: 7px 14px;
  border: 1px solid rgba(255, 255, 255, 0.42);
  border-radius: 100px;
  background: rgba(255, 255, 255, 0.12);
  color: #ffd761;
  font-size: 14px;
  font-weight: 800;
}

.iibi-qr-copy h2 {
  margin: 0 0 13px;
  color: #ffffff;
  font-size: 34px;
  font-weight: 900;
  line-height: 1.3;
  letter-spacing: -1.4px;
}

.iibi-qr-copy h2 strong {
  color: #ffd761;
}

.iibi-qr-copy p {
  margin: 0;
  color: rgba(255, 255, 255, 0.84);
  font-size: 17px;
  line-height: 1.75;
}

.iibi-qr-points {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 20px;
}

.iibi-qr-points span {
  padding: 7px 12px;
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.12);
  color: #ffffff;
  font-size: 14px;
  font-weight: 700;
}

.iibi-qr-card {
  width: 165px;
  padding: 10px;
  border-radius: 17px;
  background: #ffffff;
  box-shadow: 0 18px 36px rgba(0, 0, 0, 0.25);
  text-align: center;
}

.iibi-qr-image {
  overflow: hidden;
  width: 100%;
  border-radius: 10px;
  background: #ffffff;
}

.iibi-qr-image img {
  width: 100%;
  height: auto;
}

.iibi-qr-scan {
  margin: 8px 0 1px;
  color: #123d73;
  font-size: 12px;
  font-weight: 900;
  line-height: 1.45;
}


/* ========================================
   모바일
======================================== */

@media screen and (max-width: 767px) {
  .iibi-proof-wrap {
    padding: 35px 15px;
  }

  .iibi-proof-section {
    margin-bottom: 25px;
    padding: 36px 18px;
    border-radius: 18px;
  }

  .iibi-proof-heading {
    margin-bottom: 27px;
  }

  .iibi-proof-label {
    gap: 8px;
    margin-bottom: 13px;
    padding: 8px 17px;
    font-size: 15px;
  }

  .iibi-proof-check {
    width: 19px;
    height: 19px;
  }

  .iibi-proof-check::after {
    top: 2px;
    left: 4px;
    width: 7px;
    height: 4px;
  }

  .iibi-proof-title {
    font-size: 31px;
    letter-spacing: -1.5px;
  }

  .iibi-proof-subtitle {
    font-size: 17px;
  }

  .iibi-cert-grid {
    grid-template-columns: 1fr;
    gap: 15px;
  }

  .iibi-cert-image {
    height: 235px;
    padding: 24px;
  }

  .iibi-cert-content {
    min-height: 0;
    padding: 23px 17px 25px;
  }

  .iibi-cert-badge {
    font-size: 15px;
  }

  .iibi-cert-content h3 {
    font-size: 20px;
  }

  .iibi-cert-content p {
    font-size: 15px;
  }

  .iibi-cert-footer,
  .iibi-portfolio-footer {
    margin-top: 17px;
    padding: 17px 14px;
    font-size: 17px;
  }

  .iibi-studio-image-box {
    border-radius: 14px;
  }

  .iibi-studio-note {
    margin-top: 17px;
    padding: 17px 14px;
    font-size: 16px;
  }

  .iibi-portfolio-intro {
    margin-bottom: 20px;
    padding: 22px 15px;
    border-radius: 14px;
  }

  .iibi-portfolio-intro h3 {
    font-size: 22px;
  }

  .iibi-portfolio-intro p {
    font-size: 15px;
  }

  .iibi-portfolio-grid {
    grid-template-columns: 1fr;
    gap: 15px;
  }

  .iibi-portfolio-card {
    border-radius: 14px;
  }

  .iibi-portfolio-content {
    min-height: 0;
    padding: 14px 15px 18px;
  }

  .iibi-portfolio-content h3 {
    font-size: 17px;
  }

  .iibi-portfolio-content p {
    font-size: 14px;
  }

  .iibi-portfolio-play {
    width: 46px;
    height: 46px;
  }

  .iibi-qr-section {
    padding: 32px 20px;
    border-radius: 18px;
  }

  .iibi-qr-layout {
    grid-template-columns: 1fr;
    gap: 22px;
    text-align: center;
  }

  .iibi-qr-copy h2 {
    font-size: 27px;
  }

  .iibi-qr-copy p {
    font-size: 15px;
  }

  .iibi-qr-points {
    justify-content: center;
  }

  .iibi-qr-card {
    width: 145px;
    margin: 0 auto;
    padding: 9px;
  }

  .iibi-qr-scan {
    margin-top: 7px;
    font-size: 11px;
  }
}
/* =========================================================
   체크포인트 안내 영역 추가 디자인
   기존 CSS 삭제 없이 맨 아래에 추가
========================================================= */

.iibi-guide-box,
.iibi-guide-box * {
  box-sizing: border-box !important;
}

.iibi-guide-box {
  position: relative !important;
  overflow: hidden !important;
  width: 100% !important;
  max-width: 920px !important;
  margin: 0 auto 40px !important;
  padding: 38px 38px 40px !important;
  border: 1px solid #d3dde8 !important;
  border-radius: 24px !important;
  background:
    radial-gradient(
      circle at 105% 110%,
      rgba(210, 220, 231, 0.75) 0,
      rgba(225, 232, 240, 0.45) 30%,
      transparent 52%
    ),
    linear-gradient(
      145deg,
      #ffffff 0%,
      #ffffff 67%,
      #f2f5f8 100%
    ) !important;
  box-shadow: 0 15px 40px rgba(12, 57, 105, 0.1) !important;
  font-family:
    "Pretendard",
    "Noto Sans KR",
    "Malgun Gothic",
    sans-serif !important;
  word-break: keep-all !important;
}

.iibi-guide-box::after {
  position: absolute !important;
  right: -95px !important;
  bottom: -100px !important;
  width: 280px !important;
  height: 190px !important;
  border-radius: 50% !important;
  background: rgba(198, 208, 219, 0.3) !important;
  content: "" !important;
  transform: rotate(-18deg) !important;
}


/* 상단 작은 제목 */

.iibi-guide-header {
  position: relative !important;
  z-index: 2 !important;
  display: flex !important;
  align-items: stretch !important;
  justify-content: flex-start !important;
  margin: 0 0 8px !important;
  padding: 0 !important;
}

.iibi-guide-recommend {
  display: flex !important;
  align-items: center !important;
  min-height: 42px !important;
  margin: 0 !important;
  padding: 8px 15px !important;
  background: #073d78 !important;
  color: #ffc72d !important;
  font-size: 19px !important;
  font-weight: 900 !important;
  line-height: 1.2 !important;
  letter-spacing: -0.8px !important;
}

.iibi-guide-caption {
  display: flex !important;
  align-items: center !important;
  min-height: 42px !important;
  margin: 0 !important;
  padding: 8px 13px !important;
  background: #ffffff !important;
  color: #123d73 !important;
  font-size: 16px !important;
  font-weight: 800 !important;
  line-height: 1.25 !important;
  letter-spacing: -0.5px !important;
}


/* 체크포인트 큰 제목 */

.iibi-guide-title {
  position: relative !important;
  z-index: 2 !important;
  margin: 0 0 14px !important;
  padding: 0 !important;
  color: #073d78 !important;
  font-size: 67px !important;
  font-weight: 900 !important;
  line-height: 1.05 !important;
  letter-spacing: -5px !important;
  text-align: left !important;
  text-shadow:
    0 2px 0 #ffffff,
    0 5px 0 rgba(7, 61, 120, 0.08) !important;
}


/* 안내 문구 */

.iibi-guide-message {
  position: relative !important;
  z-index: 2 !important;
  display: flex !important;
  align-items: center !important;
  width: 100% !important;
  min-height: 48px !important;
  margin: 0 0 29px !important;
  padding: 5px 6px 5px 20px !important;
  border: 2px solid #174d88 !important;
  border-radius: 999px !important;
  background: #ffffff !important;
  color: #143c6e !important;
  font-size: 18px !important;
  font-weight: 800 !important;
  line-height: 1.35 !important;
}

.iibi-guide-message > span:first-child {
  display: block !important;
  min-width: 0 !important;
}

.iibi-guide-message strong {
  margin-left: 4px !important;
  color: #ef3741 !important;
  font-size: inherit !important;
  font-weight: 900 !important;
}

.iibi-guide-arrow {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex: 0 0 38px !important;
  width: 38px !important;
  height: 38px !important;
  margin-left: auto !important;
  border-radius: 50% !important;
  background: #123d73 !important;
  color: #ffffff !important;
  font-family: Arial, sans-serif !important;
  font-size: 24px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
}


/* 체크포인트 3개 카드 */

.iibi-guide-grid {
  position: relative !important;
  z-index: 2 !important;
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 17px !important;
  width: 100% !important;
}

.iibi-guide-card {
  position: relative !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  flex-direction: column !important;
  min-width: 0 !important;
  min-height: 220px !important;
  margin: 0 !important;
  padding: 29px 12px 16px !important;
  border: 1px solid #c9d4df !important;
  border-radius: 13px !important;
  background: rgba(255, 255, 255, 0.98) !important;
  box-shadow: 0 8px 20px rgba(16, 58, 105, 0.07) !important;
  text-align: center !important;
}

.iibi-guide-check {
  position: absolute !important;
  top: -18px !important;
  right: 13px !important;
  display: block !important;
  color: #ef3741 !important;
  font-family: Arial, sans-serif !important;
  font-size: 34px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  transform: rotate(-12deg) !important;
}

.iibi-guide-icon {
  position: relative !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex: 0 0 auto !important;
  margin-right: auto !important;
  margin-left: auto !important;
}


/* 인증 방패 아이콘 */

.iibi-guide-icon-cert {
  width: 75px !important;
  height: 86px !important;
  margin-top: 0 !important;
  margin-bottom: 14px !important;
  border: 3px solid #182434 !important;
  background: linear-gradient(145deg, #ffcd55, #ffa429) !important;
  clip-path: polygon(
    50% 0,
    94% 17%,
    88% 65%,
    50% 100%,
    12% 65%,
    6% 17%
  ) !important;
}

.iibi-guide-icon-cert span {
  color: #ffffff !important;
  font-family: Arial, sans-serif !important;
  font-size: 43px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
}


/* 카메라 아이콘 */

.iibi-guide-icon-camera {
  width: 96px !important;
  height: 64px !important;
  margin-top: 21px !important;
  margin-bottom: 15px !important;
  border: 3px solid #182434 !important;
  border-radius: 13px !important;
  background: #ffb431 !important;
}

.iibi-guide-camera-reel {
  position: absolute !important;
  top: -29px !important;
  display: block !important;
  width: 40px !important;
  height: 40px !important;
  border: 3px solid #182434 !important;
  border-radius: 50% !important;
  background:
    radial-gradient(
      circle,
      #ffffff 0 12%,
      #ffc44d 13% 45%,
      #182434 46% 52%,
      #ffc44d 53%
    ) !important;
}

.iibi-guide-reel-left {
  left: 6px !important;
}

.iibi-guide-reel-right {
  right: 6px !important;
}

.iibi-guide-camera-lens {
  display: block !important;
  width: 26px !important;
  height: 26px !important;
  border: 3px solid #182434 !important;
  border-radius: 50% !important;
  background: #ffffff !important;
}

.iibi-guide-icon-camera::before {
  position: absolute !important;
  left: 13px !important;
  bottom: 14px !important;
  width: 24px !important;
  height: 16px !important;
  border: 3px solid #182434 !important;
  border-radius: 3px !important;
  background: #ffffff !important;
  content: "" !important;
}

.iibi-guide-icon-camera::after {
  position: absolute !important;
  top: 14px !important;
  right: -26px !important;
  width: 25px !important;
  height: 33px !important;
  border: 3px solid #182434 !important;
  border-left: 0 !important;
  background: #ffb431 !important;
  content: "" !important;
  clip-path: polygon(0 22%, 100% 0, 100% 100%, 0 78%) !important;
}


/* 메달 아이콘 */

.iibi-guide-icon-medal {
  width: 76px !important;
  height: 76px !important;
  margin-top: 20px !important;
  margin-bottom: 17px !important;
  border: 4px solid #182434 !important;
  border-radius: 50% !important;
  background: #ffc543 !important;
}

.iibi-guide-icon-medal::before {
  position: absolute !important;
  inset: 9px !important;
  border: 2px solid #182434 !important;
  border-radius: 50% !important;
  content: "" !important;
}

.iibi-guide-icon-medal strong {
  position: relative !important;
  z-index: 2 !important;
  color: #65d2e9 !important;
  font-family: Arial, sans-serif !important;
  font-size: 34px !important;
  line-height: 1 !important;
  -webkit-text-stroke: 2px #182434 !important;
}

.iibi-guide-ribbon {
  position: absolute !important;
  top: -43px !important;
  z-index: -1 !important;
  display: block !important;
  width: 29px !important;
  height: 54px !important;
  border: 3px solid #182434 !important;
  background:
    linear-gradient(
      90deg,
      #ee3e4c 0 32%,
      #ffffff 32% 68%,
      #ee3e4c 68%
    ) !important;
}

.iibi-guide-ribbon-left {
  left: 6px !important;
  transform: rotate(-28deg) !important;
}

.iibi-guide-ribbon-right {
  right: 6px !important;
  transform: rotate(28deg) !important;
}


/* 카드 하단 글자 */

.iibi-guide-labels {
  display: flex !important;
  align-items: center !important;
  flex-direction: column !important;
  gap: 5px !important;
  width: 100% !important;
  margin-top: auto !important;
}

.iibi-guide-labels span {
  display: block !important;
  width: 100% !important;
  max-width: 150px !important;
  margin: 0 !important;
  padding: 5px 7px !important;
  border-radius: 999px !important;
  background: #073d78 !important;
  color: #ffffff !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  line-height: 1.3 !important;
  text-align: center !important;
}


/* =========================================================
   기존 인증마크 크기 보정
   기존 CSS를 지우지 않고 아래 코드가 덮어씁니다.
========================================================= */

.iibi-proof-wrap .iibi-cert-card {
  overflow: hidden !important;
  min-width: 0 !important;
}

.iibi-proof-wrap .iibi-cert-image {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  overflow: hidden !important;
  width: 100% !important;
  height: 230px !important;
  padding: 24px !important;
  background: #ffffff !important;
}

.iibi-proof-wrap .iibi-cert-image img {
  display: block !important;
  width: auto !important;
  max-width: 180px !important;
  height: auto !important;
  max-height: 180px !important;
  margin: auto !important;
  object-fit: contain !important;
  object-position: center !important;
}

.iibi-proof-wrap
.iibi-cert-card:nth-child(2)
.iibi-cert-image img {
  max-width: 165px !important;
  max-height: 165px !important;
}


/* =========================================================
   기존 스튜디오 이미지 규격 보정
========================================================= */

.iibi-proof-wrap .iibi-studio-image-box {
  position: relative !important;
  overflow: hidden !important;
  width: 100% !important;
  height: 470px !important;
  border-radius: 18px !important;
  background: #eef2f6 !important;
}

.iibi-proof-wrap .iibi-studio-image-box img {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  display: block !important;
  width: 100% !important;
  max-width: none !important;
  height: 100% !important;
  max-height: none !important;
  margin: 0 !important;
  object-fit: cover !important;
  object-position: left center !important;
}


/* =========================================================
   모바일
========================================================= */

@media screen and (max-width: 767px) {
  .iibi-guide-box {
    margin-bottom: 25px !important;
    padding: 25px 15px 27px !important;
    border-radius: 18px !important;
  }

  .iibi-guide-header {
    margin-bottom: 7px !important;
  }

  .iibi-guide-recommend {
    min-height: 34px !important;
    padding: 6px 9px !important;
    font-size: 14px !important;
  }

  .iibi-guide-caption {
    min-height: 34px !important;
    padding: 6px 7px !important;
    font-size: 12px !important;
  }

  .iibi-guide-title {
    margin-bottom: 10px !important;
    font-size: 44px !important;
    letter-spacing: -3px !important;
  }

  .iibi-guide-message {
    min-height: 40px !important;
    margin-bottom: 23px !important;
    padding: 5px 5px 5px 12px !important;
    font-size: 12px !important;
  }

  .iibi-guide-message strong {
    margin-left: 2px !important;
  }

  .iibi-guide-arrow {
    flex-basis: 30px !important;
    width: 30px !important;
    height: 30px !important;
    font-size: 19px !important;
  }

  .iibi-guide-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 6px !important;
  }

  .iibi-guide-card {
    min-height: 158px !important;
    padding: 20px 4px 9px !important;
    border-radius: 9px !important;
  }

  .iibi-guide-check {
    top: -13px !important;
    right: 5px !important;
    font-size: 25px !important;
  }

  .iibi-guide-icon {
    transform: scale(0.65) !important;
    transform-origin: center top !important;
  }

  .iibi-guide-icon-cert {
    margin-bottom: -12px !important;
  }

  .iibi-guide-icon-camera {
    margin-top: 14px !important;
    margin-bottom: -4px !important;
  }

  .iibi-guide-icon-medal {
    margin-top: 13px !important;
    margin-bottom: -4px !important;
  }

  .iibi-guide-labels {
    gap: 3px !important;
  }

  .iibi-guide-labels span {
    max-width: 100% !important;
    padding: 4px 2px !important;
    font-size: 9px !important;
    letter-spacing: -0.3px !important;
  }


  /* 모바일 인증마크 */

  .iibi-proof-wrap .iibi-cert-image {
    height: 190px !important;
    padding: 19px !important;
  }

  .iibi-proof-wrap .iibi-cert-image img {
    max-width: 145px !important;
    max-height: 145px !important;
  }

  .iibi-proof-wrap
  .iibi-cert-card:nth-child(2)
  .iibi-cert-image img {
    max-width: 135px !important;
    max-height: 135px !important;
  }


  /* 모바일 스튜디오 */

  .iibi-proof-wrap .iibi-studio-image-box {
    height: 330px !important;
    border-radius: 14px !important;
  }

  .iibi-proof-wrap .iibi-studio-image-box img {
    object-position: left center !important;
  }
}


/* 아주 작은 모바일 */

@media screen and (max-width: 390px) {
  .iibi-guide-recommend {
    padding-right: 7px !important;
    padding-left: 7px !important;
    font-size: 12px !important;
  }

  .iibi-guide-caption {
    padding-right: 5px !important;
    padding-left: 5px !important;
    font-size: 10px !important;
  }

  .iibi-guide-title {
    font-size: 39px !important;
  }

  .iibi-guide-message {
    padding-left: 9px !important;
    font-size: 10px !important;
  }

  .iibi-guide-card {
    min-height: 150px !important;
  }

  .iibi-guide-labels span {
    font-size: 8px !important;
  }

  .iibi-proof-wrap .iibi-studio-image-box {
    height: 285px !important;
  }
}
/* =========================================================
   자체 스튜디오 개별 카드 디자인
========================================================= */

.iibi-studio-grid,
.iibi-studio-grid * {
  box-sizing: border-box !important;
}

.iibi-studio-grid {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 18px !important;
  width: 100% !important;
}

.iibi-studio-card {
  overflow: hidden !important;
  min-width: 0 !important;
  margin: 0 !important;
  border: 1px solid #d9e2ec !important;
  border-radius: 17px !important;
  background: #ffffff !important;
  box-shadow: 0 8px 22px rgba(18, 61, 115, 0.08) !important;
  transition:
    transform 0.2s ease,
    box-shadow 0.2s ease !important;
}

.iibi-studio-card:hover {
  transform: translateY(-5px) !important;
  box-shadow: 0 15px 30px rgba(18, 61, 115, 0.14) !important;
}


/* 이미지 영역 */

.iibi-studio-card-image {
  position: relative !important;
  overflow: hidden !important;
  width: 100% !important;
  height: 180px !important;
  margin: 0 !important;
  background: #e9eef4 !important;
}

.iibi-studio-card-image::after {
  position: absolute !important;
  right: 0 !important;
  bottom: 0 !important;
  left: 0 !important;
  height: 45% !important;
  background:
    linear-gradient(
      to top,
      rgba(8, 36, 68, 0.35),
      transparent
    ) !important;
  content: "" !important;
  pointer-events: none !important;
}

.iibi-studio-card-image img {
  display: block !important;
  width: 100% !important;
  max-width: none !important;
  height: 100% !important;
  max-height: none !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  object-fit: cover !important;
  object-position: center center !important;
  transition: transform 0.35s ease !important;
}

.iibi-studio-card:hover .iibi-studio-card-image img {
  transform: scale(1.04) !important;
}


/* 이미지마다 보이는 위치 미세 조정 */

.iibi-studio-card:nth-child(1) .iibi-studio-card-image img {
  object-position: center center !important;
}

.iibi-studio-card:nth-child(2) .iibi-studio-card-image img {
  object-position: center center !important;
}

.iibi-studio-card:nth-child(3) .iibi-studio-card-image img {
  object-position: center center !important;
}

.iibi-studio-card:nth-child(4) .iibi-studio-card-image img {
  object-position: center center !important;
}

.iibi-studio-card:nth-child(5) .iibi-studio-card-image img {
  object-position: center center !important;
}

.iibi-studio-card:nth-child(6) .iibi-studio-card-image img {
  object-position: center center !important;
}


/* 텍스트 영역 */

.iibi-studio-card-content {
  position: relative !important;
  min-height: 168px !important;
  padding: 24px 17px 21px !important;
  background:
    linear-gradient(
      180deg,
      #ffffff 0%,
      #f8fafc 100%
    ) !important;
  text-align: center !important;
}

.iibi-studio-number {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 39px !important;
  height: 25px !important;
  margin: 0 0 10px !important;
  padding: 3px 9px !important;
  border-radius: 999px !important;
  background: #123d73 !important;
  color: #ffffff !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  letter-spacing: 0.4px !important;
}

.iibi-studio-card-content h3 {
  margin: 0 0 9px !important;
  color: #123d73 !important;
  font-size: 21px !important;
  font-weight: 900 !important;
  line-height: 1.35 !important;
  letter-spacing: -0.8px !important;
  text-align: center !important;
}

.iibi-studio-card-content p {
  margin: 0 !important;
  color: #626d79 !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  line-height: 1.65 !important;
  letter-spacing: -0.3px !important;
  text-align: center !important;
}


/* 하단 안내 영역 */

.iibi-studio-summary {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-direction: column !important;
  gap: 5px !important;
  margin: 23px 0 0 !important;
  padding: 20px 20px !important;
  border-radius: 15px !important;
  background:
    linear-gradient(
      135deg,
      #123d73 0%,
      #19528e 100%
    ) !important;
  color: #ffffff !important;
  text-align: center !important;
}

.iibi-studio-summary strong {
  display: block !important;
  color: #ffd761 !important;
  font-size: 19px !important;
  font-weight: 900 !important;
  line-height: 1.45 !important;
}

.iibi-studio-summary span {
  display: block !important;
  color: rgba(255, 255, 255, 0.88) !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  line-height: 1.55 !important;
}


/* =========================================================
   태블릿
========================================================= */

@media screen and (max-width: 900px) {
  .iibi-studio-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  .iibi-studio-card-image {
    height: 200px !important;
  }

  .iibi-studio-card-content {
    min-height: 160px !important;
  }
}


/* =========================================================
   모바일
========================================================= */

@media screen and (max-width: 767px) {
  .iibi-studio-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 10px !important;
  }

  .iibi-studio-card {
    border-radius: 12px !important;
  }

  .iibi-studio-card-image {
    height: 125px !important;
  }

  .iibi-studio-card-content {
    min-height: 150px !important;
    padding: 18px 8px 16px !important;
  }

  .iibi-studio-number {
    min-width: 34px !important;
    height: 22px !important;
    margin-bottom: 8px !important;
    padding: 3px 7px !important;
    font-size: 10px !important;
  }

  .iibi-studio-card-content h3 {
    margin-bottom: 7px !important;
    font-size: 17px !important;
  }

  .iibi-studio-card-content p {
    font-size: 11px !important;
    line-height: 1.55 !important;
  }

  .iibi-studio-card-content p br {
    display: none !important;
  }

  .iibi-studio-summary {
    gap: 4px !important;
    margin-top: 16px !important;
    padding: 17px 12px !important;
    border-radius: 12px !important;
  }

  .iibi-studio-summary strong {
    font-size: 16px !important;
  }

  .iibi-studio-summary span {
    font-size: 13px !important;
  }
}


/* =========================================================
   작은 모바일
========================================================= */

@media screen and (max-width: 390px) {
  .iibi-studio-card-image {
    height: 110px !important;
  }

  .iibi-studio-card-content {
    min-height: 145px !important;
    padding-right: 6px !important;
    padding-left: 6px !important;
  }

  .iibi-studio-card-content h3 {
    font-size: 16px !important;
  }

  .iibi-studio-card-content p {
    font-size: 10px !important;
  }
}
/* =========================================================
   자체 스튜디오 카드 최종 보정
   사진 크기 축소 + 카드 디자인 정리
========================================================= */

.iibi-proof-wrap .iibi-studio-grid {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 16px !important;
  width: 100% !important;
}

.iibi-proof-wrap .iibi-studio-card {
  position: relative !important;
  overflow: hidden !important;
  min-width: 0 !important;
  border: 1px solid #dfe6ee !important;
  border-radius: 16px !important;
  background: #ffffff !important;
  box-shadow: 0 7px 20px rgba(18, 61, 115, 0.07) !important;
}

.iibi-proof-wrap .iibi-studio-card:hover {
  transform: translateY(-3px) !important;
  box-shadow: 0 12px 25px rgba(18, 61, 115, 0.12) !important;
}


/* 사진 높이 축소 */

.iibi-proof-wrap .iibi-studio-card-image {
  position: relative !important;
  overflow: hidden !important;
  width: 100% !important;
  height: 128px !important;
  margin: 0 !important;
  background: #e9eef4 !important;
}

.iibi-proof-wrap .iibi-studio-card-image::after {
  position: absolute !important;
  right: 0 !important;
  bottom: 0 !important;
  left: 0 !important;
  height: 35% !important;
  background:
    linear-gradient(
      to top,
      rgba(8, 36, 68, 0.24),
      transparent
    ) !important;
  content: "" !important;
  pointer-events: none !important;
}

.iibi-proof-wrap .iibi-studio-card-image img {
  display: block !important;
  width: 100% !important;
  max-width: none !important;
  height: 100% !important;
  max-height: none !important;
  margin: 0 !important;
  object-fit: cover !important;
  object-position: center center !important;
}


/* 카드별 사진 초점 조절 */

.iibi-proof-wrap
.iibi-studio-card:nth-child(1)
.iibi-studio-card-image img {
  object-position: center 48% !important;
}

.iibi-proof-wrap
.iibi-studio-card:nth-child(2)
.iibi-studio-card-image img {
  object-position: center 43% !important;
}

.iibi-proof-wrap
.iibi-studio-card:nth-child(3)
.iibi-studio-card-image img {
  object-position: center 50% !important;
}

.iibi-proof-wrap
.iibi-studio-card:nth-child(4)
.iibi-studio-card-image img {
  object-position: center 52% !important;
}

.iibi-proof-wrap
.iibi-studio-card:nth-child(5)
.iibi-studio-card-image img {
  object-position: center 48% !important;
}

.iibi-proof-wrap
.iibi-studio-card:nth-child(6)
.iibi-studio-card-image img {
  object-position: center 48% !important;
}


/* 카드 텍스트 */

.iibi-proof-wrap .iibi-studio-card-content {
  position: relative !important;
  min-height: 145px !important;
  padding: 18px 14px 17px !important;
  background:
    linear-gradient(
      180deg,
      #ffffff 0%,
      #f8fafc 100%
    ) !important;
  text-align: center !important;
}

.iibi-proof-wrap .iibi-studio-number {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 35px !important;
  height: 22px !important;
  margin: 0 0 8px !important;
  padding: 2px 8px !important;
  border-radius: 999px !important;
  background: #edf4fc !important;
  color: #123d73 !important;
  font-size: 11px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
}

.iibi-proof-wrap .iibi-studio-card-content h3 {
  margin: 0 0 7px !important;
  color: #123d73 !important;
  font-size: 19px !important;
  font-weight: 900 !important;
  line-height: 1.35 !important;
  letter-spacing: -0.7px !important;
}

.iibi-proof-wrap .iibi-studio-card-content p {
  margin: 0 !important;
  color: #69727d !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  line-height: 1.6 !important;
  letter-spacing: -0.25px !important;
}


/* 카드 상단 포인트 라인 */

.iibi-proof-wrap .iibi-studio-card::before {
  position: absolute !important;
  top: 0 !important;
  right: 0 !important;
  left: 0 !important;
  z-index: 3 !important;
  height: 4px !important;
  background:
    linear-gradient(
      90deg,
      #123d73,
      #3e75ac
    ) !important;
  content: "" !important;
}


/* 하단 요약 영역 */

.iibi-proof-wrap .iibi-studio-summary {
  margin: 20px 0 0 !important;
  padding: 18px 20px !important;
  border: 1px solid #d8e4f0 !important;
  border-radius: 14px !important;
  background: #edf4fc !important;
  box-shadow: none !important;
  text-align: center !important;
}

.iibi-proof-wrap .iibi-studio-summary strong {
  display: block !important;
  margin: 0 0 4px !important;
  color: #123d73 !important;
  font-size: 18px !important;
  font-weight: 900 !important;
  line-height: 1.45 !important;
}

.iibi-proof-wrap .iibi-studio-summary span {
  display: block !important;
  color: #5f6b78 !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  line-height: 1.55 !important;
}


/* =========================================================
   태블릿
========================================================= */

@media screen and (max-width: 900px) {
  .iibi-proof-wrap .iibi-studio-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 14px !important;
  }

  .iibi-proof-wrap .iibi-studio-card-image {
    height: 140px !important;
  }
}


/* =========================================================
   모바일
========================================================= */

@media screen and (max-width: 767px) {
  .iibi-proof-wrap .iibi-studio-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 9px !important;
  }

  .iibi-proof-wrap .iibi-studio-card {
    border-radius: 11px !important;
  }

  .iibi-proof-wrap .iibi-studio-card-image {
    height: 92px !important;
  }

  .iibi-proof-wrap .iibi-studio-card-content {
    min-height: 125px !important;
    padding: 14px 7px 13px !important;
  }

  .iibi-proof-wrap .iibi-studio-number {
    min-width: 30px !important;
    height: 19px !important;
    margin-bottom: 6px !important;
    padding: 2px 6px !important;
    font-size: 9px !important;
  }

  .iibi-proof-wrap .iibi-studio-card-content h3 {
    margin-bottom: 5px !important;
    font-size: 16px !important;
  }

  .iibi-proof-wrap .iibi-studio-card-content p {
    font-size: 10px !important;
    line-height: 1.5 !important;
  }

  .iibi-proof-wrap .iibi-studio-card-content p br {
    display: none !important;
  }

  .iibi-proof-wrap .iibi-studio-summary {
    margin-top: 14px !important;
    padding: 15px 10px !important;
    border-radius: 11px !important;
  }

  .iibi-proof-wrap .iibi-studio-summary strong {
    font-size: 15px !important;
  }

  .iibi-proof-wrap .iibi-studio-summary span {
    font-size: 12px !important;
  }
}


/* =========================================================
   작은 모바일
========================================================= */

@media screen and (max-width: 390px) {
  .iibi-proof-wrap .iibi-studio-card-image {
    height: 82px !important;
  }

  .iibi-proof-wrap .iibi-studio-card-content {
    min-height: 120px !important;
    padding-right: 5px !important;
    padding-left: 5px !important;
  }

  .iibi-proof-wrap .iibi-studio-card-content h3 {
    font-size: 15px !important;
  }

  .iibi-proof-wrap .iibi-studio-card-content p {
    font-size: 9px !important;
  }
}
/* =========================================================
   체크포인트 안내 영역 디자인 수정
   기존 .iibi-guide-box 구조에 적용
========================================================= */

.iibi-proof-wrap .iibi-guide-box,
.iibi-proof-wrap .iibi-guide-box * {
  box-sizing: border-box !important;
}

.iibi-proof-wrap .iibi-guide-box {
  position: relative !important;
  overflow: hidden !important;
  width: 100% !important;
  max-width: 920px !important;
  margin: 0 auto 40px !important;
  padding: 0 !important;
  border: 1px solid #d9e2ec !important;
  border-radius: 24px !important;
  background:
    radial-gradient(
      circle at 100% 0,
      rgba(56, 115, 184, 0.12),
      transparent 27%
    ),
    linear-gradient(
      145deg,
      #ffffff 0%,
      #f8fafc 100%
    ) !important;
  box-shadow: 0 18px 45px rgba(18, 61, 115, 0.1) !important;
}

.iibi-proof-wrap .iibi-guide-box::before {
  position: absolute !important;
  right: -100px !important;
  bottom: -130px !important;
  width: 300px !important;
  height: 260px !important;
  border-radius: 50% !important;
  background: rgba(20, 70, 125, 0.06) !important;
  content: "" !important;
}


/* 상단 헤더 */

.iibi-proof-wrap .iibi-guide-header {
  position: relative !important;
  z-index: 2 !important;
  display: flex !important;
  align-items: center !important;
  min-height: 54px !important;
  margin: 0 !important;
  padding: 0 32px !important;
  border-bottom: 1px solid #e2e8ef !important;
  background: rgba(247, 250, 253, 0.95) !important;
}

.iibi-proof-wrap .iibi-guide-recommend {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 34px !important;
  padding: 7px 14px !important;
  border-radius: 7px !important;
  background: #073f7c !important;
  color: #ffc62d !important;
  font-size: 15px !important;
  font-weight: 900 !important;
  line-height: 1.2 !important;
}

.iibi-proof-wrap .iibi-guide-recommend::before {
  margin-right: 6px !important;
  content: "★" !important;
}

.iibi-proof-wrap .iibi-guide-caption {
  margin-left: 12px !important;
  color: #173e6b !important;
  font-size: 14px !important;
  font-weight: 800 !important;
}


/* 전체 내부 배치 */

.iibi-proof-wrap .iibi-guide-body {
  position: relative !important;
  z-index: 2 !important;
  display: grid !important;
  grid-template-columns: 29% minmax(0, 1fr) !important;
  gap: 25px !important;
  align-items: stretch !important;
  padding: 34px 30px 36px !important;
}


/* 왼쪽 제목 영역 */

.iibi-proof-wrap .iibi-guide-heading-area {
  display: flex !important;
  justify-content: center !important;
  flex-direction: column !important;
  min-width: 0 !important;
}

.iibi-proof-wrap .iibi-guide-kicker {
  display: inline-flex !important;
  align-self: flex-start !important;
  margin-bottom: 10px !important;
  padding: 5px 10px !important;
  border-radius: 999px !important;
  background: #eaf2fb !important;
  color: #174f89 !important;
  font-size: 11px !important;
  font-weight: 800 !important;
}

.iibi-proof-wrap .iibi-guide-title {
  margin: 0 0 12px !important;
  color: #073f7c !important;
  font-size: 47px !important;
  font-weight: 900 !important;
  line-height: 1.05 !important;
  letter-spacing: -4px !important;
  text-align: left !important;
}

.iibi-proof-wrap .iibi-guide-title::after {
  display: block !important;
  width: 46px !important;
  height: 4px !important;
  margin-top: 13px !important;
  border-radius: 999px !important;
  background: #ffc438 !important;
  content: "" !important;
}

.iibi-proof-wrap .iibi-guide-subtitle {
  margin: 0 0 20px !important;
  color: #67727d !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  line-height: 1.65 !important;
}

.iibi-proof-wrap .iibi-guide-message {
  display: flex !important;
  align-items: center !important;
  width: 100% !important;
  min-height: 51px !important;
  margin: 0 !important;
  padding: 6px 7px 6px 14px !important;
  border: 1px solid #d0dbe7 !important;
  border-radius: 13px !important;
  background: #ffffff !important;
  box-shadow: 0 8px 20px rgba(18, 61, 115, 0.07) !important;
  color: #172436 !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  line-height: 1.4 !important;
}

.iibi-proof-wrap .iibi-guide-message strong {
  color: #ef3741 !important;
  font-weight: 900 !important;
}

.iibi-proof-wrap .iibi-guide-arrow {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex: 0 0 35px !important;
  width: 35px !important;
  height: 35px !important;
  margin-left: auto !important;
  border-radius: 50% !important;
  background: #073f7c !important;
  color: #ffffff !important;
  font-family: Arial, sans-serif !important;
  font-size: 20px !important;
  font-weight: 900 !important;
}


/* 오른쪽 카드 */

.iibi-proof-wrap .iibi-guide-grid {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 12px !important;
  width: 100% !important;
}

.iibi-proof-wrap .iibi-guide-card {
  position: relative !important;
  display: flex !important;
  align-items: center !important;
  flex-direction: column !important;
  min-width: 0 !important;
  min-height: 275px !important;
  margin: 0 !important;
  padding: 14px 9px 15px !important;
  border: 1px solid #d7e0e9 !important;
  border-radius: 17px !important;
  background: #ffffff !important;
  box-shadow: 0 9px 23px rgba(20, 58, 100, 0.08) !important;
  text-align: center !important;
}

.iibi-proof-wrap .iibi-guide-card::after {
  position: absolute !important;
  right: 12px !important;
  bottom: 0 !important;
  left: 12px !important;
  height: 4px !important;
  border-radius: 999px 999px 0 0 !important;
  background: #073f7c !important;
  content: "" !important;
}

.iibi-proof-wrap .iibi-guide-card-head {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  width: 100% !important;
  margin-bottom: 9px !important;
}

.iibi-proof-wrap .iibi-guide-number {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 38px !important;
  height: 27px !important;
  border-radius: 8px !important;
  background: #073f7c !important;
  color: #ffffff !important;
  font-size: 11px !important;
  font-weight: 900 !important;
}

.iibi-proof-wrap .iibi-guide-check {
  position: static !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 27px !important;
  height: 27px !important;
  border-radius: 50% !important;
  background: #eaf2fb !important;
  color: #073f7c !important;
  font-family: Arial, sans-serif !important;
  font-size: 16px !important;
  font-weight: 900 !important;
  transform: none !important;
}

.iibi-proof-wrap .iibi-guide-card h3 {
  margin: 8px 0 7px !important;
  color: #172436 !important;
  font-size: 15px !important;
  font-weight: 900 !important;
  line-height: 1.35 !important;
}

.iibi-proof-wrap .iibi-guide-card p {
  margin: 0 0 11px !important;
  color: #6a737d !important;
  font-size: 10px !important;
  font-weight: 600 !important;
  line-height: 1.55 !important;
}

.iibi-proof-wrap .iibi-guide-labels {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-wrap: wrap !important;
  gap: 4px !important;
  width: 100% !important;
  margin-top: auto !important;
}

.iibi-proof-wrap .iibi-guide-labels span {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 26px !important;
  margin: 0 !important;
  padding: 5px 9px !important;
  border-radius: 999px !important;
  background: #073f7c !important;
  color: #ffffff !important;
  font-size: 10px !important;
  font-weight: 800 !important;
  line-height: 1.2 !important;
  white-space: nowrap !important;
}

.iibi-proof-wrap .iibi-guide-labels-double span {
  padding-right: 6px !important;
  padding-left: 6px !important;
  font-size: 9px !important;
}


/* 아이콘 공통 */

.iibi-proof-wrap .iibi-guide-icon {
  position: relative !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex: 0 0 auto !important;
}


/* 방패 */

.iibi-proof-wrap .iibi-guide-icon-cert {
  width: 61px !important;
  height: 71px !important;
  margin: 5px auto 4px !important;
  border: 3px solid #172436 !important;
  background: linear-gradient(145deg, #ffd35d, #ffab2e) !important;
  clip-path: polygon(
    50% 0,
    94% 17%,
    87% 65%,
    50% 100%,
    13% 65%,
    6% 17%
  ) !important;
}

.iibi-proof-wrap .iibi-guide-icon-cert span {
  color: #ffffff !important;
  font-family: Arial, sans-serif !important;
  font-size: 35px !important;
  font-weight: 900 !important;
}


/* 카메라 */

.iibi-proof-wrap .iibi-guide-icon-camera {
  width: 75px !important;
  height: 50px !important;
  margin: 25px auto 5px !important;
  border: 3px solid #172436 !important;
  border-radius: 10px !important;
  background: #ffb431 !important;
}

.iibi-proof-wrap .iibi-guide-camera-reel {
  position: absolute !important;
  top: -25px !important;
  display: block !important;
  width: 33px !important;
  height: 33px !important;
  border: 3px solid #172436 !important;
  border-radius: 50% !important;
  background: #ffc34b !important;
}

.iibi-proof-wrap .iibi-guide-reel-left {
  left: 4px !important;
}

.iibi-proof-wrap .iibi-guide-reel-right {
  right: 4px !important;
}

.iibi-proof-wrap .iibi-guide-camera-lens {
  display: block !important;
  width: 21px !important;
  height: 21px !important;
  border: 3px solid #172436 !important;
  border-radius: 50% !important;
  background: #ffffff !important;
}

.iibi-proof-wrap .iibi-guide-icon-camera::after {
  position: absolute !important;
  top: 10px !important;
  right: -20px !important;
  width: 19px !important;
  height: 27px !important;
  border: 3px solid #172436 !important;
  border-left: 0 !important;
  background: #ffb431 !important;
  content: "" !important;
  clip-path: polygon(0 20%, 100% 0, 100% 100%, 0 80%) !important;
}


/* 메달 */

.iibi-proof-wrap .iibi-guide-icon-medal {
  width: 61px !important;
  height: 61px !important;
  margin: 22px auto 4px !important;
  border: 4px solid #172436 !important;
  border-radius: 50% !important;
  background: #ffc649 !important;
}

.iibi-proof-wrap .iibi-guide-icon-medal::before {
  position: absolute !important;
  inset: 7px !important;
  border: 2px solid #172436 !important;
  border-radius: 50% !important;
  content: "" !important;
}

.iibi-proof-wrap .iibi-guide-icon-medal strong {
  position: relative !important;
  z-index: 2 !important;
  color: #67d2e8 !important;
  font-size: 27px !important;
  line-height: 1 !important;
  -webkit-text-stroke: 2px #172436 !important;
}

.iibi-proof-wrap .iibi-guide-medal-ribbon {
  position: absolute !important;
  top: -36px !important;
  z-index: -1 !important;
  display: block !important;
  width: 23px !important;
  height: 45px !important;
  border: 3px solid #172436 !important;
  background:
    linear-gradient(
      90deg,
      #ee404e 0 31%,
      #ffffff 31% 69%,
      #ee404e 69%
    ) !important;
}

.iibi-proof-wrap .iibi-guide-medal-left {
  left: 4px !important;
  transform: rotate(-27deg) !important;
}

.iibi-proof-wrap .iibi-guide-medal-right {
  right: 4px !important;
  transform: rotate(27deg) !important;
}


/* 모바일 */

@media screen and (max-width: 767px) {
  .iibi-proof-wrap .iibi-guide-header {
    min-height: 46px !important;
    padding: 0 15px !important;
  }

  .iibi-proof-wrap .iibi-guide-recommend {
    min-height: 29px !important;
    padding: 5px 9px !important;
    font-size: 12px !important;
  }

  .iibi-proof-wrap .iibi-guide-caption {
    margin-left: 8px !important;
    font-size: 11px !important;
  }

  .iibi-proof-wrap .iibi-guide-body {
    grid-template-columns: 1fr !important;
    gap: 23px !important;
    padding: 25px 14px 28px !important;
  }

  .iibi-proof-wrap .iibi-guide-kicker {
    align-self: center !important;
  }

  .iibi-proof-wrap .iibi-guide-title {
    font-size: 41px !important;
    letter-spacing: -3px !important;
    text-align: center !important;
  }

  .iibi-proof-wrap .iibi-guide-title::after {
    margin-right: auto !important;
    margin-left: auto !important;
  }

  .iibi-proof-wrap .iibi-guide-subtitle {
    text-align: center !important;
  }

  .iibi-proof-wrap .iibi-guide-message {
    max-width: 310px !important;
    margin-right: auto !important;
    margin-left: auto !important;
    font-size: 11px !important;
  }

  .iibi-proof-wrap .iibi-guide-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 6px !important;
  }

  .iibi-proof-wrap .iibi-guide-card {
    min-height: 202px !important;
    padding: 9px 4px 11px !important;
    border-radius: 11px !important;
  }

  .iibi-proof-wrap .iibi-guide-number {
    width: 29px !important;
    height: 23px !important;
    font-size: 9px !important;
  }

  .iibi-proof-wrap .iibi-guide-check {
    width: 22px !important;
    height: 22px !important;
    font-size: 13px !important;
  }

  .iibi-proof-wrap .iibi-guide-icon {
    transform: scale(0.7) !important;
    transform-origin: center top !important;
  }

  .iibi-proof-wrap .iibi-guide-icon-cert {
    margin-bottom: -13px !important;
  }

  .iibi-proof-wrap .iibi-guide-icon-camera {
    margin-bottom: -6px !important;
  }

  .iibi-proof-wrap .iibi-guide-icon-medal {
    margin-bottom: -6px !important;
  }

  .iibi-proof-wrap .iibi-guide-card h3 {
    margin-bottom: 5px !important;
    font-size: 11px !important;
  }

  .iibi-proof-wrap .iibi-guide-card p {
    font-size: 8px !important;
  }

  .iibi-proof-wrap .iibi-guide-labels span {
    min-height: 21px !important;
    padding: 3px 4px !important;
    font-size: 8px !important;
    white-space: normal !important;
  }
}
/* =========================================================
   체크포인트 영역 복구 디자인
   현재 웹에디터 HTML 구조 그대로 사용
========================================================= */

.iibi-proof-wrap .iibi-guide-box,
.iibi-proof-wrap .iibi-guide-box * {
  box-sizing: border-box !important;
}

.iibi-proof-wrap .iibi-guide-box {
  position: relative !important;
  overflow: hidden !important;
  width: 100% !important;
  max-width: 920px !important;
  margin: 0 auto 40px !important;
  padding: 34px 36px 38px !important;
  border: 1px solid #d7e1eb !important;
  border-radius: 24px !important;
  background:
    radial-gradient(
      circle at 100% 100%,
      rgba(32, 87, 148, 0.1),
      transparent 32%
    ),
    linear-gradient(
      145deg,
      #ffffff 0%,
      #f7f9fc 100%
    ) !important;
  box-shadow: 0 16px 40px rgba(18, 61, 115, 0.1) !important;
}


/* 상단 작은 제목 */

.iibi-proof-wrap .iibi-guide-header {
  position: relative !important;
  z-index: 2 !important;
  display: flex !important;
  align-items: center !important;
  width: 100% !important;
  min-height: auto !important;
  margin: 0 0 13px !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
}

.iibi-proof-wrap .iibi-guide-recommend {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 38px !important;
  margin: 0 !important;
  padding: 8px 14px !important;
  border-radius: 7px 0 0 7px !important;
  background: #073f7c !important;
  color: #ffc52f !important;
  font-size: 16px !important;
  font-weight: 900 !important;
  line-height: 1.2 !important;
  letter-spacing: -0.6px !important;
}

.iibi-proof-wrap .iibi-guide-recommend::before {
  margin-right: 5px !important;
  content: "★" !important;
}

.iibi-proof-wrap .iibi-guide-caption {
  display: inline-flex !important;
  align-items: center !important;
  min-height: 38px !important;
  margin: 0 !important;
  padding: 8px 13px !important;
  border: 1px solid #dce4ed !important;
  border-left: 0 !important;
  border-radius: 0 7px 7px 0 !important;
  background: #ffffff !important;
  color: #173e69 !important;
  font-size: 14px !important;
  font-weight: 800 !important;
  line-height: 1.2 !important;
}


/* 큰 제목 */

.iibi-proof-wrap .iibi-guide-title {
  position: relative !important;
  z-index: 2 !important;
  display: block !important;
  overflow: visible !important;
  width: 100% !important;
  margin: 0 0 17px !important;
  padding: 0 !important;
  color: #073f7c !important;
  font-size: 58px !important;
  font-weight: 900 !important;
  line-height: 1.08 !important;
  letter-spacing: -4px !important;
  text-align: left !important;
  text-indent: 0 !important;
  transform: none !important;
}

.iibi-proof-wrap .iibi-guide-title::after {
  display: block !important;
  width: 54px !important;
  height: 5px !important;
  margin-top: 13px !important;
  border-radius: 999px !important;
  background: #ffc438 !important;
  content: "" !important;
}


/* 확인 안내 */

.iibi-proof-wrap .iibi-guide-message {
  position: relative !important;
  z-index: 2 !important;
  display: flex !important;
  align-items: center !important;
  width: 100% !important;
  min-height: 48px !important;
  margin: 0 0 26px !important;
  padding: 6px 7px 6px 18px !important;
  border: 2px solid #124f8f !important;
  border-radius: 999px !important;
  background: #ffffff !important;
  box-shadow: none !important;
  color: #173551 !important;
  font-size: 16px !important;
  font-weight: 800 !important;
  line-height: 1.35 !important;
}

.iibi-proof-wrap .iibi-guide-message > span:first-child {
  display: block !important;
  min-width: 0 !important;
}

.iibi-proof-wrap .iibi-guide-message strong {
  margin-left: 4px !important;
  color: #ef3741 !important;
  font-size: inherit !important;
  font-weight: 900 !important;
}

.iibi-proof-wrap .iibi-guide-arrow {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex: 0 0 38px !important;
  width: 38px !important;
  height: 38px !important;
  margin-left: auto !important;
  border-radius: 50% !important;
  background: #073f7c !important;
  color: #ffffff !important;
  font-family: Arial, sans-serif !important;
  font-size: 22px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
}


/* 카드 3개 */

.iibi-proof-wrap .iibi-guide-grid {
  position: relative !important;
  z-index: 2 !important;
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 16px !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}

.iibi-proof-wrap .iibi-guide-card {
  position: relative !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  flex-direction: column !important;
  min-width: 0 !important;
  min-height: 205px !important;
  margin: 0 !important;
  padding: 25px 12px 15px !important;
  border: 1px solid #d4dee8 !important;
  border-radius: 17px !important;
  background: #ffffff !important;
  box-shadow: 0 9px 22px rgba(18, 61, 115, 0.08) !important;
  text-align: center !important;
  transform: none !important;
}

.iibi-proof-wrap .iibi-guide-card::after {
  display: none !important;
}


/* 카드 위 빨간 체크 */

.iibi-proof-wrap .iibi-guide-check {
  position: absolute !important;
  top: -15px !important;
  right: 15px !important;
  display: block !important;
  width: auto !important;
  height: auto !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: #ef3741 !important;
  font-family: Arial, sans-serif !important;
  font-size: 31px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  transform: rotate(-12deg) !important;
}


/* 아이콘 공통 */

.iibi-proof-wrap .iibi-guide-icon {
  position: relative !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex: 0 0 auto !important;
}


/* 방패 */

.iibi-proof-wrap .iibi-guide-icon-cert {
  width: 66px !important;
  height: 76px !important;
  margin: 0 auto 14px !important;
  border: 3px solid #172436 !important;
  background: linear-gradient(145deg, #ffd35d, #ffad2e) !important;
  clip-path: polygon(
    50% 0,
    94% 17%,
    87% 65%,
    50% 100%,
    13% 65%,
    6% 17%
  ) !important;
}

.iibi-proof-wrap .iibi-guide-icon-cert span {
  color: #ffffff !important;
  font-family: Arial, sans-serif !important;
  font-size: 38px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
}


/* 카메라 */

.iibi-proof-wrap .iibi-guide-icon-camera {
  width: 84px !important;
  height: 55px !important;
  margin: 24px auto 14px !important;
  border: 3px solid #172436 !important;
  border-radius: 11px !important;
  background: #ffb431 !important;
}

.iibi-proof-wrap .iibi-guide-camera-reel {
  position: absolute !important;
  top: -27px !important;
  display: block !important;
  width: 36px !important;
  height: 36px !important;
  border: 3px solid #172436 !important;
  border-radius: 50% !important;
  background: #ffc34b !important;
}

.iibi-proof-wrap .iibi-guide-reel-left {
  left: 5px !important;
}

.iibi-proof-wrap .iibi-guide-reel-right {
  right: 5px !important;
}

.iibi-proof-wrap .iibi-guide-camera-lens {
  display: block !important;
  width: 22px !important;
  height: 22px !important;
  border: 3px solid #172436 !important;
  border-radius: 50% !important;
  background: #ffffff !important;
}

.iibi-proof-wrap .iibi-guide-icon-camera::after {
  position: absolute !important;
  top: 11px !important;
  right: -22px !important;
  width: 21px !important;
  height: 29px !important;
  border: 3px solid #172436 !important;
  border-left: 0 !important;
  background: #ffb431 !important;
  content: "" !important;
  clip-path: polygon(0 20%, 100% 0, 100% 100%, 0 80%) !important;
}


/* 메달 */

.iibi-proof-wrap .iibi-guide-icon-medal {
  width: 66px !important;
  height: 66px !important;
  margin: 20px auto 14px !important;
  border: 4px solid #172436 !important;
  border-radius: 50% !important;
  background: #ffc649 !important;
}

.iibi-proof-wrap .iibi-guide-icon-medal::before {
  position: absolute !important;
  inset: 8px !important;
  border: 2px solid #172436 !important;
  border-radius: 50% !important;
  content: "" !important;
}

.iibi-proof-wrap .iibi-guide-icon-medal strong {
  position: relative !important;
  z-index: 2 !important;
  color: #65d1e7 !important;
  font-size: 30px !important;
  line-height: 1 !important;
  -webkit-text-stroke: 2px #172436 !important;
}


/* 카드 하단 라벨 */

.iibi-proof-wrap .iibi-guide-labels {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-direction: column !important;
  gap: 5px !important;
  width: 100% !important;
  margin-top: auto !important;
}

.iibi-proof-wrap .iibi-guide-labels span {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  max-width: 155px !important;
  min-height: 27px !important;
  margin: 0 !important;
  padding: 5px 9px !important;
  border-radius: 999px !important;
  background: #073f7c !important;
  color: #ffffff !important;
  font-size: 11px !important;
  font-weight: 800 !important;
  line-height: 1.25 !important;
  white-space: nowrap !important;
}


/* =========================================================
   모바일
========================================================= */

@media screen and (max-width: 767px) {
  .iibi-proof-wrap .iibi-guide-box {
    padding: 24px 14px 26px !important;
    border-radius: 18px !important;
  }

  .iibi-proof-wrap .iibi-guide-header {
    justify-content: center !important;
    margin-bottom: 11px !important;
  }

  .iibi-proof-wrap .iibi-guide-recommend {
    min-height: 32px !important;
    padding: 6px 9px !important;
    font-size: 13px !important;
  }

  .iibi-proof-wrap .iibi-guide-caption {
    min-height: 32px !important;
    padding: 6px 7px !important;
    font-size: 11px !important;
  }

  .iibi-proof-wrap .iibi-guide-title {
    margin-bottom: 13px !important;
    font-size: 43px !important;
    line-height: 1.1 !important;
    letter-spacing: -3px !important;
    text-align: center !important;
  }

  .iibi-proof-wrap .iibi-guide-title::after {
    width: 44px !important;
    height: 4px !important;
    margin: 10px auto 0 !important;
  }

  .iibi-proof-wrap .iibi-guide-message {
    min-height: 42px !important;
    margin-bottom: 22px !important;
    padding-left: 12px !important;
    font-size: 11px !important;
  }

  .iibi-proof-wrap .iibi-guide-arrow {
    flex-basis: 31px !important;
    width: 31px !important;
    height: 31px !important;
    font-size: 18px !important;
  }

  .iibi-proof-wrap .iibi-guide-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 7px !important;
  }

  .iibi-proof-wrap .iibi-guide-card {
    min-height: 160px !important;
    padding: 20px 4px 9px !important;
    border-radius: 11px !important;
  }

  .iibi-proof-wrap .iibi-guide-check {
    top: -11px !important;
    right: 5px !important;
    font-size: 23px !important;
  }

  .iibi-proof-wrap .iibi-guide-icon {
    transform: scale(0.67) !important;
    transform-origin: center top !important;
  }

  .iibi-proof-wrap .iibi-guide-icon-cert {
    margin-bottom: -14px !important;
  }

  .iibi-proof-wrap .iibi-guide-icon-camera {
    margin-top: 16px !important;
    margin-bottom: -4px !important;
  }

  .iibi-proof-wrap .iibi-guide-icon-medal {
    margin-top: 14px !important;
    margin-bottom: -4px !important;
  }

  .iibi-proof-wrap .iibi-guide-labels {
    gap: 3px !important;
  }

  .iibi-proof-wrap .iibi-guide-labels span {
    max-width: 100% !important;
    min-height: 21px !important;
    padding: 3px 2px !important;
    font-size: 8px !important;
    white-space: normal !important;
  }
}
/* =========================================================
   체크포인트 카드 개선
   아이콘 정리 + 카드 크기 확대 + 여백 개선
========================================================= */

.iibi-proof-wrap .iibi-guide-grid {
  gap: 18px !important;
}

.iibi-proof-wrap .iibi-guide-card {
  min-height: 245px !important;
  padding: 27px 18px 20px !important;
  border: 1px solid #d7e1eb !important;
  border-radius: 20px !important;
  background:
    linear-gradient(
      180deg,
      #ffffff 0%,
      #f8fafc 100%
    ) !important;
  box-shadow:
    0 10px 24px rgba(18, 61, 115, 0.09) !important;
}

.iibi-proof-wrap .iibi-guide-card:hover {
  transform: translateY(-4px) !important;
  box-shadow:
    0 16px 30px rgba(18, 61, 115, 0.14) !important;
}

.iibi-proof-wrap .iibi-guide-check {
  top: -17px !important;
  right: 16px !important;
  color: #ef3741 !important;
  font-size: 34px !important;
}


/* =========================================================
   아이콘 공통 배경
========================================================= */

.iibi-proof-wrap .iibi-guide-icon {
  width: 100px !important;
  height: 100px !important;
  margin: 0 auto 18px !important;
  border: 1px solid #dce6f0 !important;
  border-radius: 50% !important;
  background:
    radial-gradient(
      circle at 35% 30%,
      #ffffff 0%,
      #f5f8fc 55%,
      #e8eef5 100%
    ) !important;
  box-shadow:
    inset 0 0 0 7px #ffffff,
    0 8px 18px rgba(18, 61, 115, 0.08) !important;
  clip-path: none !important;
}


/* =========================================================
   01. 인증기관 아이콘
========================================================= */

.iibi-proof-wrap .iibi-guide-icon-cert {
  position: relative !important;
  width: 100px !important;
  height: 100px !important;
  margin: 0 auto 18px !important;
  border: 1px solid #dce6f0 !important;
  border-radius: 50% !important;
  background:
    radial-gradient(
      circle at 35% 30%,
      #ffffff 0%,
      #f5f8fc 55%,
      #e8eef5 100%
    ) !important;
  box-shadow:
    inset 0 0 0 7px #ffffff,
    0 8px 18px rgba(18, 61, 115, 0.08) !important;
  clip-path: none !important;
}

.iibi-proof-wrap .iibi-guide-icon-cert::before {
  position: absolute !important;
  top: 20px !important;
  left: 50% !important;
  width: 52px !important;
  height: 60px !important;
  border: 3px solid #172436 !important;
  background:
    linear-gradient(
      145deg,
      #ffd25a,
      #ffae2e
    ) !important;
  clip-path:
    polygon(
      50% 0,
      94% 17%,
      87% 65%,
      50% 100%,
      13% 65%,
      6% 17%
    ) !important;
  content: "" !important;
  transform: translateX(-50%) !important;
}

.iibi-proof-wrap .iibi-guide-icon-cert span {
  position: relative !important;
  z-index: 2 !important;
  color: #ffffff !important;
  font-size: 31px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
}


/* =========================================================
   02. 카메라 아이콘
========================================================= */

.iibi-proof-wrap .iibi-guide-icon-camera {
  position: relative !important;
  width: 100px !important;
  height: 100px !important;
  margin: 0 auto 18px !important;
  border: 1px solid #dce6f0 !important;
  border-radius: 50% !important;
  background:
    radial-gradient(
      circle at 35% 30%,
      #ffffff 0%,
      #f5f8fc 55%,
      #e8eef5 100%
    ) !important;
  box-shadow:
    inset 0 0 0 7px #ffffff,
    0 8px 18px rgba(18, 61, 115, 0.08) !important;
}

.iibi-proof-wrap .iibi-guide-icon-camera::before {
  position: absolute !important;
  top: 34px !important;
  left: 24px !important;
  width: 54px !important;
  height: 37px !important;
  border: 3px solid #172436 !important;
  border-radius: 9px !important;
  background: #ffb431 !important;
  content: "" !important;
}

.iibi-proof-wrap .iibi-guide-icon-camera::after {
  position: absolute !important;
  top: 42px !important;
  right: 12px !important;
  width: 19px !important;
  height: 24px !important;
  border: 3px solid #172436 !important;
  border-left: 0 !important;
  background: #ffb431 !important;
  content: "" !important;
  clip-path:
    polygon(
      0 20%,
      100% 0,
      100% 100%,
      0 80%
    ) !important;
}

.iibi-proof-wrap .iibi-guide-camera-reel {
  display: none !important;
}

.iibi-proof-wrap .iibi-guide-camera-lens {
  position: absolute !important;
  top: 43px !important;
  left: 44px !important;
  z-index: 3 !important;
  width: 19px !important;
  height: 19px !important;
  border: 3px solid #172436 !important;
  border-radius: 50% !important;
  background: #ffffff !important;
}


/* =========================================================
   03. 포트폴리오 아이콘
========================================================= */

.iibi-proof-wrap .iibi-guide-icon-medal {
  position: relative !important;
  width: 100px !important;
  height: 100px !important;
  margin: 0 auto 18px !important;
  border: 1px solid #dce6f0 !important;
  border-radius: 50% !important;
  background:
    radial-gradient(
      circle at 35% 30%,
      #ffffff 0%,
      #f5f8fc 55%,
      #e8eef5 100%
    ) !important;
  box-shadow:
    inset 0 0 0 7px #ffffff,
    0 8px 18px rgba(18, 61, 115, 0.08) !important;
}

.iibi-proof-wrap .iibi-guide-icon-medal::before {
  position: absolute !important;
  top: 24px !important;
  left: 50% !important;
  width: 54px !important;
  height: 54px !important;
  border: 4px solid #172436 !important;
  border-radius: 50% !important;
  background: #ffc649 !important;
  content: "" !important;
  transform: translateX(-50%) !important;
}

.iibi-proof-wrap .iibi-guide-icon-medal::after {
  position: absolute !important;
  top: 34px !important;
  left: 50% !important;
  width: 34px !important;
  height: 34px !important;
  border: 2px solid #172436 !important;
  border-radius: 50% !important;
  content: "" !important;
  transform: translateX(-50%) !important;
}

.iibi-proof-wrap .iibi-guide-icon-medal strong {
  position: relative !important;
  z-index: 3 !important;
  color: #57cae4 !important;
  font-size: 28px !important;
  line-height: 1 !important;
  -webkit-text-stroke: 2px #172436 !important;
}

.iibi-proof-wrap .iibi-guide-medal-ribbon {
  display: none !important;
}


/* =========================================================
   라벨 영역 확대
========================================================= */

.iibi-proof-wrap .iibi-guide-labels {
  gap: 7px !important;
  margin-top: auto !important;
}

.iibi-proof-wrap .iibi-guide-labels span {
  width: auto !important;
  min-width: 150px !important;
  max-width: 100% !important;
  min-height: 31px !important;
  padding: 6px 15px !important;
  background:
    linear-gradient(
      90deg,
      #073f7c,
      #135696
    ) !important;
  color: #ffffff !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  box-shadow: 0 4px 10px rgba(7, 63, 124, 0.14) !important;
}


/* =========================================================
   모바일
========================================================= */

@media screen and (max-width: 767px) {
  .iibi-proof-wrap .iibi-guide-grid {
    gap: 8px !important;
  }

  .iibi-proof-wrap .iibi-guide-card {
    min-height: 185px !important;
    padding: 21px 5px 11px !important;
    border-radius: 12px !important;
  }

  .iibi-proof-wrap .iibi-guide-icon,
  .iibi-proof-wrap .iibi-guide-icon-cert,
  .iibi-proof-wrap .iibi-guide-icon-camera,
  .iibi-proof-wrap .iibi-guide-icon-medal {
    width: 76px !important;
    height: 76px !important;
    margin-bottom: 6px !important;
    transform: none !important;
  }

  .iibi-proof-wrap .iibi-guide-icon-cert::before {
    top: 15px !important;
    width: 40px !important;
    height: 47px !important;
  }

  .iibi-proof-wrap .iibi-guide-icon-cert span {
    font-size: 24px !important;
  }

  .iibi-proof-wrap .iibi-guide-icon-camera::before {
    top: 27px !important;
    left: 18px !important;
    width: 41px !important;
    height: 28px !important;
  }

  .iibi-proof-wrap .iibi-guide-icon-camera::after {
    top: 32px !important;
    right: 8px !important;
    width: 15px !important;
    height: 20px !important;
  }

  .iibi-proof-wrap .iibi-guide-camera-lens {
    top: 33px !important;
    left: 33px !important;
    width: 15px !important;
    height: 15px !important;
  }

  .iibi-proof-wrap .iibi-guide-icon-medal::before {
    top: 17px !important;
    width: 43px !important;
    height: 43px !important;
  }

  .iibi-proof-wrap .iibi-guide-icon-medal::after {
    top: 25px !important;
    width: 27px !important;
    height: 27px !important;
  }

  .iibi-proof-wrap .iibi-guide-icon-medal strong {
    font-size: 22px !important;
  }

  .iibi-proof-wrap .iibi-guide-labels {
    gap: 4px !important;
  }

  .iibi-proof-wrap .iibi-guide-labels span {
    min-width: 0 !important;
    width: 100% !important;
    min-height: 23px !important;
    padding: 4px 3px !important;
    font-size: 8px !important;
  }
}
/* =========================================================
   체크포인트 카드 최종 디자인
   동일 규격 SVG 아이콘 사용
========================================================= */

.iibi-proof-wrap .iibi-guide-grid,
.iibi-proof-wrap .iibi-guide-grid * {
  box-sizing: border-box !important;
}

.iibi-proof-wrap .iibi-guide-grid {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 18px !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}


/* 카드 */

.iibi-proof-wrap .iibi-guide-card {
  position: relative !important;
  display: flex !important;
  align-items: center !important;
  flex-direction: column !important;
  min-width: 0 !important;
  min-height: 330px !important;
  margin: 0 !important;
  padding: 26px 18px 20px !important;
  border: 1px solid #d8e2ec !important;
  border-radius: 20px !important;
  background:
    linear-gradient(
      180deg,
      #ffffff 0%,
      #f8fafc 100%
    ) !important;
  box-shadow:
    0 10px 25px rgba(18, 61, 115, 0.08) !important;
  text-align: center !important;
  transition:
    transform 0.2s ease,
    box-shadow 0.2s ease !important;
}

.iibi-proof-wrap .iibi-guide-card:hover {
  transform: translateY(-4px) !important;
  box-shadow:
    0 16px 32px rgba(18, 61, 115, 0.13) !important;
}

.iibi-proof-wrap .iibi-guide-card::before {
  position: absolute !important;
  top: 0 !important;
  right: 22px !important;
  left: 22px !important;
  height: 4px !important;
  border-radius: 0 0 999px 999px !important;
  background: #0b4a86 !important;
  content: "" !important;
}


/* 카드 번호 */

.iibi-proof-wrap .iibi-guide-card-number {
  position: absolute !important;
  top: 15px !important;
  left: 16px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 38px !important;
  height: 28px !important;
  margin: 0 !important;
  border-radius: 8px !important;
  background: #eaf2fa !important;
  color: #0b4a86 !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
}


/* SVG 아이콘 박스 */

.iibi-proof-wrap .iibi-guide-svg-box {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 92px !important;
  height: 92px !important;
  margin: 20px auto 19px !important;
  border: 1px solid #dce7f1 !important;
  border-radius: 24px !important;
  background:
    linear-gradient(
      145deg,
      #f8fbfe 0%,
      #edf4fa 100%
    ) !important;
}

.iibi-proof-wrap .iibi-guide-svg {
  display: block !important;
  width: 52px !important;
  height: 52px !important;
  overflow: visible !important;
  fill: none !important;
  stroke: #0b4a86 !important;
  stroke-width: 2.4 !important;
  stroke-linecap: round !important;
  stroke-linejoin: round !important;
}


/* 제목 */

.iibi-proof-wrap .iibi-guide-card-title {
  margin: 0 0 9px !important;
  color: #172436 !important;
  font-size: 19px !important;
  font-weight: 900 !important;
  line-height: 1.35 !important;
  letter-spacing: -0.7px !important;
  text-align: center !important;
}


/* 설명 */

.iibi-proof-wrap .iibi-guide-card-description {
  min-height: 48px !important;
  margin: 0 0 17px !important;
  color: #66717d !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  line-height: 1.65 !important;
  letter-spacing: -0.25px !important;
  text-align: center !important;
}


/* 하단 태그 */

.iibi-proof-wrap .iibi-guide-labels {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-wrap: wrap !important;
  gap: 6px !important;
  width: 100% !important;
  margin: auto 0 0 !important;
}

.iibi-proof-wrap .iibi-guide-labels span {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: auto !important;
  min-width: 0 !important;
  min-height: 29px !important;
  margin: 0 !important;
  padding: 6px 11px !important;
  border: 1px solid #cbdbea !important;
  border-radius: 999px !important;
  background: #ffffff !important;
  color: #0b4a86 !important;
  font-size: 11px !important;
  font-weight: 800 !important;
  line-height: 1.25 !important;
  white-space: nowrap !important;
  box-shadow: none !important;
}


/* 기존 CSS 아이콘 요소 숨김 */

.iibi-proof-wrap .iibi-guide-check,
.iibi-proof-wrap .iibi-guide-icon,
.iibi-proof-wrap .iibi-guide-icon-cert,
.iibi-proof-wrap .iibi-guide-icon-camera,
.iibi-proof-wrap .iibi-guide-icon-medal,
.iibi-proof-wrap .iibi-guide-camera-reel,
.iibi-proof-wrap .iibi-guide-camera-lens,
.iibi-proof-wrap .iibi-guide-medal-ribbon {
  display: none !important;
}


/* =========================================================
   태블릿
========================================================= */

@media screen and (max-width: 900px) {
  .iibi-proof-wrap .iibi-guide-grid {
    gap: 13px !important;
  }

  .iibi-proof-wrap .iibi-guide-card {
    min-height: 315px !important;
    padding-right: 13px !important;
    padding-left: 13px !important;
  }

  .iibi-proof-wrap .iibi-guide-card-title {
    font-size: 17px !important;
  }

  .iibi-proof-wrap .iibi-guide-card-description {
    font-size: 12px !important;
  }
}


/* =========================================================
   모바일
========================================================= */

@media screen and (max-width: 767px) {
  .iibi-proof-wrap .iibi-guide-grid {
    grid-template-columns: 1fr !important;
    gap: 12px !important;
  }

  .iibi-proof-wrap .iibi-guide-card {
    display: grid !important;
    grid-template-columns: 72px minmax(0, 1fr) !important;
    grid-template-rows: auto auto auto !important;
    column-gap: 15px !important;
    min-height: 0 !important;
    padding: 18px 15px !important;
    border-radius: 15px !important;
    text-align: left !important;
  }

  .iibi-proof-wrap .iibi-guide-card::before {
    top: 17px !important;
    right: auto !important;
    bottom: 17px !important;
    left: 0 !important;
    width: 4px !important;
    height: auto !important;
    border-radius: 0 999px 999px 0 !important;
  }

  .iibi-proof-wrap .iibi-guide-card-number {
    top: 10px !important;
    left: 10px !important;
    width: 30px !important;
    height: 23px !important;
    border-radius: 6px !important;
    font-size: 9px !important;
  }

  .iibi-proof-wrap .iibi-guide-svg-box {
    grid-row: 1 / 4 !important;
    grid-column: 1 !important;
    width: 68px !important;
    height: 68px !important;
    margin: 10px 0 0 !important;
    border-radius: 18px !important;
  }

  .iibi-proof-wrap .iibi-guide-svg {
    width: 39px !important;
    height: 39px !important;
    stroke-width: 2.5 !important;
  }

  .iibi-proof-wrap .iibi-guide-card-title {
    grid-column: 2 !important;
    margin: 2px 0 4px !important;
    font-size: 16px !important;
    text-align: left !important;
  }

  .iibi-proof-wrap .iibi-guide-card-description {
    grid-column: 2 !important;
    min-height: 0 !important;
    margin: 0 0 9px !important;
    font-size: 11px !important;
    line-height: 1.55 !important;
    text-align: left !important;
  }

  .iibi-proof-wrap .iibi-guide-card-description br {
    display: none !important;
  }

  .iibi-proof-wrap .iibi-guide-labels {
    grid-column: 2 !important;
    justify-content: flex-start !important;
    gap: 4px !important;
    margin: 0 !important;
  }

  .iibi-proof-wrap .iibi-guide-labels span {
    min-height: 24px !important;
    padding: 4px 8px !important;
    font-size: 9px !important;
  }
}
/* =========================================================
   포트폴리오 카드 텍스트 검정색 고정
========================================================= */

.iibi-proof-wrap .iibi-portfolio-card,
.iibi-proof-wrap .iibi-portfolio-card a,
.iibi-proof-wrap .iibi-portfolio-card a:link,
.iibi-proof-wrap .iibi-portfolio-card a:visited,
.iibi-proof-wrap .iibi-portfolio-card a:hover,
.iibi-proof-wrap .iibi-portfolio-card a:focus,
.iibi-proof-wrap .iibi-portfolio-link {
  color: #222222 !important;
  text-decoration: none !important;
}

.iibi-proof-wrap .iibi-portfolio-content h3,
.iibi-proof-wrap .iibi-portfolio-content h3 a,
.iibi-proof-wrap .iibi-portfolio-content h3 .iibi-portfolio-link {
  color: #181818 !important;
}

.iibi-proof-wrap .iibi-portfolio-content p,
.iibi-proof-wrap .iibi-portfolio-content p a,
.iibi-proof-wrap .iibi-portfolio-content p .iibi-portfolio-link {
  color: #555b63 !important;
}

.iibi-proof-wrap .iibi-portfolio-category,
.iibi-proof-wrap .iibi-portfolio-category a,
.iibi-proof-wrap .iibi-portfolio-category .iibi-portfolio-link {
  color: #ffffff !important;
}


/* =========================================================
   AirPods Pro 3 썸네일 텍스트 색상 수정
========================================================= */

.iibi-proof-wrap .iibi-airpods-copy,
.iibi-proof-wrap .iibi-airpods-copy a,
.iibi-proof-wrap .iibi-airpods-copy strong,
.iibi-proof-wrap .iibi-airpods-copy strong a {
  color: #ffffff !important;
  text-shadow:
    0 2px 4px rgba(0, 0, 0, 0.8),
    0 0 12px rgba(0, 0, 0, 0.45) !important;
}

.iibi-proof-wrap .iibi-airpods-copy span,
.iibi-proof-wrap .iibi-airpods-copy span a {
  color: #f1f4f7 !important;
  text-shadow:
    0 2px 4px rgba(0, 0, 0, 0.85),
    0 0 10px rgba(0, 0, 0, 0.5) !important;
}


/* 기존 AirPods 파란색 강제 제거 */

.iibi-proof-wrap .iibi-airpods-thumb strong,
.iibi-proof-wrap .iibi-airpods-thumb strong a,
.iibi-proof-wrap .iibi-airpods-thumb span,
.iibi-proof-wrap .iibi-airpods-thumb span a {
  color: #ffffff !important;
}

.iibi-proof-wrap .iibi-airpods-thumb .iibi-airpods-copy span,
.iibi-proof-wrap .iibi-airpods-thumb .iibi-airpods-copy span a {
  color: #e8edf2 !important;
}
/* =========================================================
   기존 가로형 카드 위에 추가하는 체크포인트 안내
========================================================= */

.iibi-proof-wrap .iibi-guide-main,
.iibi-proof-wrap .iibi-guide-main * {
  box-sizing: border-box !important;
}

.iibi-proof-wrap .iibi-guide-main {
  position: relative !important;
  width: 100% !important;
  margin: 0 0 32px !important;
  padding: 4px 0 0 !important;
  text-align: center !important;
}


/* 구글 AI 추천 + 영상 교육기관 선택 기준 */

.iibi-proof-wrap .iibi-guide-main-head {
  display: flex !important;
  align-items: stretch !important;
  justify-content: center !important;
  margin: 0 0 14px !important;
}

.iibi-proof-wrap .iibi-guide-main-ai {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 42px !important;
  padding: 8px 17px !important;
  border-radius: 8px 0 0 8px !important;
  background: #064682 !important;
  color: #ffc62e !important;
  font-size: 18px !important;
  font-weight: 900 !important;
  line-height: 1.2 !important;
  letter-spacing: -0.7px !important;
}

.iibi-proof-wrap .iibi-guide-main-ai::before {
  margin-right: 7px !important;
  content: "★" !important;
}

.iibi-proof-wrap .iibi-guide-main-caption {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 42px !important;
  padding: 8px 15px !important;
  border: 1px solid #d7e2ec !important;
  border-left: 0 !important;
  border-radius: 0 8px 8px 0 !important;
  background: #ffffff !important;
  color: #153e6e !important;
  font-size: 15px !important;
  font-weight: 800 !important;
  line-height: 1.2 !important;
}


/* 체크포인트 제목 */

.iibi-proof-wrap .iibi-guide-main-title {
  display: block !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  color: #073f7c !important;
  font-size: 62px !important;
  font-weight: 900 !important;
  line-height: 1.08 !important;
  letter-spacing: -5px !important;
  text-align: center !important;
  text-indent: 0 !important;
  transform: none !important;
}

.iibi-proof-wrap .iibi-guide-main-title::after {
  display: block !important;
  width: 60px !important;
  height: 5px !important;
  margin: 15px auto 0 !important;
  border-radius: 999px !important;
  background: #ffc63d !important;
  content: "" !important;
}


/* 제목 아래 설명 */

.iibi-proof-wrap .iibi-guide-main-subtitle {
  margin: 15px 0 0 !important;
  color: #627080 !important;
  font-size: 16px !important;
  font-weight: 600 !important;
  line-height: 1.65 !important;
  text-align: center !important;
}


/* 3가지 기준 확인 안내 */

.iibi-proof-wrap .iibi-guide-main-message {
  display: flex !important;
  align-items: center !important;
  width: 100% !important;
  max-width: 650px !important;
  min-height: 54px !important;
  margin: 23px auto 0 !important;
  padding: 6px 7px 6px 22px !important;
  border: 2px solid #165594 !important;
  border-radius: 999px !important;
  background: #ffffff !important;
  color: #173c67 !important;
  font-size: 18px !important;
  font-weight: 800 !important;
  line-height: 1.35 !important;
  text-align: left !important;
}

.iibi-proof-wrap .iibi-guide-main-message strong {
  margin-left: 5px !important;
  color: #ef3743 !important;
  font-weight: 900 !important;
}

.iibi-proof-wrap .iibi-guide-main-arrow {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex: 0 0 41px !important;
  width: 41px !important;
  height: 41px !important;
  margin-left: auto !important;
  border-radius: 50% !important;
  background: #064682 !important;
  color: #ffffff !important;
  font-family: Arial, sans-serif !important;
  font-size: 24px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
}


/* 기존 카드 3개와 간격만 정리 */

.iibi-proof-wrap .iibi-guide-main + .iibi-guide-grid {
  margin-top: 0 !important;
}


/* 모바일 */

@media screen and (max-width: 767px) {
  .iibi-proof-wrap .iibi-guide-main {
    margin-bottom: 25px !important;
  }

  .iibi-proof-wrap .iibi-guide-main-head {
    margin-bottom: 12px !important;
  }

  .iibi-proof-wrap .iibi-guide-main-ai {
    min-height: 34px !important;
    padding: 6px 9px !important;
    font-size: 13px !important;
  }

  .iibi-proof-wrap .iibi-guide-main-caption {
    min-height: 34px !important;
    padding: 6px 8px !important;
    font-size: 11px !important;
  }

  .iibi-proof-wrap .iibi-guide-main-title {
    font-size: 43px !important;
    letter-spacing: -3px !important;
  }

  .iibi-proof-wrap .iibi-guide-main-title::after {
    width: 46px !important;
    height: 4px !important;
    margin-top: 11px !important;
  }

  .iibi-proof-wrap .iibi-guide-main-subtitle {
    margin-top: 12px !important;
    font-size: 13px !important;
  }

  .iibi-proof-wrap .iibi-guide-main-message {
    min-height: 44px !important;
    margin-top: 18px !important;
    padding-left: 13px !important;
    font-size: 12px !important;
  }

  .iibi-proof-wrap .iibi-guide-main-arrow {
    flex-basis: 32px !important;
    width: 32px !important;
    height: 32px !important;
    font-size: 19px !important;
  }
}
/* =========================================================
   체크포인트 상단 텍스트 디자인 강제 적용
========================================================= */

.iibi-guide-main,
.iibi-guide-main * {
  box-sizing: border-box !important;
}

.iibi-guide-main {
  position: relative !important;
  width: 100% !important;
  margin: 0 0 34px !important;
  padding: 34px 30px 30px !important;
  overflow: hidden !important;
  border: 1px solid #d9e4ef !important;
  border-radius: 22px !important;
  background:
    radial-gradient(
      circle at 100% 0%,
      rgba(34, 93, 157, 0.12),
      transparent 32%
    ),
    linear-gradient(
      145deg,
      #ffffff 0%,
      #f6f9fc 100%
    ) !important;
  box-shadow: 0 13px 35px rgba(18, 61, 115, 0.08) !important;
  font-family:
    "Pretendard",
    "Noto Sans KR",
    "Malgun Gothic",
    sans-serif !important;
  text-align: center !important;
  word-break: keep-all !important;
}


/* 상단 작은 제목 */

.iibi-guide-main-head {
  display: flex !important;
  align-items: stretch !important;
  justify-content: center !important;
  width: 100% !important;
  margin: 0 0 15px !important;
  padding: 0 !important;
}

.iibi-guide-main-ai {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 42px !important;
  margin: 0 !important;
  padding: 8px 17px !important;
  border: 0 !important;
  border-radius: 8px 0 0 8px !important;
  background: #064682 !important;
  color: #ffc62e !important;
  font-size: 18px !important;
  font-weight: 900 !important;
  line-height: 1.2 !important;
  letter-spacing: -0.7px !important;
}

.iibi-guide-main-ai::before {
  margin-right: 7px !important;
  color: #ffc62e !important;
  content: "★" !important;
}

.iibi-guide-main-caption {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 42px !important;
  margin: 0 !important;
  padding: 8px 15px !important;
  border: 1px solid #d5e0ea !important;
  border-left: 0 !important;
  border-radius: 0 8px 8px 0 !important;
  background: #ffffff !important;
  color: #153e6e !important;
  font-size: 15px !important;
  font-weight: 800 !important;
  line-height: 1.2 !important;
}


/* 체크포인트 메인 제목 */

.iibi-guide-main-title {
  display: block !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  color: #073f7c !important;
  font-size: 62px !important;
  font-weight: 900 !important;
  line-height: 1.08 !important;
  letter-spacing: -5px !important;
  text-align: center !important;
  text-indent: 0 !important;
  transform: none !important;
}

.iibi-guide-main-title::after {
  display: block !important;
  width: 62px !important;
  height: 5px !important;
  margin: 15px auto 0 !important;
  border-radius: 999px !important;
  background: #ffc63d !important;
  content: "" !important;
}


/* 제목 아래 설명 */

.iibi-guide-main-subtitle {
  display: block !important;
  margin: 16px 0 0 !important;
  padding: 0 !important;
  color: #627080 !important;
  font-size: 16px !important;
  font-weight: 600 !important;
  line-height: 1.7 !important;
  text-align: center !important;
}


/* 3가지 기준 안내 박스 */

.iibi-guide-main-message {
  display: flex !important;
  align-items: center !important;
  width: 100% !important;
  max-width: 650px !important;
  min-height: 54px !important;
  margin: 24px auto 0 !important;
  padding: 6px 7px 6px 22px !important;
  border: 2px solid #165594 !important;
  border-radius: 999px !important;
  background: #ffffff !important;
  box-shadow: 0 7px 18px rgba(18, 61, 115, 0.06) !important;
  color: #173c67 !important;
  font-size: 18px !important;
  font-weight: 800 !important;
  line-height: 1.35 !important;
  text-align: left !important;
}

.iibi-guide-main-message > span:first-child {
  display: block !important;
  min-width: 0 !important;
  color: #173c67 !important;
}

.iibi-guide-main-message strong {
  margin-left: 5px !important;
  color: #ef3743 !important;
  font-size: inherit !important;
  font-weight: 900 !important;
}

.iibi-guide-main-arrow {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex: 0 0 41px !important;
  width: 41px !important;
  height: 41px !important;
  margin-left: auto !important;
  border-radius: 50% !important;
  background: #064682 !important;
  color: #ffffff !important;
  font-family: Arial, sans-serif !important;
  font-size: 24px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
}


/* 상단 영역과 기존 카드 사이 간격 */

.iibi-guide-main + .iibi-guide-grid {
  margin-top: 0 !important;
}


/* =========================================================
   모바일
========================================================= */

@media screen and (max-width: 767px) {
  .iibi-guide-main {
    margin-bottom: 24px !important;
    padding: 25px 14px 24px !important;
    border-radius: 17px !important;
  }

  .iibi-guide-main-head {
    margin-bottom: 12px !important;
  }

  .iibi-guide-main-ai {
    min-height: 34px !important;
    padding: 6px 9px !important;
    font-size: 13px !important;
  }

  .iibi-guide-main-caption {
    min-height: 34px !important;
    padding: 6px 8px !important;
    font-size: 11px !important;
  }

  .iibi-guide-main-title {
    font-size: 43px !important;
    letter-spacing: -3px !important;
  }

  .iibi-guide-main-title::after {
    width: 47px !important;
    height: 4px !important;
    margin-top: 11px !important;
  }

  .iibi-guide-main-subtitle {
    margin-top: 12px !important;
    font-size: 13px !important;
    line-height: 1.65 !important;
  }

  .iibi-guide-main-message {
    min-height: 44px !important;
    margin-top: 18px !important;
    padding: 5px 5px 5px 13px !important;
    font-size: 12px !important;
  }

  .iibi-guide-main-arrow {
    flex-basis: 32px !important;
    width: 32px !important;
    height: 32px !important;
    font-size: 19px !important;
  }
}
/* =========================================================
   체크포인트 상단 및 카드 태그 크기 보정
========================================================= */


/* 구글 AI 추천 영역 위쪽 여백 */

.iibi-guide-main {
  padding-top: 28px !important;
}

.iibi-guide-main-head {
  margin-top: 12px !important;
}


/* 체크포인트 상단 박스 내부 여백 보정 */

.iibi-guide-main-title {
  margin-top: 4px !important;
}


/* =========================================================
   3가지 기준 안내 영역 테두리 제거
========================================================= */

.iibi-guide-main-message {
  max-width: 650px !important;
  min-height: auto !important;
  margin-top: 22px !important;
  padding: 8px 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  color: #173c67 !important;
  font-size: 19px !important;
  font-weight: 800 !important;
  text-align: center !important;
  justify-content: center !important;
}

.iibi-guide-main-message > span:first-child {
  display: inline-block !important;
}

.iibi-guide-main-message strong {
  margin-left: 5px !important;
  color: #ef3743 !important;
  font-size: inherit !important;
  font-weight: 900 !important;
}


/* 오른쪽 동그란 화살표도 제거 */

.iibi-guide-main-arrow {
  display: none !important;
}


/* =========================================================
   카드 하단 둥근 태그 확대
========================================================= */

.iibi-guide-labels {
  gap: 8px !important;
  margin-top: auto !important;
}

.iibi-guide-labels span {
  width: auto !important;
  min-width: 128px !important;
  min-height: 36px !important;
  padding: 7px 15px !important;
  border: 1.5px solid #b6d0e7 !important;
  border-radius: 999px !important;
  background: #ffffff !important;
  color: #064682 !important;
  font-size: 13px !important;
  font-weight: 850 !important;
  line-height: 1.25 !important;
  white-space: nowrap !important;
}


/* 카드 내부 제목·설명도 약간 확대 */

.iibi-guide-card h3 {
  font-size: 21px !important;
}

.iibi-guide-card p {
  font-size: 14px !important;
  line-height: 1.65 !important;
}


/* =========================================================
   태블릿
========================================================= */

@media screen and (max-width: 900px) {
  .iibi-guide-labels span {
    min-width: 112px !important;
    min-height: 34px !important;
    padding-right: 11px !important;
    padding-left: 11px !important;
    font-size: 12px !important;
  }
}


/* =========================================================
   모바일
========================================================= */

@media screen and (max-width: 767px) {
  .iibi-guide-main {
    padding-top: 20px !important;
  }

  .iibi-guide-main-head {
    margin-top: 7px !important;
  }

  .iibi-guide-main-message {
    margin-top: 16px !important;
    padding: 5px 0 !important;
    font-size: 14px !important;
  }

  .iibi-guide-card h3 {
    font-size: 17px !important;
  }

  .iibi-guide-card p {
    font-size: 11px !important;
  }

  .iibi-guide-labels {
    gap: 5px !important;
  }

  .iibi-guide-labels span {
    min-width: 0 !important;
    min-height: 29px !important;
    padding: 5px 10px !important;
    font-size: 10px !important;
  }
}
/* =========================================================
   현재 .iibi-check-preview 구조 전용 수정
========================================================= */


/* 1. 구글 AI 추천 위쪽 공백 추가 */

.iibi-check-preview {
  padding-top: 68px !important;
}

.iibi-check-preview-head {
  margin-top: 0 !important;
  margin-bottom: 15px !important;
}


/* 2. '3가지 기준만은 반드시' 테두리 박스 제거 */

.iibi-check-preview-message {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  max-width: none !important;
  min-height: auto !important;
  margin: 24px auto 34px !important;
  padding: 4px 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  color: #173c67 !important;
  font-size: 20px !important;
  font-weight: 800 !important;
  line-height: 1.4 !important;
  text-align: center !important;
}

.iibi-check-preview-message > span:first-child {
  display: inline-block !important;
  color: #173c67 !important;
}

.iibi-check-preview-message strong {
  margin-left: 5px !important;
  color: #ef3743 !important;
  font-size: inherit !important;
  font-weight: 900 !important;
}


/* 동그란 화살표 제거 */

.iibi-check-preview-arrow {
  display: none !important;
}


/* 3. 카드 하단 원형 테두리 태그 크기 확대 */

.iibi-check-preview-tags {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-wrap: wrap !important;
  gap: 9px !important;
  width: 100% !important;
  margin-top: auto !important;
}

.iibi-check-preview-tags span {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 135px !important;
  min-height: 40px !important;
  margin: 0 !important;
  padding: 8px 17px !important;
  border: 2px solid #b5d0e7 !important;
  border-radius: 999px !important;
  background: #ffffff !important;
  color: #064682 !important;
  font-size: 14px !important;
  font-weight: 900 !important;
  line-height: 1.25 !important;
  white-space: nowrap !important;
}


/* 카드 제목과 설명도 비율에 맞게 확대 */

.iibi-check-preview-card h3 {
  margin-bottom: 11px !important;
  color: #172436 !important;
  font-size: 22px !important;
  font-weight: 900 !important;
  line-height: 1.35 !important;
}

.iibi-check-preview-card p {
  min-height: 54px !important;
  margin-bottom: 20px !important;
  color: #5f6c78 !important;
  font-size: 15px !important;
  font-weight: 500 !important;
  line-height: 1.65 !important;
}


/* 태그 확대에 맞춰 카드 높이 보정 */

.iibi-check-preview-card {
  min-height: 370px !important;
  padding-bottom: 25px !important;
}


/* =========================================================
   태블릿
========================================================= */

@media screen and (max-width: 900px) {
  .iibi-check-preview {
    padding-top: 58px !important;
  }

  .iibi-check-preview-message {
    font-size: 18px !important;
  }

  .iibi-check-preview-tags span {
    min-width: 115px !important;
    min-height: 37px !important;
    padding-right: 12px !important;
    padding-left: 12px !important;
    font-size: 13px !important;
  }

  .iibi-check-preview-card h3 {
    font-size: 20px !important;
  }

  .iibi-check-preview-card p {
    font-size: 13px !important;
  }
}


/* =========================================================
   모바일
========================================================= */

@media screen and (max-width: 767px) {
  .iibi-check-preview {
    padding-top: 42px !important;
  }

  .iibi-check-preview-message {
    margin-top: 18px !important;
    margin-bottom: 25px !important;
    padding: 3px 0 !important;
    font-size: 14px !important;
  }

  .iibi-check-preview-card {
    min-height: 0 !important;
    padding-bottom: 18px !important;
  }

  .iibi-check-preview-card h3 {
    font-size: 17px !important;
  }

  .iibi-check-preview-card p {
    min-height: 0 !important;
    font-size: 11px !important;
  }

  .iibi-check-preview-tags {
    gap: 6px !important;
  }

  .iibi-check-preview-tags span {
    min-width: 0 !important;
    min-height: 30px !important;
    padding: 5px 10px !important;
    font-size: 11px !important;
  }
}
/* =========================================================
   모바일 줄바꿈 최종 보정
========================================================= */

@media screen and (max-width: 767px) {

  /* 전체 여백 */
  .iibi-proof-wrap {
    padding-right: 12px !important;
    padding-left: 12px !important;
  }

  .iibi-guide-box {
    padding-right: 14px !important;
    padding-left: 14px !important;
  }


  /* 상단 배지 */
  .iibi-guide-main-head {
    display: flex !important;
    align-items: stretch !important;
    justify-content: center !important;
    flex-wrap: nowrap !important;
    width: 100% !important;
  }

  .iibi-guide-main-ai {
    flex: 0 0 auto !important;
    padding: 7px 9px !important;
    font-size: 12px !important;
    white-space: nowrap !important;
  }

  .iibi-guide-main-caption {
    flex: 0 1 auto !important;
    min-width: 0 !important;
    padding: 7px 8px !important;
    font-size: 11px !important;
    white-space: nowrap !important;
  }


  /* 체크포인트 제목 */
  .iibi-guide-main-title,
  .iibi-guide-main-title span {
    margin: 0 !important;
    padding: 0 !important;
    color: #073f7c !important;
    font-size: 40px !important;
    font-weight: 900 !important;
    line-height: 1.15 !important;
    letter-spacing: -2.5px !important;
    white-space: nowrap !important;
    text-align: center !important;
  }


  /* 상단 설명 */
  .iibi-guide-main-subtitle {
    margin-top: 13px !important;
    font-size: 14px !important;
    line-height: 1.65 !important;
    word-break: keep-all !important;
    overflow-wrap: break-word !important;
    text-align: center !important;
  }


  /* 3가지 기준 문구 */
  .iibi-guide-main-message {
    display: block !important;
    width: 100% !important;
    margin: 18px 0 25px !important;
    padding: 0 5px !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    text-align: center !important;
  }

  .iibi-guide-main-message-text,
  .iibi-guide-main-message span,
  .iibi-guide-main-message span span {
    display: block !important;
    color: #173c67 !important;
    font-size: 15px !important;
    font-weight: 800 !important;
    line-height: 1.5 !important;
    letter-spacing: -0.5px !important;
    white-space: normal !important;
    word-break: keep-all !important;
  }

  .iibi-guide-main-message strong {
    color: #ef3743 !important;
    font-size: inherit !important;
    font-weight: 900 !important;
    white-space: nowrap !important;
  }

  .iibi-guide-main-arrow {
    display: none !important;
  }


  /* 체크포인트 카드: 모바일에서 세로 1열 */
  .iibi-guide-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 12px !important;
  }

  .iibi-guide-card {
    display: grid !important;
    grid-template-columns: 76px minmax(0, 1fr) !important;
    grid-template-rows: auto auto auto !important;
    column-gap: 14px !important;
    align-items: center !important;
    min-height: 0 !important;
    padding: 18px 14px !important;
    text-align: left !important;
  }

  .iibi-guide-card-number {
    top: 9px !important;
    left: 9px !important;
    width: 30px !important;
    height: 23px !important;
    font-size: 10px !important;
  }

  .iibi-guide-svg-box {
    grid-column: 1 !important;
    grid-row: 1 / 4 !important;
    width: 70px !important;
    height: 70px !important;
    margin: 8px 0 0 !important;
  }

  .iibi-guide-svg {
    width: 40px !important;
    height: 40px !important;
  }

  .iibi-guide-card-title,
  .iibi-guide-card-title span {
    grid-column: 2 !important;
    margin: 0 0 5px !important;
    color: #172436 !important;
    font-size: 17px !important;
    line-height: 1.35 !important;
    letter-spacing: -0.6px !important;
    white-space: normal !important;
    word-break: keep-all !important;
    text-align: left !important;
  }

  .iibi-guide-card-description,
  .iibi-guide-card-description span {
    grid-column: 2 !important;
    min-height: 0 !important;
    margin: 0 0 9px !important;
    color: #65717d !important;
    font-size: 12px !important;
    line-height: 1.55 !important;
    white-space: normal !important;
    word-break: keep-all !important;
    text-align: left !important;
  }

  .iibi-guide-card-description br {
    display: none !important;
  }

  .iibi-guide-labels {
    grid-column: 2 !important;
    display: flex !important;
    justify-content: flex-start !important;
    flex-wrap: wrap !important;
    gap: 5px !important;
    margin: 0 !important;
  }

  .iibi-guide-labels span,
  .iibi-guide-labels span[style] {
    width: auto !important;
    min-width: 0 !important;
    min-height: 28px !important;
    padding: 5px 9px !important;
    font-size: 10px !important;
    line-height: 1.25 !important;
    white-space: nowrap !important;
  }


  /* 공통 섹션 제목 */
  .iibi-proof-title {
    font-size: 28px !important;
    line-height: 1.35 !important;
    letter-spacing: -1.3px !important;
    word-break: keep-all !important;
  }

  .iibi-proof-subtitle {
    font-size: 14px !important;
    line-height: 1.65 !important;
    word-break: keep-all !important;
  }


  /* 스튜디오 카드 설명 */
  .iibi-studio-card-content p {
    font-size: 11px !important;
    line-height: 1.55 !important;
    word-break: keep-all !important;
  }

  .iibi-studio-card-content p br {
    display: none !important;
  }


  /* 포트폴리오 */
  .iibi-portfolio-content h3,
  .iibi-portfolio-content h3 a {
    font-size: 17px !important;
    line-height: 1.45 !important;
    word-break: keep-all !important;
  }

  .iibi-portfolio-content p,
  .iibi-portfolio-content p a {
    font-size: 13px !important;
    line-height: 1.6 !important;
    word-break: keep-all !important;
  }


  /* QR 문구 */
  .iibi-qr-copy h2 {
    font-size: 25px !important;
    line-height: 1.4 !important;
    word-break: keep-all !important;
  }

  .iibi-qr-copy p {
    font-size: 13px !important;
    line-height: 1.65 !important;
    word-break: keep-all !important;
  }
}
/* PC에서는 줄바꿈 없음 */
.iibi-portfolio-mobile-break {
  display: none;
}

/* 모바일에서만 줄바꿈 + 한 칸 간격 */
@media screen and (max-width: 767px) {
  .iibi-portfolio-mobile-break {
    display: block;
    height: 8px;
  }
}
.iibi-mobile-br {
  display: none;
}

.iibi-pc-space {
  display: inline;
}

@media screen and (max-width: 767px) {
  .iibi-mobile-br {
    display: inline;
  }

  .iibi-pc-space {
    display: none;
  }
}
.iibi-mobile-br {
  display: none !important;
}

@media screen and (max-width: 767px) {
  .iibi-mobile-br {
    display: block !important;
  }
}
/* =========================================================
   FAQ 자주 묻는 질문 TOP 10
========================================================= */

.iibi-faq-section,
.iibi-faq-section * {
  box-sizing: border-box;
}

.iibi-faq-section {
  position: relative;
}

.iibi-faq-list {
  display: flex;
  flex-direction: column;
  gap: 13px;
  width: 100%;
}

.iibi-faq-item {
  overflow: hidden;
  width: 100%;
  margin: 0;
  border: 1px solid #d9e2ec;
  border-radius: 15px;
  background: #ffffff;
  box-shadow: 0 5px 18px rgba(18, 61, 115, 0.06);
  transition:
    border-color 0.2s ease,
    box-shadow 0.2s ease;
}

.iibi-faq-item[open] {
  border-color: #123d73;
  box-shadow: 0 10px 25px rgba(18, 61, 115, 0.12);
}


/* 질문 영역 */

.iibi-faq-question {
  position: relative;
  display: flex;
  align-items: center;
  gap: 15px;
  min-height: 78px;
  margin: 0;
  padding: 17px 22px;
  background: #ffffff;
  color: #123d73;
  cursor: pointer;
  list-style: none;
  transition: background 0.2s ease;
}

.iibi-faq-question::-webkit-details-marker {
  display: none;
}

.iibi-faq-question::marker {
  display: none;
  content: "";
}

.iibi-faq-question:hover {
  background: #f5f8fc;
}

.iibi-faq-item[open] .iibi-faq-question {
  background:
    linear-gradient(
      135deg,
      #123d73 0%,
      #19518f 100%
    );
  color: #ffffff;
}


/* Q 번호 */

.iibi-faq-number {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 49px;
  width: 49px;
  height: 34px;
  border-radius: 999px;
  background: #123d73;
  color: #ffffff;
  font-size: 14px;
  font-weight: 900;
  line-height: 1;
}

.iibi-faq-item[open] .iibi-faq-number {
  background: #ffd761;
  color: #123d73;
}


/* 질문 문구 */

.iibi-faq-question-text {
  display: block;
  flex: 1;
  min-width: 0;
  color: inherit;
  font-size: 18px;
  font-weight: 800;
  line-height: 1.5;
  letter-spacing: -0.5px;
}


/* 우측 열기·닫기 아이콘 */

.iibi-faq-toggle {
  position: relative;
  display: block;
  flex: 0 0 34px;
  width: 34px;
  height: 34px;
  margin-left: auto;
  border-radius: 50%;
  background: #edf3f9;
}

.iibi-faq-toggle::before,
.iibi-faq-toggle::after {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 13px;
  height: 2px;
  border-radius: 2px;
  background: #123d73;
  content: "";
  transform: translate(-50%, -50%);
  transition: transform 0.2s ease;
}

.iibi-faq-toggle::after {
  transform: translate(-50%, -50%) rotate(90deg);
}

.iibi-faq-item[open] .iibi-faq-toggle {
  background: #ffd761;
}

.iibi-faq-item[open] .iibi-faq-toggle::after {
  transform: translate(-50%, -50%) rotate(0deg);
}


/* 답변 영역 */

.iibi-faq-answer {
  display: flex;
  align-items: flex-start;
  gap: 14px;
  padding: 23px 25px 25px;
  border-top: 1px solid #e1e7ee;
  background: #f7f9fc;
}

.iibi-faq-answer-label {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 32px;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background: #ffd761;
  color: #123d73;
  font-size: 15px;
  font-weight: 900;
  line-height: 1;
}

.iibi-faq-answer p {
  flex: 1;
  min-width: 0;
  margin: 1px 0 0;
  color: #596574;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.8;
  letter-spacing: -0.25px;
}

.iibi-faq-answer p strong {
  color: #123d73;
  font-weight: 900;
}


/* FAQ 하단 안내 */

.iibi-faq-footer {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 5px;
  margin-top: 24px;
  padding: 20px 22px;
  border-radius: 15px;
  background:
    linear-gradient(
      135deg,
      #123d73 0%,
      #19518f 100%
    );
  text-align: center;
}

.iibi-faq-footer strong {
  display: block;
  color: #ffd761;
  font-size: 19px;
  font-weight: 900;
  line-height: 1.45;
}

.iibi-faq-footer span {
  display: block;
  color: rgba(255, 255, 255, 0.88);
  font-size: 15px;
  font-weight: 600;
  line-height: 1.6;
}


/* =========================================================
   FAQ 모바일
========================================================= */

@media screen and (max-width: 767px) {
  .iibi-faq-list {
    gap: 10px;
  }

  .iibi-faq-item {
    border-radius: 12px;
  }

  .iibi-faq-question {
    gap: 10px;
    min-height: 67px;
    padding: 14px 13px;
  }

  .iibi-faq-number {
    flex-basis: 42px;
    width: 42px;
    height: 29px;
    font-size: 12px;
  }

  .iibi-faq-question-text {
    font-size: 15px;
    line-height: 1.45;
    letter-spacing: -0.4px;
  }

  .iibi-faq-toggle {
    flex-basis: 29px;
    width: 29px;
    height: 29px;
  }

  .iibi-faq-toggle::before,
  .iibi-faq-toggle::after {
    width: 11px;
  }

  .iibi-faq-answer {
    gap: 10px;
    padding: 18px 14px 20px;
  }

  .iibi-faq-answer-label {
    flex-basis: 28px;
    width: 28px;
    height: 28px;
    font-size: 13px;
  }

  .iibi-faq-answer p {
    margin-top: 0;
    font-size: 14px;
    line-height: 1.75;
  }

  .iibi-faq-footer {
    margin-top: 18px;
    padding: 17px 14px;
  }

  .iibi-faq-footer strong {
    font-size: 17px;
  }

  .iibi-faq-footer span {
    font-size: 13px;
  }
}


/* 아주 작은 모바일 */

@media screen and (max-width: 390px) {
  .iibi-faq-question {
    gap: 8px;
    padding-right: 10px;
    padding-left: 10px;
  }

  .iibi-faq-number {
    flex-basis: 38px;
    width: 38px;
    font-size: 11px;
  }

  .iibi-faq-question-text {
    font-size: 14px;
  }

  .iibi-faq-toggle {
    flex-basis: 27px;
    width: 27px;
    height: 27px;
  }

  .iibi-faq-answer {
    padding-right: 11px;
    padding-left: 11px;
  }

  .iibi-faq-answer p {
    font-size: 13px;
  }
}
/* =========================================================
   FAQ 자주 묻는 질문 TOP 10
========================================================= */

.iibi-faq,
.iibi-faq * {
  box-sizing: border-box;
}

.iibi-faq {
  width: 100%;
  max-width: 920px;
  margin: 0 auto 40px;
  padding: 50px 42px;
  border-radius: 24px;
  background: #ffffff;
  box-shadow: 0 15px 40px rgba(12, 57, 105, 0.1);
  color: #333333;
  font-family:
    "Pretendard",
    "Noto Sans KR",
    "Malgun Gothic",
    sans-serif;
  line-height: 1.7;
  word-break: keep-all;
}


/* FAQ 상단 제목 */

.iibi-faq-heading {
  margin-bottom: 34px;
  text-align: center;
}

.iibi-faq-label {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 16px;
  padding: 9px 22px;
  border-radius: 100px;
  background: #123d73;
  color: #ffffff;
  font-size: 16px;
  font-weight: 800;
  line-height: 1.4;
}

.iibi-faq-title {
  margin: 0;
  color: #123d73;
  font-size: 36px;
  font-weight: 900;
  line-height: 1.3;
  letter-spacing: -1.5px;
}

.iibi-faq-title strong {
  color: #f0a500;
}

.iibi-faq-subtitle {
  margin: 12px 0 0;
  color: #687482;
  font-size: 17px;
  font-weight: 500;
  line-height: 1.65;
}


/* FAQ 전체 목록 */

.iibi-faq-list {
  overflow: hidden;
  border: 1px solid #d9e2ec;
  border-radius: 18px;
  background: #ffffff;
}


/* FAQ 개별 항목 */

.iibi-faq-item {
  padding: 23px 25px;
  border-bottom: 1px dashed #cbd6e2;
  background: #f7f9fc;
}

.iibi-faq-item:last-child {
  border-bottom: 0;
}


/* 질문 */

.iibi-faq-question {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  margin-bottom: 9px;
  color: #123d73;
  font-size: 17px;
  font-weight: 900;
  line-height: 1.55;
}

.iibi-faq-number {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  min-width: 43px;
  height: 28px;
  margin-top: 1px;
  padding: 2px 9px;
  border-radius: 999px;
  background: #123d73;
  color: #ffd761;
  font-size: 13px;
  font-weight: 900;
  line-height: 1;
}


/* 답변 */

.iibi-faq-answer {
  position: relative;
  margin-left: 55px;
  padding-left: 15px;
  color: #596574;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.75;
}

.iibi-faq-answer::before {
  position: absolute;
  top: 2px;
  bottom: 2px;
  left: 0;
  width: 3px;
  border-radius: 3px;
  background: #ffd761;
  content: "";
}

.iibi-faq-answer strong {
  color: #123d73;
  font-weight: 900;
}


/* 질문 마우스 오버 */

.iibi-faq-item {
  transition:
    background 0.2s ease,
    transform 0.2s ease;
}

.iibi-faq-item:hover {
  background: #eef4fb;
}

.iibi-faq-item:hover .iibi-faq-number {
  background: #ffd761;
  color: #123d73;
}


/* =========================================================
   FAQ 모바일
========================================================= */

@media screen and (max-width: 767px) {
  .iibi-faq {
    margin-bottom: 25px;
    padding: 36px 18px;
    border-radius: 18px;
  }

  .iibi-faq-heading {
    margin-bottom: 27px;
  }

  .iibi-faq-label {
    margin-bottom: 13px;
    padding: 8px 17px;
    font-size: 14px;
  }

  .iibi-faq-title {
    font-size: 28px;
    letter-spacing: -1px;
  }

  .iibi-faq-subtitle {
    font-size: 15px;
  }

  .iibi-faq-list {
    border-radius: 14px;
  }

  .iibi-faq-item {
    padding: 19px 15px;
  }

  .iibi-faq-question {
    gap: 9px;
    margin-bottom: 8px;
    font-size: 15px;
    line-height: 1.5;
  }

  .iibi-faq-number {
    min-width: 38px;
    height: 25px;
    padding: 2px 7px;
    font-size: 11px;
  }

  .iibi-faq-answer {
    margin-left: 47px;
    padding-left: 11px;
    font-size: 14px;
    line-height: 1.7;
  }
}


/* 아주 작은 모바일 */

@media screen and (max-width: 390px) {
  .iibi-faq {
    padding-right: 14px;
    padding-left: 14px;
  }

  .iibi-faq-title {
    font-size: 25px;
  }

  .iibi-faq-item {
    padding-right: 12px;
    padding-left: 12px;
  }

  .iibi-faq-question {
    font-size: 14px;
  }

  .iibi-faq-answer {
    margin-left: 0;
    margin-top: 10px;
    font-size: 13px;
  }
}
/* =========================================================
   FAQ 최종 디자인 보정
========================================================= */

#course-faq.iibi-faq,
#course-faq.iibi-faq * {
  box-sizing: border-box !important;
}

#course-faq.iibi-faq {
  display: block !important;
  width: 100% !important;
  max-width: 920px !important;
  margin: 0 auto 40px !important;
  padding: 50px 42px !important;
  border: 1px solid #dce5ef !important;
  border-radius: 24px !important;
  background: #ffffff !important;
  box-shadow: 0 15px 40px rgba(12, 57, 105, 0.1) !important;
  color: #333333 !important;
  font-family:
    "Pretendard",
    "Noto Sans KR",
    "Malgun Gothic",
    sans-serif !important;
  line-height: 1.7 !important;
  word-break: keep-all !important;
}

#course-faq .iibi-faq-heading {
  margin: 0 0 34px !important;
  padding: 0 !important;
  text-align: center !important;
}

#course-faq .iibi-faq-label {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin: 0 0 16px !important;
  padding: 9px 22px !important;
  border-radius: 999px !important;
  background: #123d73 !important;
  color: #ffffff !important;
  font-size: 16px !important;
  font-weight: 800 !important;
  line-height: 1.4 !important;
}

#course-faq .iibi-faq-title {
  margin: 0 !important;
  padding: 0 !important;
  color: #123d73 !important;
  font-size: 36px !important;
  font-weight: 900 !important;
  line-height: 1.3 !important;
  letter-spacing: -1.5px !important;
  text-align: center !important;
}

#course-faq .iibi-faq-title strong {
  color: #e8a900 !important;
  font-weight: 900 !important;
}

#course-faq .iibi-faq-subtitle {
  margin: 12px 0 0 !important;
  padding: 0 !important;
  color: #687482 !important;
  font-size: 17px !important;
  font-weight: 500 !important;
  line-height: 1.65 !important;
  text-align: center !important;
}

#course-faq .iibi-faq-list {
  display: block !important;
  overflow: hidden !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 1px solid #d9e2ec !important;
  border-radius: 18px !important;
  background: #ffffff !important;
}

#course-faq .iibi-faq-item {
  display: block !important;
  margin: 0 !important;
  padding: 23px 25px !important;
  border: 0 !important;
  border-bottom: 1px dashed #cbd6e2 !important;
  background: #f7f9fc !important;
}

#course-faq .iibi-faq-item:last-child {
  border-bottom: 0 !important;
}

#course-faq .iibi-faq-question {
  display: flex !important;
  align-items: flex-start !important;
  gap: 12px !important;
  width: 100% !important;
  margin: 0 0 9px !important;
  padding: 0 !important;
  color: #123d73 !important;
  font-size: 17px !important;
  font-weight: 900 !important;
  line-height: 1.55 !important;
}

#course-faq .iibi-faq-number {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex: 0 0 auto !important;
  min-width: 45px !important;
  height: 29px !important;
  margin: 1px 0 0 !important;
  padding: 2px 9px !important;
  border-radius: 999px !important;
  background: #123d73 !important;
  color: #ffd761 !important;
  font-size: 13px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
}

#course-faq .iibi-faq-answer {
  position: relative !important;
  display: block !important;
  margin: 0 0 0 57px !important;
  padding: 0 0 0 15px !important;
  color: #596574 !important;
  font-size: 16px !important;
  font-weight: 500 !important;
  line-height: 1.75 !important;
}

#course-faq .iibi-faq-answer::before {
  position: absolute !important;
  top: 2px !important;
  bottom: 2px !important;
  left: 0 !important;
  display: block !important;
  width: 3px !important;
  border-radius: 3px !important;
  background: #ffd761 !important;
  content: "" !important;
}

#course-faq .iibi-faq-answer strong {
  color: #123d73 !important;
  font-weight: 900 !important;
}

#course-faq .iibi-faq-item:hover {
  background: #eef4fb !important;
}

#course-faq .iibi-faq-item:hover .iibi-faq-number {
  background: #ffd761 !important;
  color: #123d73 !important;
}


/* 모바일 */

@media screen and (max-width: 767px) {
  #course-faq.iibi-faq {
    margin-bottom: 25px !important;
    padding: 36px 18px !important;
    border-radius: 18px !important;
  }

  #course-faq .iibi-faq-heading {
    margin-bottom: 27px !important;
  }

  #course-faq .iibi-faq-label {
    margin-bottom: 13px !important;
    padding: 8px 17px !important;
    font-size: 14px !important;
  }

  #course-faq .iibi-faq-title {
    font-size: 28px !important;
    letter-spacing: -1px !important;
  }

  #course-faq .iibi-faq-subtitle {
    font-size: 15px !important;
  }

  #course-faq .iibi-faq-list {
    border-radius: 14px !important;
  }

  #course-faq .iibi-faq-item {
    padding: 19px 15px !important;
  }

  #course-faq .iibi-faq-question {
    gap: 9px !important;
    margin-bottom: 8px !important;
    font-size: 15px !important;
  }

  #course-faq .iibi-faq-number {
    min-width: 39px !important;
    height: 25px !important;
    padding: 2px 7px !important;
    font-size: 11px !important;
  }

  #course-faq .iibi-faq-answer {
    margin-left: 48px !important;
    padding-left: 11px !important;
    font-size: 14px !important;
    line-height: 1.7 !important;
  }
}

@media screen and (max-width: 390px) {
  #course-faq.iibi-faq {
    padding-right: 14px !important;
    padding-left: 14px !important;
  }

  #course-faq .iibi-faq-title {
    font-size: 25px !important;
  }

  #course-faq .iibi-faq-item {
    padding-right: 12px !important;
    padding-left: 12px !important;
  }

  #course-faq .iibi-faq-question {
    font-size: 14px !important;
  }

  #course-faq .iibi-faq-answer {
    margin-top: 10px !important;
    margin-left: 0 !important;
    font-size: 13px !important;
  }
}