*{
    font-family: 'Noto Sans KR', sans-serif; 
}

body{
    font-family: 'Noto Sans KR', sans-serif; 
}

.file_upload_popup{
    width: 721px;
    height: 316px;
    border: 1px solid #ccc;
    box-shadow: 1px 2px 6px rgba(8,26,49,0.42);
    padding: 25px 35px 20px 35px;
}

.file_upload_title{
    font-size: 20px;
}

.file_upload_title select{
    font-size: 15px;
    width: 179px;
    height: 34px;
    border: 1px solid #e6e8ed;
    /* color: #ccc; */
    border-radius: 50px;
    margin-left: 15px;
    font-weight: 500;
    font-family: 'Noto Sans KR', sans-serif; 
}

.file_upload_title select:focus{
    color: #0388d2;
    border: 1px solid #0388d2;
}

.file_upload_title select:focus option{
    color: #333;
}


.file_upload_title input{
    float: right;
    text-align: right;
    font-size: 15px;
    padding-right: 7px;
    width: 89px;
    height: 28px;
    color: #fff;
    border-radius: 5px;
    background:#0388d2 url(/direct/img/add_file_btn.png) no-repeat 8% center;
    box-shadow: 0px 2px 4px rgba(8,26,49,0.42);
    border: none;
}

/*upload_title 끝*/

/*upload_box 시작*/

.file_upload_box{
    width: 720px;
    height: 200px;
    text-align: center;
    vertical-align: middle;
    border: 1px solid #ccc;
    margin-top: 20px;
    margin-bottom: 20px;
    border-radius: 5px;
    overflow: hidden;
    position: relative;
}

.file_upload_box table{
    width: 100%;
}

.file_upload_box table thead tr th{
    padding: 7px 0;
    font-size: 15px;
    text-align: center;
    background-color: #f5f7fa;
    border-bottom: 1px solid #dde6e9;
    border-right: 1px solid #dde6e9;
}

.file_upload_box table thead tr th:last-child{
    padding-right: 7px;
}

.file_upload_box table thead tr th:first-child,.file_upload_box table tbody tr td:first-child{
    width: 380px;
    text-align: center;
}

.file_upload_box table thead tr th:nth-child(2),
.file_upload_box table tbody tr td:nth-child(2){
    width: 200px;
}

.file_upload_box table thead tr th:nth-child(3),
.file_upload_box table tbody tr td:nth-child(3){
    width: 80px;
}

.file_list{
    overflow-y: scroll;
    max-height: 140px;
}

.file_upload_box table tbody{
    width: 720px;
}

.file_upload_box table tbody tr td{
    text-align: center;
    border-bottom: 1px dotted #dde6e9;
    vertical-align: middle;
    padding: 5px 0;
}

.file_upload_box table tbody tr td:first-child img{
    margin-right: 5px
}

.file_upload_box table tfoot{
    position: absolute;
    vertical-align: middle;
    background-color: #f5f7fa;
    border-top: 1px solid #dde6e9;
    width: 720px;
    padding: 7px 0;
    color: #333;
    border-radius: 0 0 5px 5px;
    bottom: 0;
}

.file_upload_box table tfoot tr td:first-child{
    padding-left: 10px;
}

.file_upload_box table tfoot tr td:last-child{
    padding-left: 375px;
}

.upload_number{
    color: #0388d2;
    font-weight: 500;
}

.upload_btns{
    text-align: center;
}

.upload_btns input[type="button"]{
    border: 1px solid #777;
    font-size: 15px;
    width: 100px;
    height: 38px;
    border-radius: 5px;
    box-shadow: 0px 0px 6px rgba(16,74,107,0.42);
    font-family: 'Noto Sans KR', sans-serif;
    font-weight: 700;
    background-color: #fff;
}

.upload_btns input[type="button"]:first-child{
    border: 1px solid #0388d2;
    color: #0388d2;
}

.upload_btns input[type="button"]:last-child{
    margin-left: 15px;
}