@charset "UTF-8";
/* @import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@300;400;500;700&display=swap'); */
/* @import url('https://cdn.jsdelivr.net/gh/moonspam/NanumBarunGothic@latest/nanumbarungothicsubset.css');
body { font-family: "NanumBarunGothic"; font-size: 17px; color: #555; }
*/
body:after { display:none; }

*,
*:before,
*:after {
    box-sizing: border-box;
}
* {
    outline: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
html,
body {
    height: 100%;
}
html {
    -webkit-text-size-adjust: 100%;
}
body {
    color: #222;
    font-family: Manrope, 'Spoqa Han Sans Neo', 'Apple SD Gothic Neo', '돋움', Dotum, Verdana, Arial, sans-serif;
    font-size: 18px;
    line-height: 1.5;
    letter-spacing: -.4px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
body, h1, h2, h3, h4, h5, h6, p {
    margin: 0;
}
a {
    color: inherit;
    text-decoration: none;
}
img {
    max-width: 100%;
}
ol, ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
dl, dd {
    margin: 0;
}
button, input, select, textarea {
    border-radius: 0;
    color: inherit;
    font: inherit;
}
textarea {
    overflow: auto;
}
table {
    table-layout: fixed;
    border-collapse: collapse;
    border-spacing: 0;
}
th, td {
    padding: 0;
}
fieldset {
    margin: 0;
    padding: 0;
    border: none;
}
legend {
    padding: 0;
}

h3 { font-weight:700; color:#000; }

/* 테이블 공통 */
table {  border-top: 2px solid #4D5B71; border-bottom: 2px solid #4D5B71 }
thead, tfoot, dt { background: #F4F8FE; }
table tr { border-bottom: 1px solid #EEEEEE; }
table thead tr:last-child { border-bottom: 1px solid #EEEEEE; }
table tfoot tr:first-child { border-top: 1px solid #EEEEEE; }
th, td, dt, dd { padding: 20px 0 20px; }
th,td { border-right: none; }
th { color:#000; }
/* thead th { border-bottom: 1px solid #000; } */

/* 버튼 */
a.btn { background: #4A4A4A; }


/* 입력폼 */
/* select { height:36px; } */

.form-text,
.form-textarea,
.form-select {
    border-radius: 4px;
    border: 1px solid #d8ddeb;
    background-color: #fff;
    color: #222;
    font-family: 'Spoqa Han Sans Neo', 'Apple SD Gothic Neo', '돋움', Dotum, Verdana, Arial, sans-serif;
    font-size: 16px;
    vertical-align: top;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    transition: border-color .1s ease;
}

.form-text:focus,
.form-textarea:focus,
.form-select:focus {
    border-color: #276ef1;
}

.form-text::-webkit-input-placeholder,
.form-textarea::-webkit-input-placeholder {
    color: #a3abc0;
}

.form-text::-moz-placeholder,
.form-textarea::-moz-placeholder {
    color: #a3abc0;
}

.form-text:-ms-input-placeholder,
.form-textarea:-ms-input-placeholder {
    color: #a3abc0;
}

.form-text:-moz-placeholder,
.form-textarea:-moz-placeholder {
    color: #a3abc0;
}

.form-text {
    display: inline-block;
    height: 56px;
    padding: 0 24px;
}

.form-text::-ms-clear {
    display: none;
}

.form-text::-ms-reveal {
    display: none;
}

.form-text::-webkit-search-decoration, .form-text::-webkit-search-cancel-button, .form-text::-webkit-search-results-button, .form-text::-webkit-search-results-decoration {
    display: none;
}

.form-text.fluid {
    width: 100%;
}

.form-textarea {
    display: block;
    width: 100%;
    padding: 16px 24px;
    line-height: 1.5;
    resize: none;
}

.form-select {
    display: inline-block;
    height: 56px;
    padding: 0 calc(12px + 16px + 24px) 0 24px;
    background-image: url(../images/form_select_chevron.svg);
    background-repeat: no-repeat;
    background-position: top 50% right 12px;
}

.form-select::-ms-expand {
    display: none;
}

.form-checkbox,
.form-radio {
    display: inline-block;
    vertical-align: top;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.form-checkbox input,
.form-radio input {
    overflow: hidden;
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    border: none;
    white-space: nowrap;
    clip: rect(0, 0, 0, 0);
}

.form-checkbox input + span,
.form-radio input + span {
    display: inline-block;
    position: relative;
    padding-left: calc(24px + 8px);
    color: #4c5159;
    font-size: 16px;
    line-height: 1.5;
    cursor: pointer;
}

.form-checkbox input + span:before,
.form-radio input + span:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 24px;
    height: 24px;
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: auto 24px;
}

.form-checkbox input:checked + span:before,
.form-radio input:checked + span:before {
    background-position: -24px 0;
}

.form-checkbox input[disabled] + span:before,
.form-radio input[disabled] + span:before {
    background-position: -48px 0;
}

.form-checkbox input:checked[disabled] + span:before,
.form-radio input:checked[disabled] + span:before {
    background-position: -72px 0;
}

.form-checkbox input + span:before {
    background-image: url(../images/form_checkbox.svg);
}

.form-radio input + span:before {
    background-image: url(../images/form_radio.svg);
}

.button {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    min-width: 120px;
    height: 56px;
    padding: 0 24px;
    border-radius: 4px;
    border: 1px solid #276ef1;
    background-color: #fff;
    color: #276ef1;
    font-family: 'Spoqa Han Sans Neo', 'Apple SD Gothic Neo', '돋움', Dotum, Verdana, Arial, sans-serif;
    font-size: 18px;
    font-weight: 500;
    white-space: nowrap;
    cursor: pointer;
}

.button > span {
    display: inline-block;
    position: relative;
}

.button.primary {
    /* margin-top:10px; */
    background-color: #276ef1;
    color: #fff;
}

.form-row {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
}
.form-row > div {
    display: flex;
    align-items: center;
}
.form-row > div + div {
    margin-left: 24px;
}
.form-row > div > span {
    margin-left: 4px;
    font-size: 18px;
}

/* 주가정보 공통 */
.name { font-size:28px; 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 2px; }
td.down>span:before, dd.down>span:before { background:url(../images/mark_down1.gif) no-repeat center 2px; }
td.same>span:before, dd.same>span:before { display:none; }

.current > dd {
  font-family: Manrope, 'Spoqa Han Sans Neo', 'Apple SD Gothic Neo', '돋움', Dotum, Verdana, Arial, sans-serif;
  font-size: 48px;
  font-weight: 900;
}

#cur_close>span:before, .cur_close>span:before{ display:none; }

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

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

#ohlv { border-top: 1px solid #000; border-bottom: 1px solid #EEEEEE; }
#ohlv > dl { border-right: none; }
#ohlv > dl > dt { color:#000; border-bottom: 1px solid #000; }

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

#index_tb { margin-top: 64px; border-top: 1px solid #000; border-bottom: 1px solid #EEEEEE; }
#index_tb > dl > dt { color:#000; border-bottom: 1px solid #000; }

#index_tb>dl>dd.index_close { font-size:16px; }

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

/* 차트분석 */
#chart_set { border-top: 1px solid #000; border-bottom: 1px solid #EEEEEE; }
#chart_set dt, #chart_set dd { padding: 0; }
#chart_set div > dt, #chart_set div > dd { height: 78px; border-bottom: 1px solid #EEEEEE; }
#chart_set div > dt { color:#555;  border-right: none; }

#chart_set .form-row { justify-content: flex-start; }
#chart_set dt.form-row { justify-content: center; }

/* 주가조회 */
#select_day { border: 1px solid #EEEEEE; background: #F4F8FE; }
#select_day .form-row { justify-content: center; }
.search_box > h5 { border-bottom: 1px solid #EEEEEE; font-size: 24px; color:#000; }
.search_box > h5 > span { font-size: 20px; }
.chart_box { border: 1px solid #EEEEEE; }


/* 재무정보 */
#title_unit > .title > h3 { font-size:24px; color:#000; }
.unit { color:#000; }
/* .fn_list thead th { font-size:17px; padding: 30px 0; } */
.fn_list td { padding-right: 10px; }
.em { background: #F7F7F9; }

/* 공시정보 */
/* .notice_tb thead th { font-size:18px; padding: 30px 0; } */
#dart { margin-top:10px; }
#result { padding-bottom: 80px; }
#result i { color: #276ef1; font-family: 'Spoqa Han Sans Neo', 'Apple SD Gothic Neo', '돋움', Dotum, Verdana, Arial, sans-serif; font-weight: 300; font-style: normal; }

.notice_tb thead th { color: #222; background:#FFF; }
.notice_tb tbody td { font-family: 'Spoqa Han Sans Neo', 'Apple SD Gothic Neo', '돋움', Dotum, Verdana, Arial, sans-serif; font-weight: 500; color: #4c5159; }
.notice_tb tbody td.title { text-align:left; }
.notice_tb tbody td.title a { display: flex; max-width: 100%; color: #222; }
.notice_tb tbody td.title a > strong {
    overflow: hidden;
    font-weight: inherit;
    white-space: nowrap;
    text-overflow: ellipsis;
    transition: color .1s ease;
}
.notice_tb tbody td.title a .icon { margin-left: 8px; }
.notice_tb tbody td.auth { overflow: hidden; font-weight: 500; white-space: nowrap; text-overflow: ellipsis; transition: color .1s ease; }
.notice_tb tbody tr:hover td.title a {
    color: #276ef1;
    text-decoration: underline;
    font-weight: inherit;
}

.pagination {
    margin-top: 120px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.pagination .page {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 40px;
    border-radius: 50%;

    margin: 0 2px;
    padding-top: 2px;
    color: #a3abc0;
    font-family: 'Spoqa Han Sans Neo', 'Apple SD Gothic Neo', '돋움', Dotum, Verdana, Arial, sans-serif;
    font-size: 18px;
    letter-spacing: -.56px;
}

.pagination .page.on {
    background-color: #276ef1;
    color: #fff;
    font-weight: 700;
}

.pagination .extend {
    overflow: hidden;
    width: 24px;
    height: 24px;
    margin: 0 2px;
    background-image: url(../images/pagination.svg);
    background-repeat: no-repeat;
    background-position: 0 0;
    white-space: nowrap;
    text-indent: 100%;
}

.pagination .extend.first {
    background-position-x: 0;
}

.pagination .extend.prev {
    margin-right: 22px;
    background-position-x: -24px;
}

.pagination .extend.next {
    margin-left: 22px;
    background-position-x: -48px;
}

.pagination .extend.last {
    background-position-x: -72px;
}

.pagination span.extend {
    background-position-y: -24px;
}


@media all and (max-width:767px){
    body { font-size: 14px; }

    .left_box, .right_box,
    #daily_chart3 .daily_leftChart, #daily_chart3 .daily_rightChart  { float:none; width:100%; margin-left:0; }

    .form-text,
    .form-textarea,
    .form-select {
        border-radius: 4px;
        font-size: 16px;
    }

    .form-select {
        height: 48px;
        padding: 0 calc(8px + 16px + 16px) 0 16px;
        background-position: top 50% right 16px;
    }

    .form-checkbox input + span,
    .form-radio input + span {
        padding-left: calc(24px + 8px);
        font-size: 16px;
    }

    .form-checkbox input + span:before,
    .form-radio input + span:before {
        top: 0;
        left: 0;
        width: 24px;
        height: 24px;
        background-position: 0 0;
        background-size: auto 24px;
    }

    .form-checkbox input:checked + span:before,
    .form-radio input:checked + span:before {
        background-position: -24px 0;
    }

    .form-checkbox input[disabled] + span:before,
    .form-radio input[disabled] + span:before {
        background-position: -48px 0;
    }

    .form-checkbox input:checked[disabled] + span:before,
    .form-radio input:checked[disabled] + span:before {
        background-position: -72px 0;
    }

    .button {
        min-width: 60px;
        height: 50px;
        padding: 0 24px;
        border-radius: 4px;
        font-size: 14px;
    }

    .button.primary {
        margin-top:10px;
    }

    .form-row > div + div { margin-left: 16px; }

    /* 현재가 시세 */
    .current > dd { font-size: 42px; }

    .capital_tb th:nth-child(2n-1),
    .capital_tb td:nth-child(2n) { width:50%; }

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

    .minute th:nth-child(4), .minute th:nth-child(6),
    .minute td:nth-child(5), .minute td:nth-child(7) { display:none; }

    /* 공시정보 */
    .notice_tb tbody td.title a {
        display: flex;
        justify-content: space-between;
        max-width: 100%;
        font-size: 14px;
    }
    .notice_tb tbody td.title a > strong {
        overflow: hidden;
        font-weight: normal;
        white-space: nowrap;
        text-overflow: ellipsis;
        transition: color .1s ease;
    }
    .notice_tb tbody td.title a .icon {
        margin-left: 4px;
    }

    .notice_tb tbody td.ndate { font-size: 12px; font-weight: normal; }

    .pagination {
        margin-top: 42px;
        justify-content: center;
        align-items: center;
    }

    .pagination .page {
        display: flex;
        margin: 0 24px;
        width: none;
        font-family: Manrope, 'Spoqa Han Sans Neo', 'Apple SD Gothic Neo', '돋움', Dotum, Verdana, Arial, sans-serif;
        color: #4c5159;
    }

    .pagination .page > span {
        color: #4c5159;
        font-size: 14px;
    }

    .pagination .page .on {
        color: #276ef1;
    }

    .pagination .page .bar {
        margin: 0 4px;
    }

    .pagination .extend {
        background-image: url(../images/pagination_m.svg);
    }

    .pagination .extend.prev {
        margin-right: 0;
    }

    .pagination .extend.next {
        margin-left: 0;
    }
}