@charset "utf-8";


#history {}

/* 연혁 탭 */
#history .history_tab {
    padding:0 50px;
}
#history .history_tab ul {
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:10px;
}
#history .history_tab ul li {
    position: relative;
    flex:1;
}
#history .history_tab ul li a {
    display:flex;
    align-items:center;
    gap:10px;
    width:100%;
    cursor: pointer;
}

#history .history_tab ul li:last-child a {
    cursor: default;
}
#history .history_tab ul li .label {
    font-size:1.33em;
    font-weight:600;
    font-family: 'S-CoreDream';
    padding:10px;
}
#history .history_tab ul li:last-child .disabled-year {
    font-size:1.33em;
    font-weight:200;
    font-family: 'S-CoreDream';
    padding:10px;
}
#history .history_tab ul li .histab_border {
    flex:1;
    height:1px;
    background-color:#ddd;
    position: relative;
}
#history .history_tab ul li .histab_border::before {
    content:'';
    width:10px;
    height:10px;
    border:4px solid transparent;
    border-radius:50%;
    background-color:#ddd;
    position:absolute;
    left:50%;
    transform:translate(-50%, -50%);
}
#history .history_tab ul li.sel .histab_border {
    background-color:#004F90;
}
#history .history_tab ul li.sel .histab_border::before {
    background-color:#004F90;
    border-color:#D7EDFF;
    width:18px;
    height:18px;
}
#history .history_tab ul li:last-child {
    flex:none;
}



/* 연혁 내용 */
#history .history_cont {
    margin-top:80px;
}
#history .history_cont .cont {
    margin:80px 0;
}
#history .history_view {
    display:none;
}
#history .history_view.sel {
    display:block;
}
#history .history_view .history_wrap {
    display:flex;
    flex-direction:column;
    gap:50px;
}
#history .history_view .history_wrap .his_yy {
    font-size:3.33em;
    font-weight:800;
    letter-spacing:-3px;
    font-family: 'SUITE', sans-serif;
    text-align:center;
}
#history .history_view .history_wrap .history_box {
    display:flex;
    align-items:flex-start;
    gap:50px;
}
#history .history_view .history_wrap .history_box .history_img {
    flex:1;
    display:flex;
    flex-direction:column;
    gap:30px;
}
#history .history_view .history_wrap .history_box .history_img .img_box {
    display:flex;
}
#history .history_view .history_wrap .history_box .history_img .img_box:nth-child(odd) {
    justify-content:flex-start;
}
#history .history_view .history_wrap .history_box .history_img .img_box:nth-child(even) {
    justify-content:flex-end;
}
#history .history_view .history_wrap .history_box .history_img .img_box img {
    border-radius:30px;
}
#history .history_view .history_wrap .history_box .history_context {
    flex:1;
    display:flex;
    flex-direction:column;
    gap:20px;
}
#history .history_view .history_wrap .history_box .history_context ul {
    display:flex;
    align-items:flex-start;
    gap:10px;
}
#history .history_view .history_wrap .history_box .history_context .his_date {
    width:80px;
    font-size:1em;
    font-weight:900;
    letter-spacing:-0.54px;
    font-family: 'SUITE', sans-serif;
}
#history .history_view .history_wrap .history_box .history_context .his_co {
    flex:1;
    font-size:1em;
    font-weight:400;
}



/* 반응형 미디어쿼리 css */
@media (max-width:1600px) {}
@media (max-width:1440px) {}
@media (max-width:1200px) {
    #history .history_tab {
        padding:0;
    }
}
@media (max-width:1024px) {
    #history .history_view .history_wrap .his_yy {
        font-size:2.66em;
    }
    #history .history_view .history_wrap .history_box {
        flex-direction:column;
    }
    #history .history_view .history_wrap .history_box .history_img {
        flex-direction: row;
        flex-wrap: wrap;
        gap:20px;
        justify-content:center;
    }
    #history .history_view .history_wrap .history_box .history_img .img_box {
        width:calc(50% - 10px);
        max-width:400px;
    }
    #history .history_view .history_wrap .history_box .history_img .img_box img {
        width:100%;
    }

    
}
@media (max-width:991px) {
    #history .history_cont {
        margin-top:50px;
    }
    #history .history_cont .cont {
        margin:50px 0;
    }
    #history .history_view .history_wrap {
        gap:30px;
    }
}
@media (max-width:768px) {}
@media (max-width:640px) {
    #history .history_tab ul li p {
        font-size:1.11em;
    }
    #history .history_view .history_wrap .history_box .history_img {
        display:none;
    }
}
@media (max-width:460px) {}


/* 웹접근성 관련css */

/* [A11Y] hidden 속성은 확실히 숨김 */
[hidden] { display:none !important; }

/* 기본적으로 패널은 안 보이게(구 사이트 스타일과 충돌 시 우선순위 높임) */
.history_view { display:none; }
.history_view.sel { display:block; } /* 활성 패널만 보이기 */

/* 포커스 가시성 */
.history_tab a[role="tab"]:focus { outline:2px solid #1a3faa; outline-offset:2px; }

/* 활성 탭 스타일 */
.history_tab li.sel > a[role="tab"] { font-weight:700; }

.disabled-year { cursor:not-allowed; }