/* 동양코리아 연혁 타임라인 전용 스타일 - 기존 style.css 맨 아래 추가 가능 */
.history_board {max-width:1400px; margin:0 auto; padding:35px 20px 100px; box-sizing:border-box;}
.history_board .history_btn_top {display:flex; justify-content:flex-end; margin-bottom:20px;}
.history_board .history_btn_top .btn_bo_user {display:flex; gap:8px; list-style:none; margin:0; padding:0;}
.history_board .dy-history-timeline {display:grid; grid-template-columns:minmax(240px, 36%) minmax(0, 64%); gap:0;}
.history_board .dy-history-intro {padding:8px 48px 0 0;}
.history_board .dy-history-eyebrow {display:block; margin-bottom:18px; color:#17643b; font-size:17px; font-weight:600; letter-spacing:.06em;}
.history_board .dy-history-intro h2 {margin:0; font-size:clamp(27px, 2.5vw, 40px); line-height:1.42; letter-spacing:-.055em; color:#191e1b; font-weight:750; word-break:keep-all;}
.history_board .dy-history-intro p {margin-top:26px; font-size:16px; line-height:1.9; color:#707873; word-break:keep-all;}
.history_board .dy-history-list {position:relative;}
.history_board .history_year {display:grid; grid-template-columns:145px 38px minmax(0,1fr); min-height:140px; align-items:stretch; margin:0; padding:0; border:0;}
.history_board .hy_year {padding:0 22px 48px 0; color:#17643b; font-size:clamp(40px,3.5vw,54px); font-weight:750; letter-spacing:-.045em; line-height:1.2; text-align:right;}
.history_board .hy_marker {position:relative; display:flex; justify-content:center; padding-top:12px;}
.history_board .hy_marker::before {content:""; position:absolute; top:0; bottom:0; left:50%; width:1px; background:#d9e0db; transform:translateX(-50%);}
.history_board .history_year:first-child .hy_marker::before {top:12px;}
.history_board .history_year:last-child .hy_marker::before {bottom:calc(100% - 12px);}
.history_board .hy_marker span {position:relative; z-index:1; display:block; width:16px; height:16px; border:3px solid #17643b; border-radius:50%; background:#fff; box-shadow:inset 0 0 0 3px #fff;}
.history_board .hy_marker span::after {content:""; position:absolute; inset:3px; border-radius:50%; background:#17643b;}
.history_board .hy_body {min-width:0; padding:0 0 70px 35px;}
.history_board .hm_list {list-style:none; margin:0; padding:0;}
.history_board .hm_item {position:relative; padding:0 0 18px 18px; color:#343d37; font-size:16px; line-height:1.85; overflow-wrap:anywhere; word-break:keep-all;}
.history_board .hm_item::before {content:""; position:absolute; top:13px; left:0; width:5px; height:5px; border-radius:50%; background:#17643b;}
.history_board .hm_item:last-child {padding-bottom:0;}
.history_board .hm_link {color:inherit; text-decoration:none; white-space:normal;}
.history_board a.hm_link:hover {color:#17643b;}
.history_board .pg_wrap {display:block; margin-top:24px; text-align:center;}
@media(max-width:1000px){
    .history_board .dy-history-timeline {grid-template-columns:1fr;}
    .history_board .dy-history-intro {padding:0 0 55px;}
    .history_board .history_year {grid-template-columns:130px 34px minmax(0,1fr);}
    .history_board .hy_body {padding-left:25px;}
}
@media(max-width:600px){
    .history_board {padding:20px 16px 65px;}
    .history_board .dy-history-intro {padding-bottom:38px;}
    .history_board .dy-history-intro h2 {font-size:29px;}
    .history_board .dy-history-intro p {font-size:14px;}
    .history_board .history_year {grid-template-columns:92px 26px minmax(0,1fr); min-height:105px;}
    .history_board .hy_year {padding-right:8px; font-size:29px;}
    .history_board .hy_marker {padding-top:7px;}
    .history_board .hy_marker span {width:13px; height:13px; border-width:2px;}
    .history_board .history_year:first-child .hy_marker::before {top:7px;}
    .history_board .history_year:last-child .hy_marker::before {bottom:calc(100% - 7px);}
    .history_board .hy_body {padding:0 0 48px 14px;}
    .history_board .hm_item {font-size:14px; line-height:1.8; padding-left:12px; padding-bottom:14px;}
    .history_board .hm_item::before {top:10px; width:4px; height:4px;}
}

/* 관리자 전용 수정 버튼 */
.history_board .hm_edit {display:inline-flex; align-items:center; justify-content:center; margin:4px 0 0 12px; padding:3px 12px; border:1px solid #c9d9ce; border-radius:4px; color:#17643b; background:#fff; font-size:12px; line-height:1.7; text-decoration:none; vertical-align:middle; white-space:nowrap;}
.history_board .hm_edit:hover {color:#fff; background:#17643b; border-color:#17643b;}
/* 스크롤 진입 시 연도별 순차 노출. JS 미지원 시 콘텐츠는 기본 노출 */
@media (prefers-reduced-motion: no-preference) {
    .history_board .dy-history-reveal {transition:opacity .75s ease, transform .75s cubic-bezier(.22,.61,.36,1);}
    .history_board .dy-history-timeline.dy-history-animated .dy-history-reveal:not(.is-visible) {opacity:0; transform:translateY(45px);}
    .history_board .dy-history-reveal.is-visible {opacity:1; transform:translateY(0);}
}
@media (prefers-reduced-motion: reduce) {
    .history_board .dy-history-reveal {transition:none !important; transform:none !important; opacity:1 !important;}
}


/* v3: 참고 시안과 동일하게 연도 / 연결선 / 내용을 한 줄에 정렬.
   기존 게시판 style.css의 범용 .history_year, .hy_body 규칙보다 우선 적용 */
#bo_list.history_board .dy-history-reference {display:grid; grid-template-columns:minmax(250px,36%) minmax(0,64%); align-items:start; width:100%;}
#bo_list.history_board .dy-history-reference .dy-history-intro {min-width:0; padding:6px 55px 0 0;}
#bo_list.history_board .dy-history-reference .dy-history-list {min-width:0; position:relative;}
#bo_list.history_board .dy-history-reference .history_year {display:grid !important; grid-template-columns:160px 40px minmax(0,1fr) !important; gap:0 !important; align-items:stretch !important; min-height:0 !important; height:auto !important; padding:0 !important; margin:0 !important; border:0 !important; position:relative;}
#bo_list.history_board .dy-history-reference .history_year .hy_year {display:block !important; align-self:start !important; width:auto !important; margin:0 !important; padding:0 22px 0 0 !important; text-align:right !important; font-size:clamp(25px,2.4vw,37px) !important; font-weight:750; line-height:1.15 !important; color:#17643b;}
#bo_list.history_board .dy-history-reference .history_year .hy_marker {position:relative !important; display:flex !important; justify-content:center !important; align-items:flex-start !important; width:auto !important; padding:17px 0 0 !important; margin:0 !important;}
#bo_list.history_board .dy-history-reference .history_year .hy_marker::before {content:""; position:absolute; left:50%; top:0; bottom:0; width:1px; background:#d9e0db; transform:translateX(-50%);}
#bo_list.history_board .dy-history-reference .history_year:first-child .hy_marker::before {top:17px;}
#bo_list.history_board .dy-history-reference .history_year:last-child .hy_marker::before {bottom:calc(100% - 17px);}
#bo_list.history_board .dy-history-reference .history_year .hy_marker span {display:block; width:15px; height:15px; flex:none; border:2px solid #17643b; background:#fff; border-radius:50%; box-sizing:border-box; position:relative; z-index:1;}
#bo_list.history_board .dy-history-reference .history_year .hy_marker span::after {content:""; position:absolute; inset:3px; border-radius:50%; background:#17643b;}
#bo_list.history_board .dy-history-reference .history_year .hy_body {display:block !important; width:auto !important; min-width:0; margin:0 !important; padding:9px 0 82px 30px !important; text-align:left !important;}
#bo_list.history_board .dy-history-reference .history_year:last-child .hy_body {padding-bottom:10px !important;}
#bo_list.history_board .dy-history-reference .history_year .hm_list {margin:0 !important; padding:0 !important; list-style:none !important;}
#bo_list.history_board .dy-history-reference .history_year .hm_item {display:block !important; position:relative; width:auto !important; margin:0 0 14px !important; padding:0 0 0 15px !important; font-size:16px; line-height:1.85; text-align:left; white-space:normal; overflow-wrap:break-word; word-break:keep-all;}
#bo_list.history_board .dy-history-reference .history_year .hm_item:last-child {margin-bottom:0 !important;}
#bo_list.history_board .dy-history-reference .history_year .hm_item::before {content:""; position:absolute; top:12px; left:0; width:5px; height:5px; border-radius:50%; background:#17643b;}
#bo_list.history_board .dy-history-reference .history_year .hm_link {display:inline; white-space:normal; font-size:inherit; line-height:inherit; color:#343d37;}
#bo_list.history_board .dy-history-reference .history_year .hm_edit {display:inline-flex !important; width:auto !important; height:auto !important; min-height:0 !important; padding:2px 8px !important; margin:0 0 0 8px !important; vertical-align:baseline; border:1px solid #d2ddd5; border-radius:3px; background:#fff; color:#17643b; font-size:11px !important; line-height:1.6 !important; text-decoration:none;}
#bo_list.history_board .dy-history-reference .history_year .hm_edit:hover {background:#17643b; color:#fff;}
@media(max-width:1000px){
  #bo_list.history_board .dy-history-reference {grid-template-columns:1fr;}
  #bo_list.history_board .dy-history-reference .dy-history-intro {padding:0 0 45px;}
  #bo_list.history_board .dy-history-reference .history_year {grid-template-columns:140px 38px minmax(0,1fr) !important;}
}
@media(max-width:600px){
  #bo_list.history_board .dy-history-reference .dy-history-intro {padding-bottom:35px;}
  #bo_list.history_board .dy-history-reference .history_year {grid-template-columns:88px 25px minmax(0,1fr) !important;}
  #bo_list.history_board .dy-history-reference .history_year .hy_year {font-size:19px !important; padding-right:7px !important;}
  #bo_list.history_board .dy-history-reference .history_year .hy_marker {padding-top:8px !important;}
  #bo_list.history_board .dy-history-reference .history_year:first-child .hy_marker::before {top:8px;}
  #bo_list.history_board .dy-history-reference .history_year:last-child .hy_marker::before {bottom:calc(100% - 8px);}
  #bo_list.history_board .dy-history-reference .history_year .hy_marker span {width:12px; height:12px;}
  #bo_list.history_board .dy-history-reference .history_year .hy_marker span::after {inset:2px;}
  #bo_list.history_board .dy-history-reference .history_year .hy_body {padding:2px 0 52px 12px !important;}
  #bo_list.history_board .dy-history-reference .history_year .hm_item {font-size:13px; line-height:1.75; padding-left:10px !important;}
  #bo_list.history_board .dy-history-reference .history_year .hm_item::before {top:9px; width:4px; height:4px;}
}

/* v4: 연도별 세로 간격 확대, 긴 본문 가독성 강화 */
#bo_list.history_board .dy-history-reference .history_year .hy_body {padding-top:13px !important; padding-bottom:124px !important;}
#bo_list.history_board .dy-history-reference .history_year:last-child .hy_body {padding-bottom:20px !important;}
#bo_list.history_board .dy-history-reference .history_year .hm_item {margin-bottom:28px !important; line-height:2.05;}
#bo_list.history_board .dy-history-reference .history_year .hm_item:last-child {margin-bottom:0 !important;}
/* 스크롤 진입 시 연도 전체가 아래에서 위로 등장 */
@media (prefers-reduced-motion: no-preference) {
    #bo_list.history_board .dy-history-timeline.dy-history-animated .dy-history-reveal {transition:opacity .85s ease, transform .85s cubic-bezier(.22,.61,.36,1);}
    #bo_list.history_board .dy-history-timeline.dy-history-animated .dy-history-reveal:not(.is-visible) {opacity:0; transform:translateY(52px);}
    #bo_list.history_board .dy-history-timeline.dy-history-animated .dy-history-reveal.is-visible {opacity:1; transform:translateY(0);}
}
@media(max-width:600px){
    #bo_list.history_board .dy-history-reference .history_year .hy_body {padding-top:5px !important; padding-bottom:80px !important;}
    #bo_list.history_board .dy-history-reference .history_year:last-child .hy_body {padding-bottom:12px !important;}
    #bo_list.history_board .dy-history-reference .history_year .hm_item {margin-bottom:20px !important; line-height:1.9;}
}