.displaynone{display: none;}
.ir_report_table_wrap table{width: 100%;}
.ir_report_table_wrap thead{background-color: #F8F8FA;}
.ir_report_table_wrap thead th{font-size: 14px;font-weight:500;color:#666;padding: 15px 0;line-height: 1.2;vertical-align: middle;}
.ir_report_table_wrap thead th,
.ir_report_table_wrap td{border-right: 1px solid #EAEAEA;}
.ir_report_table_wrap thead th:last-child,
.ir_report_table_wrap td:last-child{border-right: 0;}
.ir_report_table_wrap td:not(:first-child){text-align: right;}
.ir_report_table_wrap td{font-size: 15px;line-height: 1.5;padding: 20px;}
.ir_report_table_wrap table tr{border-bottom:1px solid #EAEAEA;}

.graph_type_tab{display: flex;flex-wrap: wrap;gap: 10px;padding-bottom: 30px;}
.graph_type_tab li{line-height: 1.5;font-size: 16px;font-weight: 500;padding: 10px 30px;border-radius: 30px;background-color: #ebebeb;color:#999;cursor: pointer;}
.graph_type_tab li.selected{color: #fff;background-color: #FF4853;}

.chart_wrap{margin-bottom: 80px;position: relative;}
.chart_unit{font-size: 14px;color: #999;display: block;text-align: right;}
.dividend_status_tbl_wrap{    border-top: 1px solid #000;}
.ir_report_table_wrap .dividend_status_tbl_wrap table{border-top: 0;}
.dividend_status_tbl_wrap::-webkit-scrollbar {
    height: 3px;
}
.chart_table::-webkit-scrollbar-track,
.dividend_status_tbl_wrap::-webkit-scrollbar-track {
    background-color: #fff; 
    border-radius: 10px;
}
.chart_table::-webkit-scrollbar-thumb,
.dividend_status_tbl_wrap::-webkit-scrollbar-thumb {
    background-color: #ccc; 
    border-radius: 0px;
}
.chart_table::-webkit-scrollbar-thumb:hover,
.dividend_status_tbl_wrap::-webkit-scrollbar-thumb:hover  {
    background-color: #ccc; 
}
.board_menu{    width: 180px;}
.board_container #bo_list{flex: 4; width: calc(100% - 180px) !important;}
.highlights .board_container #bo_list{width: 100% !important;flex: unset;border-left:0;padding: 50px 0 200px}
.tbl_unit{display: none;}
.tbl_desc{font-size: 13px;color: #999;}
.tbl_desc.mo{display: none;}
.status_warn_txt{font-size: 13px;display: block;color: #999;padding-top: 14px;}

/*주식정보 - 배당정책/현황*/
.dividend_status_tbl{padding-top: 100px;}
.dividend_status_tbl th:first-child{width: 230px;}
.dividend_status_tbl td p{font-size: 13px;line-height: 1.5;padding-top: 4px;}
.dividend_status_tbl td:first-child{padding: 20px 40px;text-align: left;}
.dividend_status_tbl td:not(:first-child){text-align: center;vertical-align: middle;}
#bo_list .dividend_status_tbl tr{border-top: 0;}
.ir_report_table_wrap .br{display: block;}


/*주주현황*/
.stock_date{font-size: 12px;color:#999;position: absolute;right: 50px;top: 8px;}
.stock_box_wrap{display:flex;flex-wrap: wrap;}
.stock_box{flex: 1;padding: 50px 50px 200px 50px;width: 50%;}
.ir_report_table_wrap .stock_box table {border-top: 0;}
.stock_box .table_title{gap: 6px;}
.board_container #bo_list.stock_box_wrap{padding: 0;position: relative;}
.board_container #bo_list.stock_box_wrap > div:last-child{border-left: 1px solid #eaeaea;}
.total_listed_shares{font-size: 40px;font-weight: 400;display: block;padding-bottom: 78px;color: #000;line-height: 1.2;}
.ownership_chart_wrap{margin-top: 30px;padding: 0 5%;}
.ir_report_table_wrap .stock_box_wrap td{text-align: center;}
.table_unit{font-size: 12px;color: #999;display: flex;justify-content: end;padding-top: 10px;line-height: 1.5;    text-align: right;}
.ownership_chart_desc{font-size: 12px;color: #999;line-height: 1.4;padding-top: 30px;}
.ir_report_table_wrap .stock_box_wrap th{line-height: 1.5;}


/*주주정보*/
#cur_price{line-height: 1.5;color: #000;}
#cur_price strong{font-size: 80px;font-weight: 400;}
#cur_price span{font-size: 30px;}
.stock_info_wrap{display: flex;flex-wrap: wrap;gap: 30px 10px;margin-bottom: 60px;    justify-content: space-between;}
.stock_info_wrap > div:nth-child(2n){width: 40%;}
.stock_info_box{    width: 50%;}
.st_info_title{line-height: 1.5; font-size: 14px;color: #666;}
.st_info_content{font-size: 20px;font-weight: 500;line-height: 1.5;padding-top: 10px;color: #000;}
.stock_status.sec{margin-top: 20px;}
.compare_previous{color: #FF4853;}
#diff_icon{display: inline-block;font-size: 11px;transform: translateY(-2px);}
#diff{display: inline-block;padding-right: 10px;}

/*주주환원*/
.share_chart_wrap{display: flex;gap: 20px;}
.share_chart_box{flex: 1;display: flex;flex-direction: column;justify-content: space-between;}
.share_chart_tit{font-size: 18px;font-weight: 500; color: #000;line-height: 1.5;padding-bottom: 20px;overflow: hidden;}
.share_chart_wrap .chart_box{border: 1px solid #EAEAEA;padding: 60px;}
.share_chart{height: 335px; border-bottom: 1px solid #000;display: flex;flex-wrap: wrap;justify-content: center;align-items: end;gap: 30px;}
.share_chart .label_year{color: #999;}
.share_chart .current .label{color: #FF4853;font-size: 19px;transform: translateY(-30px);}
.chart_area{padding-top: 30px;}
.bar_chart{margin: 0 auto;position: relative;background: #EBEBEB;}
.bar_chart.current{background: linear-gradient(to bottom, #FF4853 36%, #FFCACD 100%);}
.bar_chart.year24{height: 270px;}
.bar_chart.year25{height: 202px;}
.bar_chart.shareBuybackChart{height: 270px;}
.chart_cont{width: 100px;position: relative;}
.bar_chart .label{font-size: 15px;font-weight: 500;color: #000;line-height: 1.5;text-align: center;display: block;transform: translateY(-25px);} 
.bar_chart .inner{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);color: #fff;font-size: 15px;font-weight: 500;line-height: 1.5;text-align: center;    width: 100%;}    
.bar_chart.year24 .inner{color: #999999;}         
.bar_chart .afterTxt{top: 0;display: inline-block;position: absolute;right: -109px;border-top: 1px solid #FF4853;padding: 10px 0 0 16px;text-align: right;}       
.bar_chart .afterTxt.en{right: -125px;}
.bar_chart .afterTxt p{font-size: 13px;color: #666;}       
.bar_chart .afterTxt span{font-size: 18px;font-weight: 500;color: #FF4853;line-height: 1.5;}       
.label_year{font-size: 14px;color: #666;display: block;text-align: center;position: absolute;width: 100%;bottom: -26px;}
.share_chart_desc{padding-top: 20px;}
.share_chart_desc li{color: #999999;font-size: 13px;line-height: 1.5;}
.share_chart_tit > span{font-size: 12px;color: #999;line-height: 1.5;    margin-top: 6px;float: right;    font-weight: 400;}


@keyframes growRevenue20 {
    from { height: 0; opacity: 0; }
    to { height: 83px; opacity: 1; }
  }

  @keyframes growRevenue21 {
    from { height: 0; opacity: 0; }
    to { height: 120px; opacity: 1; }
  }

  @keyframes growRevenue22 {
    from { height: 0; opacity: 0; }
    to { height: 140px; opacity: 1; }
  }

  @keyframes growRevenue23 {
    from { height: 0; opacity: 0; }
    to { height: 217px; opacity: 1; }
  }

  @keyframes growRevenue24 {
    from { height: 0; opacity: 0; }
    to { height: 290px; opacity: 1; }
  }
/**/
  @keyframes growIncome20 {
    from { height: 0; opacity: 0; }
    to { height: 20px; opacity: 1; }
  }

  @keyframes growIncome21 {
    from { height: 0; opacity: 0; }
    to { height: 20px; opacity: 1; }
  }

  @keyframes growIncome22 {
    from { height: 0; opacity: 0; }
    to { height: 50px; opacity: 1; }
  }

  @keyframes growIncome23 {
    from { height: 0; opacity: 0; }
    to { height: 130px; opacity: 1; }
  }

  @keyframes growIncome24 {
    from { height: 0; opacity: 0; }
    to { height: 270px; opacity: 1; }
  }

.revenue20{animation: growRevenue20 .6s ease-out forwards;}
.revenue21{animation: growRevenue21 .6s ease-out forwards;}
.revenue22{animation: growRevenue22 .6s ease-out forwards;}
.revenue23{animation: growRevenue23 .6s ease-out forwards;}
.revenue24{animation: growRevenue24 .6s ease-out forwards;}

.income20{animation: growIncome20 .6s ease-out forwards;}
.income21{animation: growIncome21 .6s ease-out forwards;}
.income22{animation: growIncome22 .6s ease-out forwards;}
.income23{animation: growIncome23 .6s ease-out forwards;}
.income24{animation: growIncome24 .6s ease-out forwards;}

@media (max-width: 1200px) {
    .board_menu{border-bottom: 1px solid #DEDEDE;flex-wrap: nowrap;white-space: nowrap;overflow-x: scroll;}
    .board_menu,
    .board_container #bo_list{width: 100% !important;}
    #bo_list.stock_box_wrap tr{border-top: 0;}
    .highlights .table_title{    padding: 0 20px 24px;}
    .highlights .graph_type_tab{padding: 0 20px 30px;}
    .highlights .chart_wrap{padding: 0 20px;}
    .highlights .chart_table{margin-left: 20px;}
    .highlights .board_container #bo_list{padding: 20px 0 200px;}

}
@media (max-width: 768px) {
    .ir_report_table_wrap thead th{padding: 12px 0;font-size: 13px;}
    .ir_report_table_wrap td{font-size: 14px;padding: 20px 16px;}
    .graph_type_tab{gap: 8px;padding-bottom: 20px;}
    .graph_type_tab li{font-size: 14px;padding: 8px 20px;}
    .table_title{padding-bottom: 14px;}
    .tbl_unit{display:block;font-size: 13px;color: #999;}
    .en .tbl_unit{display:flex;justify-content: end;padding-bottom: 10px;color: #999;font-size: 12px;}
    .tbl_desc.pc{display: none;}
    .tbl_desc.mo{display: flex; justify-content: end;padding-top: 14px;}

    /*주식정보 - 배당정책/현황*/
    .dividend_status_tbl {padding-top: 65px;}
    .dividend_status_tbl td:first-child{text-align: center;}
    .dividend_status_tbl td p{font-size: 12px;}
    .status_warn_txt {font-size: 12px;}
    .ir_report_table_wrap table{min-width: 650px;}

    /*주주현황*/
    .stock_box{flex: unset;width: 100%;padding: 50px 20px 20px;}
    #bo_list.stock_box_wrap > div.stock_box:last-child{padding-bottom: 130px;}
    .ownership_chart_wrap{padding: 0 6px;margin-top: 15px;}
    .stock_box .table_title{justify-content: space-between;}
    .stock_status table{min-width: unset;display: flex;}
    .stock_status colgroup{display: none;}
    .stock_status thead{width: 115px;}
    .stock_status thead tr,.stock_status tbody tr{display: flex;flex-direction: column;}
    .stock_status tbody{flex: 3;}
    .stock_status thead tr{height: 100%;}
    .stock_status thead th{font-size: 14px;flex: 1;display: flex;align-items: center;}
    .stock_status tbody td{font-size: 15px;}
    .ir_report_table_wrap .stock_box_wrap th,
    .ir_report_table_wrap .stock_box_wrap td{padding: 20px;text-align: left; border-right: none;border-bottom: 1px solid #eaeaea;}
    #bo_list .stock_status tr{border: none;}
    .total_listed_shares{font-size: 36px;}
    .ver_en .stock_status thead{width: 145px;}
    .ver_en .stock_status thead th{    padding: 18px 20px;}
    .ver_en .stock_status tbody td{padding: 27.5px 20px;}
    .board_container #bo_list.stock_box_wrap{padding: 0;}
    .board_container #bo_list.stock_box_wrap > div:last-child{border-left: 0;}
    .stock_date{font-size: 11px;right: 14px;top: 14px;}


    /*주주정보*/
    #cur_price strong{font-size: 60px;}
    #cur_price span{font-size: 24px;}
    .st_info_content{font-size: 16px;}
    .stock_status table.sec{margin-top: 0px;border-top: 0;}


    .chart_table, .dividend_status_tbl_wrap{overflow-x: scroll;white-space: nowrap;}
    /*주주환원*/
    .share_chart_tit{font-size: 15px;padding-bottom: 14px;}
    .share_chart_wrap{flex-direction: column;gap: 40px;}
    .share_chart_wrap .chart_box{padding: 50px 25px;}
    .share_chart_wrap .chart_cont{width: 35%;}
    .share_chart_desc{padding-top: 14px;}
    .share_chart_desc li{font-size: 12px;}
    .bar_chart .afterTxt{padding: 8px 0 0 13px;right: -84px;}
    .bar_chart .afterTxt p{font-size: 10px;}
    .bar_chart .afterTxt span{font-size: 14px;padding-top: 2px;display: inline-block;}
    .share_chart_tit > span{font-size: 11px;}
    .bar_chart .afterTxt.en {right: -97px;}
    .bar_chart .label,.bar_chart .inner{font-size: 12px;}
    .label_year{font-size: 11px;}
    #bo_list thead th:first-child,
    #bo_list tbody td:first-child{position: sticky;top: 0;left: 0;box-sizing: border-box;z-index: 1;}
    #bo_list thead th:first-child:before,
    #bo_list tbody td:first-child:before{content: "";display: block;position: absolute;width:1px;height: 100%;background-color: #eaeaea;top: 0;right: -1px;}

    #bo_list tbody td:first-child:after{content: "";display: block;position: absolute;width:100%;height: 1px;background-color: #eaeaea;bottom: 0;left: 0px;}

    #bo_list thead th:first-child{background: #F8F8FA;}
    #bo_list tbody td:first-child{background: #fff;}

    .chart_area{padding-top: 0;}
    .chart_area .share_chart{gap: 10px;height: 280px;}
    .chart_area .chart_cont{width: 16%;}
    .share_chart .current .label{font-size: 16px;}
    .share_chart .label_year{font-size: 13px;}
    .chart_unit{display: none;}
    .table_title .chart_unit{display: block;font-size: 13px;}
    
@keyframes growRevenue20 {
    from { height: 0; opacity: 0; }
    to { height: 65px; opacity: 1; }
  }

  @keyframes growRevenue21 {
    from { height: 0; opacity: 0; }
    to { height: 90px; opacity: 1; }
  }

  @keyframes growRevenue22 {
    from { height: 0; opacity: 0; }
    to { height: 110px; opacity: 1; }
  }

  @keyframes growRevenue23 {
    from { height: 0; opacity: 0; }
    to { height: 180px; opacity: 1; }
  }

  @keyframes growRevenue24 {
    from { height: 0; opacity: 0; }
    to { height: 250px; opacity: 1; }
  }
/**/
  @keyframes growIncome20 {
    from { height: 0; opacity: 0; }
    to { height: 15px; opacity: 1; }
  }

  @keyframes growIncome21 {
    from { height: 0; opacity: 0; }
    to { height: 15px; opacity: 1; }
  }

  @keyframes growIncome22 {
    from { height: 0; opacity: 0; }
    to { height: 30px; opacity: 1; }
  }

  @keyframes growIncome23 {
    from { height: 0; opacity: 0; }
    to { height: 130px; opacity: 1; }
  }

  @keyframes growIncome24 {
    from { height: 0; opacity: 0; }
    to { height: 240px; opacity: 1; }
  }
}