.elementor-309 .elementor-element.elementor-element-2a264c9{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-309 .elementor-element.elementor-element-0e47178{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:100px;--padding-bottom:100px;--padding-left:0px;--padding-right:0px;}.elementor-309 .elementor-element.elementor-element-ad67c40{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:5px 5px;--row-gap:5px;--column-gap:5px;--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-309 .elementor-element.elementor-element-7bfd499 .raven-heading-title, .elementor-309 .elementor-element.elementor-element-7bfd499 .raven-heading-title-inner{color:#000000;-webkit-text-fill-color:initial;}.elementor-309 .elementor-element.elementor-element-7bfd499 .raven-heading, .elementor-309 .elementor-element.elementor-element-7bfd499 .raven-heading a{font-family:"Exo 2", Sans-serif;font-size:46px;font-weight:600;line-height:54px;}.elementor-widget-raven-image .widget-image-caption{color:var( --e-global-color-text );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 );}.elementor-309 .elementor-element.elementor-element-e8460cb > .elementor-widget-container{margin:5px 0px 0px 0px;}.elementor-309 .elementor-element.elementor-element-e8460cb .raven-image{opacity:1;}.elementor-309 .elementor-element.elementor-element-e8460cb{text-align:center;}.elementor-309 .elementor-element.elementor-element-1401155{--display:flex;--gap:5px 5px;--row-gap:5px;--column-gap:5px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-309 .elementor-element.elementor-element-af5e996{margin:20px 0px calc(var(--kit-widget-spacing, 0px) + 80px) 0px;}.elementor-309 .elementor-element.elementor-element-2926033{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:70px;--padding-left:0px;--padding-right:0px;}.elementor-309 .elementor-element.elementor-element-c54610d{padding:0px 0px 0px 60px;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );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 );}.elementor-309 .elementor-element.elementor-element-1c6dafe{padding:40px 0px 0px 0px;}.elementor-309 .elementor-element.elementor-element-1c6dafe img{border-radius:10px 10px 10px 10px;}.elementor-309 .elementor-element.elementor-element-e0e9ddd{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:70px;--padding-bottom:70px;--padding-left:0px;--padding-right:0px;}.elementor-309 .elementor-element.elementor-element-e0e9ddd:not(.elementor-motion-effects-element-type-background), .elementor-309 .elementor-element.elementor-element-e0e9ddd > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F2F5F7;}.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-309 .elementor-element.elementor-element-5d9f60d{text-align:center;font-family:"Exo 2", Sans-serif;font-size:40px;font-weight:400;line-height:40px;}.elementor-309 .elementor-element.elementor-element-6a8b890{padding:20px 0px 60px 0px;}.elementor-309 .elementor-element.elementor-element-5a848a7{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:70px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-309 .elementor-element.elementor-element-b52c8d9{text-align:center;font-family:"Exo 2", Sans-serif;font-size:40px;font-weight:600;line-height:40px;}.elementor-309 .elementor-element.elementor-element-a620789{padding:20px 0px 60px 0px;}body:not(.rtl) .elementor-309 .elementor-element.elementor-element-1a761f8{right:0px;}body.rtl .elementor-309 .elementor-element.elementor-element-1a761f8{left:0px;}.elementor-309 .elementor-element.elementor-element-1a761f8{top:0px;}@media(max-width:1366px){.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-raven-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-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-309 .elementor-element.elementor-element-0e47178{--padding-top:50px;--padding-bottom:50px;--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-raven-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-309 .elementor-element.elementor-element-af5e996{margin:20px 0px calc(var(--kit-widget-spacing, 0px) + 40px) 0px;}.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-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:776px){.elementor-309 .elementor-element.elementor-element-0e47178{--padding-top:50px;--padding-bottom:50px;--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-raven-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-309 .elementor-element.elementor-element-af5e996{margin:10px 0px calc(var(--kit-widget-spacing, 0px) + 40px) 0px;}.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-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(min-width:777px){.elementor-309 .elementor-element.elementor-element-ad67c40{--content-width:1300px;}.elementor-309 .elementor-element.elementor-element-1401155{--content-width:1300px;}.elementor-309 .elementor-element.elementor-element-2926033{--content-width:1300px;}.elementor-309 .elementor-element.elementor-element-5a848a7{--content-width:1300px;}}/* Start custom CSS for html, class: .elementor-element-af5e996 */.tit_line {
  width: 100%;        /* 선의 전체 길이 */
  height: 1px;        /* 선의 두께 */
  border: none;
  background: linear-gradient(
      to right,
      #f2971f 0px,           /* 시작점: 오렌지 */
      #f2971f 41px,          /* 41px까지 오렌지 유지 */
      #aaaaaa 42px,          /* 아주 짧은 구간에서 회색으로 전환 */
      #aaaaaa 30%,           /* 특정 지점까지 회색 유지 */
      rgba(170, 170, 170, 0) 100% /* 끝으로 갈수록 투명하게 사라짐 */
    );
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-c54610d */.com-tit {
    color: #111;
    font-size: 38px;
    font-weight: 500;
    position: relative;
}
.com-tit span {
    color: #1c3c72;
    font-weight: 700;
}
.com-tit p {
    margin: -20px 0 0 30px;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-caf9d98 */.ove-ul {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
}
.ove-ul li {
    width: 31%;
}
.ove-ul .box {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #ddd;
    padding: 40px 0;
}
.ove-ul .box img {
    margin-right: 40px;
}

.box-tit {
    color: #111;
    font-size: 26px;
    font-weight: 500;
}
.box-txt {
    color: #333;
    font-size: 18px;
    padding-top: 15px;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f1a2bae */.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 *//* End JX Custom Fonts CSS */