.elementor-1325 .elementor-element.elementor-element-39e68ed{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1325 .elementor-element.elementor-element-a225dce{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:160px;--padding-bottom:100px;--padding-left:0px;--padding-right:0px;}.elementor-1325 .elementor-element.elementor-element-bd19c11{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:100px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-raven-heading .raven-heading-title, .elementor-widget-raven-heading .raven-heading-title-inner{color:var( --e-global-color-primary );-webkit-text-fill-color:var( --e-global-color-primary );}.elementor-widget-raven-heading .raven-heading, .elementor-widget-raven-heading .raven-heading a{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );line-height:var( --e-global-typography-primary-line-height );}.elementor-1325 .elementor-element.elementor-element-da47a03 > .elementor-widget-container{margin:0px 0px 20px 0px;}.elementor-1325 .elementor-element.elementor-element-da47a03 .raven-heading-title, .elementor-1325 .elementor-element.elementor-element-da47a03 .raven-heading-title-inner{color:#111111;-webkit-text-fill-color:initial;}.elementor-1325 .elementor-element.elementor-element-da47a03 .raven-heading, .elementor-1325 .elementor-element.elementor-element-da47a03 .raven-heading a{font-family:"Pretendard", Sans-serif;font-size:42px;font-weight:600;line-height:56px;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-1325 .elementor-element.elementor-element-90cb3bb{text-align:center;font-family:"Pretendard", Sans-serif;font-size:20px;font-weight:400;line-height:32px;}.elementor-1325 .elementor-element.elementor-element-e75f97a{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}@media(max-width:1366px){.elementor-1325 .elementor-element.elementor-element-a225dce{--padding-top:100px;--padding-bottom:100px;--padding-left:0px;--padding-right:0px;}.elementor-1325 .elementor-element.elementor-element-bd19c11{--padding-top:0px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}.elementor-widget-raven-heading .raven-heading, .elementor-widget-raven-heading .raven-heading a{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}}@media(max-width:1200px){.elementor-1325 .elementor-element.elementor-element-a225dce{--padding-top:50px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-1325 .elementor-element.elementor-element-bd19c11{--margin-top:0px;--margin-bottom:40px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}.elementor-widget-raven-heading .raven-heading, .elementor-widget-raven-heading .raven-heading a{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-1325 .elementor-element.elementor-element-da47a03 .raven-heading, .elementor-1325 .elementor-element.elementor-element-da47a03 .raven-heading a{font-size:40px;line-height:48px;}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}}@media(max-width:776px){.elementor-1325 .elementor-element.elementor-element-a225dce{--padding-top:50px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-1325 .elementor-element.elementor-element-bd19c11{--margin-top:0px;--margin-bottom:40px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}.elementor-widget-raven-heading .raven-heading, .elementor-widget-raven-heading .raven-heading a{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-1325 .elementor-element.elementor-element-da47a03 .raven-heading, .elementor-1325 .elementor-element.elementor-element-da47a03 .raven-heading a{font-size:30px;line-height:38px;}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-1325 .elementor-element.elementor-element-90cb3bb{font-size:18px;line-height:26px;}}/* Start custom CSS for container, class: .elementor-element-39e68ed */p {
    margin: 0;
    padding: 0;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-abee873 */.main-visual-container {
    position: relative;
    width: 100%;
    height: 860px;
    overflow: hidden;
}

/* 통배경 이미지 */
.bg-image-layer {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-image: url('/wp-content/uploads/2026/04/bg_status.jpg');
    background-size: cover;
    background-position: center;
    z-index: 1;
    transition: background-image 0.5s ease-in-out; /* 배경 바뀔 때 부드럽게 */
}

.hover-area-wrapper {
    position: relative;
    display: flex;
    width: 100%;
    height: 100%;
    z-index: 2;
}

.hover-section {
    flex: 1;
    height: 100%;
    position: relative;
    display: flex;
    align-items: flex-end;
    padding: 110px 60px;
    box-sizing: border-box;
    border-right: 1px solid rgba(180, 190, 210, 0.5);
}
.hover-section:last-child{
  border:none;
}

/* 1. 기본 상태: 바닥에 붙어있는 투명한 그라데이션 */
.hover-section::before {
    position: absolute;
    content: '';
    width: 100%;
    height: 0; /* 처음에는 높이 0 */
    bottom: 0;
    left: 0;
    /* 파란색 그라데이션: 상단 투명(0%) -> 하단 파란색(100%) */
    background: linear-gradient(180deg, rgba(0, 51, 153, 0) 42.12%, #003399 100%); 
    transition: var(--transition-custom);
    z-index: 1;
}

/* 2. 호버 상태: 그라데이션이 위로 차오름 */
.hover-section:hover::before {
    height: 100%; /* 마우스 올리면 전체를 덮음 */
}

/* 3. 텍스트 및 점(Dot) 설정 보완 */
.text-content {
    position: relative;
    z-index: 2; /* 그라데이션보다 위에 오도록 설정 */
    color:#fff;
}

.dot {
    color: #da3f29; /* 평소 빨간색 */
    transition: color 0.4s ease;
}

.hover-section:hover .dot {
    color: #fff; /* 호버 시 흰색으로 변경 */
}

.text-content .sub-txt { 
    font-size: 20px; 
    font-weight: 500;
    display: flex; 
    align-items: center; 
    gap: 15px; 
    margin-bottom: 20px; 
}

.white-line { 
    /* flex-grow: 1;  <- 이 줄을 삭제하거나 주석 처리하세요 */
    width: 100px;    /* 선의 길이를 섹션마다 동일하게 100px로 고정 */
    height: 1px; 
    background: linear-gradient(to right, #fff, transparent); 
    margin-left: 15px; /* 텍스트와 선 사이의 간격 */
}
.main-txt { 
    font-size: 70px; 
    font-weight: 700; 
    line-height: 1.1; 
    margin: 0; 
}

/* --- 반응형 모바일 설정 --- */
@media (max-width: 1600px) {
  .hover-section {
    padding: 60px 40px;
  }
  .main-txt { 
    font-size: 50px; 
  }

  .text-content .sub-txt{font-size: 18px; gap:10px;}

}
@media (max-width: 1200px) {
    .main-visual-container { height: auto; }
    .hover-area-wrapper { flex-direction: column; }
    .hover-section { height: 350px; padding: 40px 30px; border-bottom: 1px solid rgba(180, 190, 210, 0.5); border-right: none; /* 파란색 그라데이션: 상단 투명(0%) -> 하단 파란색(100%) */
    background: linear-gradient(180deg, rgba(0, 51, 153, 0) 42.12%, #003399 100%); }

    .main-txt { font-size: 30px; }
    .text-content .sub-txt{text-shadow: 1px 1px #000;}
}

@media (max-width: 768px) {
    .white-line { 
        width: 50px; /* 모바일에서는 선 길이를 반으로 줄임 */
    }
    .text-content .sub-txt{font-size: 16px;}
}/* End custom CSS */
/* Start JX Custom Fonts CSS */@font-face{font-family:'Pretendard';font-style:normal;font-weight:normal;src:url('/fonts/Pretendard-Regular.subset.woff2')format('woff2');}@font-face{font-family:'Pretendard';font-style:normal;font-weight:bold;src:url('/fonts/Pretendard-Bold.subset.woff2')format('woff2');}@font-face{font-family:'Pretendard';font-style:normal;font-weight:100;src:url('/fonts/Pretendard-Thin.subset.woff2')format('woff2');}@font-face{font-family:'Pretendard';font-style:normal;font-weight:200;src:url('/fonts/Pretendard-ExtraLight.subset.woff2')format('woff2');}@font-face{font-family:'Pretendard';font-style:normal;font-weight:300;src:url('/fonts/Pretendard-Light.subset.woff2')format('woff2');}@font-face{font-family:'Pretendard';font-style:normal;font-weight:400;src:url('/fonts/Pretendard-Regular.subset.woff2')format('woff2');}@font-face{font-family:'Pretendard';font-style:normal;font-weight:500;src:url('/fonts/Pretendard-Medium.subset.woff2')format('woff2');}@font-face{font-family:'Pretendard';font-style:normal;font-weight:600;src:url('/fonts/Pretendard-SemiBold.subset.woff2')format('woff2');}@font-face{font-family:'Pretendard';font-style:normal;font-weight:700;src:url('/fonts/Pretendard-Bold.subset.woff2')format('woff2');}@font-face{font-family:'Pretendard';font-style:normal;font-weight:800;src:url('/fonts/Pretendard-ExtraBold.subset.woff2')format('woff2');}@font-face{font-family:'Pretendard';font-style:normal;font-weight:900;src:url('/fonts/Pretendard-Regular.subset.woff2')format('woff2');}/* End JX Custom Fonts CSS */