/*
공통 스타일
*/
.btn-awesome {font-family: "Font Awesome 5 Solid";}

.ui-datepicker-trigger{margin:5px !important;}
input[type=text].datepicker{
    width:150px !important;
    text-align: right !important;
    background:url('/assets/img/calendar.gif') no-repeat 4px 6px !important;
    background-size:16px 15px !important;
    border: 1px solid #cfd1d4 !important;
    cursor: pointer;
}

a.btn{color:#FFFFFF !important;}
a:link.btn{color:#FFFFFF !important;}
a:visited.btn{color:#FFFFFF !important;}
a:hover.btn{color:#FFFFFF !important;}
a:active.btn{color:#FFFFFF !important;}

/*Loader*/
.dimdiv {z-index:1100 !important; position:fixed; background-color:rgba(0,0,0,0.6); width:100%; height:100%; top:0; left:0;}
.loader {
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 1000 !important;
    margin: -75px 0 0 -75px;
    border: 8px solid #f3f3f3;
    border-radius: 50%;
    border-top: 8px solid #3498db;
    width: 120px;
    height: 120px;
    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;
}

@-webkit-keyframes spin {
    0% { -webkit-transform: rotate(0deg); }
    100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}


/*상단 버튼 고정 CSS*/
.sticky_box{text-align: right;}
.sticky_box .btn_sticky{width:100%; padding-bottom:10px;}
.sticky_box .btn_fixed {position: fixed; z-index: 999; right:36px; top:62px;}



/*검색영역*/
.card-body .div-search {}
.card-body .div-search .form-group {float: right; padding-bottom:6px;}
.card-body .div-search .form-group .div-cate{float: right; padding-left: 4px;}
.card-body .div-search .form-group .div-cate select{margin:0px 0px 3px 0px;}
.card-body .div-search .form-group .div-term {float: right; padding-left: 4px;}
.card-body .div-search .form-group .div-term .btn{padding:5px 12px !important; margin:0px 0px 3px 0px;}
.card-body .div-search .form-group .div-date {float: right; max-width: 120px; padding-left: 4px;}
.card-body .div-search .form-group .div-date .datepicker {border: 1px solid #cfd1d4 !important; max-width: 120px; background-color: #ffffff !important; cursor: pointer; margin:0px 0px 3px 0px;} /*날짜*/
.card-body .div-search .form-group .div-kind{float: right; padding-left: 4px;}
.card-body .div-search .form-group .div-kind select{margin:0px 0px 3px 0px;}
.card-body .div-search .form-group .div-txt {float: right; padding-left: 4px;}
.card-body .div-search .form-group .div-txt input[type="text"] {max-width: 120px !important; margin:0px 0px 3px 0px;}
.card-body .div-search .form-group .div-btn{float: right; padding-left: 4px;}
.card-body .div-search .form-group .div-btn .btn {padding:5px 12px !important; margin:0px 0px 3px 0px;}
.card-body .div-search .form-group .div-cnt {float: right; padding-left: 4px; padding-right: 3px;}




/*상단 통계 영역*/
.tb-stats {border:1px solid #ededed; width:100%;}
.tb-stats td{padding: 10px;}

/*card 스타일 변경*/
.card{margin-bottom: 10px;}
.card-body {padding-top: 6px !important;}


/* 테이블 리스트 스타일 START */
.card-body .table-responsive table {border: 0px solid #e0e0e0; margin:10px 0 0 0; padding:0px; width:99.9%;}
.card-body .table-responsive table th {
    text-align:center !important;
    padding:10px 0px;
    border-top:1px solid #c2c2c2;
    border-bottom:1px solid #c2c2c2;
    vertical-align: middle;
    background-image:url("/assets/img/bar.gif"), url("/assets/img/form_bg.gif");
    background-repeat:no-repeat, repeat-x;
    background-position:right, 0 0;
}
.card-body .table-responsive table th:last-child {background: url("/assets/img/form_bg.gif") repeat-x 0 0;}
.card-body .table-responsive table th .fas {color: #808080;}
.card-body .table-responsive table th .fas.red {color: #F25961;}

.card-body .table-responsive table td{padding:5px; border-bottom:1px solid #e6e6e6; text-align: center; word-break: keep-all !important;}
.card-body .table-responsive table td.h_lineL{border-left:1px solid #ededed;}
.card-body .table-responsive table td.h_lineR{border-right:1px solid #ededed;}
.card-body .table-responsive table td.bg-important{background-color: #fff2f3;}

.card-body .table-responsive table td .div-cate{font-size: 11px;}
.card-body .table-responsive table td .div-cate div{float: left; color: #e31048; margin:0 3px 3px 0;}
.card-body .table-responsive table td .div-counselor {clear: both; padding-top: 3px;}
.card-body .table-responsive table td .div-counselor img{margin:0px;}
.card-body .table-responsive table td.thumbnail .div-thumb img{width:70px; height: 70px;}
.card-body .table-responsive table td.thumbnail .div-thumb {position: relative; width:70px; height:70px; padding:0px; magin:0px;}
.card-body .table-responsive table td.thumbnail .over-open {position: absolute; top: 0px; left: 0px; padding:1px 2px; color:#ffffff; background-color: #3ba7ff; font-size: 8px !important;}
.card-body .table-responsive table td.thumbnail .over-end {position: absolute; top: 0px; left: 0px; padding:1px 2px; color:#ffffff; background-color: #ff4d7c; font-size: 8px !important;}

.card-body .div-page {margin: 10px 0;}
.card-body .div-btn-btm {margin-top: 20px;}
.card-body .div-btn-btm .div-l{float: left;}
.card-body .div-btn-btm .div-r{float: right;}
/* 테이블 리스트 스타일 END */



/*두번째 버튼 라인*/
.card-body .div-tab {float: left;}
.card-body .div-tab .nav-link {margin-top:0px; margin-bottom:0px;}
.card-body .div-tab .btn-group {margin:0px 0px 3px 0px;}
.card-body .div-tab .btn-group .btn {border: 1px solid #73c2ff; min-width: 80px; font-weight: bold;}
.card-body .div-tab .btn-group .btn.non {border: 1px solid #73c2ff; min-width: 80px; background-color: #ffffff !important; color: #787878 !important;}
.card-body .div-btn-right {float: right;}
.card-body .div-btn-right select{float: right; height: 32px !important;}
.card-body .top6 {padding-top: 6px;}
.card-body .left6 {padding-left: 6px;}


/*브랜드*/
.brand-list {margin:4px 0; display: flex;align-items: center;}
.brand-name {display: inline-block; margin-left:10px; font-weight:bold}
/*.tb-stats th {background:url(/assets/img/form_bg.gif) 0 0 repeat-x; border-top:1px solid #c2c2c2; border-bottom:1px solid #c2c2c2;}*/