.elementor-232 .elementor-element.elementor-element-3af9738c{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-232 .elementor-element.elementor-element-01b29cd{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-232 .elementor-element.elementor-element-6282050{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:100px;--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-232 .elementor-element.elementor-element-fe6aa72{font-family:"Pretendard", Sans-serif;font-size:24px;font-weight:500;line-height:30px;color:#0090B3;}.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-232 .elementor-element.elementor-element-4dca7c8 .raven-heading, .elementor-232 .elementor-element.elementor-element-4dca7c8 .raven-heading a{font-family:"Pretendard", Sans-serif;font-size:46px;font-weight:600;line-height:46px;}.elementor-232 .elementor-element.elementor-element-29c1eb2{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:80px;--padding-bottom:100px;--padding-left:0px;--padding-right:0px;}@media(max-width:1366px){.elementor-232 .elementor-element.elementor-element-6282050{--padding-top:50px;--padding-bottom:0px;--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 );}.elementor-232 .elementor-element.elementor-element-29c1eb2{--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:40px;--padding-bottom:50px;--padding-left:20px;--padding-right:20px;}}@media(max-width:1200px){.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-232 .elementor-element.elementor-element-4dca7c8 .raven-heading, .elementor-232 .elementor-element.elementor-element-4dca7c8 .raven-heading a{font-size:30px;line-height:30px;}}@media(max-width:776px){.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-232 .elementor-element.elementor-element-dfbc7d9{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}}/* Start custom CSS for html, class: .elementor-element-0d9c708 */.his-wrap {
    text-align: center;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url(/wp-content/uploads/2025/12/history.jpg);
    border-radius: 10px;
    position: relative;
    height: 350px;
}
.his-wrap .his-wrap-txt {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: transparent;
    -webkit-text-stroke: 1px white;
    font-size: 100px;
    font-weight: 600;
    text-shadow: none;
    filter: none;  
    width: 100%;
}

@media (max-width: 776px) {
    .his-wrap {
        padding-bottom: calc(600 / 1300 * 100%);
    }
    .his-wrap .his-wrap-txt {
        font-size: 26px;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-dfbc7d9 */.history-widget-wrapper {
    max-width: 1300px;
    margin: 0 auto;
    font-family: 'Pretendard Variable';
    box-sizing: border-box;
}
.history-widget-wrapper * {
    box-sizing: border-box;
}
.history-tabs {
    display: flex;
    justify-content: flex-start;
    gap: 10px;
    margin-bottom: 30px;
    overflow-x: auto;
    white-space: nowrap;
    padding-bottom: 5px;
}
.history-tabs::-webkit-scrollbar {
    display: none;
}
.history-tab-btn {
    background: transparent;
    border: none;
    padding: 12px 30px;
    font-size: 16px;
    font-weight: 500;
    cursor: pointer;
    border-radius: 25px;
    transition: all 0.3s ease;
    color: #666;
    font-family: 'Pretendard', sans-serif;
    flex-shrink: 0;
    outline: none;
    outline: none
}

.history-tab-btn:focus{
    outline: none;
}

.history-tab-btn:hover {
    background-color: #f2f5f7;
    color: #003768;
    border-color: #f2f5f7;
    outline: none;
}
.history-tab-btn.active {
    background-color: #003768;
    color: #fff;
    border-color: #003768;
}
.history-content {
    display: none;
    width: 100%;
}
.history-content.active {
    display: block;
    
}
.history-banner {
    width: 100%;
    height: auto;
    margin-bottom: 0px;
    overflow: hidden;
    border-radius: 10px;
}
.history-banner img {
    display: block;
    width: 100%;
    height: auto;
    object-fit: cover;
}
.history-timeline-wrap {
    padding-top: 100px;
    position: relative;
    padding-bottom: 0;
}
.timeline-line {
    position: absolute;
    left: 470px;
    top: 0;
    bottom: 0;
    width: 2px;
    background-color: #e0e0e0;
    z-index: 1;
}
.timeline-line-progress {
    position: absolute;
    left: 470px;
    top: 0;
    width: 2px;
    background-color: #0090b3;
    z-index: 2;
    height: 0%;
    transition: height 0.1s linear;
}
.history-year-block {
    display: flex;
    position: relative;
    margin-bottom: 80px;
    z-index: 3;
}
.history-year-block:last-child {
    margin-bottom: 0;
}
.history-left-col {
    width: 470px;
    position: relative;
    height: 64px;
    flex-shrink: 0;
}
.history-year-title {
    font-size: 64px;
    font-weight: 600;
    color: #111;
    margin: 0;
    line-height: 1;
    position: absolute;
    top: 0;
    right: 305px;
    white-space: nowrap;
}
.year-deco-line {
    position: absolute;
    top: 32px;
    right: 0;
    width: 230px;
    height: 1px;
    background-color: #e0e0e0;
}
.year-deco-line::before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 10px;
    height: 10px;
    border: 2px solid #ddd;
    background-color: #fff;
    border-radius: 50%;
    box-sizing: border-box;
    z-index: 5;
}
.year-deco-line::after {
    content: '';
    position: absolute;
    right: -6px;
    top: 50%;
    transform: translate(0, -50%);
    width: 10px;
    height: 10px;
    border: 2px solid #0090b3;
    background-color: #fff;
    border-radius: 50%;
    box-sizing: border-box;
    z-index: 10;
    box-shadow: 0 0 0 10px rgba(7, 79, 143, 0.1); 
}
.history-right-col {
    flex-grow: 1;
    padding-left: 50px;
    padding-top: 10px;
}
.history-row {
    display: flex;
    margin-bottom: 20px;
    align-items: flex-start;
}
.h-month {
    font-weight: 700;
    color: #333;
    margin-right: 20px;
    font-size: 18px;
    flex-shrink: 0;
    font-variant: tabular-nums;
}
.h-text {
    color: #333;
    font-size: 18px;
    line-height: 26px;
    word-break: keep-all;
}
.h-text span {
    display: block;
}
.tag {
    color: #003768;
    font-weight: 600;
}
.history-gallery {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
    margin-top: 10px;
    margin-bottom: 30px; 
    margin-left: 60px;
}
.history-gallery img {
    max-width: 300px;
    height: auto;
    border: 1px solid #eee;
    padding: 5px;
}

@media screen and (max-width: 991px) {
    .timeline-line, .timeline-line-progress {
        left: 20px;
    }
    .history-year-block {
        flex-direction: column;
        margin-bottom: 40px;
    }
    .history-year-block:last-child {
        margin-bottom: 0;
    }
    .history-left-col {
        width: 100%;
        height: auto;
        margin-bottom: 15px;
        padding-left: 50px;
    }
    .history-year-title {
        position: static;
        font-size: 26px;
        text-align: left;
    }
    .year-deco-line {
        width: 10px;
        height: 10px;
        top: 10px; 
        left: 16px;
        right: auto;
        background: transparent;
    }
    .year-deco-line::before {
        display: none;
    }
    .year-deco-line::after {
        right: auto;
        left: 0;
        top: 0;
        transform: none;
    }
    .history-right-col {
        padding-left: 50px;
        padding-top: 0;
    }
    .history-banner {
        margin-bottom: 40px;
    }
    .history-gallery {
        margin-left: 0;
    }
    .history-gallery img {
        max-width: 100%;
    }
    .history-timeline-wrap {
        padding-top: 50px;
    }
}/* End custom CSS */
/* Start JX Custom Fonts CSS */@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-Black.subset.woff2')format('woff2');}@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');}/* End JX Custom Fonts CSS */