.elementor-426 .elementor-element.elementor-element-99b5701{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-426 .elementor-element.elementor-element-9f67ecd{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:100px;--padding-bottom:100px;--padding-left:0px;--padding-right:0px;}.elementor-426 .elementor-element.elementor-element-ac48179{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:50px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.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-426 .elementor-element.elementor-element-31e0f22{font-family:"Exo 2", Sans-serif;font-size:18px;font-weight:300;font-style:italic;line-height:28px;color:#AAAAAA;}.elementor-426 .elementor-element.elementor-element-c990d79{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 10px) 0px;padding:0px 0px 0px 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-426 .elementor-element.elementor-element-dde7077 .raven-heading-title, .elementor-426 .elementor-element.elementor-element-dde7077 .raven-heading-title-inner{color:#111111;-webkit-text-fill-color:initial;}.elementor-426 .elementor-element.elementor-element-dde7077 .raven-heading, .elementor-426 .elementor-element.elementor-element-dde7077 .raven-heading a{font-family:"Exo 2", Sans-serif;font-size:40px;font-weight:600;line-height:40px;}.elementor-widget-raven-divider .raven-divider-solid, .elementor-widget-raven-divider .raven-divider-double:before, .elementor-widget-raven-divider .raven-divider-double:after{background-color:var( --e-global-color-text );}.elementor-426 .elementor-element.elementor-element-b2f3859 .raven-divider-solid, .elementor-426 .elementor-element.elementor-element-b2f3859 .raven-divider-double:before, .elementor-426 .elementor-element.elementor-element-b2f3859 .raven-divider-double:after{background-color:#DDDDDD;}.elementor-426 .elementor-element.elementor-element-b2f3859 .raven-divider{padding:30px 0px 0px 0px;}.elementor-426 .elementor-element.elementor-element-17ba653{padding:0px 20px 0px 20px;}@media(max-width:1600px){.elementor-426 .elementor-element.elementor-element-9f67ecd{--padding-top:100px;--padding-bottom:100px;--padding-left:20px;--padding-right:20px;}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.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 );}}@media(max-width:1300px){.elementor-426 .elementor-element.elementor-element-9f67ecd{--padding-top:50px;--padding-bottom:50px;--padding-left:20px;--padding-right:20px;}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.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 );}}@media(max-width:776px){.elementor-426 .elementor-element.elementor-element-ac48179{--margin-top:0px;--margin-bottom:30px;--margin-left:0px;--margin-right:0px;}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.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-426 .elementor-element.elementor-element-dde7077 .raven-heading, .elementor-426 .elementor-element.elementor-element-dde7077 .raven-heading a{font-size:32px;line-height:32px;}}/* Start custom CSS for html, class: .elementor-element-17ba653 */.custom-history-wrapper {
       
        color: #343a40;
        margin: 0;
       
        line-height: 1.7;
        max-width:1300px;
        margin: 0 auto;
    }


    
    .timeline {
        position: relative;
        
        padding: 0 0 30px 60px; 
    }

    
    .timeline::before {
        content: '';
        position: absolute;
        width: 3px;
        background-color: #e9ecef;
        top: 5px;
        bottom: 0;
        
        left: 0px; 
    }
    
    
    .timeline-progress-bar {
        position: absolute;
        width: 3px;
        background-color: #08395a;
        top: 5px;
      
        left: 0px;
        height: 0;
        transition: height 0.1s ease-out;
    }

    .timeline-group {
        position: relative;
        margin-bottom: 40px;
    }
    .timeline-group:last-child {
        margin-bottom: 0;
    }

    /* 타임라인의 점(dot) */
    .timeline-group::after {
        content: '';
        position: absolute;
        width: 18px;
        height: 18px;
        background-color: #ffffff;
        border: 4px solid #08395a;
        border-radius: 50%;
        
        left: -68px; 
        top: 5px; 
        z-index: 1;
    }

    .timeline-year {
        font-family: 'Exo 2', sans-serif;
        font-size:30px;
        font-weight: 700;
        color: #08395a;
        margin-bottom: 15px;
    }

    .timeline-card {
        background-color: #ffffff;
        border-radius: 8px;
        padding: 20px 25px;
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
        position: relative;
    }
    
    .timeline-card p {
        margin: 20px 0 0 0;
        font-size: 16px;
    }
    .timeline-card p:first-child{margin-top: 0;}
    

    .timeline-card strong {
        font-weight: 500;
        background-color: #e9ecef;
        padding: 2px 8px;
        border-radius: 4px;
        margin-right: 10px;
        font-family: 'Exo 2', sans-serif;
        display: none;
    }

    .sub-list {
        list-style-type: none;
        padding-left: 45px;
        margin-top: 5px;
        font-size: 16px;
        color: #555;
    }
    .sub-list li {
        margin-bottom: 5px;
        text-indent: -10px;
        margin-left: 15px;
    }

    /* --- 반응형 디자인 --- */
    @media (max-width: 768px) {
        .custom-history-wrapper {
            padding: 0px 0px;
        }
        .custom-history-wrapper h1 {
            font-size: 2rem;
        }
        /* 수정: 모바일에서도 간격을 25px -> 40px로 늘림 */
        .timeline {
            padding-left: 40px;
        }
        .timeline::before, .timeline-progress-bar {
            /* 수정: 늘어난 간격에 맞춰 위치 조정 */
            left: 0px;
            top: 20px;
        }
        .timeline-group::after {
            left: -45px; /* 모바일 점 위치 조정 */
            width: 14px;
            height: 14px;
            top: 10px !important;
        }
        .sub-list{padding: 0 !important;}
        
        .timeline-card strong{
            display: none;/*block -> none 250822*/
            text-align: center;
            width: 50px;
        }
    }/* End custom CSS */
/* Start JX Custom Fonts CSS *//* End JX Custom Fonts CSS */