.screen{opacity:0; position: absolute;  background-color: rgba(0,0,0,0.5); width: 100%; height: 100%; top: 0; left: 0;}
/* button 스타일 */


/* 재무재표 */
.table_all .table_list_wrap > div h4{position: relative; padding-bottom: 5px; font-size: 18px;}
.table_all .table_list_wrap > div h4 span{position: absolute; right:0; font-size: 14px; bottom: 5px;}
.table_list_wrap {}
.table_list { width: 100%; border-top: 2px solid #003b90; margin-bottom: 60px;}
.table_list thead{background: #f5f5f5;}
.table_list tr {border-bottom: 1px solid #ccc;}
.table_list th, .table_list td {text-align: center; border-right: 1px solid #ccc; padding: 12px; font-size: 16px; width:25%; border-right: 1px solid #ccc;}
.table_list th, .table_list td:last-child{border-right:none;}
.table_list td {text-align: center;}
.table_list .tit {text-align: center; }
.table_list .tit a{padding:0px 10px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.h_light{color:#e30613;}
.h_light td{font-weight: 500;} 
.divide th{border-right:1px solid #ccc;}
.divide th:last-child{border-right:none;}


/* 주가정보 */
.sub_title h2{font-size: 30px; color: #333;}
.table_wrap table{width: 100%; border-top: 2px solid #888; word-break: keep-all;}
.table_wrap table th,.table_wrap table td{border: 1px solid #ddd; text-align: center; vertical-align: middle; padding: 15px 6px;}
.table_wrap table .line{border-top: 2px solid #ddd;}
.table_wrap .bg_gray{font-weight: bold;background: #f5f5f5;}
.table_wrap .slash{position: relative;}
.table_wrap .slash span{display: block;}
.table_wrap .slash span.right{text-align: right; padding-bottom: 10px;}
.table_wrap .slash span.left{text-align: left; padding-right: 10px;}
.table_wrap .slash svg{position: absolute; width: 100%; height: 100%; left: 0; top: 0;}
.stock_table .bull{color: #e30613;}
.stock_table .bear{color: #0066FF;}
.stock_table .value01{font-size: 30px; font-weight: bold;}
.stock_table .code{font-weight: 600; font-size: 1.125rem;  padding-bottom: 10px;}
.stock_table .stock_info{/* margin: 0 16px; */ background-color: #f5f5f5; padding: 20px; margin-top: 20px; border: 1px solid #ddd; font-size: 14px;}
.stock_table .stock_info p{line-height: 1.6;}
.process .table_wrap table th, .process .table_wrap table td{padding: 6px; font-size: 12px;}
.financial .table_wrap table th,.financial .table_wrap table td{padding: 8px;}
.financial .table_wrap td span{display: inline-block; width: 70px; text-align: right;}

/* .top-tit{width:50%;} */


/* loading */
.loading{width:100%;height:100%;position:fixed;left:0px;top:0px;background:#fff;opacity:0.5;z-index:9999;display:none; /* 이 값으로 레이어의 위치를 조정합니다. */}
.loading_img{position:absolute; left: 45%; top: 50%; width: 200px; height: 200px; transform: translateX(-50%); transform: translateY(-50%)}
.irpr03.sub-body>.inner { width: 100%; position: relative;}


/* 공시정보 */
.board_list_wrap {}
.board_list { width: 100%; border-top: 2px solid #003b90;}
.board_list thead{background: #f5f5f5;}
.board_list tr {border-bottom: 1px solid #ccc;}
.board_list th, .board_list td {text-align: center; padding: 12px; font-size: 16px;}
.board_list th:nth-child(2n-1){width:25%;}
.board_list th:nth-child(2){width:50%;}
.board_list td {text-align: center;}
.board_list .tit {text-align: center; display: block; }
/* .board_list .tit a{    padding: 0px 10px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 300px; display: block;} */
/* :lang(en) .board_list .tit a{    padding: 0px 10px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 300px; display: block;} */
.board_list_wrap .paging {margin-top: 50px;text-align: center;font-size: 0;}
.board_list_wrap .paging a { display: inline-block; margin-left: 10px; padding: 3px 11px; border-radius: 100px; font-size: 15px;}
.board_list_wrap .paging a:first-child { margin-left: 0;}
.board_list_wrap .paging a.bt {width: 42px; margin-top: 5px;}
.board_list_wrap .paging a.num {     background: #f5f5f5; color: #003b90; border:none;}
.board_list_wrap .paging a.num.on { background: #003b90; color: #f5f5f5;}

.table_wrap{border-top: 1px solid #033571;}
.irpr03 .table_box:last-child{margin-top:80px}
.irpr03 .stock_content .title {font-size: 1.25rem; margin-bottom: 00px; margin-bottom:20px; font-weight: 00;}
.irpr03 .stock_content > div > .top{display: flex;width:100%;justify-content: space-between;align-items: flex-end;}
.irpr03 .stock_content > div > .top > div{width:49%}
.irpr03 table{border-bottom:1px solid #888; border-top:1px solid #888;width:100%;}
.irpr03 table tr{border-bottom:1px solid #ddd}
.irpr03 table th{text-align: center;padding:15px 10px;vertical-align: middle;}
.irpr03 table tr:last-child{border-bottom:none}
.irpr03 .table_left table:first-child{height:162px}
/* .irpr03 .table_left table:last-child{margin-top:25px} */

.irpr03 .table_right table th{width:20%;padding:25px 0;}
.irpr03 .table_right table th:nth-child(2n-1){background-color: #efefef;}
.irpr03 .stock_name{font-size:1.8rem;width:150px; background-color: #fff;}


.irpr03 .table_left table:first-child tr:first-child th:nth-child(2n){background-color: #efefef;}
.irpr03 .table_left table:first-child tr:last-child th:nth-child(2n-1){background-color: #efefef;}
/* .irpr03 .table_left table:last-child tr:first-child{background-color: #efefef;} */
.irpr03 .table_left table:last-child tr{width:25%;}

.irpr03 .table_left table:first-child th:last-child{width:200px}
.irpr03 .table_left table:last-child th{width:20%;border-right:1px solid #ddd}
.irpr03 .table_left table:last-child th:last-child{width:20%;border-right:none}

.irpr03 .table_bottom{width:100%}
.irpr03 .table_bottom table{padding:15px 10px;}
.irpr03 .table_bottom table th{border-right:1px solid #ddd}
.irpr03 .table_bottom table th:last-child{border-right:none}
.irpr03 .table_bottom thead{background-color: #efefef;}
.irpr03 .up{color:#e52d18}
.irpr03 .down{color:#0c3486}
.stock_title{color:#333}
.mo1200{display: none}
.stock_table .half .table_wrap .table_left {width:100%;}
.stock_table .half .table_wrap .table_left > div{width:50%;}
.clearfix .table_left{width:calc(50% - 10px); margin-right:20px;;float:left;}
.clearfix .table_right{width:calc(50% - 10px);float:left}
.clearfix .table_right > div:last-child{margin-top:20px}
.clearfix .table_left > div:last-child{margin-top:20px;}
.clearfix .table_bottom{margin-top:20px;    float: left;}

.irpr03 .sub-title h2 { position: relative; text-align: center; font-size: 44px; font-weight: 600; position: relative; z-index: 5; word-break: keep-all; width: 655px; max-width: 100%; margin: 0 auto;}

.table_bottom > .sc{display: none;}

/* screen */
/* .screen{opacity:0}
.screen p{} */








/* ********************************************* *
 * 1600px
 * ********************************************* */
 @media screen and (max-width: 1660px){
   
   
    
}

/* ********************************************* *
* 1400px
* ********************************************* */
@media screen and (max-width: 1400px){

 
}

/* ********************************************* *
* 1200px
* ********************************************* */
@media screen and (max-width: 1200px){

  
}

/* ********************************************* *
* 1024px
* ********************************************* */
@media screen and (max-width: 1024px){
}


/* ********************************************* *
* 960px
* ********************************************* */
@media screen and (max-width: 960px){

    .irpr03 .table_bottom > div{overflow-x: auto; }
    .irpr03 .table_bottom table {width: 1000px;}
    .mo1200{display: block}

    .clearfix .table_left { width: 100%;}
    .stock_table .code{padding-bottom: 0px;}
    .stock_table ul .w_50 { width: 100%; margin-top: 20px;}
    .table_bottom > .sc{display: block;}
}


/* ********************************************* *
* 800px
* ********************************************* */
@media screen and (max-width: 800px){
    .table_list_wrap{overflow-x: scroll;}
    .table_list{width:850px}


}



@media screen and (max-width: 768px){

    .irpr03 .stock_content > div > .top {display: inherit;}
    .irpr03 .stock_content > div > .top > div {width: 100%;}
    .irpr03 .table_right{margin-top:30px}

    .table_all .table_list_wrap > div h4{font-size: 16px;}
    .table_list th, .table_list td{font-size: 15px;}


  
.irpr form input[type=text], .irpr form input[type=password] {height: 25px !important; }
.sub_title h2{font-size:35px}


}


/* ********************************************* *
* 640px
* ********************************************* */
@media screen and (max-width: 640px){

    .table_list{width:700px}
    .table_all .table_list_wrap > div >h4{width:700px;}
    
    .board_list .tit{text-align: left;    white-space: nowrap !important;
        text-overflow: ellipsis !important; display:block;
        width: 150px !important;
        overflow: hidden !important;}
    .official .board_list thead tr th:first-child{    display: none;}
    .official .board_list tbody tr td:first-child{    display: none;}

    .table_list_wrap > div{position:relative;}
    /* .screen{  position: absolute; display: block;  background: rgb(0 0 0 / 65%); left: 0; right: 0; top: 0; bottom: 0; } */
    /* .screen p{color:#fff;  padding:0px 10px;  position: relative; top: 50%; text-align: center; word-break:keep-all;} */
    :lang(zh-CN) .company h1 {    font-size: 20px;}
    :lang(zh-CN) .company h1 strong{    font-size: 27px;}

    .screen{opacity:1}
    .screen:hover{opacity:0; transition:all 0.3s; }
    .screen p{    position: absolute !important; transform: translateY(-50%); top: 50%; left: 0; font-weight: 600; width: 100%; text-align: center; color: #fff !important; font-size: 15px;}
  



    
}


/* ********************************************* *
* 560px
* ********************************************* */
@media screen and (max-width: 560px){

    .table_wrap .bg_gray{font-weight:400; font-size: 14px;}

}



/* ********************************************* *
* 500px
* ********************************************* */
@media screen and (max-width: 500px){



}

/* ********************************************* *
* 400px
* ********************************************* */
@media screen and (max-width: 400px){

    .irpr02 .secech_box .search_form .search {width: 90%}
}




/* ********************************************* *
* 960px
* ********************************************* */
@media screen and (max-width: 960px){

 

    .company .in_txt li{width: 100%;}
    .company .in_txt h4{padding-bottom: 16px;}
    .company .in_pic{height: 230px;}

    .organiz .org_inner li{font-size: 15px;}

    .location .info{padding-bottom: 80px;}

    .qa .content li{padding: 50px 10px 40px 10px;}
    .qa .content{margin-left: -10px; margin-right: -10px;}

    .table_wrap{width: 100%;}
    .stock_table ul .w_50{width: 100%;}

}