/*     3650085 : BLANK 컨텐츠      */
.verti_line {
  margin: 30px auto;
  width: 1px;
  height: 50px;
  background: #333;
}
.verti_line.show {
  opacity: 1;
}

@media (max-width: 767px) {
  .verti_line {
    margin: 15px auto;
    height: 35px;
  }
}

/*     3650095 : BLANK 컨텐츠      */
.aniTxt {display:flex; flex-wrap:wrap; position:relative; flex-direction:row; text-align:center;justify-content:center;}
.aniTxt>span {overflow:hidden; display:inline-block;;line-height: 1em;}
.aniTxt>span>span {display:block; transform:translateY(100%);line-height: 1em;}
.aniTxt>span.on>span {transform:translateY(0); transition:all .5s ease !important; line-height:1.2em}
.text_407011_ [class^="txtAni"] .empty {width:.8vw;}
.text_407011_ [class^="txtAni"]>span {font-size:40px; letter-spacing:-1px; font-weight:normal; color:#333;font-family: NX1 !important;}
.text_407011_ [class^="txtAni"]>span>span {font-size:40px; letter-spacing:-1px; font-weight:normal; color:#333;  font-family: NX1 !important;}  
.text_407011_ p { margin:0; padding:0;
	font-size:40px; letter-spacing:-1px; font-weight:normal; color:#333; line-height:1.3em;font-family: NX1 !important;}
.text_407011_ p a {color:#333; text-decoration:none;}
  
@media screen and (max-width: 1800px){
  .text_407011_ p {font-size:40px;}
}  
  
  @media screen and (max-width: 750px){
  .text_407011_ p {font-size:20px;}
}  

/*     3650105 : BLANK 컨텐츠      */
{@
$barTop = ceil($farm_set[font_size] * 0.2);
$circleTop = ceil($farm_set[font_size] * 1.4 / 2 -6);
@}
<style>
.title_3611685_ {font-size:0; padding:40px 0 !important;}
.title_3611685_ p {
	display:block; position:relative; margin:0; padding: 0 0 40px ;
	font-size:36px; letter-spacing:-2px; font-weight:500; color:#41b470; line-height:1.4;
}
.title_3611685_ p b{font-size:18px; font-weight:500; color:#a0a0a0;}
.title_3611685_ p span{
	display:flex; align-items:center; justify-content:center; gap:10px;
	height:30px; color:#0047AB; line-height:30px; margin-top:8px;
	font-size:15px; letter-spacing:7px; font-weight:400;
	padding:0 80px;
	white-space:nowrap;
}
.title_3611685_ p span:before,
.title_3611685_ p span:after{
	content:''; width:60px; height:1px; background:#d8d8d8; flex-shrink:0;
}
.title_3611685_ p:before {content:''; position:absolute; background:#d00000; font-size:0;}
.title_3611685_.style_top p {padding-top:10px;}
.title_3611685_.style_top p:before {left:0; top:0; width:36px; height:4px;}
.title_3611685_.style_right p {padding-right:14px;}
.title_3611685_.style_right p:before {right:0; top:{$barTop}px; width:4px; height:36px;}
.title_3611685_.style_bottom p {padding-bottom:12px;}
.title_3611685_.style_bottom p:before {left:0; bottom:0; width:36px; height:4px;}
.title_3611685_.style_left p {padding-left:14px;}
.title_3611685_.style_left p:before {left:0; top:{$barTop}px; width:4px; height:36px;}
.title_3611685_.style_circle1 p {padding-left:20px;}
.title_3611685_.style_circle1 p:before {
	left:0; top:{$circleTop}px; width:12px; height:12px;
	border-radius:12px;
}
.title_3611685_.style_circle2 p {padding-left:20px;}
.title_3611685_.style_circle2 p:before {
	left:0; top:{$circleTop}px; width:12px; height:12px;
	border:2px solid #d00000; border-radius:12px; background:none; box-sizing:border-box;
}
@media (max-width:1023px){
  .title_3611685_ p span{font-size:15px; padding:0 40px;}
}
@media (max-width:767px){
  .title_3611685_ p span{font-size:13px; letter-spacing:3px; padding:0 20px;}
}
</style>

/*     3650115 : BLANK 컨텐츠      */
.blank__3650115__ {box-sizing:border-box;display:block;position:relative;width:100%;height:65px}
.blank__3650115__.build_edit_mode {min-height:10px;border:1px dashed red;background:rgba(255,255,255,.1);}
.blank__3650115__.build_edit_mode:before {content:'Blank';display:block;position:absolute;top:50%;left:0;right:0;margin-top:-10px;padding:5px 0;font-size:13px;color:red;text-align:center;line-height:1}

@media all and (max-width:1023px){
	.blank__3650115__ {height:30px}
}

/*     3650125 : BLANK 컨텐츠      */
.blank__3650125__ {box-sizing:border-box;display:block;position:relative;width:100%;height:25px}
.blank__3650125__.build_edit_mode {min-height:10px;border:1px dashed red;background:rgba(255,255,255,.1);}
.blank__3650125__.build_edit_mode:before {content:'Blank';display:block;position:absolute;top:50%;left:0;right:0;margin-top:-10px;padding:5px 0;font-size:13px;color:red;text-align:center;line-height:1}

@media all and (max-width:1023px){
	.blank__3650125__ {height:0px}
}

/*     3612255 : 이미지      */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    font-family: 'Noto Sans KR', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    line-height: 1.6;
}

.hero-section {
    position: relative;
    width: 100%;
    height: 350px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    display: flex;
    align-items: center;
    overflow: hidden;
}

.hero-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(to right, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.2) 100%);
    z-index: 1;
}

.hero-content {
    position: relative;
    z-index: 2;
    color: #ffffff;
    padding: 0 80px;
    max-width: 1400px;
    margin: 0 auto;
    width: 100%;
    animation: fadeInUp 1s ease-out both;
}

@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(30px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* 1024px 이상 - 기본 크기 */
.hero-subtitle {
    font-size: 22px;
    font-weight: 300;
    margin-bottom: 30px;
    letter-spacing: -0.5px;
    line-height: 1.8;
    animation: fadeInUp 1s ease-out 0.3s both;
}

.hero-subtitle .highlight {
    color: #f4d03f;
    font-weight: 500;
}

.hero-brand {
    font-size: 18px;
    font-weight: 400;
    letter-spacing: 2px;
    margin-top: 40px;
    opacity: 0.9;
    animation: fadeInUp 1s ease-out 0.6s both;
}

/* 1023px 이하 - 모바일 크기 */
@media screen and (max-width: 1023px) {
    .hero-content {
        padding: 0 30px;
    }
    
    .hero-subtitle {
        font-size: 15px;
    }
    
    .hero-brand {
        font-size: 13px;
        margin-top: 30px;
    }
}

@media screen and (max-width: 480px) {
    .hero-content {
        padding: 0 20px;
    }
}



/*     3612295 : BLANK 컨텐츠      */
.blank__3612295__ {box-sizing:border-box;display:block;position:relative;width:100%;height:30px}
.blank__3612295__.build_edit_mode {min-height:10px;border:1px dashed red;background:rgba(255,255,255,.1);}
.blank__3612295__.build_edit_mode:before {content:'Blank';display:block;position:absolute;top:50%;left:0;right:0;margin-top:-10px;padding:5px 0;font-size:13px;color:red;text-align:center;line-height:1}

@media all and (max-width:1023px){
	.blank__3612295__ {height:15px}
}

/*     3608275 : BLANK 컨텐츠      */
  .timeline-section {width: 100%; padding: 60px 0; font-family: 'Noto Sans KR', 'Malgun Gothic', sans-serif; color: #222;}

  .timeline-wrap {max-width: 1400px; margin: 0 auto; padding: 0 20px;}

  /* 연도 행 */
  .timeline-row {display: flex; align-items: flex-start; padding: 30px 0; border-bottom: 1px solid #ddd; gap: 60px;}

  /* 연도 */
  .timeline-year {font-size: 26px; font-weight: 500; color: #111; width: 26.4%; line-height: 1; padding-top: 2px; flex-shrink: 0;}

  /* 이벤트 묶음 */
  .timeline-events {display: flex; flex-direction: column; gap: 20px; flex: 1;}

  /* 개별 이벤트 */
  .timeline-item {display: flex; align-items: flex-start; gap: 32px;}

  /* 월 */
  .timeline-month {font-size: 18px; font-weight: 600; color: #555; min-width: 28px; padding-top: 3px; flex-shrink: 0;}

  /* 내용 */
  .timeline-text {font-size: 18px; line-height: 1.3; color: #333; margin: 0; word-break: keep-all;}

  /* 작은 주석 */
  .timeline-note {display: block; font-size: 15px; color: #888; margin-top: 4px; line-height: 1.3;}

  /* ===== 반응형: 태블릿 ===== */
  @media (max-width: 1023px) {.timeline-wrap {padding: 0 28px;}
    .timeline-year {font-size: 26px; width: 26.4%; }
    .timeline-row {gap: 36px;}
    .timeline-text,
    .timeline-month {font-size: 18px;}
    .timeline-note {font-size: 15px;}
  }

  /* ===== 반응형: 모바일 ===== */
  @media (max-width: 767px) {.timeline-wrap {padding: 0 20px;}
    .timeline-row {flex-direction: column; gap: 15px; padding: 20px 0;}
    .timeline-year {font-size: 20px; min-width: unset;}
    .timeline-item {gap: 20px;}
    .timeline-text,
    .timeline-month {font-size: 15px;}
    .timeline-note {font-size: 13px;}
  }

<!-- fade 애니메이션 CSS (JS와 세트) -->
<style>
.timeline-row.fade-init { opacity: 0; transform: translateY(24px); transition: opacity 0.55s ease, transform 0.55s ease; }
.timeline-row.fade-init.is-visible { opacity: 1; transform: translateY(0); }
</style>

/*     3629065 : BLANK 컨텐츠      */
.blank__3629065__ {box-sizing:border-box;display:block;position:relative;width:100%;height:30px}
.blank__3629065__.build_edit_mode {min-height:10px;border:1px dashed red;background:rgba(255,255,255,.1);}
.blank__3629065__.build_edit_mode:before {content:'Blank';display:block;position:absolute;top:50%;left:0;right:0;margin-top:-10px;padding:5px 0;font-size:13px;color:red;text-align:center;line-height:1}

@media all and (max-width:1023px){
	.blank__3629065__ {height:0px}
}

/*     3629075 : BLANK 컨텐츠      */
.blank__3629075__ {box-sizing:border-box;display:block;position:relative;width:100%;height:30px}
.blank__3629075__.build_edit_mode {min-height:10px;border:1px dashed red;background:rgba(255,255,255,.1);}
.blank__3629075__.build_edit_mode:before {content:'Blank';display:block;position:absolute;top:50%;left:0;right:0;margin-top:-10px;padding:5px 0;font-size:13px;color:red;text-align:center;line-height:1}

@media all and (max-width:1023px){
	.blank__3629075__ {height:0px}
}