@charset "utf-8";


/* reset CSS */
@import url(reset.css);

/* Fonts */
@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/variable/pretendardvariable.min.css");


/*Variables*/
@import "variables.css?";


:root{
  font-size:10px;
}

   
*{
  box-sizing: border-box;
}

  body {
    display:flex;
    flex-direction: column;
    gap:var(--gsifn-height);
    font-family: "Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;
    accent-color: var(--gsifn-black);
    margin:0 auto;
    font-size:1.4rem;
    color:#111;
  }


/*  
section : 반응형 레이아웃 컨테이너 영역
article : 재사용가능한 하나의 컴포넌트 단위. 레이아웃 바뀌지 않음.
 
section 안에 article 

article에 #을 달아서 customizing

*/


  .flex, section, .container { display:flex; flex-direction: row; justify-content: space-between; align-items:start;}
  .flex.col,section.col, .container.col {  flex-direction: column; }
  .flex.x-start, section.x-start, .container.x-start{justify-content:flex-start;}
  .flex.x-center, section.x-center, .container.x-center{justify-content: center;}
  .flex.x-end, section.x-end, .container.x-end{justify-content:flex-end;}
  .flex.y-start, section.y-start, .container.y-start{align-items:flex-start;}
  .flex.y-center, section.y-center, .container.y-center{align-items:center;}
  .flex.y-end, section.y-end, .container.y-end{align-items:flex-end;}
  .flex.gap, section.gap, .container.gap{gap:var(--gsifn-height);}
  .flex.gap-height, section.gap-height, .container.gap-height{gap:calc(2 * var(--gsifn-height));}
  
  section.item-3 > *, .container.item-3 > * {width: 30%;}



  dl{display:grid; grid-template-columns: repeat(2,1fr); grid-template-rows: repeat(2,1fr);}
  dl.col-3 {grid-template-columns:repeat(3,1fr);}
  dl.col-4 {grid-template-columns:repeat(4,1fr);}
  dl.row-3 {grid-template-rows: repeat(3,1fr);}
  dl.row-4 {grid-template-rows: repeat(4,1fr);}


  a:link,a:visited{
    color:black;
    text-decoration: none;
  }

  .hidden {
      overflow: hidden;
      border: 0;
      position: absolute;
      z-index: -1;
      width: 1px;
      height: 1px;
      clip: rect(1px, 1px, 1px, 1px);
      clip-path: inset(50%);
    }

  .mb_view {
    display: none;
  }
  .pc.view{
    display:block;
  }  
  table.pc_view {
    display: table;
  }
  
  .up {
    color: var(--gsifn-red);
  }
  .down {
    color: var(--gsifn-blue);
  }
  .same {
    color: var(--gsifn-black);
  }
  
  .em {
    background: #eeeeee;
  }
  
  header,section,div,article,dl,dt,dd{
    width:100%;
  }

  table {
    width: 100%;
    border-bottom: var(--gsifn-border);;
  }

  caption{
    font-size:2rem;
    margin-bottom:0.8rem;
    text-align: left;
    font-weight:500;
  }
  
  fieldset{display:flex; justify-content: center; align-items: center;}
  fieldset input{margin-right:0.2rem}
  fieldset label{margin-right: 0.8rem;}

  /* border */
  table th, table td {
    border-bottom: var(--gsifn-border);
  }
  table thead tr:last-child {
    border-bottom: var(--gsifn-border);
  }
  table tr:last-child {
    border-bottom: none;
  }
  
  table thead tr:first-of-type th, table thead tr:first-of-type td{
    border-top:var(--gsifn-border);
  } 
  
  table.mini_stock tbody tr:first-of-type th,table.mini_stock tbody tr:first-of-type td{border-top:var(--gsifn-border);}

  table tfoot tr:first-child {
    border-top: var(--gsifn-border);
  }
  
  /* table height */
  th,td {
    height: var(--gsifn-height);
    text-align:center;
  }

  th, td {
    border-right: var(--gsifn-border);;
    vertical-align: middle;
  }
  th:last-child, td:last-child {
    border-right: none;
  }
  
  dt, dd{
  text-align: center;
  }
  
  p>strong{
    color:#6e6e6e;
  }
  /* bold */
  th, dt {
    font-weight:500;
  }

  td,dd{color:#666;}

  /* bg-color */
  thead th, thead td, tfoot th, tfoot td, tbody th {background-color: var(--gsifn-background-color);} 
  .ohlv dt{background-color: var(--gsifn-background-color); border-top: var(--gsifn-border);}
  

  
  /* 기본 Arrow */
  .arrow{display:flex;justify-content:center;align-items:center; gap:0.2rem; }
 
  
  
  .arrow.up:before, .arrow.up:before {
    background-color: var(--gsifn-red);
    clip-path: polygon(50% 0%,100% 100%,0% 100%);
  }
  
  .arrow.down:before, .arrow.down:before {
    background-color: var(--gsifn-blue);
    clip-path: polygon(0% 0%,100% 0%,50% 100%);
  }

  .arrow.up:before, .arrow.down:before{
    content: '';
    display: inline-block;
    width: 12px;
    height: 8px;
    margin-right:0.2rem;
  }
  
  td.same>span:before, dd.same>span:before { display:none; }
  
  table .arrow{display:table-cell;}
  
  table .arrow.up:before, table .arrow.down:before{
    content: '';
    display: inline-block;
    width: 12px;
    height: 8px;
    margin-right:0.2rem;
  }

  /* 지수 Arrow CSS */
  .index-arrow{
    position:relative;
    color:var(--gsifn-white);
    height:calc( 2 * var(--gsifn-height));
  }

  .index-arrow.up:before {
    content: "";
    display: inline-block;
    width: 130px;
    height: 70%;
    background-color: #e0180a;
    clip-path: polygon(50% 0%, 100% 50%, 80% 50%, 80% 100%, 20% 100%, 20% 50%, 0% 50%);
    position: absolute;
    z-index: -9999;
    text-shadow: 4px 4px 9px rgba(0,0,0,0.6);
    box-shadow: 10px 10px 32px 0px #e0180a;
  -webkit-box-shadow: 10px 10px 32px 0px #e0180a;
  -moz-box-shadow: 10px 10px 32px 0px #e0180a;
  }

  .index-arrow.down:before {
    content: "";
    display: inline-block;
    width: 125px;
    height: 70%;
    clip-path: polygon(50% 0%, 100% 50%, 80% 50%, 80% 100%, 20% 100%, 20% 50%, 0% 50%);
    transform:rotate(180deg);
    position: absolute;
    z-index: -9999;
    background-color: var(--gsifn-blue);
  }
  
  .index-arrow.same{
    color: black; 
  }

  /* 페이징 Arrow */
  

  .arrows-left:before {
    content: '';
    display: inline-block;
    width: 13px;
    height: 13px;
    background-color: black;
    clip-path: polygon(
        0% 50%, 50% 0%, 60% 10%, 20% 50%, 60% 90%, 50% 100%,  0% 50%,    /*first arrow*/
        40% 50%, 90% 0%, 100% 10%, 60% 50%, 100% 90%, 90% 100%, 40% 50%);  /*second arrow*/
  }


  .arrow-left:before{
    content:'';
    display: inline-block;
    width: 13px;
    height: 13px;
    background-color: black;
    clip-path: polygon(25% 50%, 75% 0%, 85% 10%, 45% 50%, 85% 90%, 75% 100%, 25% 50%)}


  .arrow-right:before{
    content:'';
    display: inline-block;
    width: 13px;
    height: 13px;
    background-color: black;
    clip-path: polygon(25% 50%, 75% 0%, 85% 10%, 45% 50%, 85% 90%, 75% 100%, 25% 50%);
    transform: rotate(180deg);
    }
    

  .arrows-right:before {
    content:'';
    display: inline-block;
    width: 13px;
    height: 13px;
    background-color: black;
    clip-path: polygon(
        0% 50%, 50% 0%, 60% 10%, 20% 50%, 60% 90%, 50% 100%,  0% 50%,    /*first arrow*/
        40% 50%, 90% 0%, 100% 10%, 60% 50%, 100% 90%, 90% 100%, 40% 50%);  /*second arrow*/
    transform: rotate(180deg);
    }







  /* common에서는 컴포넌트 단위로 관리*/

  /* stock_info */
  .stock_info{
    display:flex;
    justify-content: space-between;
    padding:0 0 1.2rem;
    border-bottom:var(--gsifn-border);
    font-weight:500;
  }
  
  .stock_info > span {
    align-self: flex-end;
    color:#666;
  }
  
  .stock_info h4{
    font-size: 2.4rem;
    text-align: center;
    color:#111;
  }
  
  .stock_info h4 span{
    margin-left: 0.4rem;
  }





  .stock_info--mini h5{
    font-size:1.8rem;
  }




  /* cup */
  .cup div {font-size:3.6rem; display:flex; justify-content:center;align-items: center; font-weight:700;}
  .cup--small div{font-size:2.4rem;}
  .cup--small dl {font-size:1.4rem;}


  /* ohlv */
  .ohlv dl { grid-auto-flow:column; border-bottom:var(--gsifn-border)}
  .ohlv dt{border-bottom:var(--gsifn-border);}
  .ohlv dt, .ohlv dd{ height: var(--gsifn-height); line-height: var(--gsifn-height);}
  .ohlv dt, .ohlv dd{border-right:var(--gsifn-border);}
  .ohlv dt:last-of-type, .ohlv dd:last-of-type{border-right:none;}


  /* Button */
  a.btn, .btn {
    padding:0.5rem 1.0rem;
    background: var(--gsifn-black);
    color: #fff;
    transition: 0.5s;
  }

  a.btn:focus{
    transform: scale(0.97);
  }

  /*form */
  .index_form{
    display:flex;
    justify-content: space-evenly;
    align-items: baseline;
    padding: 2rem;
    border: var(--gsifn-border);
    border-radius: 20px;
  }
  .index_form a.btn{align-self: center;}
  
  /*fieldset */
  select{height:20px; font-size:inherit; font-family: inherit;}




  /* chart_axis_ex */
  .chart_axis_ex{display:flex;justify-content: space-between;padding:0.625rem;background-color: var(--gsifn-background-color);}

  .chart_axis_ex .left_axis {width:50%;font-weight: 600;}

  .chart_axis_ex .right_axis {width:50%;text-align: right;font-weight: 600;}

  /* frg_legend */

  .frg_legend{display:flex;justify-content:flex-start;gap:2.4rem;padding:0.625rem;background-color: var(--gsifn-background-color);}

  .frg_legend .left_axis { flex:1 0 auto; font-weight: 500;}

  .frg_legend .right_axis { flex:1 0 auto; text-align: right; font-weight: 500;}



  /* 페이징 */
.page_navi {text-align:center; display:flex; justify-content: center; align-items: center; gap: 1.6rem; opacity: 0.75;}
.page_navi li { display:inline-block; display: flex; justify-content: center; align-items: center;}
.page_navi li, .page_navi li a { color:#aaa; }
.page_navi li.on a { color:#111; font-weight:700;}
.page_navi li a { color:#aaa; font-weight:300;display:inline-block; width:24px; height:24px; line-height: 24px;}
.page_navi li img {width:24px; height:24px; opacity: 0.8;}


.page_navi li.first a{
  display:flex;
  justify-content: center;
  align-items: center;
}

.page_navi li.prev a{
  display:flex;
  justify-content: center;
  align-items: center;
}
.page_navi li.next a{
  display:flex;
  justify-content: center;
  align-items: center;
}
.page_navi li.last a{
  display:flex;
  justify-content: center;
  align-items: center;
}




  
  /* cup */
  .cup dl{
    row-gap:1.6rem;
  }

  /* index */
  .index{border-top:var(--gsifn-border); border-bottom:var(--gsifn-border);}
  .index:last-of-type{border-right:none;}
  .index h5{text-align:center; height:var(--gsifn-height); background-color:var(--gsifn-background-color); display:flex; justify-content:center; align-items: center; font-weight:500; border-bottom:var(--gsifn-border); color:#111;}
  .index div:first-of-type{display:flex; justify-content: center; align-items: center;}
  .index div:last-of-type{display:flex; justify-content: center; align-items:center; height:var(--gsifn-height); }

  /* 호가 table */
  .hoga_tb thead th{width:calc(100%/3);}

  /* 자본금 table */
  .capital_tb.pc_view tbody th{width:25%;}
  .capital_tb tbody tr:first-of-type th, .capital_tb tbody tr:first-of-type td,.capital_tb-m tbody tr:first-of-type th, .capital_tb-m tbody tr:first-of-type td{
    border-top:var(--gsifn-border);
  }
  .capital_tb tbody th,.capital_tb-m tbody th{
    background-color:var(--gsifn-background-color);
    text-align: center;
  }
  .capital_tb tbody td, .capital_tb-m tbody td{
    padding-right:6px;
    text-align:right;
  }

  /* 일자별 table */
  .daily_tb thead th{width:calc(100%/8);}

  /* 지수비교 table */
  .compare_tb thead th{width:calc(100%/7);}

  /* 외국인 일자별 table */
  .foreign_list thead th{width:calc(100%/7);}

  /* 주가검색 미니주가 table */
  .mini_stock tbody th{width:40%;}
  .mini_stock tbody td{width:60%;}

  /* 동업종시세비교 table */
  .compare thead th{width:calc(100%/6);}

  /* 마켓뷰 table */
  .marketview_tb thead th{width:calc(100%/5);}


  /* market_price */
  .market_price > div:first-of-type{
    width:60%;
  }
  .market_price > div:last-of-type{
    width:40%;
  }
  .market_price tbody tr{cursor:pointer;}
  .market_price tbody tr:hover{background-color:#f0eeee;}
  .market_price tbody th {text-align:left; padding-left: 0.8rem;}
  .market_price h4{font-size:2rem; margin-bottom:0.8rem; font-weight:500;}

  /* ir_calendar */
.calendar ul{padding:0.8rem;}
.calendar li{color:var(--gsifn-white);}
.calendar a{font-size:1.8rem; font-weight:500; color:#999;}
.calendar a.active{color:#000;}
.calendar tr>td{padding:2rem 0; text-align:left; height:initial; border:none; }
.calendar tr>td:first-child{ text-align:left; }
.calendar tr>td:last-child{ text-align:right; padding-right:5px; color:#222; vertical-align:bottom;}
.calendar tr:first-child>td:first-child{text-align:left;}
.calendar tr:nth-child(2n-1)>td{padding-bottom:0; font-size:1.7rem;}
.calendar tr:nth-child(2n)>td{border-bottom:1px solid #ccc; padding-top:8px; padding-left:5px; text-align:left; color:#666;}
.calendar tr>td:first-child>strong{display:inline-block; margin-bottom:0.7rem; font-weight:500; color:#222;}

.calendar .languages{display:flex; justify-content: flex-start; gap:1.6rem; }
.calendar .language{padding:5px 10px; background-color:black; color:white; text-align:center; align-self:end; font-size:1.2rem;}

.tn_paging{position:absolute; width:auto; left:50%; bottom:-100px; border:1px solid #ccc; transform:translateX(-50%); }
.tn_paging a{display:inline-block; border-right:1px solid #ccc; padding:5px 15px 5px 10px;}
.tn_paging>a:last-child{border:none;}



.calendar_container{
    position:relative;
}

.ex-message{
    width:fit-content;
    position: absolute;
    font-weight: 500;
    font-size: 2.5rem;
    left: 25%;
    top: 25%;
    transform: rotate(-45deg);
    padding:0.4rem;
    border:2px solid black;
    color: black;
    -webkit-animation: rotate-scale-up 0.65s linear;
    animation: rotate-scale-up 0.65s linear ;
    }





/* 주주현황 */
.sel_year select{
  font-size:1.8rem;
}



/* 재무상태표 */
#fnchart_area {
  width: 100%;
  border-bottom: 1px solid #ccc;
  padding: 40px 0;
  display:flex;
  justify-content: space-between;
  gap:1.6rem;
}
#fnchart_area h3{font-weight:500;}
#fnchart_area h4{font-size:1.8rem; text-align: center; font-weight:500;}

#fnchart_area ul{display:flex; justify-content: space-between; align-items: center; margin-bottom:0.8rem;}
/* #fnchart_area ul li {flex:1 1 0;} */

#fnchart_area > .img_chart {
  text-align: center;
  width: 33.33333%;
}

#fnchart_area > .img_chart0 {
  width: 33.33333%;
}


.title_unit {
  display:flex; 
  justify-content: space-between;
  margin-bottom:0.4rem;
  font-weight:500;
}

.title_unit  h3 {
font-size:2rem;
}

.title_unit h4{
  font-size:1.8rem;
}

.title_unit span{
  align-self:flex-end;
}

.title_unit select{height:25px;}
.title_unit > .title {display:flex; gap:1.6rem; align-items: center;}

.title_unit > .title > form {
 display:flex; gap:0.4rem; align-items: center;
}

.title_unit .btn{
display:inline-block;
padding: 0.375rem;
font-size:1.4rem;
}


.title_unit .unit {
align-self: flex-end;
text-align:right;
width:30%;
}


/* fn_list */
.fn_list thead th{width:calc(100%/6);}


.sel_year .btn{padding:0.4rem;}



/* 손익계산서 */
/* 현금흐름표 */
/* 재무지표 */
/* 주당지표 */
/* 동업종재무비교 */
.tb_all_title caption {display:flex; justify-content: space-between;}
.tb_all_title h4 {font-size: 1.25rem;font-weight: 500;}
.tb_all_title span {align-self:flex-end;}




/*---- 재무정보 ----*/
.menu_navi {text-align:center; }
.menu_navi li { display:inline-block; padding:1rem 2rem; background:url("../images/menu_bar.png") no-repeat left; }
.menu_navi li:first-child { background:none; }
.menu_navi li span, .menu_navi li a:hover { padding-bottom:2px; font-weight:500; color:var(--gsifn-black); border-bottom:1px solid var(--gsifn-black); }
.menu_navi li a { font-weight:normal; color:#333; border-bottom:none; }

.form_area { margin-bottom:2rem; padding:3rem 0 2rem 0; text-align:center; border-top:var(--gsifn-border); border-bottom:solid 1px #BFC0C2; }
.form_area form { padding-bottom:1rem; }
.form_area form label { font-weight:500; }
.form_area form select { width:200px; }
#item_compare form select { width:150px; }
#state_search { padding-left:2rem; text-align:left; }

#fnchart_area .img_chart { text-align:center; width:100%;}
#fnchart_area .img_chart2 { text-align: center; width:48%; }
#fnchart_area .img_chart3 { text-align: center; width:32%; }
#fnchart_area .img_chart0 { display:none;}
#fnchart_area.chart5 { padding:0; height:230px; border:none; }
#fnchart_area .unit {color:#666; }

#fnchart_area .legend { margin-bottom:10px; padding:5px 1%; width:98%; height:20px; font-size:1.3rem; background:#F7F7F7; }
#fnchart_area .legend ul { width:100%; color: #868686; }
#fnchart_area .legend .left_item { float:left; width:59%; text-align:left; }
#fnchart_area .legend .left_item span { display:inline-block; margin-right:10px; }
#fnchart_area .legend .right_item { float:right; width:39%; text-align:right; }


/* 기본공시 */
#dart{margin-top:1.6rem;}


/*----통합공시-------*/
.term_set {
  display:flex;
  margin-bottom:3rem;
  border-top:var(--gsifn-border);
  border-bottom:var(--gsifn-border);
  text-align:center;
}
.term_set>h3 {
  width:20%;
  border-right:var(--gsifn-border);
  background-color:var(--gsifn-background-color);
  padding:2.4rem 0;
  display:flex;
  justify-content: center;
  align-items: center;
  font-weight:500;
}

.term_set>fieldset {
  width:80%;
  padding:2.4rem 0;
}

.term_set>dd>input,
.term_set>dd>label { vertical-align: middle; }
.term_set>dd>input { margin-right:3px; }
.term_set>dd>label { margin-right:12px; }

.opt_set {
  display:grid;
  grid-template-columns: repeat(5,1fr);
  grid-template-rows: repeat(2,1fr);
  gap:0.8rem;
  margin-bottom:1.6rem;
  text-align:center;
}

.opt_set label{
  display:block;
  outline:1px solid var(--gsifn-border);
  border-radius:0.4rem;
  line-height:30px;
  cursor:pointer;
  background-color:var(--gsifn-background-color);
  box-shadow:0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08);
}

.btn_set{
  display:flex;
  justify-content: center;
  align-items: center;
  gap:2.5rem;
}

.noticeBtn{
  max-width:200px;
  text-align: center;
}

.opt_wrap label{
  display:block;
  outline:1px solid var(--gsifn-border);
  border-radius:0.4rem;
  line-height:30px;
  cursor:pointer;
  background-color:var(--gsifn-background-color);
  box-shadow:0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08);
}


.opt_wrap label[for="btnSearch"]{
  background-color: #000000;
  color:var(--gsifn-white);
}

.opt_wrap label[for="test00"]{
  background-color: #053b93;
  color: var(--gsifn-white);
}


.opt_wrap input:checked + label{
  background-color: #87b8fd;
  color: var(--gsifn-white);
}

.source{margin-top:1.6rem;}


/* 종합 시세 */
.index-row {display:flex; justify-content: space-between; align-items: center; border-top: var(--gsifn-border);}
.index-row h5{width:30%;text-align: center; font-weight:500;}
.index-row div:nth-child(2){width:35%; display:flex; justify-content: center; align-items: center;}
.index-row:last-of-type{border-bottom:var(--gsifn-border);}


.index-row div:nth-child(3){width:35%;}










  @media screen and (max-width:768px) {
    :root{
      font-size:8px;
    }

    body{
      gap:calc(var(--gsifn-height)/2);
    }
 

    section.item-3 > *, .container.item-3 > * {
      width:100%;
    }

    .flex.gap, section.gap, .container.gap,.flex.gap-height, section.gap-height, .container.gap-height{gap:calc(var(--gsifn-height)/2);}

    section,.container{
      flex-direction: column;
    }

    table.mb_view{
      display:table;
    }

    .mb_view {
      display: block;
    }
   
    table.pc_view, .pc_view{
      display: none;
    }

    caption{
      
    }

    .stock_info{
      flex-direction: column;
      gap:0.8rem;
      align-items: center;
    }

    .stock_info h4{
     
    }

    .stock_info > h4 > span{
      display:none;
    }

    .index_box{
      flex-direction: row;
    }

    .index-arrow.up:before,.index-arrow.down:before{
      width: 100px;
    }

    input{width:10px; height:10px;}

    /* page_nav */
    .page_navi {
      gap:0.8rem;
  }

    /* 외국인매매동향 */
    .foreign_list thead th:nth-child(4),.foreign_list thead th:nth-child(6),.foreign_list thead th:nth-child(7){
      display:none;
    }
    .foreign_list tbody td:nth-child(4),.foreign_list tbody td:nth-child(6),.foreign_list tbody td:nth-child(7){
      display:none;
    }

    /* 주가검색 */
    .stock_info--mini h5 {
      width:100%;
      text-align: left;
  }


    /*동업종 시세비교*/
    .compare thead th:nth-child(4),.compare thead th:nth-child(6),.compare thead th:nth-child(7){
      display:none;
    }
    .compare tbody td:nth-child(4),.compare tbody td:nth-child(6),.compare tbody td:nth-child(7){
      display:none;
    }


    /* 주가검색 */
    .cup--small dl {
      
      margin-top:8px;
  }

    /* market_price */
    .market_price > div:first-of-type{
      width:100%;
    }
    .market_price > div:last-of-type{
      width:100%;
    }

    /* IR활동 */
    .calendar tr:nth-child(2n)>td{
    
    }

    .calendar tr:nth-child(2n-1)>td {
      font-size:1.5rem;
    }

    .calendar a{
      font-size: 1.5rem;
    }

    /* 배당현황 */
    .fn_list th:nth-child(2), .fn_list td:nth-child(2), .fn_list th:nth-child(3), .fn_list td:nth-child(3) {
      display: none;
    }

     /*재무정보*/
     #fnchart_area{
      flex-direction: column;
      padding:0;
     }
     .title_unit h3 {
      
    }
    
    select{
      height:17px;
      
    }

    .title_unit select {
      height: 17px;
    }

    #fnchart_area h4{
      
    }

    #fnchart_area .img_chart {
      width: 100%;
    }
    #fnchart_area .img_chart2 {
      width: 100%;
    }
    #fnchart_area .img_chart3 {
      width: 100%;
    }


    /* 통합공시 */
    fieldset label {
      margin-right: 0.4rem;
  }


    .term_set>h3 {
      width:15%;
    }

    .term_set>fieldset{
      width:85%;
    }

    .opt_set{
      grid-template-columns: repeat(3, 1fr);
    }



  }