/* 2025 history renewal */
html {scroll-behavior: smooth;}
.history_page {padding-top: 95px;}
.history_page > * {color: #252525;}

.history_page .history_tit {margin-top: 65px; font-size: 36px;font-weight: 400; text-align: center; line-height: 1.33;}

.history_page .history_tab--wrap {z-index: 99;position: sticky;top: 95px;margin-bottom: 120px; width: 100%;padding-top: 20px; box-sizing: border-box;background-color: #fff;}
.history_page .history_tab--wrap.on .mngIntro_tab {box-shadow: 10px 10px 15px rgba(0,0,0,0.05);}
.history_page .history_tab {overflow: hidden; display: flex;justify-content: center;flex-wrap: nowrap;width: 918px; margin: 0 auto;box-sizing: border-box;}
.history_page .history_tab .tab_btn {flex: 1; border: 1px solid #e4e4e4; border-right: none; line-height: 58px; font-size: 18px; font-weight: 300;text-align: center;cursor: pointer;background-color: #fff;transition: all 0.1s ease-out;}
.history_page .history_tab .tab_btn:first-child {border-radius: 5px 0 0 5px;}
.history_page .history_tab .tab_btn:last-child {border-radius: 0 5px 5px 0;border-right: 1px solid #e4e4e4;}
.history_page .history_tab .tab_btn.on, .history_page .history_tab .tab_btn:hover {border-color: #105dad; background-color: #105dad;color: #fff;}
.history_page .history_tab .tab_btn:hover{transition: all 0.2s ease-out;}

.history_page .history_timeline {position: absolute; margin-top: 131px; left: 496px; width: 1px; height: calc(100% - 330px); background: #ececec;}
.history_page .history_timeline .bar {width: 1px;height: 0; background-color: #105dad;}

.history_page .history {margin-top: 40px;}
.history_page .history_inner {position: relative; width: 918px; margin: 0 auto; padding-bottom: 30px;box-sizing: border-box;} 
.history_page .history_lft {position: sticky; top: 295px; height: 550px; padding-bottom: 120px; box-sizing: border-box;}
.history_page .history_rgt {padding-left: 55px; margin-left: 66px; margin-top: 126px;}

.history_page .decade {display: flex; scroll-margin-top: 295px;}
.history_page .decade_num {line-height: 1;color: #105dae;font-weight: 700;font-size: 34px;}
.history_page .decade_tit {margin: 16px 0 32px; line-height: 1.67; font-size: 18px;font-weight: 300;color: #105dae;}
.history_page .decade_img {display: block; width: 430px;height: 243px;object-fit: cover;border-radius: 4px; background-color: #ececec;}
.history_page .decade_desc {margin-top: 20px; line-height: 1; font-size: 18px;}
.history_page .decade_desc > span {position: relative; top: -1px; padding: 6px 9px; margin-right: 6px; border: 1px solid #105dae; border-radius: 50px; font-size: 14px; font-weight: 500; line-height: 1; color: #105dae; box-sizing: border-box;}
/* test */
.history_page .decade_img--wrap {position: relative;width: 430px;}
.history_page .decade_img_year {position: absolute;top: 0;opacity: 1;transition: opacity 0.3s;}
.history_page .decade_img_year.hide {opacity: 0;}

.history_page .year {position: relative; padding-bottom: 130px;}
.history_page .year::before{content: '';position: absolute;top: 5px;left: -67px;display: block;width: 26px;height: 26px;background: url('//www.duo.co.kr/html/company/img/history_circle_gray.svg') no-repeat center / cover;}
.history_page .year.on::before{background-image: url('//www.duo.co.kr/html/company/img/history_circle_blue.svg');}
.history_page .year_num {line-height: 1; margin-bottom: 30px; font-size: 34px; font-weight: 700;}
.history_page .year[data-year="1995"] {min-height: 406px;}
.history_page .history_list > li {padding-left: 16px; text-indent: -10px; line-height: 1.67; font-size: 18px; font-weight: 300;word-break: keep-all;}
.history_page .history_list > li::before {content: 'กค'; display: inline-block; margin-right: 5px; font-size: 18px; font-weight: 300;color: #252525;}
.history_page .history_list > li.key {font-weight: 600;color: #105dae;}
.history_page .history_list > li + li {margin-top: 26px;}
.history_page .history_list > li > small {display: block; text-indent: 0; margin-top: -2px; font-size: 12px;font-weight: 300;}

@media (max-width: 1560px) {

    .history_page .history_tit {margin-top: 55px; font-size: 31px;}

    .history_page .history_tab--wrap {margin-bottom: 102px;padding-top: 17px;}
    .history_page .history_tab--wrap.on .mngIntro_tab {box-shadow: 9px 9px 13px rgba(0,0,0,0.05);}
    .history_page .history_tab {width: 780px;}
    .history_page .history_tab .tab_btn {line-height: 43px; font-size: 15px;}

    .history_page .history_timeline {margin-top: 111px; left: 422px; height: calc(100% - 280px);}

    .history_page .history {margin-top: 34px;}
    .history_page .history_inner {width: 780px; padding-bottom: 25px;} 
    .history_page .history_lft {top: 250px; height: 468px; padding-bottom: 102px;}
    .history_page .history_rgt {padding-left: 47px; margin-left: 56px;margin-top: 107px;}

    .history_page .decade {scroll-margin-top: 250px;}
    .history_page .decade_num {font-size: 29px;}
    .history_page .decade_tit {margin: 14px 0 27px;font-size: 15px;}
    .history_page .decade_img {width: 365px;height: 206px;}
    .history_page .decade_desc {margin-top: 17px;font-size: 15px;}
    .history_page .decade_desc > span {padding: 5px 8px; margin-right: 5px; font-size: 12px;}

    .history_page .decade_img--wrap {width: 365px;}

    .history_page .year {padding-bottom: 110px;}
    .history_page .year::before{top: 4px;left: -56px;width: 22px;height: 22px;}

    .history_page .year_num {margin-bottom: 25px; font-size: 29px;}
    .history_page .year[data-year="1995"] {min-height: 345px;}
    .history_page .history_list > li {padding-left: 14px; text-indent: -9px; font-size: 15px;}
    .history_page .history_list > li::before {margin-right: 4px; font-size: 15px;}
    .history_page .history_list > li + li {margin-top: 22px;}
    .history_page .history_list > li > small {font-size: 10px;}
}