@import url(//fonts.googleapis.com/earlyaccess/notosanskr.css);

body {font-family: "Noto Sans KR" !important; word-break: keep-all;}
/*common class*/
.d-none {display: none;}
.btn {border: none;}
.gubun_badge {font-size: 13px;color: #fff;border-radius: 5px;padding: 1px 5px;}
/*expandable-table*/
[data-widget="expandable-table"] {cursor: pointer;}
[data-widget="expandable-table"] i.expandable-table-caret {margin-right: 5px;transition: transform 0.1s linear;}
[data-widget="expandable-table"][aria-expanded="true"] i.expandable-table-caret[class*="right"] {transform: rotate(90deg);}

/* stock layout*/
.stock_cnt .box {box-shadow: 0 0 1px rgba(0,0,0,0.13), 0 1px 3px rgba(0,0,0,0.2);}
.stock_cnt .box-header {padding: 10px 1.5rem;}
.stock_cnt .box-header.with-border {border-bottom: 2px solid #ddd;}
.stock_cnt .box-header .box-title {line-height: 2;}
.stock_cnt .box-header .list_menu a {font-size: 15px;height: 34px;margin-left: 10px;}
.stock_cnt .box-body {overflow: auto;padding: 0;}
.stock_cnt .box-body.stock_histoy thead tr th:first-child {width: 200px;}
/*table*/
.stock_cnt table {border: none;}
.stock_cnt table caption { padding: 5px 5px 5px 1.5rem;font-size: 15px;color: #454545;font-weight: 500;border-bottom: 2px solid #ddd;background: #ddd;}
.stock_cnt table tr.expandable-body > td > button {float: right;margin-left: 5px;}
.stock_cnt .table>thead>tr>th, .stock_cnt .table>tbody>tr>td {vertical-align: middle;border: none;border-bottom: 1px solid #ddd;}
.stock_cnt .table th:first-of-type, .stock_cnt .table td:first-of-type {padding-left: 1.5rem;}
.stock_cnt .table th:last-of-type, .stock_cnt .table td:last-of-type {padding-right: 1.5rem;}
.stock_cnt .table>thead>tr>th {border-bottom: 2px solid #ddd;}

/*display <= 720px (mobile L)*/
@media screen and (max-width: 480px) {
    .m_hide {display: none;}
    .btn {float: none;}
    .stock_cnt .box-body.stock_histoy thead tr th:first-child {width: 70px;}
    .stock_cnt .box-body.stock_histoy tbody tr td:nth-child(3), .stock_cnt .box-body.stock_histoy tbody tr td:nth-child(4) {text-align: right;}
}
/*display > 480px (pc)*/
@media screen and (min-width: 481px) {
    .pc_hide {display: none;}
}