:root {
    --mainColor:#1B2547;
    --subColor:#2A58B4;
    --outlineColor:rgb(224, 224, 224);
}
::-webkit-scrollbar{
    width: 18px;
    height: 18px;
}
::-webkit-scrollbar-thumb{
    background-color: rgb(0, 14, 54, 0.7);
    border-radius: 18px;
    width: 18px;

}
::-webkit-scrollbar-track{
    background-color: rgb(184, 184, 184);
    border-radius: 18px;
    width: 18px;
    box-shadow: inset 0px 0px 5px rgb(118, 144, 184);
}
.ct_home_container{
    position: relative;
    height: calc(100% - 40px);
    
    padding: 20px 50px;
    padding-bottom: 200px;
    
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 50px;

    background-color: white;
    border: 1px solid #EBEFF2;
}

@media (max-width:900px) {
    .ct_home_container{
        padding: 20px 10px;
    }
}

.ct_home{
    justify-self: flex-start;
    align-self: flex-start;
    width: 100%;
    margin-top: 20px;
    padding: 15px 0;
    border-bottom: 3px solid #2A58B4;

    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-end;
    gap: 30px;
}
/* 
    .ct_home > img {
        width: 100%;
        height: 300px;
        border: 1px solid black;
    } */

    .upper_title {
        /* margin: 30px 0; */
        font-family: score9;
        font-size: 34px;
        transition: 0.2s;
        cursor: pointer;
    }
    .upper_title:hover{
        color: #2A58B4;
        transition: 0.2s;
    }
    @media (max-width:900px) {
        .upper_title{
            font-family: score7;
            font-size: 22px;
        }
    }
    /* .upper_text {
        font-family: score4;
        font-size: 16px;
    } */
    .semi_title{
        font-family: score7;
        font-size: 28px;
        color: #2A58B4;
    }
    @media (max-width:900px) {
        .semi_title{
            font-family: score4;
            font-size: 20px;
        }
    }

/* 상단 - 공지사항/자료실 */

.ct_home_top{
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 80px;

    width: 100%;
}

    .ct_home_side{
        width: 100%;
    }
.ct_home_title{
    /* display: none; */
    font-family: score4;
    font-size: 20px;
    /* text-align: center; */
    width: 100%;
    color: #2A58B4;
    margin-bottom: 20px;
}
@media (max-width:900px) {
    .ct_home_title{
        font-size: 14px;
    }
}

    .readall_search{
        position: absolute;
        right: 100px;
        /* display: flex;
        justify-content: flex-end;
        align-items: center;
        margin-bottom: 20px; */
    }

    .searchZone{
        display: flex;
        justify-content: flex-end;
        margin-bottom: 20px;
    }

    .searchKeyword{
        all: unset;
        padding: 10px 0 10px 40px;
        background-color: #D5E1EB;
        background-image: url(/static/image/search.png);
        background-repeat: no-repeat;
        background-size: 20px;
        background-position: 10px 9px;
        border-radius: 15px;
        width: 120px;
    }
    .searchKeyword:focus{
        border: 0px;
        outline: 0px;
    }
    .searchKeyword::placeholder{
        font-family: score4;
        text-align: center;
        color: #2A58B4;
    }
    @media (max-width:900px) {
        .searchKeyword{
            width: 80px;
            padding: 5px 0 5px 30px;
            background-size: 15px;
            background-position: 7px 7px;
        }
        .searchKeyword::placeholder{
            font-family: score4;
            font-size: 13px;
        }

        .readall_search{
            right: 10px;
            /* top: 80px; */
        }
    }


    .admin_user_all_homeTable{
        width: 1700px;
        border-collapse: collapse;
        border: 1px dotted rgb(209, 209, 209);
        table-layout: fixed;
    }
    .ct_home_table{
        width: 100%;
        border-collapse: collapse;
        border: 1px dotted rgb(209, 209, 209);
        table-layout: fixed;
    }

        .ct_home_table_th {
            background-color: rgb(183, 208, 228);
            border: 1px dotted white;
            padding: 5px 0;
            font-size: 14px;
        }
        .flag_th,
        .flag_td{
            position: sticky;
            left: 0;
        }
        .flag_td{
            background-color: white;
        }
            
        .ct_admin_table_tr:nth-child(even) > td{
            background-color: rgb(236, 236, 236);
            /* color: black; */
        }
        .ct_home_table_td {
            padding: 8px 0;
            text-align: center;
            border-bottom: 1px dotted rgb(209, 209, 209);
            /* border-right: 1px dotted rgb(209, 209, 209); */
            cursor: pointer;

            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;

            font-size: 14px;
            
        }
        
        .ct_home_table_td:nth-child(2){
            text-align: left;
            padding-left: 20px;
        }

        .ct_home_table_tr:hover,
        .ct_home_table_tr:hover > td{
            background-color: #364c96!important;
            color: white;
            transition: 0.3s;
        }
        .importantTd {
            background-color: hsl(0, 0%, 95%);
            color: red;
        }

        .importantImg{
            position: relative;
            height: 15px;
            /* margin-right: 15px; */
        }


.pageZone{
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 20px;
    font-size: 24px;
    padding: 20px 0;
}

.pageNumAnchor{
    all: unset;
}
.pageNumAnchor:focus{
    all: unset;
}

.pageNum{
    font-size: 18px;
    cursor: pointer;
}

.clickedPage{
    color: red;
    font-weight: 700;
}


.ct_home_link{
    width: calc(100% - 20px);

    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    gap: 30px;

    padding: 10px;
    margin-top: 10px;
}
.ct_home_link_more{
    border-radius: 30px;
    background-color: rgb(196, 196, 196);
    fill: white;
    cursor: pointer;
    transition: 0.2s;
}
.ct_home_link_create{
    fill: rgb(196, 196, 196);
    cursor: pointer;
    transition: 0.2s;
}
.ct_home_link_more:hover{
    background-color: #2A58B4;
}
.ct_home_link_create:hover{
    fill: #2A58B4;
}

    .ct_home_link > a {
        font-family: nanumRound;
        font-weight: 700;
        font-size: 14px;
    }
    .ct_home_link > a:hover {
        color: red;
        transition: 0.3s;
    }



.ct_home_btnWrap{
    width: 80%;
    display: flex;
    justify-content: flex-end;
    flex-direction: row;
    gap: 30px;
    justify-self: flex-end;
}

.ct_home_middle,
.ct_home_bottom{
    width: 100%;
}
.ct_home_middle{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 20px;
}
.ct_home_middle_title{
    width: 80%;
    font-family: score7;
    text-align: left;
    font-size: 20px;
}

.ct_home_ofX{
    overflow-x: scroll;
}
.ct_button_main,
.ct_button_alert,
.ct_button_line{
    all:unset;
    width: calc(80px - 10px);
    padding: 5px 0;
    font-size: 14px;
    border-radius: 10px;
    color: white;
    text-align: center;
    cursor: pointer;
}
.ct_button_main:hover,
.ct_button_alert:hover,
.ct_button_line:hover{
    outline: 2px solid black;
}
.ct_button_main{
    background-color: rgb(42, 88, 180);
}
    .ct_button_main > span {
        font-family: score4;
        color: white;
    }



.ct_button_line{
    border: 1px solid black;
    border-radius: 10px;
    color: black;
}
    .ct_button_line > span {
        font-family: score4;
        color: black;
    }

.ct_button_update{
    all:unset;
    width: 80px;
    padding: 10px 0;
    background-color: #ffd154;
    border-radius: 10px;
    text-align: center;
    cursor: pointer;
}
    .ct_button_update > span {
        font-family: score4;
        color: black;
    }

    .ct_button_update:hover{
        outline: 3px solid #8f6900;
    }


    .ct_button_alert{
        background-color: rgb(248, 59, 26);
    }
        .ct_button_alert > span {
            font-family: score4;
            color: white;
        }
        

    .tableWrap{
        width: 100%;
        /* overflow-x: scroll; */
    }

    .tableWrap_admin{
        width: 100%;
        overflow-x: auto;
    }
    .ct_dt_table_scroll_admin{
        width: 1500px;
        table-layout: fixed;
    }
    .ct_form{
        width: 100%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    .ct_dt_table {
        width: 70%;
        table-layout: fixed;
        border-spacing: 50px;
        
    }

    .ct_dt_table_scroll{
        width: 100%;

        table-layout: fixed;
    }


    .ct_dt_tdFlex{
        width: 100%;
        display: flex;
        gap: 20px;
        justify-content: flex-start;
        align-items: center;
    }
    .ct_dt_tdFlex > div{
        width: 100px;
    }
    .ct_dt_td > input,
    .ct_dt_td_col > input{
        font-size: 14px;
    }

    .ct_dt_th{
        font-family: score4;
        font-size: 16px;
        padding: 10px 0;
        width: 20%;
        background-color: rgb(231, 234, 236);
        border-radius: 10px;
    }

    .ct_dt_td{
        /* border-bottom: 1px dotted rgb(209, 209, 209); */
        padding: 10px;
        width: calc(100% - 20px);
        font-size: 16px;
        text-align: center;
        text-overflow: ellipsis;

        display: flex;
        flex-direction: column;
        justify-content: flex-start;
    }
    .ct_extensionZone{
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
        gap: 5px;
    }
    .ct_extensionLabel{
        font-family: nanumRound;
        color: #1B2547;
    }
    .ct_extensionInput{
        all: unset;
        text-align: center;
        font-family: nanumRound;
    }
    .ct_extensionInput:focus{
        all: unset;
    }


    .ct_modifyZone{
        position: relative;
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        gap: 20px;
        width: 100%;
        margin: 30px 0;
        
    }
    .ct_modify_item_wrap{
        width: 80%;
        
        padding: 20px;
        border-radius: 10px;
        border: 3px solid var(--outlineColor);
        background-color: rgb(236, 248, 248);
        
        display: flex;
        gap: 15px;
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
    }
    .ct_modify_title_wrap{
        margin: 20px 0;
        display: flex;
        width: 100%;
        justify-content: space-around;
        align-items: center;
        gap: 10px;
    }
    .ct_modify_text_wrap{
        width: 100%;
        text-align: left;
    }
    .ct_modify_title{
        font-family: nanumRound;
        font-weight: 900;
        font-size: 18px;
        color: var(--subColor);
        cursor: pointer;
    }
    .ct_modify_text{
        font-family: nanumRound;
        font-size: 15px;
        color: grey;
        text-align: left;
    }
    .ct_modify_text_point{
        color: red;
        font-family: nanumRound;
        font-size: 15px;
    }
    .ct_modify_input{
        width: 20px;
        height: 20px;
        cursor: pointer;
    }



    .admin_user_detail_service{
        width: 100%;
        display: flex;
        flex-direction: column;
        /* gap: 20px; */
    }
    .admin_user_detail_service_item{
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
        transition: 0.2s;
        
    }
    
    .admin_user_detail_service_item_expiry{
        background-color: rgb(231, 221, 221);
        color: rgb(136, 97, 97);
    }
    .admin_user_detail_service_item_expiry::before{
        position: absolute;
        background-color: red;
        font-weight: 900;
        font-size: 13px;
        color:white;
        padding: 3px 8px;
        border-radius: 10px;
        transform: rotate(-30deg);
        font-family: nanumRound;
        content: '종료';
    }
    .admin_user_detail_service_title{
        width: 100%;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        cursor: pointer;
    }
    
    .admin_user_detail_service_title:hover{
        background-color: #1B2547;
        color: white;
        transition: 0.2s;
    }
    .admin_user_detail_service_title > .admin_user_detail_service_title_item:nth-child(1){width: 20%;}
    .admin_user_detail_service_title > .admin_user_detail_service_title_item:nth-child(2){width: 10%;}
    .admin_user_detail_service_title > .admin_user_detail_service_title_item:nth-child(3){width: 25%;}
    .admin_user_detail_service_title > .admin_user_detail_service_title_item:nth-child(4){width: 15%;}
    .admin_user_detail_service_title > .admin_user_detail_service_title_item:nth-child(5){width: 15%;}
    .admin_user_detail_service_title > .admin_user_detail_service_title_item:nth-child(6){width: 10%;}
    .admin_user_detail_service_title > .admin_user_detail_service_title_item:nth-child(7){width: 15%;}
    .admin_user_detail_service_title > .admin_user_detail_service_title_item:nth-child(8){width: 15%;}
    
    .admin_user_detail_service_title_item{
        padding: 15px 0px;
        text-align: center;
        font-family: nanumRound;
        font-size: 16px;
    }
    .admin_user_detail_service_title_item_header{
        font-weight: 900;
        border-bottom: 5px solid #1B2547;
    }

    .admin_user_detail_zone{
        /* width: 80%; */
        border-top: 3px solid grey;
        border-bottom: 3px solid grey;
        display: flex;
        flex-direction: column;
        gap: 10px;
        justify-content: center;
        
        padding: 50px 0;
        margin: 50px 0;
    }

    .admin_user_create{
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    .admin_user_create_row{
        width: 70%;
        display: flex;
        flex-direction: row;
        gap: 10px;
        justify-content: flex-start;
        /* align-items: space-around; */
        padding: 2px 0px;
    }
    .admin_user_create_row_dot{
        content: '';
        margin: 50px;
        width: 30%;
        border-bottom: 1px dotted rgb(196, 196, 196);;
    }

    .admin_user_detail_zone_hide{
        display: none;
    }

    .admin_user_detail_zone_row{
        /* width: 100%; */
        display: flex;
        flex-direction: row;
        gap: 10px;
        justify-content: flex-start;
        align-items: center;
        padding: 2px 0px;
    }
    .admin_user_detail_zone_row_dot{
        margin: 50px 0;
        display: flex;
        justify-content: center;
    }
    .admin_user_detail_zone_row_dot::before{
        content: '';
        width: 400px;
        border-bottom: 1px dotted rgb(196, 196, 196);
    }
    .admin_user_detail_zone_row_btnWrap{
        gap: 40px;
        justify-content: center;
        margin: 30px 0;
    }
    .admin_user_detail_zone_row_btn_update,
    .admin_user_detail_zone_row_btn_delete{
        font-family: nanumRound;
        padding: 5px 10px;
        border-radius: 10px;
        background-color: red;
        color: white;
        cursor: pointer;
    }
    .admin_user_detail_zone_row_btn_update{
        background-color: #1B2547;
    }

    .admin_user_detail_zone_row_key{
        width: 100px;
        font-family: nanumRound;
        font-weight: 900;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .admin_user_detail_zone_row_key_point{
        color: red;
    }
    .admin_user_detail_zone_row_value{
        width: 200px;
        font-family: nanumRound;
        text-align: center;
        padding: 5px;
        border-radius: 10px;
        border: 1px solid grey;
        background-color: #e7efff;
    }
    .admin_user_detail_zone_row_value_no{
        width: 532px;
        font-family: nanumRound;
        text-align: center;
        padding: 5px;
        border: 1px solid grey;
        border-radius: 10px;
        min-height: 21px;
    }
    .admin_user_detail_zone_row_value_ta{
        width: 515px;
        resize: none;
        font-family: nanumRound;
        text-align: left;
        padding: 15px;
        border-radius: 10px;
        border: 1px solid grey;
        background-color: #e7efff;
    }
    
    @media (max-width:900px) {
        .admin_user_create{
            flex-wrap: nowrap;
            flex-direction: column;
        }
        .admin_user_create_row{
            width: 100%;
            flex-direction: column;
        }
        .admin_user_detail_service_title_item{
            font-size: 12px;
        }
        .admin_user_detail_zone{
            width: 100%;
        }
        .admin_user_detail_zone_row{
            flex-direction: column;
        }
        .admin_user_detail_zone_row_key,
        .admin_user_detail_zone_row_value {
            font-size: 14px;
            width: 95%;
        }
        .admin_user_detail_zone_row_value_no{
            width: 95%;
        }
        .admin_user_detail_zone_row_value_ta{
            font-size: 14px;
            width: 88%;
        }
        .admin_user_create_row_dot{
            margin: 40px 0;
        }
        .admin_user_detail_zone_row_dot{
            margin: 40px 0;
        }
    }











    .admin_user_detail_th{
        font-family: score4;
        font-size: 14px;
        padding: 5px 0;
        /* width: 20%; */
        background-color: rgb(231, 234, 236);
        border-radius: 10px;
    }
    .admin_user_detail_td{
        font-family: nanumRound;
        padding: 3px 10px;
        width: calc(100% - 20px);
        font-size: 15px;
        text-align: center;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    .costEditBtn_del,
    .costEditBtn_edit{
        all: unset;
        width: 80%;
        padding: 5px;
        color: white;
        border-radius: 10px;
        cursor: pointer;
        transition: 0.3s;

    }
    .costEditBtn_del{
        background-color: red;
    }
    .costEditBtn_del:hover{
        background-color: rgb(109, 4, 4);
        color: white;
        transition: 0.3s;
    }
    .costEditBtn_edit{
        background-color: rgb(53, 88, 0);
        font-size: 14px;
    }
    .costEditBtn_edit:hover{
        background-color: rgb(34, 54, 3);
        color: white;
        transition: 0.3s;
    }

    .ct_dt_td_img{
        width: 100%;
    }

    .ct_dt_td_title{
        font-family: score7;
        color: #1B2547;
        font-size: 17px;
    }

    .ct_dt_td_justify{
        /* width: calc(100% - 10px); */
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        gap: 10px;

    }
    .ct_dt_input_date{
        /* all: unset; */
        font-family: nanumRound;
        position: relative;
        height: 10px;
        padding: 3px;
        text-align: left;
        background-color: rgb(236, 248, 248);
        border-radius: 5px;
        outline: 1px solid  #b9c6df;
    }

    .ct_dt_input{
        all: unset;
        font-family: nanumRound;
        position: relative;
        width: calc(100% - 20px);
        padding: 10px;
        text-align: left;
        background-color: rgb(236, 248, 248);
        border-radius: 5px;
        outline: 1px solid  #b9c6df;
        /* border: 1px solid grey; */
    }
    .ct_dt_input_center{
        text-align: center;
    }

    .ct_dt_input:focus,
    .ct_dt_textarea:focus{
        outline: 1px solid black;
    }

    .nochange,
    .yeschange{
        all: unset;
        background-color: grey;
        color: rgb(221, 221, 221);
        border-radius: 10px;
        position: relative;
        width: calc(100% - 20px);
        padding: 10px;
    }
    .yeschange{
        background-color: rgb(255, 255, 199);
        color: black;
    }

    .ct_dt_textarea{
        vertical-align: top;
        padding: 10px;
        resize: unset;
        min-height: 500px;
        line-height: 35px;
    }

    .ct_dt_leftAlign{
        text-align: left;
        padding-left: 10px;
    }

    .ct_dt_td_div{
        /* height: 100px; */
        padding: 0 0 5px 10px;
    }
    
    .ct_dt_td_url{
        font-size: 14px;
        color: rgb(53, 53, 223);
    }

    .ct_dt_td_url:hover{
        color: rgb(255, 0, 0);
        transition: 0.2s;
    }

    .ct_dt_td_select{
        width: 100%;
        /* border-bottom: 1px solid grey; */
        border: 1px solid rgb(185, 185, 185);
        background-color: rgb(235, 235, 235);
        border-radius: 10px;
        text-align: center;
        padding: 10px 5px;
    }

.requiredAnswer{
    background-color: rgb(252, 171, 171);
}

.mymy{
    background-color: rgb(222, 238, 255);
}

.negImg{
    cursor: pointer;
    height: 30px;
}
.replyContainer{
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 100px;

}

.replyZone{
    width: 100%;
    /* padding: 30px; */

    display: flex;
    flex-direction: column;
    gap: 30px;
    justify-content: center;
    /* align-self: flex-end; */
    align-items: center;
}

.replyWrap{
    width: calc(60% - 40px);
    position: relative;
    display: flex;
    flex-direction: column;
    /* border: 3px solid rgb(231, 231, 231); */
    border: 1px solid #b9c6df;
    border-radius: 15px;
    transform: translateX(-20px);
    padding: 20px;
    min-height: 150px;
}
.adminReplyWrap{
    background-color: rgb(220, 234, 253);
    box-shadow: 2px 2px 2px grey;
    transform: translateX(20px);
}

.delImg{
    position: absolute;
    top: -20px;
    right: -20px;
    width: 40px;
    cursor: pointer;
}


.replyheader{
    position: relative;
    width: 100%;
    border-bottom: 2px dotted rgb(187, 187, 187);
    padding-bottom: 10px;

    display: flex;
    justify-content: flex-start;
    align-self: center;
    /* padding-left: 2vw; */
    gap: 10px;
    color: rgb(42, 88, 180);
}

.replyheader > span:nth-child(1){
    font-size: 16px;
    width: 50%;
    /* flex: 0 0 300px; */
}

.replyheader > span:nth-child(2){
    width: 50%;
    text-align: right;
    /* flex: 1 1 50px; */
}


.replyheader > span:nth-child(3){
    /* font-size: 20px; */
    flex: 0 0 150px;
}

.replybody{
    padding: 10px 10px;
    line-height: 30px;
    word-break: break-all;
}

.replyWriteWrap{
    width: calc(60% - 0px);
    /* padding: 10px; */

    /* border: 3px solid #c2c1c1; */
    /* background-color: #E7E7E7; */
    border-radius: 15px;

    display: flex;
    flex-direction: column;
    justify-content: center;
    align-self: center;

    gap: 20px;
}

.replyWrite{
    resize:none;
    width: calc(100% - 30px);
    background-color: rgb(244, 244, 248);
    padding: 15px;
    border: 1px solid #b9c6df;
    border-radius: 15px;
    height: 200px;
    line-height: 30px;
    /* background-color: #DAE3F3; */
}

.replyWritebtn{
    all:unset;
    padding: 10px 0;
    width: calc(100% - 0px);
    text-align: center;
    background-color: #2A58B4;
    color: white;
    border-radius: 10px;
    font-family: nanumRound;
    cursor: pointer;
}
.replyWritebtn:hover{
    background-color: #4a7fe9;
}

.replyExist{
    height: 20px;
    margin-right: 5px;
}
.replyExistText{
    font-family: nanumRound;
    font-size: 12px;
    color: red;
    margin-right: 20px;
}

.labelCursor{
    cursor: pointer;
}

.sortTh {
    background-color: #528ebe;
    color: white;
    cursor:pointer;
}

.sortThL:hover {
    color:white;
    background-color: #3a7eb6;
    transition: 0.2s;
}

.validSercice{
    background-color: rgb(201, 240, 175);
}
.expirySercice{
    background-color: rgb(248, 152, 152);
}
.divLine{
    height: 50px;
}


.buttonWrap{
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.showBtn,
.editUploadBtn,
.newUploadBtn{
    all:unset;
    /* width: 60px; */
    font-size: 13px;
    border-radius: 10px;
    padding: 10px 4px;
}

.hiddenUploadBtn{
    display: none;
}

.showBtn{
    background-color: blue;
    color: white;
}
.editUploadBtn{
    background-color: rgb(65, 168, 65);
    color: white;
}
.newUploadBtn{
    background-color: rgb(126, 76, 207);
    color: white;

}

.showBtn:hover,
.editUploadBtn:hover,
.newUploadBtn:hover{
    outline: 2px solid black;
}

.makePopup{
    all: unset;
    float: right;
    padding: 5px 20px;
    background-color: rgb(42, 88, 180);
    border-radius: 15px;
    font-family: score7;
    color: white;
    margin: 20px 10px;
    cursor: pointer;
}

.makePopup:hover{
    background-color: rgb(16, 49, 116);
    color: rgb(170, 255, 0);
    transition: 0.3s;
}

.item_bargain_option{
    font-size: 10px;
    color: red;
}

.adminBtnWrap{
    display: flex;   
    flex-direction: row;
    justify-content: flex-start;
    gap: 20px;
    margin: 10px 0;
}
.adminBtn{
    all: unset;
    cursor: pointer;
    border: 1px solid grey;
    border-radius: 15px;
    padding: 5px;
    background-color:#1B2547;
    color: white;
    font-family: score7;
    font-size: 17px;
    width: 150px;
    text-align: center;
    transition: 0.3s;
}
.adminBtn:hover{
    color: yellow;
    background-color:#364c96;
    transition: 0.3s;
}
.adminBtn_1{
    all: unset;
    cursor: pointer;
    border: 1px solid grey;
    border-radius: 15px;
    padding: 5px;
    background-color:var(--subColor);
    color: white;
    font-family: score7;
    font-size: 17px;
    width: 150px;
    text-align: center;
    transition: 0.3s;
}
.adminBtn_1:hover{
    color: yellow;
    background-color:#364c96;
    transition: 0.3s;
}
.adminBtn_2{
    all: unset;
    cursor: pointer;
    border: 1px solid grey;
    border-radius: 15px;
    padding: 5px;
    border: 1px solid black;
    color: black;
    font-family: score7;
    font-size: 17px;
    width: 150px;
    text-align: center;
    transition: 0.3s;
}
.adminBtn_2:hover{
    background-color:grey;
    transition: 0.3s;
}

@media (max-width:900px) {
    .adminBtnWrap{
        width: 100%;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    .adminBtn{
        width: 90%;
        padding: 10px 0;
    }

}
.adminBackBtn{
    all: unset;
    position: absolute;
    right: 70px;
    cursor: pointer;
    border: 2px solid #1B2547;
    border-radius: 15px;
    padding: 5px 10px;
    /* background-color:#; */
    color: #1B2547;
    font-family: score7;
    font-size: 13px;
    /* width: 100px; */
    text-align: center;
    transition: 0.3s;
}
.adminBackBtn:hover{
    color: white;
    background-color:#1B2547;
    transition: 0.3s;
}


.ct_dt_label{
    color: #2A58B4;
    font-family: score4;
    font-size: 18px;
    /* position: absolute; */
    text-align: left;
    height: 100%;
    /* top: 0px; */
    /* left: 0px; */
    transform: translateY(-10px);

    word-break: break-all;
}
@media (max-width:900px) {
    .ct_dt_label{
        /* font-size: 14px; */
    }
}
.ct_dt_td_col{
    text-overflow: ellipsis;

    display: flex;
    flex-direction: column;
    justify-content: flex-start;

    padding: 0;
    width: 100%;
    flex-direction: row;
    justify-content: space-between;
    align-self: center;
    gap: 30px;
}
.ct_dt_td_taxCol_label,
.ct_dt_td_taxCol_label_red{
    font-family: nanumRound;
    width: 25%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.ct_dt_td_taxCol_label_red{
    width:auto;
    margin-left: 2px;
    color: red;
}
.ct_dt_td_taxCol_input{
    all: unset;
    position: relative;
    font-family: nanumRound;
    text-align: center;
    width: calc(75% - 20px);
    padding: 10px;
    background-color: rgb(236, 248, 248);
    border-radius: 5px;
    outline: 1px solid  #b9c6df;
}
.ct_dt_span,
.ct_dt_span_wide{
    border: 1px solid #b9c6df;
    border-radius: 10px;
    padding: 10px;
    line-height: 30px;
}
.ct_dt_span_wide{
    min-height: 200px;
}
.adminWatch{
    width: 100%;
}
.adminTable{
    /* width: calc(100% - 40px); */
    height: 360px;
    padding: 20px;
    border: 1px solid grey;
    border-radius: 10px;
    overflow: auto;
    
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    gap: 35px;
}
.adminTableDate{
    position: relative;
    width: 50px;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    justify-content: flex-end;
    gap: 10px;
}

.adminTableDate_graph{
    position: relative;
    /* width: 100%; */
    height: calc(95% - 20px);
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: flex-end;
}
.adminTableDate_text{
    width: 100%;
    text-align: center;
    height: 20px;
}
.newUser,
.user_login,
.bridge_upload,
.bridge_send,
.bridge_read,
.paybook_main,
.vacation{
    width: 100%;
    height: 0;
    font-size: 10px;
}
.adminTableDate_item{
    all: unset;
    width:9px;
    font-size: 0px;
    border-radius: 10px 10px 0 0 ;
    padding-top: 5px;
    
}
.adminTableDate_item_span{
    font-size: 10px;
    position: absolute;
    transform: translateY(-10px);
}
.newUser{
    background-color: #2A58B4;
    color: white;
}
.user_login{
    background-color: rgb(65, 65, 65);
    color: white;
}
.bridge_upload{
    background-color: rgb(177, 0, 0);
    color: white;
}
.bridge_send{
    background-color: rgb(255, 0, 0);
    color: white;
}
.bridge_read{
    background-color: rgb(255, 167, 167);
    color: white;
}
.paybook_main{
    background-color: rgb(0, 10, 143);
    color: white;
}
.vacation{
    background-color: rgb(0, 94, 58);
    color: white;
}
.edocument{
    background-color: rgb(80, 1, 80);
    color: white;
}
.worktime{
    background-color: rgb(176, 179, 0);
    color: white;
}

.explainGraph{
    border-radius: 10px;
    padding: 5px;
    font-size: 12px;
}

.adminEmailTable{
    width: 80%;
}
.adminEmailTable_th{
    padding: 10px 0;
    background-color: grey;
    color: white;
}
.adminEmailTable_tr:hover{
    background-color:#1B2547;
    color: white;
}
.adminEmailTable_td{
    border-bottom: 1px dotted rgb(201, 201, 201);
    padding: 5px;
    text-align: center;
}
.adminEmailTable_td > label {
    cursor: pointer;
}
.readDefault{
    background-color: #eceff7;
    padding: 15px;
    border-radius: 20px;
    font-weight: 100;
    letter-spacing: 0.5px;
    font-family: nanumRound;
}

@media (max-width:900px) {
    .ct_dt_table{
        width: 100%;
        border-spacing: 10px;
    }
    .ct_dt_th{
        display: none;
    }
    .ct_dt_td_col{
        flex-direction: column
    }
    .replyWrap{
        width: calc(90% - 20px);   
        padding: 10px;
    }
    .replyWriteWrap{
        width: calc(90% - 0px);   
    }
}


.directOptionWrap{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 40px;
    justify-content: center;
    margin: 50px 0;

}
.directOptionItem{
    font-family: nanumRound;
    border: 1px solid grey;
    padding: 5px;
    border-radius: 5px;
    text-align: center;
    width: 120px;
    cursor: pointer;
}
.directOptionItem:hover{
    background-color: #1B2547;
    color: white;
}
.ct_admin_table_td{
    text-align: center!important;
    padding: 0!important;
    font-size: 12px;
}
.ct_admin_table_td_point{
    font-family: nanumRound;
    color: red;
    font-size: 14px;
    font-weight: 900;
}


/* 관리자 - 특별승인 */
.admin_forceManageNum_top{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin: 30px 0;
    gap: 30px;
}
.admin_forceManageNum_top_dataWrap{
    padding: 20px;
    border-radius: 10px;
    background-color: var(--outlineColor);
}
.admin_forceManageNum_top_data{
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.admin_forceManageNum_top_data_item{
    width: 400px;
    display: flex;
    flex-direction: row;
    align-items: center;
}
.admin_forceManageNum_top_data_item_text{
    font-family: nanumRound;
    font-weight: 900;
    width: 70px;
}
.admin_forceManageNum_top_data_item_input,
.admin_forceManageNum_top_data_item_input_readOnly{
    padding: 5px;
    border-radius: 10px;
    border: 1px solid grey;
    cursor: pointer;
    width: 300px;
}
.admin_forceManageNum_top_data_item_select_indirectUser{
    background-color: grey;
    color: white;
}
.admin_forceManageNum_top_data_item_select_badUser{
    background-color: rgb(155, 0, 0);
    color: white;
}

.admin_forceManageNum_top_data_item_input_readOnly{
    width: 290px;
    background-color: #c2c1c1;
    color: white;
    text-align: center;
    cursor: not-allowed;
}

.admin_forceManageNum_top_buttonWrap{
    display: flex;
    justify-content: center;
    align-items: center;
}

.admin_forceManageNum_top_button{
    font-family: nanumRound;
    width: 400px;
    padding: 10px;
    text-align: center;
    background-color: var(--subColor);
    color: white;
    cursor: pointer;
    border-radius: 10px;
}
.admin_forceManageNum_top_button:hover{
    background-color: var(--mainColor);
    transition: 0.2s;
}


.ct_home_body{
    overflow-x: auto;
}
.admin_forceManageNum_table{
    /* width:100%; */
    width:1100px;
    table-layout: fixed;
    border-collapse: collapse;
}
.admin_forceManageNum_th{
    padding: 10px 0;
    font-family: score7;
    font-size: 14px;
    text-align: center;
    border-bottom: 3px solid var(--mainColor);
}

.admin_forceManageNum_tr:hover{
    background-color: var(--outlineColor);
    color: var(--subColor);
    font-weight: 900;
    cursor: pointer;
}
.admin_forceManageNum_td{
    padding: 7px 0;
    font-family: nanumRound;

    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;


    text-align: center;
}
.admin_table_img{
    /* width: 80%; */
    height: 21px;
}
.admin_forceManageNum_td_btn_delete{
    padding: 5px 8px;
    color: white;
    background-color: rgb(189, 3, 3);
    border-radius: 5px;
    font-family: nanumRound;
    transition: 0.2s;
}
.admin_forceManageNum_td_btn_delete:hover{
    background-color: rgb(97, 0, 0);
    color: yellow;
    transition: 0.2s;
}
.customer_lawSystem_td{
    font-family: nanumRound;
    background-color: var(--outlineColor);
    /* width: calc(100% - 40px); */
    padding: 20px;
    font-size: 18px;
    text-align: left;
    text-overflow:unset;
    white-space: wrap;
    line-height: 30px;
}
.customer_lawSystem_deleteBtn{
    all: unset;
    padding: 3px 5px;
    background-color: red;
    color: white;
    border-radius: 10px;
    transition: 0.2s;
    cursor: pointer;
}
.customer_lawSystem_deleteBtn:hover{
    background-color: rgb(150, 0, 0);
    transition: 0.2s;
}
.customer_displayNone{
    display: none;
    background-color: grey;
}