@charset "UTF-8";

/**
    createNavigation
 */
.deco-content-nav {width: 100%; height: 5.7rem; padding: 0 4.8rem; border-bottom: 0.1rem solid #ECECEC; }
.deco-content-nav * { margin: 0; }

.deco-content-nav-wrap { height: 100%; display: flex; align-items: center;  justify-content: space-between;}

.deco-content-nav-wrap .deco-content-nav-title-wrap {font-size: 2.4rem; font-weight: 500;}

.deco-content-nav-wrap .deco-content-nav-breadcrumb-wrap ul { display: flex; flex-direction: row; justify-content: center; align-items: center; gap: 0.8rem;}
.deco-content-nav-wrap .deco-content-nav-breadcrumb-wrap ul li * { color: #666666; font-size: 1.4rem; }
.deco-content-nav-wrap .deco-content-nav-breadcrumb-wrap ul li a.home { display: inline-block; height: 2rem; width: 2rem; background-position: center; background-size: 2rem; background-repeat: no-repeat; background-image: url("/resources/img/icon/icon_home.svg"); }

/**
    createMainContent
 */
.deco-main-wrap { padding: 0; }
.deco-main-wrap *:not(.contents-counter > *) { font-size: 1.4rem; font-weight: 400; margin: 0; }

.deco-main-wrap .deco-main-content-counter-wrap { padding-bottom: 1.284rem; }
.deco-main-wrap .deco-main-content-counter-wrap span { color: #E86464; }
.deco-main-wrap .deco-main-input-wrap { display: flex; justify-content: space-between; padding-bottom: 1.22rem; }

.deco-main-wrap .deco-main-input-wrap * {display: flex; justify-content: center; align-items: center; gap: 0.8rem; height: 4rem;}

.deco-main-wrap .deco-main-input-wrap .contents-num {color:#002466; font-weight: 900;}


.deco-main-wrap .deco-main-input-wrap .deco-main-input-right-wrap select,
.deco-main-wrap .deco-main-input-wrap .deco-main-input-right-wrap input {border: 0.1rem solid #767676; border-radius: 10px; padding: 1rem 1.7rem; color:black;} 
.deco-main-wrap .deco-main-input-wrap .deco-main-input-right-wrap select {width: 13rem; cursor: pointer;}
.deco-main-wrap .deco-main-input-wrap .deco-main-input-right-wrap input {width: 40rem; border-radius: 5px;}
.deco-main-wrap .deco-main-input-wrap .deco-main-input-right-wrap { position: relative;} 
.deco-main-wrap .deco-main-input-wrap .deco-main-input-right-wrap .deco-main-search-text-input {padding: 1rem 6rem 1rem 1.4rem; background-color: transparent; background-position: 1rem 1rem; width: 33rem;}
.deco-main-wrap .deco-main-input-wrap .deco-main-input-right-wrap button#deco-main-search-text-button { 
    width: 8rem; 
    position: absolute; 
    right: 0rem;  
    color: #fff; 
    font-size: 1.6rem; 
    background: #0A2963; 
    border-radius: 0 5px 5px 0;
    position: absolute;
    z-index: 999;
}
.deco-main-wrap .deco-main-input-wrap .deco-main-input-left-wrap button {width: 6.3rem; border-radius: 0.3rem; background-color: #0379BF; color: #FFF;}
.deco-main-wrap .deco-main-input-wrap .deco-main-input-left-wrap .identity-verification-btn {width: auto; border-radius: 6px; color: #FFF; padding: 0 3.5rem  0 1.5rem; background: #717171 url("/resources/img/icon/icon_white_right_arrow.svg") 84% 50% no-repeat; margin-left: 10px; }
.deco-main-wrap .deco-main-input-wrap .deco-main-input-left-wrap .gray-btn {width: auto; border-radius: 0.3rem; color: #FFF; padding: 0 2rem 0rem; background: #606060; border-radius: 10px;}


.deco-main-content-wrap .fixed-table-toolbar { position: absolute; }

.fixed-table-pagination.clearfix { position: relative; }
.fixed-table-pagination.clearfix * { border-radius: 0.4rem; }
.fixed-table-pagination.clearfix .pagination { display: none; }
.fixed-table-pagination.clearfix .pagination-detail { position: absolute; bottom: 0.1rem; right: 22.2rem; z-index: 99;}
.fixed-table-pagination.clearfix .pagination-detail .dropdown-toggle { display: block; width: auto; height: fit-content; padding: 1.2rem; background-color: #FFF; color: #222; border: 0.1rem solid #E6E6E6; border-radius: 0; }
.dropdown .dropdown-menu,.dropdown .dropdown-item{width: 100%; --bs-dropdown-min-width:100%;}

.bootstrap-table .fixed-table-container .table thead th {vertical-align: middle;}
.bootstrap-table .fixed-table-container .table tbody td.title {text-align: left !important;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;max-width: 250px;}

#table-container { margin-bottom: 5rem!important; }
#table-container * { border: none; }
#table-container .bs-checkbox { padding-left: 2rem; }
#table-container .bs-checkbox input[type=checkbox] { height: 2rem; width: 2rem; border: 0.1rem solid #0379BF; border-radius: 0.5rem}
#table-container .showDetails { padding-left: 6rem; padding-right: 2rem; }

#table-container thead { height: 4rem; border-top: 0.1rem solid #767676; border-bottom: 0.1rem solid #767676;   }
#table-container thead * { background-color: #F8F9FA; color: #000; font-weight: 500; }
#table-container thead .th-inner { padding: 1rem; }
#table-container thead .bs-checkbox .th-inner { padding-left: 0; padding-right: 0; width: 2rem; height: 4rem; }

#table-container tbody tr { height: 5rem; border-bottom: 0.1rem solid #E7E7E7; }
#table-container tbody .bs-checkbox label { display: flex; align-items: center; }

#table-container tbody .secret-title {display: flex; gap: 1rem; align-items: center;}
#table-container tbody .download-wrap {display: flex; justify-content:center; align-items: center; cursor: pointer;}
#table-container tbody .label-container {display: flex; justify-content: center;}
#table-container tbody .sky-label, 
#table-container tbody .gray-label,
#table-container tbody .gray-label,
#table-container tbody .notice-label {
    color:#fff; 
    height: 3.5rem; 
    padding: 0 1.3rem; 
    display: flex; 
    width: 70px;
    justify-content: center; 
    align-items: center; 
    border-radius: 5px; 
    white-space: nowrap;
}
#table-container tbody .sky-label {background: #007BC2;}
#table-container tbody .gray-label {background: #e9e9e9; color: #222; font-weight: 600; border: 1px solid #ddd;}
#table-container tbody .navy-label {background: #0A2963;}
#table-container tbody .notice-label {background: #5175AA; color:#fff; height: 3.5rem; padding: 0 1.3rem; display: flex; justify-content: center; align-items: center;}

.deco-main-content-wrap .fixed-table-pagination {display: flex !important;}
.deco-main-content-wrap .fixed-table-pagination .input-group {display: none;}

/* .deco-main-content-wrap .fixed-table-pagination > .pagination > .pagination .pagination .first_link {} */

.fixed-table-pagination:not(.clearfix),
.fixed-table-pagination:not(.clearfix) * { display: flex; justify-content: center; align-items: center; }
.fixed-table-pagination:not(.clearfix) .page-list { display: none!important; }
.fixed-table-pagination:not(.clearfix) .float-left.pagination { display: flex!important; gap: 2.2rem; }
.fixed-table-pagination:not(.clearfix) .float-left.pagination .pagination {gap:10px}
.fixed-table-pagination:not(.clearfix) .float-left.pagination .pagination .page-item a { width: 3.5rem; height: 3.5rem; padding: 0;  border: 0.1rem solid #A0A7B0; border-radius: 30px;}
.fixed-table-pagination:not(.clearfix) .float-left.pagination .pagination .page-item.active .page-link {background:#0A2963; border: 0.1rem solid #0A2963;}


/* .fixed-table-pagination:not(.clearfix) .float-left.pagination .pagination .page-item *, */
/* .fixed-table-pagination:not(.clearfix) .float-left.pagination .pagination .page-item *:hover { border: none!important; border-radius: 50%; width: 2.4rem; height: 2.4rem; background-color: transparent; } */
/* .fixed-table-pagination:not(.clearfix) .float-left.pagination .pagination .page-item * {color: #222} */
/* .fixed-table-pagination:not(.clearfix) .float-left.pagination .pagination .page-item *:hover { color: #222; cursor: pointer } */
/* .fixed-table-pagination:not(.clearfix) .float-left.pagination .pagination .page-item.active *, */
/* .fixed-table-pagination:not(.clearfix) .float-left.pagination .pagination .page-item.active *:hover { color:#FFF; background-color: #0379BF; border-radius: 50%; } */
/* .fixed-table-pagination:not(.clearfix) .float-left.pagination .pagination .page-item.page-pre a, */
/* .fixed-table-pagination:not(.clearfix) .float-left.pagination .pagination .page-item.page-next a { width: 2.4rem; height: 2.4rem; padding: 0; } */

.fixed-table-pagination:not(.clearfix) .input-group.page-jump-to { gap: 1.1rem; }
.fixed-table-pagination:not(.clearfix) .input-group.page-jump-to > * { width: 6.3rem; height: 4rem; }
.fixed-table-pagination:not(.clearfix) .input-group.page-jump-to input { border: 0.1rem #F5F5F5 solid; border-radius: 0; margin: 0!important; }
.fixed-table-pagination:not(.clearfix) .input-group.page-jump-to button { background-color: #0379BF; border: none; border-radius: 0.3rem!important; }
.deco-main-wrap .deco-main-input-wrap .contents-counter {
    gap: 0;
    font-size: 1.6rem;
    line-height: 1.5;
}
.deco-main-wrap .deco-main-input-wrap .contents-num{
    margin-left: 4px;
}
.bootstrap-table .fixed-table-container .fixed-table-body{
    overflow: hidden;
}
@media screen and (max-width:1024px) {
    .fixed-table-pagination:not(.clearfix) .float-left.pagination .pagination .page-item a {
        padding: 0;
        border: 0.1rem solid #A0A7B0;
        border-radius: 30px;
    }
}
    /* 10개씩 보기 display:none;*/
    .page-list{
        display: none;
    }
    .fixed-table-pagination.clearfix .pagination-detail .dropdown-toggle{
        display: none;
    }
    /* input 반응형 수정 */
    @media screen and (max-width:850px) {
    .deco-main-wrap .deco-main-input-wrap .contents-num{
        font-size: 1.6rem;
    }
    .deco-main-wrap .deco-main-input-wrap * {
        align-items: flex-start;
    }
    .deco-main-input-right-wrap #searchPrefix{
        font-size: 1.6rem;
        display: flex !important;
        align-items: center;
        height: 43px;
    }
    .deco-main-wrap .deco-main-input-wrap {
        margin-bottom: 40px;
    }
    .deco-main-wrap .deco-main-input-wrap .deco-main-input-right-wrap button#deco-main-search-text-button{
        width: 85px;
        height: 43px;
        font-size: 17px;
    }  
    }

    @media screen and (max-width:600px) {
        .deco-main-wrap .deco-main-input-wrap .deco-main-input-right-wrap .deco-main-search-text-input{
            width: 33rem !important;
            padding: 1rem 6rem 1rem 1.4rem;
        }
    }
    @media screen and (max-width:450px) {
        .deco-main-wrap .deco-main-input-wrap .deco-main-input-right-wrap > div:first-child{
            flex-wrap: wrap;
        }
        .deco-main-wrap .deco-main-input-wrap .deco-main-input-right-wrap .deco-main-search-text-input{
            width: 100% !important;
        }
    }