@charset "utf-8";

/* 연혁 게시판 wrap */
.biz_wrap{width:100%;margin:2rem 0 6rem;}

/* 인트로 헤더 (배지 + 제목 + 설명문구 + 연도 선택) */
.tl_head{margin-bottom:1.5rem;text-align:center;}
.tl_badge{display:inline-block;padding:0.5rem 1.25rem;margin-bottom:1.25rem;border:1px solid var(--teal);border-radius:9999px;background:rgba(92,177,189,0.15);font-size:0.75rem;font-weight:900;letter-spacing:0.4em;text-transform:uppercase;color:var(--teal);box-shadow:0 0 15px rgba(92,177,189,0.25);}
.tl_tit{margin-bottom:0.625rem;font-size:1.875rem;font-weight:900;letter-spacing:-0.025em;color:var(--white);}
.tl_desc{max-width:36rem;margin:0 auto 1.5rem;font-size:0.875rem;font-weight:300;line-height:1.625;color:#9CA3AF;}
.year_row{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:1rem;}
.tl_active_date{font-family:monospace;font-size:0.875rem;font-weight:400;letter-spacing:0.05em;color:#6B7280;}

/* 사업연도 선택 드롭다운 */
.year_wrap{position:relative;display:inline-block;}
.year_val{display:flex;align-items:center;gap:0.5rem;padding:0.75rem 1.5rem;border:1px solid var(--glass_line);border-radius:9999px;background:var(--glass_bg);font-size:1.5rem;font-weight:900;letter-spacing:-0.05em;color:var(--teal);cursor:pointer;transition:var(--motion_fast);}
.year_val:hover{border-color:rgba(92,177,189,0.5);}
.year_arrow{width:1.125rem;height:1.125rem;transition:transform 0.3s;}
.year_wrap.on .year_arrow{transform:rotate(180deg);}
.year_drop{display:block;position:absolute;top:calc(100% + 0.5rem);left:0;z-index:50;overflow-y:auto;width:10rem;max-height:16rem;border:1px solid var(--glass_line);border-radius:1rem;background:rgba(9,9,9,0.95);opacity:0;transform:scale(0.95) translateY(-0.5rem);transition:all 0.25s ease-out;pointer-events:none;box-shadow:0 25px 50px -12px rgba(0,0,0,0.5);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);}
.year_wrap.on .year_drop{opacity:1;transform:scale(1) translateY(0);pointer-events:auto;}
.year_opt{display:block;width:100%;padding:0.75rem 1.25rem;border:none;background:none;font-size:1rem;font-weight:700;text-align:left;color:#9CA3AF;cursor:pointer;transition:var(--motion_fast);}
.year_opt:hover{background:rgba(255,255,255,0.05);color:var(--white);}
.year_opt.on{background:rgba(92,177,189,0.1);color:var(--teal);}

/* 스크롤 활주로 (연도별 카드 수에 비례한 높이를 JS가 인라인으로 지정) */
.tl_runway{position:relative;width:100%;height:100vh;}
.tl_sticky{display:flex;overflow:hidden;position:sticky;top:96px;flex-direction:column;align-items:center;justify-content:center;height:calc(100vh - 96px);}

/* 가로 카드 스택 3D 캐러셀 */
.card_deck{position:relative;width:100%;height:20rem;perspective:1200px;transform-style:preserve-3d;transition:transform 0.15s ease-out;will-change:transform;}
.stack_card{display:none;position:absolute;top:0;left:0;width:17.5rem;height:11.25rem;transition:transform 0.1s ease-out,opacity 0.1s ease-out;transform-style:preserve-3d;will-change:transform,opacity;}
.stack_card.year_show{display:block;}

/* 프리미엄 다크 카드 */
.card_in{position:relative;display:flex;flex-direction:column;justify-content:space-between;width:100%;height:100%;padding:1.5rem;border:1px solid rgba(255,255,255,0.08);border-radius:var(--radius_lg);background:var(--glass_bg);box-shadow:0 15px 30px rgba(0,0,0,0.5);transition:border-color 0.4s,background 0.4s,box-shadow 0.4s;}
.stack_card.on .card_in{border-color:rgba(92,177,189,0.55);background:rgba(255,255,255,0.06);box-shadow:0 25px 60px rgba(0,0,0,0.9),0 0 40px rgba(92,177,189,0.15);}
.card_line{position:absolute;top:2rem;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--teal) 30%,var(--blue) 70%,transparent);opacity:0.4;}
.card_top{display:flex;flex-direction:column;gap:0.5rem;padding-top:0.5rem;}
.card_meta{display:flex;flex-wrap:wrap;align-items:center;gap:0.75rem;}
.card_tag{padding:0.125rem 0.625rem;border:1px solid rgba(92,177,189,0.2);border-radius:0.25rem;background:rgba(92,177,189,0.1);font-size:0.625rem;font-weight:700;color:var(--teal);}
.card_date{font-size:0.75rem;font-weight:300;color:#6B7280;}
.card_tit{font-size:1.125rem;font-weight:700;line-height:1.4;letter-spacing:-0.025em;color:var(--white);}
.card_sub{padding-top:0.75rem;border-top:1px solid rgba(255,255,255,0.05);font-family:monospace;font-size:0.625rem;font-weight:400;letter-spacing:0.05em;text-transform:uppercase;color:#6B7280;}

/* 가로 전개 진행도 게이지 */
.tl_gauge{display:flex;flex-shrink:0;align-items:center;justify-content:center;gap:1rem;margin-top:3rem;font-size:0.75rem;font-weight:700;color:#6B7280;}
.gauge_bar{overflow:hidden;width:8rem;height:2px;border-radius:9999px;background:rgba(255,255,255,0.1);}
.gauge_fill{width:0;height:100%;background:linear-gradient(90deg,var(--teal),var(--blue));transition:width 0.3s;}

/* 빈 목록 */
.deck_empty{padding:6rem 0;text-align:center;font-size:0.875rem;font-weight:300;color:#6B7280;}

/* BUSINESS 스킨은 목록을 페이징 없이 전체 반환하므로 공용 페이징 UI 숨김 */
.board_page{display:none;}

/* BUSINESS 스킨은 검색 기능을 쓰지 않으므로 공용 검색폼 숨김 */
.board_search_form{display:none;}

@media (min-width:768px){
.biz_wrap{margin:3rem 0 8rem;}
.tl_tit{font-size:2.25rem;}
.tl_desc{font-size:1rem;}
.year_val{font-size:1.875rem;}
.stack_card{width:23.75rem;height:13.75rem;}
.card_in{padding:2rem;border-radius:2rem;}
.card_tit{font-size:1.25rem;}
}