@charset "utf-8";
body {
    font-family: 'Roboto', 'Noto Sans KR', sans-serif;
    font-size:15px;
}
body:after { display:none !important; }
a:link, a:visited { text-decoration:none; }
a:hover, a:focus { font-weight:bold; }
img { vertical-align:top; }
.center {
    width:1280px;
    margin:0 auto;
}
.blind {
    position:absolute;
    left:-9999em;
}
.clear:after {
    content:'';
    display:block;
    clear:both;
}
.mb_view{ display:none; }
.pc_view { display:block; }
.up { color:#d80a0a; }
.down { color:#002269; }
.same { color:#666; }
.em { background:#eeeeee; }

a.btn:hover, a.btn:focus { background:#5b506c; }

/**************** Tab Menu ****************/
#tab { margin-bottom:40px; }
#tab li {
    width:20%;
    float:left;
}
#tab li>a {
    display:block;
    border:1px solid #000;
    border-top-right-radius:7px;
    border-top-left-radius:7px;
    border-right:none;
    padding:10px 0;
    text-align:center;
    box-sizing:border-box;
    background:#e3e3e3;
    transition:background 0.3s ease-in-out;
}
#tab li:last-child>a { border-right:1px solid #000; }
#tab li>a.on {
    border-bottom:none;
    background:#fff;
}
#tab li>a:hover,
#tab li>a:focus {
    font-weight:normal;
    background:#f0f0f0;
}
#tab li>a.on:hover {
    background:#fff;
}

/* Trade Time */
#trade_time {
    position:absolute;
    top:60px;
    right:0;

}

/**************** Stock ****************/
/* index updown arrow */
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; }

#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; }

.per_updown>dt,
.per_updown>dd {
    line-height:22px;
}

/* Total Stock */
#cap_ind {
    width:100%;
    margin-bottom:60px;
    float:none;
}
#index_tb {
    width:49%;
    margin-top:0;
    margin-right:1%;
    float:left;
}
#index_tb>dl {
    width:100%;
    border-bottom:1px solid #ccc;
    padding:34px 0;
    float:none;
}
#index_tb>dl:last-child{ border-bottom:none; }
#index_tb>dl>dt {
    width:30%;
    /* min-height:61px; */
    border-bottom:none;
    padding:0;
    padding-top:8px;
    float:left;
    background:transparent;
    box-sizing:border-box;
    font-size:18px;
}
#index_tb>dl>div {
    width:70%;
    padding-left:20px;
    float:right;
    text-align:center;
    box-sizing:border-box;
}
#index_tb>dl dd {
    display:inline-block;
}
#index_tb>dl dd:nth-child(1) {
    height:auto;
    margin-right:10px;
    padding:0;
    color:initial;
    font-size:30px;
    font-weight:bold;
}
#index_tb>dl dd:nth-child(1).up,
#index_tb>dl dd:nth-child(1).down,
#index_tb>dl dd:nth-child(1).same { background:transparent; }
#index_tb>dl dd:nth-child(1).up { color:#d80a0a; }
#index_tb>dl dd:nth-child(1).down { color:#002269; }
#index_tb>dl dd:nth-child(1).same { color:#666; }
#index_tb>dl dd:nth-child(1)>span:before {
    top:12px;
    left:-22px;
    width:16px;
    height:15px;
}
#index_tb>dl dd:nth-child(1).up>span:before {
    background:url(../images/mark_up2.gif) no-repeat center;
    background-size:16px auto;
}
#index_tb>dl dd:nth-child(1).down>span:before {
    background:url(../images/mark_down2.gif) no-repeat center;
    background-size:16px auto;
}
/* #index_tb>dl>dd:nth-child(2).same>span:before{
    background:url(../images/mark_same2.gif) no-repeat center;
    background-size:16px auto;
} */
#index_tb>dl dd:nth-child(2) {
    padding:0;
    font-weight:bold;
}
.capital_tb {
    width:49%;
    margin-left:1%;
    float:right;
}

/* Current Intraday */
#hoga_dealer { margin-bottom:60px; }
#hoga_tb {
    width:39%;
    margin-right:1%;
}
.dealer_tb {
    width:59%;
    margin-left:1%;
    float:right;
}
.dealer_tb>table:first-child {
    margin-bottom:30px;
}
.dealer_tb th:nth-child(2n-1) { width:auto; }
.dealer_tb th, .dealer_tb td {
    width:20%;
    padding:12px 0;
}
.dealer_tb tr>th:first-child {
    width:40%;
}
.dealer_tb tr>td { padding-right:6px; }

.dealer_top .pc_view { display:table; }
.dealer_top .mb_view { display:none; }
.dealer_top th:nth-child(2n-1) {
    width:50%;
    box-sizing:border-box;
}
.dealer_top tbody th,
.dealer_top tbody td {
    padding:13px 0;
    box-sizing:border-box;
}
.dealer_top tbody td { padding-right:6px; }

/* Forign Buying */

/* Chart Analysis */
#chart_set div>dt, #chart_set div>dd { height:53px; }
select[name='sym2'] { margin-top:-2px; }
#chart_tb tbody .pc_view{ display:table-cell; }
#chart_tb tbody .mb_view { display:none; }
.analysis_trade {
    border-right:none;
    padding-right:0;
    text-align:center;
}

#chart_container { height:300px; }

/* Return Ratio */
#return_period {
    position:relative;
    border:1px solid #ccc;
}
.start_period {
    width:50%;
    border-right:1px solid #ccc;
    float:left;
    box-sizing:border-box;
}
.start_period p, .end_period p {
    width:50%;
    border-right:1px solid #ccc;
    padding:15px 0;
    float:left;
    text-align:center;
    box-sizing:border-box;
    background:#f5f5f5;
    font-weight:bold;
}
.start_period div, .end_period div {
    width:50%;
    height:46px;
    padding-left:15px;
    float:right;
    box-sizing:border-box;
}
.start_period div>input, .end_period div>input{
    margin-top:6px;
    border:none;
    border-bottom:1px solid #ccc;
    padding:5px 0;
    padding-left:20px;
    box-sizing:border-box;
}
.end_period {
    width:50%;
    float:right;
}
#return_chart { margin:60px 0 40px 0; }
#p_btn2 {
    position:absolute;
    bottom:-52px;
    right:3%;
    padding:10px 20px;
    line-height:inherit;
}

#return_item {
    padding:10px;
    background:#f7f7f7;
}
#return_item>ul {
    width:374px;
    margin:0 auto 0 20px;
    text-align:center
}
#return_item li {
    width:25%;
    float:left;
}
#return_item li:last-child { margin-right:0; }

/**************** Financial ****************/
/* Common */
#title_unit>.title>form>select { padding:0 10px; }
#fnchart_area>.img_chart {
    width:calc(88% / 3);
    margin:0 2%;
}

/* Financial Statement */

/* Income  Statement */

/* Cash Flow Statement */

/* Financial Ratio */
#fn_growth,
#fn_activity,
#fn_stability,
#fn_profitability { margin-top:40px; }
#fn_growth>h3,
#fn_activity>h3,
#fn_stability>h3,
#fn_profitability>h3 {
    padding:0 0 10px 5px;
    font-size:16px;
    font-weight:bold;
}
#fn_growth>h3>span,
#fn_activity>h3>span,
#fn_stability>h3>span,
#fn_profitability>h3>span {
    margin-left:5px;
    font-size:13px;
}

/* Stock Ratio */
#fn_stockRatio { margin-top:40px; }

/**************** Disclosure ****************/

.notice_tb { table-layout: fixed; }
.notice_tb .no { width: 10%; }
.notice_tb .title { width: 50%; }
.notice_tb .auth { width: 15%; }
.notice_tb .datadate { width: 15%; }

.ellipsis {
    width: 90%;
    overflow: hidden;
    display: inline-block;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.notice_tb .auth .ellipsis { width: 80%; }
.notice_tb .title .ellipsis { width: 95%; }

#term_set {
    margin-bottom:40px;
    border-top:2px solid #666;
    border-bottom:1px solid #ccc;
    text-align:center;
    box-sizing:border-box;
}
#term_set>dt,
#term_set>dd {
    float:left;
    box-sizing:border-box;
}
#term_set>dt {
    width:20%;
    border-right:1px solid #ccc;
}
#term_set>dd {
    width:80%;
    padding-left:15px;
    text-align:left;
}
#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_wrap { margin-bottom:30px; }
#opt_set {
    width:85%;
    float:left;
}
.fold_wrap{ padding-right:2%; }
.fold_wrap>span{
    display:block;
    width:calc(92% / 5 );
    /* width:18.4%; */
    margin-right:2%;
    float:left;
    text-align:center;
}
.fold_wrap>span:first-child,
.fold_wrap>span:nth-child(2),
.fold_wrap>span:nth-child(3),
.fold_wrap>span:nth-child(4),
.fold_wrap>span:nth-child(5) { margin-bottom:10px; }
.fold_wrap>span:nth-child(5), .fold_wrap>span:last-child {
    margin-right:0;
}
.fold_wrap input{
    position:absolute;
    left:-9999em;
}
.fold_wrap label{
    display:block;
    width:100%;
    border:1px solid #ccc;
    border-radius:4px;
    line-height:30px;
    cursor:pointer;
    background-color:#f5f5f5;
    box-shadow:0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08);
    box-sizing:border-box;
}
.fold_wrap input:checked + label{
    background: #8d7fa4;
    color: #fff !important;
    border: 1px solid #e6e6e6;
}

#notice_btn {
    width:15%;
    float:right;
    box-sizing:border-box;
}
#notice_btn>span:first-child { margin-bottom:10px; }
#notice_btn>span {
    display:block;
    text-align:center;
}
#notice_btn>span>input {
    position:absolute;
    left:-9999em;
}
#notice_btn>span>label {
    display:block;
    width:100%;
    border:1px solid #ccc;
    border-radius:3px;
    line-height:30px;
    cursor:pointer;
    transition:0.5s;
    background:#f5f5f5;
    box-shadow:0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08);
    box-sizing:border-box;
}
#notice_btn .noticeBtn input:checked + label {
    background:#8d7fa4;
    color:#fff !important;
    border:1px solid #ccc;
    border-radius:4px;
}
#notice_btn>span:nth-child(2)>label {
    background:#888;
    color:#fff;
    border-radius:4px;
}
#notice_btn>span:nth-child(2)>label:hover { background:#5b506c; }

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

    /*********** Tab Menu ***********/
    .current_tab{
        padding:10px 0;
        text-align:center;
        background-color:#47475C;
        color:#fff;
    }
    #tab>ul{
        display:none;
        position:absolute;
        top:40px;
        left:0;
        width:100%;
        z-index:9999;
        background:#fff;
        box-sizing:border-box;
    }
    #tab li{
        width:100% !important;
        float:none !important;
        border-right:none !important;
        border-bottom:1px solid #333 !important;
    }
    #tab li>a {
        border:none;
        border-radius:0;
        border-right:none;
    }
    #tab li:last-child>a { border-right:none; }
    #tab li>a.on,
    #tab li>a:hover,
    #tab li>a:focus {
        background: #707093;
        color: #fff;
    }

    /**************** Stock ****************/
    #cur_close.up>span,
    .cur_close.up>span,
    #cur_close.down>span,
    .cur_close.down>span,
    #cur_close.same>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 { background-size:auto 60px; }
    /* #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; }

    /* Common Stock */
    #cur_top_box { padding:0; }
    #cur_top_box>#cup { padding:20px 0; }
    .current,
    .per_updown {
        width:100%;
        float:none;
        margin-left:0;
        margin-top:0;
    }
    .current>dd { margin-top:0; }

    /* Total Stock */
    #daily_chart1>#btn_check,
    #daily_chart2>#btn_check,
    #daily_chart3>#btn_check { margin-bottom:20px; }
    #btn_check input { margin-left:0; }
    #btn_check label { margin-right:10px; }
    #cap_ind { margin-bottom:40px; }
    #index_tb, .capital_tb {
        width:100%;
        float:none;
    }
    .capital_tb { margin-left:0; }

    #index_tb {
        margin-bottom: 40px;
        margin-right:0;
    }
    #index_tb>dl { padding:15px 0; }
    #index_tb>dl>dt {
        padding-top:17px;
        font-size:15px;
    }
    #index_tb>dl>div {
        padding-left:0;
    }
    #index_tb>dl dd { display:block; }
    #index_tb>dl dd:nth-child(1) {
        margin-right:0;
        margin-bottom:5px;
    }
    #index_tb>dl dd:nth-child(1) { font-size:25px; }
    #index_tb>dl dd:nth-child(1)>span:before { top:8px; }
    #index_tb>dl dd:nth-child(2) { font-size:inherit; }
    #daliy_list { margin-bottom:0; }

    /* Current Intraday */
    #toga_dealer { margin-bottom:40px; }
    #hoga_tb,
    .dealer_tb {
        width:100%;
        float:none;
        margin:0;
    }
    .dealer_top .pc_view { display:none; }
    .dealer_top .mb_view { display:table; }
    .dealer_tb .title_buy>th {
        border-top:2px solid #666;
        padding-left:0;
        text-align:center;
        background:#f5f5f5;
    }
    #hoga_tb { margin-bottom:40px; }

    /* Forign Buying */

    /* Chart Analysis */
    #chart_tb tbody .mb_view{ display:table-cell; }
    #chart_tb tbody .pc_view { display:none; }
    #chart_set div>dd { height:auto; }
    .analysis_change,
    .analysis_high,
    .analysis_low,
    .analysis_volume { display:none; }
    /* .analysis_updown { width:20%; }
    .analysis_trade { width:15%; } */


    /* Return Ratio */
    #return_period {
        border-right:none;
        border-left:none;
    }
    .start_period, .end_period {
        width:100%;
        border:none;
        float:none;
    }
    .start_period{ border-bottom:1px solid #ccc; }
    .start_period div,
    .end_period div { height:45px; }
    .start_period div>input,
    .end_period div>input { padding-left:0; }
    #return_table { overflow:auto; }
    #return_table tbody td { padding-left:5px; }
    #return_table tbody td:first-child { padding-left:0px; }
    #return_table tbody td.return_change { padding-left:20px; }

    #return_item>ul { margin:0 auto; }

    /**************** Financial ****************/
    /* Common */
    #title_unit>.title { width:auto; }
    #title_unit>.unit {
        float:right;
        width:auto;
    }
    #fnchart_area>.img_chart {
        width:100%;
        margin:0;
    }

    /* Financial Statement */

    /* Income  Statement */

    /* Cash Flow Statement */

    /* Financial Ratio */

    /* Stock Ratio */

    /**************** Disclosure ****************/
    .notice_tb .title { width: 70%; }
    .notice_tb .datadate { width: 30%; }

    #term_set>dt,
    #term_set>dd {
        min-height:73px;
        box-sizing:border-box;
    }
    #term_set>dt { line-height:62px; }
    #opt_set,
    #notice_btn {
        width:100%;
        float:none;
    }
    #opt_set { margin-bottom:30px; }
    #notice_btn { padding:0; }
    #notice_btn>span {
        width:47%;
        float:left;
    }
    #notice_btn>span:first-child {
        margin-bottom:0;
        margin-right:6%;
    }

    .fold_wrap {
        /*padding:0 5%;*/
        padding:0;
    }
    .fold_wrap>span { width:30%; }
    .fold_wrap>span:first-child,
    .fold_wrap>span:nth-child(2),
    .fold_wrap>span:nth-child(3),
    .fold_wrap>span:nth-child(4),
    .fold_wrap>span:nth-child(5) { margin-bottom:0; }
    .fold_wrap>span:nth-child(5),
    .fold_wrap>span:last-child { margin-right:auto; }
    .fold_wrap>span:nth-child(n) {
        margin-bottom:10px;
        margin-right:5%;
    }
    .fold_wrap>span:nth-child(3n) { margin-right:0; }
    .fold_wrap>span:last-child { margin-bottom:0; }

    .notice_tb tbody .title{
        padding:0 5px;
        text-align:left;
        box-sizing:border-box;
    }
}

/* iPhone 5/SE */
@media all and (max-width:375px) {
    body { font-size:14px; }

    a.btn { margin-top:15px; }
    .select_setting a.btn { margin-top:0; }

    /* Chart Analysis */
    #chart_tb tbody td { padding-right:5px; }

    /* Return Ratio */
    #return_item { padding:10px 0; }
    #return_item ul { width:100%; }


    /* disclosure */
    .notice_tb .title { width: 65%; }
    .notice_tb .datadate { width: 35%; }

    /* paging */
    #paging li.first, #paging li.last { display:none; }

    #paging li {
        margin:0 3px;
    }

    #paging li.num>a {
        padding:3px 5px;
    }
}

/* IE10+ */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .fold_wrap>span { width:30%; }
}