/* 원본 CSS 재사용 — 면별 층(격자 축 ∪ 요소 축). ***생성물이다. 손으로 고치지 마라.***
   캡처본 ko-about-history · 경로 /회사소개-연혁/ · 교집합 밖 13블록(동적 값 46블록 제외) · sha256(내용) = 134db9f72fc9b2b2

   재생성 = python3 scripts/design/exp-extract-origin.py --inline common \
              --emit-page-css public --emit-page-map lib/origin-page-css.generated.ts
   낡음 검사 = 같은 명령 + --check (rc 0 최신 · rc 4 낡음 · rc 2 미러 부재)

   ***`@layer wt-origin` = 공통과 같은 층 · `<link>` 는 그 뒤*** — 원본은 무레이어라 특이도가
   1급이고 순서는 동률에서만 쓰인다. 별도 층(구판 `wt-origin-page`)은 「뒤」를 「무조건 이긴다」로
   바꿔 원본에서 죽은 선언을 살렸다(F-260920-66 · 근거·실측 = 생성기 `FACE_LAYER` 주석).

   ***`public/` 루트에 두는 이유*** = `wt-origin.css` 와 `url()` 상대 기준을 같게 하려고.
   하위 디렉터리에 두면 그 참조 29종의 404 경로가 면별 층에서만 달라진다(F-260916-46). */
@layer theme, base, components, utilities, wt-origin-plugin, wt-origin, wt-origin-plugin-doc, wt-origin-plugin-list, wt-origin-page;
@layer wt-origin {
.history-title p { text-align: center !important; font-family: 'Pretendard-Bold' !important; letter-spacing: 0 !important; }
.history-content p { font-family: 'Pretendard-SemiBold'; text-align: center; letter-spacing: 0; }
.history { margin: 0; }
.history:before { content: ""; position: absolute; top: 0px; left: 50%; bottom: 0px; transform: translateX(-50%); width: 4px; background-color: #eee; }
.history .entries { width: calc(100% - 80px); margin: auto; position: relative; left: -5px; }
.history .entries .entry { width: calc(50% - 80px); float: left; padding: 20px; clear: both; text-align: right; }
.history .entries .entry:not(:first-child) { margin-top:30px; }
.history .entries .entry .title { font-size: 34px; font-weight:700; margin-bottom: 12px; position: relative; color: #9e2015; }
.history .entries .entry .title:before { content: ""; position: absolute; width: 14px; height: 14px; border: 4px solid #9e2015; background-color: #fff; border-radius: 100%; top: 50%; transform: translateY(-50%); right: -116px; z-index: 1000; }
.history .entries .entry .body p { font-size:18px; font-weight:500; line-height: 1.8; }
.history .entries .entry:nth-child(2n) { text-align: left; float: right; }
.history .entries .entry:nth-child(2n) .title:before { left: -106px; }
@media screen and (max-width: 760px){.timeline{position: relative; max-width: 1200px; margin: 0 auto; margin-top: 50px;}.right{left: 0%;}.container_time{width: 100%; padding-left: 70px; padding-right: 25px;}.container_time{padding: 10px 40px; position: relative; background-color: inherit;}.container_time::before{left: 60px; border: medium solid white; border-width: 10px 10px 10px 0; border-color: transparent white transparent transparent;}.align{text-align: left;}.content_time{padding: 20px 20px; position: relative; border-radius: 6px; padding-top: 0;}.history_h2{font-size: 20px; font-weight: bold; padding-bottom: 10px; color: #810a00;}.history_p1{font-size: 14px;}.right::after{left: 20px;}.container_time::after{content: ''; position: absolute; width: 15px; height: 15px; background-color: white; border: 4px solid #810a00; top: 15px; border-radius: 50%; z-index: 1;}.timeline::after{left: 31px;}.timeline::after{content: ''; position: absolute; width: 4px; background-color: #eee; top: 0; bottom: 0; margin-left: -2px;}}
}