@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@300;400;500;700&display=swap');
body { font-family: "Noto Sans KR"; font-size: 16px; color: #000000; }
body:after { display:none; }

/* 테이블 공통 */
table { border-top: 1px solid #DDDDDD; border-bottom: 1px solid #DDDDDD; }
thead, tfoot, dt { background: #FCFCFC; }
table tr { border-bottom: 1px solid #DDDDDD; }
table thead tr:last-child { border-bottom: 1px solid #DDDDDD; }
table tfoot tr:first-child { border-top: 1px solid #DDDDDD; }
th, td { padding: 0; height:60px; border-right: 1px solid #DDDDDD; }
dt, dt { padding: 17px 0 18px; }
th:last-child, td:last-child { border-right: none; }
th { text-align:center; color:#000000; }
td { text-align:right; padding-right:20px; }
/* thead th { border-bottom: 2px solid #666666; } */
tbody { border-top: 2px solid #666666; }

/* 버튼 */
a.btn { padding:8px 20px; color:#000000; border:1px solid #CCC; border-radius:35px; background:#FFFFFF; }
a:hover.btn { padding:8px 20px; color:#00B4CB; border:2px solid #00B4CB; }

/* 입력폼 */
select { height:38px; border:1px solid #CCC; border-radius:35px; }
select option { font-family: "Noto Sans KR"; font-size:16px; }

/* 주가정보 공통 */
.name { font-size:22px; color:#000; }

td>span, dd>span { position:relative; }
td>span:before, dd>span:before {
    content:'';
    display:block;
    position:absolute;
    left:-15px;
    top:5px;
    width:11px;
    height:16px;
    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; }
#cur_close.same>span:before, .cur_close.same>span:before{ display:none; }

#cur_top_box { border-top: 1px solid #000; border-bottom: 1px solid #ADB4BE; }

/* 현재가시세  */
#quote_chart { margin-bottom: 40px; border-top: 1px solid #000; border-bottom: 1px solid #ADB4BE; padding: 30px 0; }
/* #cur_top_box > #cup { padding-top: 0px; } */
#cup { margin-bottom:20px; }
#cup dt, #cup dd { border: none; }

#ohlv { border-top: 1px solid #DDDDDD; border-bottom: 1px solid #DDDDDD; }
#ohlv > dl { border-right: none; }
#ohlv > dl > dt { color:#000000; border-bottom: 2px solid #666666; }

.capital_tb th:nth-child(2n-1) { width: 31%; padding-left: 10px; background: #FCFCFC; }
.capital_tb td:nth-child(2n) { padding-right: 10px; }

#index_tb { margin-top: 60px; border-top: 1px solid #DDDDDD; border-bottom: 1px solid #DDDDDD; }
#index_tb > dl > dt { color:#000000; border-bottom: 2px solid #666666; }

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

/* 외국인지분동향 */
.chart_axis_ex { background-color: #FCFCFC; }
.left_axis, .right_axis { background-color: #FCFCFC; }

/* 기간별 등락률 */
#daily_rates { text-align:center; }
.rates_ex { font-size:13px!important; letter-spacing:-.02em; opacity:.6; }

#stock_rates td.high_low { padding-right:0; text-align:center; }
#term_rates { margin-bottom:30px; }


/* 재무정보 */
#title_unit { margin-bottom:30px; height:40px; }
#title_unit > .title > h3 { font-size:22px; color:#000; }
#title_unit select { width:140px;  }
/* .fn_list thead th { font-size:17px; padding: 30px 0; } */
/* .fn_list td { padding-right: 20px; } */
.em { background: #FCFCFC; }

#fn_ex { margin-top: 20px; }

/* 공시정보 */
/* .notice_tb thead th { padding: 30px 0; } */

/* paging */
#paginate { text-align: center; font-size: 0; margin-top: 40px; }
#paginate li { display: inline-block; width: 35px; height: 35px; font-size: 1rem; vertical-align: middle; line-height: 35px; }
#paginate li._uiBtn { background: url('') center center no-repeat; border:1px solid #aeb4bd; border-radius: 50%; white-space: nowrap;overflow: hidden; text-indent: -9999px; }
#paginate li._uiBtn a { display:block; }
#paginate li._uiFirst { background-image: url('../images/pg_first.gif'); }
#paginate li._uiPrev { background-image: url('../images/pg_prev.gif'); margin: 0 20px 0 10px; }
#paginate li._uiNext { background-image: url('../images/pg_next.gif'); margin: 0 10px 0 20px; }
#paginate li._uiLast { background-image: url('../images/pg_last.gif'); }
#paginate li._uiOn { color: #276ef1; }


/* 레이아웃 */
table span.pc_view { display:inline-block; width:100%; text-align:center; }

@media all and (max-width:767px){
    #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;
    }

    .capital_tb th:nth-child(2n-1) { width: 50%; padding-left: 20px; }
    .capital_tb td:nth-child(2n) { width: 50%; padding-right: 20px; }

    /* 지수 */
    #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; }

    /* 외국인지분동향 */
    .left_axis { float:left; width:70%; text-align:left; }
    .left_axis .mb_view { display:inline; }
    .right_axis { float:right; width:30%; text-align:right; }

    /* 재무정보 */
    .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: table-cell; }

    #paginate li._uiFirst, #paginate li._uiLast { display:none; }
}

@media all and (max-width:425px) {
    body { font-size:14px; }
    .name { font-size:18px; }
    select option { font-size:14px; }
    #title_unit > .title > h3 { font-size:18px; }

    .mb_view.line_br { display:inline; }
    .mb_btn { display:inline-block; padding:10px 0 15px; }

    td { padding-right:10px; }

    #stock_info .name, #stock_info .date { float:none; width:100%; }
    #stock_info .date { text-align:right; }

    .current, .per_updown { float:none; width:100%; }

    .per_updown { margin-left: 0; }
    .per_updown > dt, .per_updown > dd { width:23%; }
    .per_updown > dt { padding-right:2%; text-align:right; }
    .per_updown > dd { padding-left:2%; text-align:left; }
    .per_updown > dd#updown { width:21%; padding-left:4%; }

    .min_contract, .foreign_buy { border-right:none; }

    /* 외국인지분동향 */
    table span.pc_view { display:none; }
    table span.mb_view { display:inline-block; width:100%; text-align:center; }

    /* 재무정보 */
    #title_unit { margin-bottom:30px; height:80px; }
}