/** 주식 등락 아이콘 **/
span.ico.up ,span.ico.down { position: relative; top:-2px; font-size:12px !important; font-family: 'Pretendard',sans-serif; } 
span.ico.up { color:#F34300 } 
span.ico.down { color:#707070 } 

/** 투자정보 > 주가정보 **/



@media screen and (max-width: 640px){
 #stock #chart-container { height:200px; } 
 }


#stock .stock_info { margin-bottom:7.7778rem; } 
#stock .stock_info .stock_info_top { padding-top:1.6667rem; display: flex; align-items: center; justify-content: space-between; margin-bottom:1.1111rem; } 
#stock .stock_info .stock_info_top .title { display: flex; align-items: center; gap:1.3889rem; } 
#stock .stock_info .stock_info_top .title .number { font-size:1.6667rem; font-weight: var(--medium); } 
#stock .stock_info .stock_info_top .title .number span { font-family: var(--montserrat); } 
#stock .stock_info .stock_info_top .title .bar { height:1px; width:40px; background-color: #0D0D0D; } 
#stock .stock_info .stock_info_top .title .date { font-family: var(--montserrat); font-weight: var(--medium); } 

#stock .stock_info .stock_info_top ul { display: flex; justify-content: space-around; gap:3.3333rem; } 
#stock .stock_info .stock_info_top ul li { font-size:1.1111rem; font-weight: var(--semiBold); } 
#stock .stock_info .stock_info_top ul li span.tit { padding-right:1.1111rem; font-weight: var(--medium); } 
#stock .stock_info_txt {
  display: grid;
  margin-top: 1rem;
  margin-bottom:3.8889rem;
}
#stock .stock_info_txt  div{
  display: grid; grid-template-columns: 1fr; gap: 5px;
  justify-self: flex-end;
}
#stock .stock_info_txt p{
  padding-left:10px;
  font-size: .7rem;
  color: #979797;
  font-weight: var(--medium);
  line-height: 1.5;
  text-indent: -10px;
}
#stock .stock_info_txt p::before{
  content: "-"; margin-right: 5px;
}

.eng #stock .stock_info .stock_info_top {flex-direction: column; gap:1.875rem;} 


@media screen and (max-width: 1200px){
 #stock .stock_info .stock_info_top ul { gap:1rem; } 
 #stock .stock_info .stock_info_top .title .bar { display: none; } 
 }

@media screen and (max-width: 1056px){
 #stock .stock_info .stock_info_top { flex-direction: column; gap:1.6667rem; align-items: flex-start; } 
 #stock .stock_info .stock_info_top .title { padding-bottom:1.6667rem; width:100%; border-bottom:1px solid #fff; } 
 #stock .stock_info .stock_info_top ul { width:100%; } 
 }

@media screen and (max-width: 640px){
 #stock .stock_info { margin-bottom:4rem; } 
 #stock .stock_info .stock_info_top { flex-direction: column; align-items: flex-start; } 
 #stock .stock_info .stock_info_top .title { flex-direction: column; align-items: flex-start; gap:1rem; } 
 #stock .stock_info .stock_info_top ul li { line-height: 1.5; text-align: center; } 
 #stock .stock_info .stock_info_top ul li span.tit { display: block; padding-right:0; } 
 .eng #stock .stock_info .stock_info_top #previousClose {width:100%;}
 .eng #stock .stock_info .stock_info_top ul {width:100%; flex-direction: column;  }  
 .eng #stock .stock_info .stock_info_top ul li {text-align: left;}
 }



#stock .stock_info .stock_info_current { margin-bottom:2.7778rem; display: flex; gap:0.5556rem; } 
#stock .stock_info .stock_info_current li { flex:1; padding:2.5rem 0; display: flex; flex-direction: column; align-items: center; gap:1.1111rem; background-color: #fff; } 
#stock .stock_info .stock_info_current li p { font-size:1.1111rem; font-weight: var(--medium); } 
#stock .stock_info .stock_info_current li p.price { font-size:2.5556rem; font-family: var(--montserrat); font-weight: var(--bold); } 

@media screen and (max-width: 640px){
 #stock .stock_info .stock_info_current { flex-direction: column; } 
 }


#stock .stock_info .stock_info_price { padding-bottom:1.6667rem; display: grid; grid-template-columns: repeat(4,1fr); border-bottom:1px solid rgba(204, 204, 204, 0.7) } 
#stock .stock_info .stock_info_price li {flex:1; padding:0.2778rem 0; border-right:1px solid #0D0D0D; text-align: center; font-size:1.1111rem; font-weight: var(--semiBold); } 
#stock .stock_info .stock_info_price li:last-child { border-right:0 none; } 
#stock .stock_info .stock_info_price li span { padding-right:0.8333rem; font-weight: var(--medium); } 

@media screen and (max-width: 968px){
 #stock .stock_info .stock_info_price { grid-template-columns: repeat(2,1fr); gap:15px; } 
 #stock .stock_info .stock_info_price li { display: flex; border-right:0 none; } 
 #stock .stock_info .stock_info_price li span.tit { width:30%; text-align: left; } 
 }

@media screen and (max-width: 640px){
 #stock .stock_info .stock_info_price { grid-template-columns: repeat(1,1fr); } 
 .eng #stock .stock_info .stock_info_price li { flex-direction: column; gap:1rem; }
 .eng #stock .stock_info .stock_info_price li span { width:100%; }
 }


/** 투자정보 > 주주총회 **/
#stockholder_meeting .meeting_info p.tit { margin-bottom:2.2222rem; font-size: 1.6667rem; font-weight: var(--bold); line-height: 1.4; } 
#stockholder_meeting .meeting_info p.desc { margin-top:2.2222rem; font-size:0.8889rem; font-weight: var(--medium); line-height:1.3333rem; } 
#stockholder_meeting .meeting_btns { margin-top:3.3333rem; } 
#stockholder_meeting .meeting_btns ul { display: grid; grid-template-columns: repeat(3,1fr); gap:1.6667rem; } 
#stockholder_meeting .meeting_btns ul li { flex:1; } 
#stockholder_meeting .meeting_btns ul li a { display: block; width:100%; padding:2.2222rem 7.7778rem; background-color: #2A543D; text-align: left; color:#fff; font-size:1.1667rem; font-weight: var(--medium); background-image: url('/assets/images/sub/ico_link.png'); background-repeat: no-repeat; background-position: right 15% center; } 

@media screen and (max-width: 1200px){
 #stockholder_meeting .meeting_btns ul li a { padding:2rem; } 
 }
@media screen and (max-width: 1024px){
 #stockholder_meeting .meeting_info p.tit { font-size: 1.5rem; } 
 #stockholder_meeting .meeting_btns ul li a { padding-left:15%; } 
 }
@media screen and (max-width: 640px){
 #stockholder_meeting .meeting_info p.tit { font-size: 1.2rem; } 
 #stockholder_meeting .meeting_btns ul { grid-template-columns: repeat(1,1fr); gap:1rem; } 
 }




/** 투자정보 > 주주구성 **/
#stockholder_condition .half_wrap.year { align-items: center; } 
#stockholder_condition #pie_chart { width:100%; height:500px; } 
#stockholder_condition .pie_name { font-size:0.8889rem; } 
#stockholder_condition .pie_percentage { font-size:3rem; } 

#stockholder_condition .stockholder_year { font-size:5rem; font-weight: var(--black); color:#2A543D !important } 

@media screen and (max-width: 1024px){
 #stockholder_condition #pie_chart { height:auto; } 
 #stockholder_condition .stockholder_year { font-size:4rem; } 
 }

@media screen and (max-width: 640px){
 #stockholder_condition .stockholder_year { font-size:3rem; font-weight: var(--extraBold); text-align: center; } 
 #stockholder_condition .pie_name { font-size:0.8889rem; } 
 #stockholder_condition .pie_percentage { font-size:1rem; } 
 }



/** 투자정보 > 주요재무제표 **/
#financial_statements #chart { margin-bottom:100px; height:700px; } 

@media screen and (max-width: 640px){
 #financial_statements #chart { height:300px; } 
 }

#financial_statements .basic_table tbody th,
#financial_profit .basic_table tbody th,
#financial_flow .basic_table tbody th { text-align: left; font-size:1rem; font-weight:var(--bold) } 
#financial_statements .basic_table tr.left th,
#financial_flow .basic_table tr.left th { padding-left:4.4444rem; } 

#financial_statements .basic_table tr.left th,
#financial_statements .basic_table tr.left td,
#financial_flow .basic_table tr.left th,
#financial_flow .basic_table tr.left td { border-top:0; } 

@media screen and (max-width: 640px){
 #financial_statements .basic_table tbody th,
 #financial_profit .basic_table tbody th,
 #financial_flow .basic_table tbody th { font-weight:var(--semiBold) } 
 #financial_statements .basic_table tr.left th,
 #financial_flow .basic_table tr.left th { padding-left:2rem; font-size:0.9rem; } 
 }
 
#financial_profit .graph_wrap { margin-bottom:8.3333rem; width:100%; } 
#financial_profit .graph_wrap ul { width:100%; display: flex; justify-content: space-between; gap:1.6667rem; } 
#financial_profit .graph_wrap ul li { flex:1; display: flex; flex-direction: column; align-items: center; } 
#financial_profit .graph_wrap ul li div.graph { width:100%; height:500px; } 
#financial_profit .graph_wrap ul li p.title { display: flex; align-items: center; justify-content: center; margin-top:1.6667rem; width:6.2222rem; height:6.2222rem; border:1px solid #707070; border-radius:100%; text-align: center; } 

@media screen and (max-width: 968px){
 #financial_profit .graph_wrap ul { flex-direction: column; } 
 }
@media screen and (max-width: 640px){
 #financial_profit .graph_wrap ul li div.graph { height:300px; } 
 }



/** 투자정보 > 신용등급 **/
#credit .basic_table .grade { font-size:1.4444rem; font-weight: var(--bold); } 
#credit .basic_table a:hover { text-decoration: underline; } 
#credit .basic_table img { padding-left:0.2778rem; } 


/** 투자정보 > 공시정보 **/
table.responsive_table { border-collapse: collapse; width: 100%; table-layout: fixed; border-top:2px solid #4C4C4C; border-bottom:1px solid #4C4C4C; } 
table.responsive_table caption { visibility: hidden; overflow: hidden; width: 0; height: 0; font-size: 0; line-height: 0; } 
table.responsive_table th,
table.responsive_table td { padding:1.125rem 1.25rem; text-align: center; vertical-align: middle; } 
table.responsive_table th { font-size:20px; background-color: rgba(243,245,244,0.3); font-weight: var(--bold); } 
table.responsive_table td { border-top:1px solid #E4E4E4; } 
table.responsive_table td a:hover { text-decoration: underline; } 
table.responsive_table td.title { text-align: left; font-weight: var(--bold); } 
table.responsive_table th.no { width:10% } 
table.responsive_table th.date { width:20% } 
table.responsive_table th.writer { width:15% } 
.basic_table.responsive_scroll_table .scroll_table{text-align: left; border: none;}




@media screen and (max-width: 768px) {
table.responsive_table th, table.responsive_table td{
  padding: 1.125rem 1rem;
}
 }


/* IR 일정 */
.ir_schedule_table .btn_wrap{
  justify-content: center;
}
@media screen and (max-width:1024px) {
  .ir_schedule_table .btn_wrap.small img{
    height: 1rem;
  }

}