@charset "utf-8";
body {
  font-family: "NanumGothic", "Malgun Gothic", "Open Sans", "Gothic", "Arial",
    sans-serif;
  font-size: 13px;
  color: #333;
  position: relative; /* gsifn sample 배경 */
}
body:after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 500px;
  height: 500px;
  background: url(https://ir.gsifn.io/sample/images/bg_gsifn.png) no-repeat
    center;
  background-size: contain;
  opacity: 0.4;
  transform: translateX(-50%) translateY(-50%) rotateZ(-30deg);
  /* gsifn sample 배경 */
}
a:link,
a:visited {
  color: #1e1e1e;
  text-decoration: none;
}
a:hover,
a:focus {
  font-weight: bold;
}
img {
  vertical-align: top;
}
select {
  height: 26px;
}
.center {
  width: 1260px;
  margin: 0 auto;
}
.blind {
  position: absolute;
  left: -9999em;
}
table > caption.blind {
  position: static;
  text-indent: -9999em;
  height: 0px;
}
.clear:after {
  content: "";
  display: block;
  clear: both;
}

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

.pc_view {
  display: block;
}
table .pc_view {
  display: table-cell;
}

.up {
  color: #d80a0a;
}
.down {
  color: #002269;
}
.same {
  color: #666;
}
.em {
  background: #eeeeee;
}

.left_box {
  width: 49%;
  margin-right: 2%;
  float: left;
}
.right_box {
  width: 49%;
  float: right;
}

/* 공통Top */
.name {
  padding: 5px 0;
  float: left;
  font-size: 20px;
  font-weight: bold;
}
.date {
  line-height: 37px;
  float: right;
}
table {
  width: 100%;
  border-top: 2px solid #666;
  border-bottom: 1px solid #ccc;
}
thead,
tfoot,
dt {
  background: #f5f5f5;
}
table tr {
  border-bottom: 1px solid #ccc;
}
table tr:last-child {
  border-bottom: none;
}
table thead tr:last-child {
  border-bottom: 1px solid #ccc;
}
table tfoot tr:first-child {
  border-top: 1px solid #ccc;
}
th,
td,
dt,
dd {
  padding: 15px 0;
  text-align: center;
}
th,
td {
  border-right: 1px solid #ccc;
  vertical-align: middle;
}
th:last-child,
td:last-child {
  border-right: none;
}
td {
  padding-right: 6px;
  text-align: right;
}
dt,
th {
  font-weight: bold;
}
table td > img {
  margin-top: 5px;
}
td.same > img,
th.same > img,
dt.same > img,
dd.same > img {
  display: none;
}

/* 주가정보 상단 차트 Style-1 */
#quote_chart {
  margin-bottom: 40px;
  border-top: 2px solid #666;
  border-bottom: 1px solid #ccc;
  padding: 30px 0;
}
#cur_chart_box,
#chart_min {
  float: left;
}
#cur_chart_box {
  width: 46%;
}
#chart_min {
  width: 50%;
  margin-left: 4%;
}
#chart_min #chart_container {
  margin-bottom: 0;
}
#cup {
  position: relative;
}
.current,
.per_updown {
  float: left;
}
.current {
  width: 57%;
  padding-left: 3%;
  box-sizing: border-box;
}
#cur_close > img {
  margin-top: 14px;
}

.per_updown {
  margin-left: 3%;
  width: 40%;
}
.current > dd {
  margin: 15px 0;
  padding: 0;
  font-family: Tahoma;
  font-size: 36px;
  font-weight: bold;
}
.per_updown {
  margin-top: 17px;
}
.per_updown > dt,
.per_updown > dd {
  float: left;
  width: 50%;
  padding: 0;
  background: transparent;
}
.per_updown > dt:first-child,
.per_updown > dd:nth-child(2) {
  margin-bottom: 10px;
}
.per_updown > dd:nth-child(2) > img {
  margin-top: 5px;
}
.per_updown > dd:nth-child(4) {
  box-sizing: border-box;
}

#ohlv {
  border-top: 2px solid #707580;
  border-bottom: 1px solid #ccc;
}
#ohlv > dl {
  float: left;
  width: 25%;
  text-align: center;
  box-sizing: border-box;
}
#ohlv > dl {
  border-right: 1px solid #cdcdcd;
}
#ohlv > dl:last-child {
  border: none;
}
#ohlv > dl > dt {
  border-bottom: 1px solid #cdcdcd;
}

/* 주가정보 상단 차트 Style-2 */
#cur_top_box {
  margin-bottom: 40px;
  border-top: 2px solid #666;
  border-bottom: 1px solid #ccc;
  padding: 30px 0;
}
#cur_top_box > #cup,
#cur_top_box > #ohlv {
  float: left;
}
#cur_top_box > #cup {
  width: 48%;
  padding-top: 13px;
}
#cur_top_box > #ohlv {
  width: 50%;
  margin-left: 2%;
}
#chart_coc {
  margin-bottom: 40px;
}

/* 공통 호가 테이블 */
#hoga_tb,
#cap_ind {
  float: left;
}
#hoga_tb {
  width: 46%;
  margin-right: 4%;
}
#hoga_tb tbody td {
  padding-right: 0;
  text-align: center;
}
#hoga_tb tfoot td {
  font-weight: bold;
  text-align: center;
}

#cap_ind {
  width: 50%;
}
.capital_tb th:nth-child(2n-1) {
  width: 31%;
  padding-left: 6px;
  box-sizing: border-box;
  text-align: left;
  background: #f5f5f5;
}

/* 지수 */
#index_tb {
  margin-top: 40px;
  border-top: 2px solid #666;
  border-bottom: 1px solid #ccc;
}
#index_tb > dl {
  float: left;
  width: 33.3333%;
}
#index_tb > dl > dt {
  border-bottom: 1px solid #ccc;
}
#index_tb > dl > dd:nth-child(2) {
  height: 120px;
  padding-top: 53px;
  box-sizing: border-box;
  font-weight: bold;
  color: #fff;
}
#index_tb > dl > dd:nth-child(3) {
  padding-left: 20px;
  font-weight: bold;
}

/* 현재가 거래원정보 */
.dealer_tb thead th:nth-child(2n-1) {
  padding-left: 0px;
  text-align: center;
}
.dealer_tb th:nth-child(2n-1) {
  width: 31%;
  padding-left: 6px;
  box-sizing: border-box;
  text-align: left;
  background: #f5f5f5;
}

/* 차트공통 */
#min_chart1,
#min_chart2,
#daily_chart1,
#daily_chart2 {
  float: left;
  width: 49%;
}
#min_chart1,
#daily_chart1 {
  margin-right: 2%;
}

/* 분단위차트 */
#min_chart1 > h4,
#min_chart2 > h4 {
  margin-bottom: 5px;
  font-weight: bold;
}
#btn_check {
  margin-bottom: 20px;
  text-align: right;
}
#btn_check input {
  margin-left: 10px;
  vertical-align: middle;
}
a.btn {
  margin-left: 10px;
  border-radius: 4px;
  padding: 8px 14px;
  line-height: 33px;
  background: #888;
  font-weight: bold;
  color: #fff;
  transition: 0.5s;
}
.minute th,
.minute td {
  width: 16.66666%;
}

/* 일자별차트 */
#daily_chart2 > h4 {
  margin-bottom: 5px;
  line-height: 33px;
  font-weight: bold;
}
#daily_chart1 > #btn_check,
#daily_chart2 > #btn_check,
#daily_chart3 > #btn_check {
  margin-bottom: 5px;
  margin-right: 15px;
}
.daily th,
.daily td {
  width: 12.5%;
}

#daily_chart3 > .daily_leftChart {
  float: left;
  width: 48%;
}
#daily_chart3 > .daily_rightChart {
  float: right;
  width: 48%;
  margin-left: 4%;
  margin-top: 53px;
  margin-bottom: 40px;
}

/* 차트분석 */
#chart_set {
  border-top: 2px solid #666;
  border-bottom: 1px solid #ccc;
  margin-bottom: 40px;
}
#chart_set div > dt,
#chart_set div > dd {
  float: left;
}
#chart_set div:last-child > dt,
#chart_set div:last-child > dd {
  border-bottom: none;
}
#chart_set div > dt {
  width: 20%;
  height: 47px;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  box-sizing: border-box;
}
#chart_set div > dd {
  width: 80%;
  height: 47px;
  border-bottom: 1px solid #ccc;
  padding-left: 15px;
  box-sizing: border-box;
  text-align: left;
}
#chart_set div > dd > input,
#chart_set div > dd > select {
  vertical-align: middle;
}
#chart_set div > dd > input {
  margin-right: 5px;
}
#chart_set div > dd > label {
  margin-right: 10px;
}
#chart_set div > dd > label:last-child {
  margin-right: 0;
}
#chart_set .select_setting dd > label:nth-of-type(3) {
  margin-right: 20px;
}
#chart_set .select_setting dd > a.btn {
  line-height: normal;
}
.left_axis,
.right_axis {
  width: 50%;
  padding: 10px 0;
  background: #f7f7f7;
  box-sizing: border-box;
}
.left_axis {
  padding-left: 10px;
  float: left;
}
.right_axis {
  padding-right: 10px;
  float: right;
  text-align: right;
}
.chart_axis_ex {
  margin-bottom: 10px;
}

/* 외국인매매동향 */
.foregin th,
.foregin td {
  width: 14.28571%;
}
.foregin3 > .left_axis {
  color: #7cb5ec;
}
.foregin3 > .right_axis {
  color: #000;
}

/* 주가검색 */
#select_day {
  margin-top: 30px;
  border: 1px solid #ccc;
  padding: 15px 0;
  text-align: center;
  background: #f5f5f5;
}
#search_box_wrap {
  margin-top: 50px;
}
.search_box {
  width: 31%;
  float: left;
}
#search_box_wrap > .search_box:nth-child(2) {
  margin: 0 3.5%;
}
.search_box > h5 {
  border-bottom: 1px solid #ccc;
  padding-bottom: 10px;
  font-size: 14px;
  font-weight: bold;
}
.search_box > h5 > span {
  font-size: 12px;
}
.per_updown > dd.search_updown {
  width: 100%;
  margin-bottom: 0;
  margin-top: 5px;
  float: none;
}
.mini_stock_wrap {
  margin-bottom: 20px;
}
.mini_stock_wrap th,
.mini_stock_wrap td {
  width: 50%;
}
.mini_stock_wrap td {
  text-align: center;
}
.mini_stock_wrap th {
  background: #f5f5f5;
}

.chart_box {
  border: 1px solid #ccc;
  padding: 10px;
}

/* 매물동향 */
#volume_wrap {
  margin-bottom: 40px;
}
#volume_chart1,
#volume_chart2 {
  float: left;
}
#volume_chart1 {
  width: 60%;
  padding-right: 5%;
  box-sizing: border-box;
}
#volume_chart2 {
  width: 40%;
}
.chart_coc > h4 {
  margin-bottom: 10px;
  padding-left: 10px;
  font-size: 14px;
  font-weight: bold;
}

/* 마켓뷰 */
.market_price {
  margin-bottom: 40px;
}
.market_price > div {
  float: left;
  width: 50%;
}

.mk_list caption,
.mk_chart > h4 {
  padding: 10px 0 10px 5px;
  text-align: left;
  font-weight: bold;
  font-size: 15px;
}
.mk_list tbody th {
  padding-left: 6px;
  text-align: left;
}
.mk_list tr > th:first-child {
  width: 35%;
}
.mk_list td:last-child {
  padding-right: 0;
  text-align: center;
}
.mk_chart {
  padding-left: 4%;
  box-sizing: border-box;
}
#borair_chart1,
#borair_chart2,
#borair_chart3,
#borair_chart4 {
  padding-top: 15px;
}

/* 주요지수 주가비교 */
#main_index_sel {
  margin-bottom: 40px;
  border-top: 2px solid #666;
  border-bottom: 1px solid #ccc;
  padding: 40px 0;
}
.setting_wrap {
  width: 66.666666%;
  float: left;
}
.go_chart {
  width: 33.333333%;
  float: right;
}
.setting_wrap > div > dl {
  float: left;
  width: 50%;
  padding-left: 5px;
  box-sizing: border-box;
}
.setting_wrap > div > dl > dt,
.setting_wrap > div > dl > dd {
  padding: 0;
  text-align: left;
  background: transparent;
}
.setting_wrap > div > dl > dt {
  margin-bottom: 5px;
  font-size: 15px;
}
.sel_index > dd > select {
  height: 25px;
  font-size: 14px;
}
.sel_period > dd {
  line-height: 25px;
}
.sel_period > dd > input {
  margin-right: 5px;
  vertical-align: middle;
}
.go_chart {
  padding-top: 5px;
}
.go_chart > a {
  display: inline-block;
  padding: 12px 20px;
  background: #acc3f2;
  font-weight: bold;
  color: #334a7d;
}

.compare > caption {
  padding-bottom: 10px;
  font-size: 15px;
  font-weight: bold;
  text-align: left;
}
.compare_list th,
.compare_list td {
  width: 12.5%;
}

.domestic_index {
  margin-bottom: 40px;
}
.domestic_index th,
.domestic_index td {
  width: 14.28571%;
}
.domestic_index tr > td:last-child {
  text-align: center;
  padding-right: 0;
}

/* 국내 ADR / GDR */
#adr_list {
  margin-bottom: 40px;
}
.adr_gdr > table > caption {
  padding: 10px 0 10px 5px;
  text-align: left;
  font-weight: bold;
  font-size: 15px;
}
.adr_gdr th,
.adr_gdr td {
  width: 12%;
}
.adr_gdr th:first-child,
.adr_gdr td:first-child {
  width: 20%;
}
.adr_gdr th:last-child,
.adr_gdr td:last-child {
  width: 8%;
}
.adr_gdr tr > td:last-child {
  padding-right: 0;
  text-align: center;
}

/* 국내외 금리 동향 */
#interest_rate > div {
  float: left;
  width: 48%;
}
.bond_wrap {
  margin-left: 4%;
}
.bond_wrap > h4 {
  padding: 10px 0 10px 5px;
  text-align: left;
  font-weight: bold;
  font-size: 15px;
}
.new_chart {
  margin-top: -30px;
}
.bond_list th,
.bond_list td {
  width: 25%;
}

/* 동업종비교 */
#same_industry {
  margin-bottom: 40px;
}
#same_industry th,
#same_industry td {
  width: 16.66666%;
}
#same_industry td:last-child {
  padding-right: 0;
  text-align: center;
}

/*********************** 수정중 E 2019-10-29 ***********************/

/* 재무정보 */
#fnchart_area {
  border-top: 2px solid #666;
  border-bottom: 1px solid #ccc;
  padding: 40px 0;
}
#fnchart_area > .img_chart {
  width: 33.33333%;
  float: left;
  text-align: center;
}
#fnchart_area > .img_chart > div {
  padding-bottom: 10px;
  font-size: 14px;
}
#title_unit > div {
  float: left;
  width: 50%;
}
#title_unit {
  margin-top: 40px;
  padding: 0 5px;
}
#title_unit > .title > h3 {
  margin-right: 40px;
  padding: 10px 0;
  font-size: 16px;
  font-weight: bold;
}
#title_unit > .title > h3,
#title_unit > .title > form {
  display: inline-block;
}
#title_unit > .title > form {
  font-size: 14px;
}
#title_unit > .title > form > select {
  padding: 3px 10px;
}
#title_unit > div:last-child {
  margin-top: 12px;
  text-align: right;
}

.fn_list th,
.fn_list td {
  width: 16.6666%;
}

/* 재무정보 차트 Style-2 */
#fnchart_area > #chart_container {
  margin-bottom: 0;
}
.legend {
  margin-bottom: 10px;
  padding: 10px 5px;
  background: #f5f5f5;
}
.legend li {
  float: left;
  width: 50%;
}
.legend li > span {
  margin-right: 10px;
}
.right_item {
  text-align: right;
}

/* 재무지표 */
.fn_statement {
  margin-bottom: 40px;
}
.fn_statement caption {
  padding: 10px 0 10px 5px;
  text-align: left;
  font-weight: bold;
  font-size: 15px;
}
.last_statement {
  margin-bottom: 0;
}

/* 배당내역 */
#dividend_details caption {
  padding: 10px 0 10px 5px;
  text-align: left;
  font-weight: bold;
  font-size: 15px;
}

/* 공시 */
.notice_tb td {
  text-align: center;
}
.notice_tb td {
  padding-right: 0;
}

.notice_tb .num {
  width: 10%;
}
.notice_tb .title {
  width: 60%;
}
.notice_tb .auth {
  width: 15%;
}
.notice_tb .datadate {
  width: 15%;
}

/* 주가 일간 보고서 */
.dw_report {
  padding: 5px 0;
  font-size: 17px;
  font-weight: bold;
}
.report_title {
  padding: 10px 0 10px 5px;
  font-size: 15px;
  font-weight: bold;
}
.report {
  margin-bottom: 40px;
}
.report th,
.report td {
  width: 12.5%;
}
.stock_market_change > .report tr:first-child > th:last-child {
  width: 37.5%;
}
.main_isue .report th:first-child,
.main_isue .report td:first-child {
  width: 12.5%;
}
.main_isue .report th:last-child,
.main_isue .report td:last-child {
  width: 87.5%;
}
.dome_fore_change .report th,
.dome_fore_change .report td {
  width: 14.2857%;
}
.current_situation .report th,
.current_situation .report td {
  width: 20%;
}
.dome_fore_change .pc_view {
  display: table;
}
.forgin_have th,
.forgin_have td {
  width: 11.11111%;
}

/* 주가 주간 보고서 */
.main_isue th {
  background: #f5f5f5;
}
.highlights {
  padding-right: 0;
  padding-left: 10px;
  text-align: left;
}

/* Padging */
#paging {
  margin-top: 40px;
}
#paging > ul {
  text-align: center;
}
#paging li {
  display: inline-block;
  min-width: 20px;
  height: 22px;
  margin-right: 10px;
  vertical-align: middle;
}
#paging li:last-child {
  margin-right: 0;
}
#paging li.on {
  font-weight: bold;
}
#paging li > a {
  display: block;
  width: 100%;
  height: 100%;
  line-height: 22px;
}
#paging li:nth-child(3) > a {
  margin-left: 0;
}
#paging li:nth-child(7) > a {
  margin-right: 0;
}
#paging li img {
  height: 22px;
}
#paging .prev {
  margin-right: 20px;
}
#paging .next {
  margin-left: 20px;
}
#paging .page_num > a {
  margin-left: 3px;
  padding: 4px 8px;
}
#paging .page_num.on > a {
  border-bottom: 1px solid #333;
  font-weight: bold;
}
#paging .page_num > a:hover,
#paging .page_num > a:focus {
  font-weight: bold;
}

/* copyright */
.copyright {
  padding-right: 5px;
  text-align: right;
}

@media all and (max-width: 767px) {
  .pc_view,
  table .pc_view {
    display: none;
  }
  .mb_view {
    display: block;
  }
  table .mb_view {
    display: table-cell;
  }

  body:after {
    width: 200px;
    height: 200px;
  }
  /* 주가정보 차트 Style-1 */
  #quote_chart {
    border-bottom: none;
    padding: 10px 0 0 0;
  }
  #cur_chart_box,
  #chart_min {
    float: none;
    width: 100%;
    margin: 0;
  }
  #cur_chart_box {
    margin-bottom: 40px;
  }
  #cup {
    padding-bottom: 10px;
  }
  #chart_min {
    box-sizing: border-box;
  }
  .current {
    padding: 0;
  }
  .current > dd {
    font-size: 32px;
  }
  .per_updown > dd {
    text-align: center;
  }

  /* 주가정보 차트 Style-2 */
  #cur_top_box {
    border-bottom: none;
    padding: 10px 0 0 0;
  }
  #cur_top_box > #cup,
  #cur_top_box > #ohlv {
    width: 100%;
    float: none;
  }
  #cur_top_box > #cup {
    padding-top: 0px;
    padding-bottom: 10px;
  }
  #cur_top_box > #ohlv {
    margin-left: 0%;
  }

  /* 공통 호가 테이블 */
  #hoga_tb,
  #cap_ind {
    float: none;
    width: 100%;
  }
  #hoga_tb {
    margin-bottom: 40px;
  }
  .capital_tb th:nth-child(2n-1) {
    width: 50%;
  }

  /* 현재가 거래원정보 */
  .dealer_tb > thead th:nth-child(2n-1) {
    padding: 0;
  }
  .dealer_tb tr > th:first-child {
    width: 50%;
  }
  .mb_view > table:nth-child(2) {
    margin-top: 40px;
    border-top: 2px solid #666;
  }

  /* 분단위차트 */
  #min_chart1,
  #min_chart2 {
    float: none;
  }
  #min_chart1 {
    display: none;
  }
  #min_chart2 {
    width: 100%;
  }
  #min_chart2 > h4 {
    margin-left: 1%;
  }
  .minute th {
    width: 12%;
  }
  .pc_td {
    display: none;
  }
  #btn_list {
    margin-bottom: 10px;
  }

  /* 일자별차트 */
  #daily_chart1,
  #daily_chart2 {
    float: none;
  }
  #daily_chart2 {
    display: none;
  }
  #daily_chart1 {
    width: 100%;
  }
  #daily_chart1 > #btn_check,
  #daily_chart2 > #btn_check,
  #daily_chart3 > #btn_check {
    margin-bottom: 5px;
    margin-right: 0;
    text-align: center;
  }
  #daliy_list {
    margin-bottom: 10px;
  }
  .daily th {
    width: 12%;
  }
  .daily th,
  .daily td {
    width: 25%;
  }
  .daily thead th:nth-child(4),
  .daily thead th:nth-child(5),
  .daily thead th:nth-child(6),
  .daily thead th:nth-child(7) {
    /* display: none; */
    /* position: absolute;
    left: -9999em; */
  }
  .daily tbody td:nth-child(4),
  .daily tbody td:nth-child(5),
  .daily tbody td:nth-child(6),
  .daily tbody td:nth-child(7) {
    /* display: none; */
    /* position: absolute;
    left: -9999em; */
  }

  /* 차트분석 */
  #chart_set div > dt,
  #chart_set div > dd {
    float: none;
  }
  #chart_set div > dt {
    width: 100%;
    border-right: none;
    padding-left: 15px;
    text-align: left;
  }
  #chart_set div > dd {
    width: 100%;
    height: auto;
    padding-left: 10px;
  }
  #chart_set div > dd > label {
    margin-right: 5px;
  }
  #chart_set .select_setting dd > label:nth-of-type(3) {
    margin-right: 0px;
  }
  #chart_set .select_setting dd > a.btn {
    margin-left: 5px;
  }
  .left_axis,
  .right_axis {
    width: 100%;
    padding: 10px 0;
    float: none;
    text-align: center;
  }

  /* 외국인매매동향 */
  .foregin th,
  .foregin td {
    width: 25%;
  }
  .foregin tr > th:nth-child(2),
  .foregin tr > th:nth-child(3),
  .foregin tr > td:nth-child(2),
  .foregin tr > td:nth-child(3) {
    width: 19%;
  }
  .foregin thead th:nth-child(4),
  .foregin thead th:nth-child(6),
  .foregin thead th:nth-child(7) {
    /* display: none; */
    /* position: absolute;
    left: -9999em; */
  }
  .foregin tbody td:nth-child(4),
  .foregin tbody td:nth-child(6),
  .foregin tbody td:nth-child(7) {
    /* display: none; */
    /* position: absolute;
    left: -9999em; */
  }
  .foregin thead th:nth-child(5),
  .foregin tbody td:nth-child(5) { border-right: none; }


  /* 주가검색 */
  a.btn {
    display: inline-block;
    margin-left: 0;
    line-height: 20px;
  }
  #search_box_wrap {
    margin-top: 30px;
  }
  .search_box {
    float: none;
    width: 100%;
  }
  #search_box_wrap > .search_box:nth-child(2) {
    margin: 0 0 40px 0;
  }
  #search_box_wrap > div {
    margin-bottom: 40px;
  }
  .chart_box {
    border: none;
    border-bottom: 1px solid #666;
    padding: 0 0 40px 0;
  }

  /* 매물동향 */
  #volume_chart1 {
    margin-bottom: 40px;
    padding: 0;
  }
  #volume_chart1,
  #volume_chart2 {
    width: 100%;
    float: none;
  }

  /* 마켓뷰 */
  .market_price > div {
    float: none;
    width: 100%;
  }
  .mk_list {
    margin-bottom: 10px;
  }
  .mk_list tr > th:first-child {
    width: 40%;
  }
  .mk_list tr > th:nth-child(4),
  .mk_list tr > td:nth-child(4) {
    /* display: none; */
    /* position: absolute;
    left: -9999em; */
  }
  .mk_chart {
    padding: 0;
  }
  #borair_chart1,
  #borair_chart2,
  #borair_chart3,
  #borair_chart4 {
    padding: 0;
  }

  /* 주요지수 주가비교 */
  #main_index_sel {
    margin-bottom: 40px;
    padding: 20px 0;
  }
  .setting_wrap,
  .go_chart {
    width: 100%;
    float: none;
  }
  .setting_wrap > div > dl {
    width: 80%;
    margin: 0 auto 20px auto;
    padding: 0;
    float: none;
  }
  .go_chart {
    text-align: center;
  }
  .compare_list tr > th:nth-child(4),
  .compare_list tr > th:nth-child(5),
  .compare_list tr > th:nth-child(6),
  .compare_list tr > td:nth-child(4),
  .compare_list tr > td:nth-child(5),
  .compare_list tr > td:nth-child(6),
  .domestic_index2 tr > th:nth-child(7),
  .domestic_index2 tr > td:nth-child(7) {
    /* display: none; */
    /* position: absolute;
    left: -9999em; */
  }
  .compare_list tr > th,
  .compare_list tr > td,
  .domestic_index2 tr > th,
  .domestic_index2 tr > td {
    width: 25%;
  }

  /* 국내 ADR / GDR */
  .adr_gdr th,
  .adr_gdr td {
    width: 25%;
  }
  .adr_gdr th:first-child,
  .adr_gdr td:first-child {
    width: 35%;
  }
  .adr_gdr th:last-child,
  .adr_gdr td:last-child {
    width: 15%;
  }
  .adr_gdr tr > th:nth-child(4),
  .adr_gdr tr > th:nth-child(5),
  .adr_gdr tr > th:nth-child(6),
  .adr_gdr tr > th:nth-child(7) {
    /* display: none; */
    /* position: absolute;
    left: -9999em; */
  }
  .adr_gdr tr > td:nth-child(4),
  .adr_gdr tr > td:nth-child(5),
  .adr_gdr tr > td:nth-child(6),
  .adr_gdr tr > td:nth-child(7) {
    /* display: none; */
    /* position: absolute;
    left: -9999em; */
  }

  /* 국내외 금리 동향 */
  #interest_rate > div {
    float: none;
    width: 100%;
  }
  #interest_rate > div.mk_list {
    margin-bottom: 40px;
  }
  .new_chart {
    margin-top: 0;
  }
  .bond_wrap {
    margin-left: 0;
  }
  #chart_container,
  .chart_container {
    height: 300px !important;
  }
  #chart_container {
    margin-bottom: 20px;
  }

  /* 동업종비교 */
  #same_industry tr > th:nth-child(6),
  #same_industry tr > td:nth-child(6) {
    display: table-cell;
  }
  #same_industry th,
  #same_industry td,
  #business_daily tr > th,
  #business_daily tr > td {
    width: 25%;
  }
  #business_daily tr > th:nth-child(7),
  #business_daily tr > td:nth-child(7) {
    /* display: none; */
    /* position: absolute;
    left: -9999em; */
  }
  #same_industry tr > th:first-child,
  #same_industry tr > td:first-child,
  #business_daily tr > th:first-child,
  #business_daily tr > td:first-child {
    width: 27%;
  }

  /* 재무정보 */
  #fnchart_area > .img_chart {
    width: 100%;
    margin-bottom: 30px;
    float: none;
  }
  #fnchart_area > div:last-child {
    margin-bottom: 0;
  }
  #title_unit {
    margin-top: 40px;
  }
  #title_unit > .title {
    width: 70%;
  }
  #title_unit > .title > h3 {
    margin-right: 20px;
  }
  #title_unit > .unit {
    width: 30%;
  }
  .fn_list th:first-child,
  .fn_list td:first-child {
    width: 30%;
  }
  .fn_list th,
  .fn_list td {
    width: 23.333333%;
  }
  .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; */
    /* position: absolute;
    left: -9999em; */
  }

  /* 재무정보 차트 Style-2 */
  .legend li > span {
    display: block;
    margin-bottom: 5px;
    margin-right: 0px;
  }
  .right_item {
    margin-top: 37px;
  }

  /* 공시 */
  .notice_tb th:first-child,
  .notice_tb td:first-child {
    width: 75%;
  }

  /* 기업지배구조보고서 */
  #owner_report th:first-child,
  #owner_report td:first-child {
    width: 15%;
  }

  /* 주가 일간 보고서 */
  .stock_market_change thead > tr:nth-child(1) > th:last-child,
  .stock_market_change thead > tr:nth-child(2),
  .stock_market_change tbody td:nth-child(6),
  .stock_market_change tbody td:nth-child(7),
  .stock_market_change tbody td:nth-child(8) {
    /* display: none; */
    /* position: absolute;
    left: -9999em; */
  }
  .stock_market_change > .report tr:first-child > th:last-child {
    width: 0;
  }
  .stock_market_change tbody td,
  .stock_market_change tbody th {
    width: 20%;
  }
  .stock_market_change tbody td:nth-child(5) {
    width: 15%;
  }

  .main_isue .report th:first-child,
  .main_isue .report td:first-child {
    width: 25%;
  }
  .dome_fore_change {
    margin-bottom: 40px;
  }
  .dome_fore_change .pc_view {
    display: none;
  }
  .mb_view.report {
    margin-bottom: 0;
  }
  .mb_view.report thead > tr:first-child > th:first-child,
  .mb_view.report thead > tr > th:nth-child(3),
  .current_situation tr > th:nth-child(4),
  .current_situation tr > td:nth-child(4) {
    border-right: 0;
  }
  .current_situation tr > th:last-child,
  .current_situation tr > td:last-child {
    /* display: none; */
    /* position: absolute;
    left: -9999em; */
  }
  .current_situation .report th,
  .current_situation .report td {
    width: 25%;
  }

  /* 주가 주간 보고서 */
  .report td.highlights {
    padding: 15px 5px;
  }
  .forgin_have thead > tr:nth-child(2) > th:nth-child(1),
  .forgin_have thead > tr:nth-child(2) > th:nth-child(2),
  .forgin_have tr > td:nth-child(7),
  .forgin_have tr > td:nth-child(8),
  .forgin_have tr > th:nth-child(4),
  .forgin_have tr > td:nth-child(4),
  .forgin_have tr > th:nth-child(6),
  .forgin_have tr > td:nth-child(6) {
    /* display: none; */
    /* position: absolute;
    left: -9999em; */
  }
  .forgin_have .report_title,
  .highlights .report_title {
    font-size: 14px;
  }

  /* Paging */
  #paging .prev {
    margin-right: 10px;
  }
  #paging .next {
    margin-left: 10px;
  }
  #paging .page_num > a {
    margin-right: 0px;
  }
}


body {
  font-size: 15px;
  font-family: "NanumBarunGothic", "NanumGothic", "Malgun Gothic", "dotum",
    sans-serif;
}
body:after {
  display: none !important;
}
td > span,
dd > span {
  position: relative;
}
td > span:before,
dd > span:before {
  content: "";
  display: block;
  position: absolute;
  left: -15px;
  top: 5px;
  width: 11px;
  height: 6px;
  background-size: contain;
}
td.up > span:before,
dd.up > span:before {
  background: url(../images/mark_up1.gif) no-repeat center;
}
td.down > span:before,
dd.down > span:before {
  background: url(../images/mark_down1.gif) no-repeat center;
}
td.same > span:before,
dd.same > span:before {
  display: none;
}

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

/* 라인컬로 */
table,
#quote_chart,
#index_tb {
  border-top: 2px solid #505050;
}
table,
table tr,
table thead tr:last-child,
#ohlv,
#ohlv > dl > dt,
#cur_top_box,
#quote_chart,
#index_tb,
#index_tb > dl > dt,
#fnchart_area {
  border-bottom: 1px solid #e4e4e4;
}
table tfoot tr:first-child {
  border-top: 1px solid #e4e4e4;
}
th,
td,
#ohlv > dl {
  border-right: 1px solid #e4e4e4;
}

#cur_close > span:before,
.cur_close > span:before {
  left: -35px;
  top: 15px;
  width: 28px;
  height: 15px;
}
#cur_close.up > span:before,
.cur_close.up > span:before {
  background: url(../images/mark_up2.gif) no-repeat center;
}
#cur_close.down > span:before,
.cur_close.down > span:before {
  background: url(../images/mark_down2.gif) no-repeat center;
}
#cur_close.same > span:before,
.cur_close.same > span:before {
  display: none;
}

#index_tb {
  margin-top: 74px;
}
#index_tb > dl > dd:nth-child(2).up {
  background: url(../images/index_up.gif) no-repeat center;
  background-size: auto 70px;
}
#index_tb > dl > dd:nth-child(2).down {
  background: url(../images/index_down.gif) no-repeat center;
  background-size: auto 70px;
}
#index_tb > dl > dd:nth-child(2).same {
  background: url(../images/index_same.gif) no-repeat center;
  background-size: auto 70px;
}

/* 공시 */
.notice_num {
  width: 10%;
}
.notice_title {
  width: 60%;
}
.notice_auth {
  width: 15%;
}
.notice_date {
  width: 15%;
}

/* tab menu */
.tabmenu {
  margin-bottom: 30px;
}
.tabmenu a {
  width: 50%;
  height: 35px;
  border: 1px #ccc solid;
  border-left: none;
  box-sizing: border-box;
  color: #333;
  font-size: 13px;
  text-align: center;
  line-height: 35px;
  float: left;
  background: white;
  transition: 0.5s;
  outline: none;
}
.fn_tabmenu a {
  width: 33.3333%;
}
.tabmenu a:first-child {
  border-left: 1px #dadcdf solid;
}
.tabmenu a.on {
  color: white;
  border: 1px #777777 solid;
  margin-left: -1px;
  background: #777777;
  font-weight: bold;
}
.tabmenu a:hover {
  color: #ffffff;
  border: 1px #777777 solid;
  background: #777777;
}
.tabmenu a:first-child.on {
  margin-left: 0;
}
.tabmenu:after {
  display: block;
  content: "";
  clear: both;
}
@media all and (max-width: 768px) {
  body {
    font-size: 13px;
  }
  .pc_view {
    display: none;
  }
  .mb_view {
    display: block;
  }

  #cur_close.up > span,
  #cur_close.down > span,
  #cur_close.same > span,
  .cur_close.up > span,
  .cur_close.down > span,
  .cur_close.same > span {
    padding-left: 10px;
    box-sizing: border-box;
  }
  #cur_close > span:before,
  .cur_close > span:before {
    left: -20px;
    background-size: auto 10px !important;
  }

  /* 지수 */
  #index_tb > dl > dd:nth-child(2) {
    font-size: 12px;
  }
  #index_tb > dl > dd:nth-child(2).up,
  #index_tb > dl > dd:nth-child(2).down,
  #index_tb > dl > dd:nth-child(2).same {
    background-size: auto 60px;
  }
  #index_tb > dl > dd:nth-child(3) {
    letter-spacing: -0.05em;
    font-size: 12px;
  }
  .index_updown > span:before {
    left: -12px;
  }

  /* tab menu */
  .btn_list_mb {
    margin-bottom: 20px;
    padding: 15px 0;
    color: #fff;
    font-weight: bold;
    text-align: center;
    box-sizing: border-box;
    background: #e51b38 url(../images/ico_ev_arr.png) no-repeat 95% center;
    background-size: auto 8px;
  }

  .tabmenu {
    display: none;
    position: absolute;
    top: 45px;
    left: 0;
    width: 100%;
    border-bottom: 2px solid #00529c;
    z-index: 100;
  }
  .tabmenu a {
    display: block;
    width: 100%;
    height: 49px;
    float: none;
    line-height: 49px;
    border: none;
    border-bottom: 1px solid #ccc;
    outline: none;
  }
  .tabmenu a.on {
    margin: 0;
    border: none;
  }
  .tabmenu a:link,
  .tabmenu a:visited {
    outline: none;
  }
  .tabmenu a:last-child {
    border-bottom: 1px solid #dadcdf;
  }
  .tabmenu a:first-child {
    border-left: none;
  }

  /* 공시 */
  .notice_tb th:first-child,
  .notice_tb td:first-child {
    width: 10%;
  }
  .notice_tb td.title {
    padding: 0 5px;
  }
  .notice_title,
  .notice_auth,
  .notice_date {
    width: auto;
  }

  /* paging */
  #paging .page_num > a {
    padding: 3px 6px;
  }
}