@import url("../css/reset.css");

.history_wrap .year_tab .year_list.on{position:fixed; left:50px; top:50%; transform:translateY(-50%); width:auto; width:fit-content; flex-direction: column; align-items: stretch; z-index: 1;}
.history_wrap .year_tab .year_list.on li,
.history_wrap .year_tab .year_list.on li a{width:100%;text-align: center;}
.history_wrap .year_tab .year_list.on + .year_con{margin-top:170px;}

.symbol_img.line_bg{background:url("../images/sub/line_bg.png")repeat;}

.composition_list .depth1 > li > button,.organization_chart .chart_list > li > .depth2 > li > div, .organization_chart .chart_list > li > .depth2 > li > span, .organization_chart .chart_list > li > .depth2 > li > button, .organization_chart .chart_list > li > .depth2 > li > a{background:#fff; border:1px solid #0C2B80; box-shadow:0 5px 10px 0 rgba(2,11,61,0.20); color:#0C2B80; transition-duration:0.2s;}
.composition_list .depth1 > li > button:is(:hover,:focus),
.organization_chart .chart_list > li > .depth2 > li > div:is(:hover,:focus),
.organization_chart .chart_list > li > .depth2 > li > span:is(:hover,:focus),
.organization_chart .chart_list > li > .depth2 > li > button:is(:hover,:focus),
.organization_chart .chart_list > li > .depth2 > li > a:is(:hover,:focus){background:#0C2B80; color:#fff;}
.en_contents .organization_chart .chart_list * {pointer-events: none;}
.composition_list .depth1 > li .depth2 > li > button,.organization_chart .chart_list > li > .depth2 > li > .depth3 > li.type2 > div, .organization_chart .chart_list > li > .depth2 > li > .depth3 > li.type2 > button, .organization_chart .chart_list > li > .depth2 > li > .depth3 > li.type2 > a{border:1px solid #4060B9; color:#4060B9; background:#fff; box-shadow:0 5px 10px 0 rgba(2,11,61,0.20); transition-duration:0.2s;}
.composition_list .depth1 > li .depth2 > li > button:is(:hover,:focus),
.organization_chart .chart_list > li > .depth2 > li > .depth3 > li.type2 > div:is(:hover,:focus),
.organization_chart .chart_list > li > .depth2 > li > .depth3 > li.type2 > button:is(:hover,:focus),
.organization_chart .chart_list > li > .depth2 > li > .depth3 > li.type2 > a:is(:hover,:focus){background:#4060B9; color:#fff;}
.composition_list .depth1 > li .depth2 > li .depth3 > li > button{background:#fff; border-:1px solid #9EA3A6; box-shadow:0 5px 10px 0 rgba(2,11,61,0.20); border:1px solid #9EA3A6; color:#000;  transition-duration:0.2s;}
.composition_list .depth1 > li .depth2 > li .depth3 > li > button::AFTER{DISPLAY:NONE;}
.composition_list .depth1 > li .depth2 > li .depth3 > li > button:is(:hover,:focus){background:#EEF2F6; border:1px solid #EEF2F6;}
.organization_chart .chart_list > li > div, .organization_chart .chart_list > li > a, .organization_chart .chart_list > li > button, .en_contents .organization_chart .chart_list > li > span{
    background:#EEF2F6;
    border:1px solid #000;
    box-shadow:0 5px 10px 0 rgba(2,11,61,0.20);
    color:#000;
    transition-duration:0.2s;
}

.organization_chart .chart_list > li > div:is(:hover,:focus),
.organization_chart .chart_list > li > a:is(:hover,:focus),
.organization_chart .chart_list > li > button:is(:hover,:focus),
.en_contents .organization_chart .chart_list > li > span:is(:hover,:focus){background:#000; color:#fff;}

.board_write .table_tit {display: flex; justify-content: space-between; align-items: flex-end; padding:10px 0px 15px;}
.table_tit + .table_wrap table{min-height:82px;}

.con_txt_big{font-size:32px;}
@media screen and (max-width:1024px){
    .history_wrap .year_tab .year_con > ul > li{display:flex;}
}
@media screen and (max-width: 768px){
    .history_wrap .year_tab .year_con > ul > li{display:block;}
    .history_wrap .year_tab .year_list.on{display:none;}
    .board_write .table_tit {padding:10px 0px 7px;}
    .con_txt_big{font-size:18px;}
}