@charset "utf-8";

@import url(https://fonts.googleapis.com/css?family=Noto+Sans);
@import url(https://fonts.googleapis.com/earlyaccess/notosanskr.css);
@import url(https://fonts.googleapis.com/css?family=Droid+Sans);
@import url(base.css);

html, body { -ms-text-size-adjust: 100%;-webkit-font-smoothing: antialiased;}
@media screen and (-webkit-min-device-pixel-ratio:0) {
    html, body { }
}
a:link, a:hover, a:active, a:visited {text-decoration:none;color:#595d6e;}

/* Style the tab 여기서부터 style 전부 복사 */

body {    font-family:'Noto Sans KR', 'Trebuchet';  }

* {margin:0;padding:0;box-sizing:border-box;list-style:none;}

/* 740*450 layout */

#IR_box {
    width:740px;
    height:450px;
    border: 1px solid #a0a0a0;}

.tab {
    overflow: hidden;
    background-color: #fff;
  }
  
.tab {
    list-style: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
}
/* Float the list items side by side */
.tab li { 
    font-family:'Noto Sans KR', 'Trebuchet';
    float: left;
    text-align: left;
    font-size:1.3em;
    color:#000;
    width:33.3%;
    border-right:solid 1px #a0a0a0;
    border-bottom:solid 1px #a0a0a0;
}

.tab li.end_tab { border-right:none;}

/* Style the links inside the list items */
.tab li a {
    font-family:'Noto Sans KR', 'Trebuchet';  
    display: inline-block;
    text-decoration: none;
    padding: 14px 16px;
    color:#000;
    transition:0.3s;
}
/* Style the tab content */
.tabcontent {
    display: none;
    background-color:#fff;
    padding: 10px 12px;
    color:#000;
}
ul.tab li.current{
    border-bottom:none;
    color:#000;
}
.tabcontent.current {
    display: block;
}
.txt_black  {    color:#000;}

.txt_date {
    width:100%;
    position:relative;
    float: left;
    text-align:right;
    padding:2px;
    font-size:0.7em;
    color:#1d1d1d;}
.badge-primary {
        color: #fff;
        background-color: #7384af;}
 .badge {
        display: inline-block;
        padding: .40em .8em;
        font-size: 75%;
        font-weight: 600;
        line-height: 1;
        text-align: center;
        white-space: nowrap;
        vertical-align: baseline;

        line-height: 1;
        text-align: center;
        white-space: nowrap;
        vertical-align: baseline;
        @include border-radius($badge-border-radius);
        @include transition($badge-transition);
      
        @at-root a#{&} {
          @include hover-focus {
            text-decoration: none;
          }
        }
      
        // Empty badges collapse automatically
        &:empty {
          display: none;
        }
      }
      
      // Quick fix for badges in buttons
    .btn .badge {
    position: relative;
    top: -1px;
      }
.graph  {
    text-align:center;
    width:710px;
    height:238px;
    }
.info_area  {
    padding:20px 6px 4px 4px;
    
}

.txt_stockred   {
    letter-spacing: 0.1rem;
    font-weight: 700;
    text-align:right;
    text-shadow: 1px 2px #797979;
    padding-left:20px;
    padding-right:10px;
    font-size:2.0em;
    color:#d82119;
}
.txt_stockred_s   {
    font-weight: 300;
    padding-right:10px;
    font-size:1.2em;
    color:#d82119;
}

.icon_red   {
    font-weight: 200;
    padding-right:5px;
    font-size:0.7em;
    color:#d82119;
}
.txt_down_stockred   {
    letter-spacing: 0.1rem;
    font-weight: 700;
    text-align:right;
    text-shadow: 1px 2px #797979;
    padding-left:20px;
    padding-right:10px;
    font-size:2.0em;
    color:#0048ff;
}
.txt_down_stockred_s   {
    font-weight: 300;
    padding-right:10px;
    font-size:1.2em;
    color:#0048ff;
}
.icon_blue   {
    font-weight: 200;
    padding-right:5px;
    font-size:0.7em;
    color:#0048ff;
}
.deal_area  {
    display: inline;
    float:right;
    width:230px;
    padding-top: 8px;
    padding-right:4px;
    text-align:right;  
}
 
table {width:100%;background:#FFF;border-collapse:collapse;color:#585858;}

table td, .content table th { }
.datatable th, .datatable td {font-weight:300;text-align:right;position:relative;font-size:0.9em;}
.datatable tr td.txt-right {font-weight:500;}

.datatable2 th, .datatable2 td {padding:10px 10px 1px 10px;font-weight:300;text-align:right;position:relative;font-size:1.1em;}
.datatable2 tr td.icon_red {font-weight:400;font-size:1.0em; color:#d82119;}
.datatable2 tr td.icon_blue {font-weight:400;font-size:1.0em; color:#0048ff;}

.txt-left {text-align:left!important;}
.txt-right {text-align:right!important;}
.txt-center {text-align:center!important;}

.price-up {color:#d82119;}
.price-down {color:#5d78ff;}

.line   {
    height:10px;
    border-bottom:solid 1px #a0a0a0;
}



/* 730*166 layout */

#IR_box_730 {
    width:730px;
    height:165px;
    border: 1px solid #a0a0a0;}

#IR_box_920 {
    width:920px;
    height:180px;
    padding-bottom:20px;
    }


.tab_730 {
    background-color: #fff;
  }
  
.tab_730 {
    font-family:'Noto Sans KR', 'Trebuchet';
    list-style: none;
    margin: 0;
    padding: 0;
}
/* Float the list items side by side */

.tab_730 li { 
    font-family:'Noto Sans KR', 'Trebuchet';
    padding: 7px 13px;
    margin-top:4px;
    float: left;
    text-align: left;
    font-size:1.0em;
    color:#000;
    width:33.3%;
    }
.txt_date2 {
    padding:6px;
    font-size:0.7em;
    color:#1d1d1d;}
.graph_730  {
    text-align:center;
    padding-top:4px;
    width:260px;
    height:100px;
    }

.txt_stockred_730   {
    font-weight: 500;
    padding-left:6px;
    padding-right:4px;
    font-size:1.0em;
    color:#d82119;
    }
.txt_stockred_s_730   {
    display: inline;
    float:right;
    font-weight: 300;
    text-align:right;
    padding-right:10px;
    font-size:0.9em;
    color:#d82119;
    }
        
.icon_red   {
    font-weight: 200;
    padding-right:5px;
    font-size:0.7em;
    color:#d82119;
    }
.txt_down_stockred_730   {
    font-weight: 500;
    padding-left:6px;
    padding-right:4px;
    font-size:1.0em;
    color:#0048ff;
    }
.txt_down_stockred_s_730   {
    display: inline;
    float:right;
    font-weight: 300;
    text-align:right;
    padding-right:10px;
    font-size:0.9em;
    color:#0048ff;
    }
    .icon_blue   {
    font-weight: 200;
    padding-right:5px;
    font-size:0.7em;
    color:#0048ff;
    }