@charset "utf-8";


.discussion_section { max-width: 1200px; margin: 0 auto; padding: 3rem 1rem; text-align: center; }
.discussion_section h2 { font-size: 1.6rem; font-weight: 600; margin-bottom: 0.5rem; }
.discussion_section p { font-size: clamp(0.75rem, 1.5vw, 1rem); color: #666; padding:0; margin: 0;}

.card_list { display: flex; flex-wrap: wrap; gap: 1.5rem; align-items: stretch; margin-top: 3rem; justify-content: start; margin-left: 1.5rem;}

.card { flex: 1 1 calc(50% - 0.75rem); border: 1px solid #ddd; border-radius: 12px; overflow: hidden; text-align: left; background: #fff; box-sizing: border-box; display: flex; flex-direction: column; max-width: 540px; max-height: 526px;}

.card_img { width: 100%; aspect-ratio: 4 / 3; overflow: hidden; padding: 1rem;}

.card_img img { display: block; width: 100%; height: 100%; object-fit: cover; border-radius: 8px;}

.card_body { padding: 1rem; }

.card_body h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.25rem; }

.card_body p { font-size: 0.9rem; color: #666; margin-bottom: 1rem; }

.card_footer { margin-top: auto; border-top: 1px solid #eee; padding: 0.75rem 1rem; text-align: right; }

.card_footer button { background: #f8f8f8; border: 1px solid #ddd; border-radius: 6px; padding: 0.5rem 1.25rem; cursor: pointer; font-size: 0.9rem; transition: all 0.2s ease; }

.card_footer button:hover { background: #222; color: #fff; border-color: #222; }

@media (max-width: 1000px) { .card { flex: 1 1 100%; } }


/*=========================================================4번 탭 / AI GAME CSS=========================================================*/

/* wrapper */
:root { --mint-bg:#f0faf2; --mint-bd:#d9f1df; --mint-ink:#2a7a43; --ink:#222; --muted:#666; }

.ai_guide { max-width:1200px; width:100%; margin:0 auto; padding:3rem 1rem; }
.ai_guide .ai_guide__title { font-size:1.75rem; font-weight:700; margin:0 0 1.25rem; }

/* block */
.ai_guide .guide_block { background:var(--mint-bg); border:1px solid var(--mint-bd); border-radius:14px; padding:1.25rem; margin:3rem 0; }
.ai_guide .guide_block .guide_block__heading { font-size:1.25rem; font-weight:700; display:flex; align-items:center; gap:.35rem; color:var(--ink); margin:0 0 .75rem; }
.ai_guide .guide_block .guide_block__heading .num { display:inline-flex; align-items:center; justify-content:center; width:1.65rem; height:1.65rem; border-radius:.5rem; font-weight:700; }
.ai_guide .guide_block .guide_block__body { color:var(--ink); }
.ai_guide .guide_block .guide_block__body .paragraph { padding: 0; margin: 0; color:var(--muted); }

/* screenshot box */
.ai_guide .guide_block .screen_box { margin:0; padding:1rem; background:#fff; border:1px solid var(--mint-bd); border-radius:10px; box-shadow:0 0 0 6px #f6fbf7 inset; }
.ai_guide .guide_block .screen_box img { display:block; width:100%; height:auto; border-radius:6px; }

/* ordered steps */
.ai_guide .guide_block .step_list { margin:.25rem 0 0 1.25rem; padding:0; color:var(--ink); }
.ai_guide .guide_block .step_list li { margin:.3rem 0; color:var(--muted); }

/* responsive tweaks */
@media (max-width: 768px) {
  .ai_guide { padding:2rem 1rem; }
  .ai_guide .guide_block { padding:1rem; }
  .ai_guide .guide_block .guide_block__heading { font-size:1rem; }
  .ai_guide .guide_block .screen_box { padding:.75rem; }
}

/*게임룰 진행방향*/
.game-flow{--dot:clamp(120px,16vw,220px);--gap:clamp(6px,1.2vw,12px);--font:clamp(12px,1.2vw,16px);--arrow:calc(var(--dot)/5);font-family:"Noto Sans KR",sans-serif;text-align:center;margin-top:5rem;}
.game-flow__title{font-size:clamp(14px,1.4vw,18px);margin:0 0 1.5rem 0;font-weight:600;text-align:left;}
.game-flow__steps{display:flex;align-items:center;flex-wrap:nowrap;gap:var(--gap);justify-content:flex-start;}
.game-flow__step{background:#00a651;color:#fff;padding:0 1rem;border-radius:50%;width:var(--dot);aspect-ratio:1/1;display:flex;align-items:center;justify-content:center;text-align:center;font-weight:500;font-size:var(--font);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.game-flow__arrow{font-size:var(--arrow);font-weight:700;color:#333;line-height:1;}
@media(max-width:1000px){.game-flow{--dot:140px;--font:13px;--arrow:26px}.game-flow__steps{display:flex;flex-direction:column;align-items:stretch;gap:12px;justify-content:flex-start;max-height:75vh;padding-right:2px}.game-flow__step{background:#00a651;color:#fff;border-radius:12px;width:100%;aspect-ratio:auto;min-height:72px;padding:.75rem 1rem;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:1.3rem;white-space:normal;line-height:1.3;scroll-snap-align:start;flex:0 0 auto}.game-flow__arrow{transform:rotate(90deg);font-size:calc(var(--arrow) + 2px);line-height:1;text-align:center;flex:0 0 auto;margin:.25rem 0}}

@media(max-width:1000px){.recruitment_table01 .box{flex-wrap: wrap;} .recruitment_table01 .box{justify-content: flex-end;}}

@media (max-width: 1400px) {
  .prd_search_wrapper02 .program_search_box01 {
      margin-left: unset;
  }
}

.prd_tab_slide_box01 .item.active h3{
  font-size: clamp(12px, 5vw, 20px) !important;
}


@media (max-width: 700px) {
  .issue_custom__item {
      width: 25% !important;
  }
}


@media (max-width: 768px) {
  .prd_tab_slide_box01 .item h3{
    font-size: 1rem !important;
  }
  .prd_tab_slide_box01 .item.active h3{
    font-size: 1rem !important;
  }
}