/* Custom Styles */
:root {
    --o-padding-nodata: 109px;
}
.data-table tbody td, .board-table tbody td {
    color: #000;
    font-weight: 600;
}
.latest-col .latest-article .latest-table {
    border: none;
}
.latest-article .latest-table th {
    border-bottom-color: #c0bfc4!important;
}
.latest-col .table-responsive {
    height: 274px;
    border: 1px solid #c0bfc4;
}
.data-table tbody td, .board-table tbody td {
    height: 36px;
    white-space:nowrap;
}
/* .data-table tbody td, .board-table tbody td.bk_line {
    white-space:inherit !important;
    word-break: break-all !important;
    border:1px solid red;
} */
@media (max-width: 1139px) {
    .latest-col {
        width: 100%;
    }
    
    .latest-col .table-responsive { 
        height: auto;
    }
}

.PgTitle{display: flex; justify-content: space-between; border-bottom:1px solid #ddd;}
.PgTitle .btnG {margin-left: 20px;}
.PgTitle .btnG a{margin:0 2px; line-height: 30px; border:0; border-radius: 3px; font-size:14px; background-color:#ddd; display: inline-flex; padding: 0 10px; transition: .3s;}
.PgTitle .btnG a:hover{background-color:var(--o-gnb-hoverColor); color:#fff; transition: .3s;}
.PgTitle .btnG a.active{background-color: var(--o-accentColor1); color:#fff; transition: .3s;}

.selectedPrd{background-color: #f2f2f2; padding: 10px; border-top:1px solid #999;}
.selectedPrd ul {display: flex; flex-wrap: wrap; justify-content: space-between;}
.selectedPrd ul li{border:1px solid #ddd; display: flex; align-items: center; display: inline-flex; flex-basis: calc(50% - 4px); position: relative; margin-bottom: 4px; background-color:#fff; justify-content: space-between;}
.selectedPrd ul li p{padding: 4px; font-size:12px; font-weight: bold; flex:1; max-width:290px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.selectedPrd ul li p span{font-size:12px; font-weight: 400; display: inline-flex;}
.selectedPrd ul li button{border:0; height:100%; background-color: #333; transition: .5s; color:#fff; display: inline-flex; align-items: center; justify-content: center; min-height:47px;}
.selectedPrd ul li button:hover{background-color:var(--o-accentColor2); color:#fff; transition: .5s;}
.selectedPrd .prd_sel_b{ min-width:60px; display: flex; flex-direction: column; justify-content: space-around; border-left:1px solid #ddd; background-color: #f2f2f2;}
.selectedPrd .prd_sel_b p{padding:0; text-align: center; color:#333; line-height: 21px;}
.selectedPrd .prd_sel_b select{width:100%; border-radius: 0; text-align: center; background-color:#fff ; border:0; border-top:1px solid #ddd; background-color:#fff; height:24px; line-height: 24px; background-color: #f2f2f2;}
.single_prd_r{display: flex; }
.single_prd_r .single_total{display: flex; flex-direction: column; border-left: 1px solid #ddd; border-right: 1px solid #ddd; align-items: center; background: #d8eeff;}
.single_prd_r .single_total span{display: inline-flex; font-size:12px; line-height: 23px;}
.single_prd_r .single_total p{border-top: 1px solid #ddd;}
 
.tableTwins{display: flex; gap:10px; }
.tableTwins > div:nth-child(1){flex-basis:50%;}
.tableTwins > div:nth-child(2){flex-basis:50%;}
.tableTwins .table-responsive .table{border-left:1px solid #ddd; border-right: 1px solid #ddd;}
.tableTwins *{font-size:12px !important;}
.prd_name_fT{max-width:80px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.tbTwTit{display: flex; justify-content: space-between; align-items: center;}
.tbTwTit h2{background-color:var(--o-accentColor1); color:#fff; font-size:14px !important; line-height:30px; border-radius: 5px 5px 0 0; padding: 0 15px;}
.tbt_Total_fir{display: flex; gap:4px; margin-bottom: 10px;}
.tbt_Total_fir p{background-color:#f2f2f2; border:1px solid #ddd; line-height:24px; padding: 0 10px; border-radius:5px;}
.tbt_Total_fir p.green{background-color:#c6f3e9; border-color:#78b1a4;}
.tbt_Total_fir p.blue{background-color:#cfddeb; border-color:#788fb1;}
.tbt_Total_fir p.red{background-color:#f8dfea; border-color:#cc9cc4;}
.tbt_Total_fir p.mint{background-color:#e5e9ae; border-color:#c9cf78;}
.tbt_Total_fir p.pink{background-color:#e1c6f3; border-color:#9b77b3;}
.danger_btn{background-color:#e93609 !important; color:#fff !important; border-color:#e93609 !important;}
.free_width{width:100%; min-width:600px;}

.halfWidth{display: flex; flex-wrap:wrap; justify-content: space-between;}
.halfWidth>div{width:auto; flex-basis:50%; border-bottom:1px solid #ddd;}
.halfWidth>div>strong{line-height: 39px; min-width:100px; background-color:#f2f2f2; text-align: center;}
.halfWidth>div:nth-child(even){border-left:1px solid #ddd;}

.pay_ad_btn{margin: 10px 0; border-radius: 10px;}
.unHalfWidth>div{flex-basis:100%;}
.unHalfWidth>div:nth-child(even){border-left: 0;}
.threeWidth>div{flex-basis:33.33333%;}
.threeWidth>div>p{padding: 0 15px; font-weight: 700;}
.point_input .input-group p {padding: 0 15px; font-weight: 700; min-width:120px;}
.sm_btn{margin-left: 10px !important; line-height: 30px; background-color: #1c70c1; padding:0; color:#fff; border:0; font-size:12px; padding: 0 15px; display: inline-flex; border-radius:5px !important;}
.sm_btn_r{margin-left: 10px !important; line-height: 30px; background-color: #c11c1c; padding:0; color:#fff; border:0; font-size:12px; padding: 0 15px; display: inline-flex; border-radius:5px !important;}

.inner_tb_b{max-height: 260px; overflow-y: scroll; }
.inner_tb {border:0 !important; width:100%;}
.inner_tb thead{border-top: 0; padding-left: auto; position: sticky; top:0; z-index: 10;}
.inner_tb thead th{border-top: 0 !important; padding: 0 10px !important; text-align: center;}
.inner_tb tbody tr td{font-size:12px; text-align: center !important;}