/* 테이블 */
*{
    font-family: 'Jeju Gothic', sans-serif;
}
p
{
    margin:0;
}

li
{
    list-style-type: none;
}

ul
{
    padding:0;
    margin-bottom:0;
}
/* .tableHeader span ,
.tableHeader span a
{
    font-size: 0.8rem;
} */
#realAddr
{
    margin-bottom:1rem;
}

.mainTable
{
    display: 100%;
    display: flex;
    flex-direction: column;
    margin:0.5rem 0 1rem 0;
}
/* .tableContainer .btn
{
    white-space: nowrap;
} */

.tableHeader
{   font-family: 'Jeju Gothic', sans-serif;
    display: flex;
    width:100%;
    border-top : 2px solid currentColor;
    border-bottom : 2px solid currentColor;
}
.tableHeader .header.item
{   display: block;
    padding: 0.5rem 0.5rem;
    text-align: center;
    overflow: hidden;
    white-space: nowrap;
    font-weight: bold;
}

/* .pcColumn
{
    font-size: 0.8rem;
}
.productName
{
    font-size: 0.9rem;
} */
/* .tableHeader .header.item a{

} */

.search_btns
{
    display:flex;
    justify-content:space-evenly;
    align-items: center;


}
.pageBtnCon
{
    display: flex;
    align-items: center;
}
.pageBtnCon a
{
    margin-right:0.3rem;

}
.pageBtnCon input
{
    /* margin:0 0.1rem; */
    margin-right:0.3rem;
}
.btn.btn-primary.btn-sm
{
    margin-right:0.3rem;
}
.btn-secondary
{
    margin-right:0.3rem;
}
#num_per_page
{
    width:2rem;
    /* margin-right:0.3rem; */
    height: 27px;
}

.tableHeader span:nth-child(1)
{
    width:4%;
}
.tableHeader span:nth-child(2)
{
    width:8%;
}
.tableHeader span:nth-child(3)
{
    width:40%;
}
.tableHeader span:nth-child(4)
{
    width:10%;
}
.tableHeader span:nth-child(5)
{
    width:8%;
}
.tableHeader span:nth-child(6)
{
    width:10%;
}
.tableHeader span:nth-child(7)
{
    width:10%;
}
.tableHeader span:nth-child(8)
{
    width:8%;
}

.address
{
    font-size: 83%;
}

.bodyRow.item
{
    display: flex;
    border:1px solid #dee2e6 !important;
}
.bodyRow.item span:nth-child(1)
{
    width:4%;
}
.bodyRow.item span:nth-child(2)
{
    width:8%;
}
.bodyRow.item span:nth-child(3)
{   display: flex;
    flex-direction: column;
    width:40%;
}
.bodyRow.item span:nth-child(3) span
{
    width:100%;
}
.bodyRow.item span:nth-child(4)
{
    width:10%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.bodyRow.item span:nth-child(5)
{
    width:8%;
}
.bodyRow.item span:nth-child(6)
{
    width:10%;
}
.bodyRow.item span:nth-child(7)
{
    width:10%;
}
.bodyRow.item span:nth-child(8)
{
    width:8%;
}
.bodyRow.item span
{

    padding: 0.5rem 0.5rem;
    background-color: var(--bs-table-bg);
    border-bottom-width: 1px;
    box-shadow: inset 0 0 0 9999px var(--bs-table-accent-bg);
    text-align: center;
}
.column.item
{
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}



.mobileColumn
{
    display: none;
    margin:0;
    width:100%;

}


.makeBlock
{
    text-align: left;
}
.pcColumn.flex
{
    width:100%;
    display: flex;
    flex-direction: column;
}
.pcColumn.flex span
{
    padding:0;
    text-align: left;
}
.pcColumn.flex .topCon
{   width:100%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}


.tableBody .bodyRow:nth-of-type(odd)
{
   background-color: #ebeced;
}
.mobileColumn li:nth-child(1)
{
    width:40%;
    font-weight: bold;
}

.mobileColumn li:nth-child(2)
{
    width:60%;
}
.emptyMsgCon
{
    display: flex;
    align-items: center;
    height:300px;
    justify-content: center;
}
.stickerCustom
{

    white-space: nowrap;
    margin-left: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #ff9635;
    display: inline-block;
    font-size: 0.8rem;
    color: black;
    font-weight: bold;
    padding: 1.5px 9px;
    border-radius: 15px;
    opacity: 0.5;
    /* margin: 5px 0 5px 5px; */




}
.stickerCustom p
{
    margin:0;
}
/* 필터 */

#searchform
{
    width:100%;
    display: flex;
    justify-content: flex-end;
    padding-right: 0;
}
input[type=text].datetype
{
    height: 30px;
}

.bold-making
{
    padding: 0 0.5rem;
    font-weight: bold;

    overflow: hidden;
    white-space: nowrap;
}

/* 리스트 */
.modalTableHeader
{
    width:100%;
}

.tableContainer
{
    display: flex;
    justify-content: center;
}
.table
{
    width:100%;

}

.th .item a
{
    white-space:nowrap;
    overflow:hidden;
}
.search_filter
{
    margin-right: 20px;
    display: flex;
    flex-wrap: wrap;
}

#corp_cd
{
    height: 28px;
    padding: 2px 0px 3px 0px;
}
#searchColumn
{
    height: 28px;
    padding: 2px 0px 3px 0px;
}
.searchValue
{
    height: 28px;
    padding: 2px 0px 3px 0px;
}
.search_filter li .btn-secondary:last-child
{

   white-space: nowrap;
}

.search_filter li:last-child a
{

    white-space: nowrap;
}

.search_filter li
{
    margin:0 0.3rem;
    display: flex;
    align-items: center;
}

/* .btn ,.btn-primary ,.btn-sm
{
    margin-bottom: 0;

} */
.px-md-5
{
    padding: 0;
}
.rowItem
{
    display: none;
}

/* 모달쪽 */
.modal-header
{
    position:relative;
}
.modalHeaderTop
{
    display: flex;
    align-items: center;

}
.functionIcons
{
    display: flex;
}

#corpCd
{
    width:100%;
    display: inline-block;
}
.btn-close
{
    position: absolute;
    top: 14%;
    right: 2%;
}
.funcIcons
{
    display: flex;
}
.modalTable
{
    width:100%;
}
.modalTable .tableHeader .column
{
    font-size: 0.9rem;
    display: block;
    padding: 0.5rem 0.5rem;
    text-align: center;
    overflow: hidden;
    white-space: nowrap;
    font-weight: bold;
}
.bodyRow.item3:nth-child(odd)
{
    background-color: #f2f2f2;
}



.modalTable .tableHeader .column.item3:nth-child(1)
{
    width:5%;
}
.modalTable .tableHeader .column.item3:nth-child(2)
{
    width:10%;
}
.modalTable .tableHeader .column.item3:nth-child(3)
{
    width:10%;
}
.modalTable .tableHeader .column.item3:nth-child(4)
{
    width:10%;
}
.modalTable .tableHeader .column.item3:nth-child(5)
{
    width:25%;
}
.modalTable .tableHeader .column.item3:nth-child(6)
{
    width:15%;
}
.modalTable .tableHeader .column.item3:nth-child(7)
{
    width:15%;
}
.modalTable .tableHeader .column.item3:nth-child(8)
{
    width:15%;
}
.bodyRow.item3
{
    display: flex;

}
.column.item3
{
    display: flex;
    justify-content: center;
    align-items: center;
}
.column.item3:nth-child(1)
{
    width:5%;
}
.column.item3:nth-child(2)
{
    width:10%;
}
.column.item3:nth-child(3)
{
    width:10%;
}
.column.item3:nth-child(4)
{
    width:10%;
}
.column.item3:nth-child(5)
{
    width:25%;
}
.column.item3:nth-child(6)
{
    width:15%;
}
.column.item3:nth-child(7)
{
    width:15%;
}
.column.item3:nth-child(8)
{
    width:15%;
}


.bodyRow.item3 span
{

    padding: 0.5rem 0.5rem;
    background-color: var(--bs-table-bg);
    border-bottom-width: 1px;
    box-shadow: inset 0 0 0 9999px var(--bs-table-accent-bg);
    text-align: center;
}

.bodyRow.item4 span {
    padding: 0.5rem 0.5rem;
    background-color: var(--bs-table-bg);
    border-bottom-width: 1px;
    box-shadow: inset 0 0 0 9999px var(--bs-table-accent-bg);
    text-align: center;
}
.bodyRow.item4:nth-child(odd)
{
    background-color: #f2f2f2;
}


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

.tableHeader .column.item4:nth-child(1)
{
    width:37%;
}
.tableHeader .column.item4:nth-child(2)
{
    width:19%;
}
.tableHeader .column.item4:nth-child(3)
{
    width:10%;
}
.tableHeader .column.item4:nth-child(4)
{
    width:16%;
}
.tableHeader .column.item4:nth-child(5)
{
    width:18%;
}
.bodyRow.item4 .column
{
    display: inline-block;
}

.bodyRow.item4 .column.item4:nth-child(1)
{
    width:37%;
}
.bodyRow.item4 .column.item4:nth-child(2)
{
    width:19%;
}
.bodyRow.item4 .column.item4:nth-child(3)
{
    width:10%;
}
.bodyRow.item4 .column.item4:nth-child(4)
{
    width:16%;
}
.bodyRow.item4 .column.item4:nth-child(5)
{
    width:18%;
}
.eul
{
    margin-top: 3rem;
}
.tableContainer b
{
    font-size: 90%
}
.tableContainer p ,  .tableContainer li ,   .tableContainer strong
{
    font-size: 85%;
}

/* 리스트 모달 디자인*/
.customFooter
{
    display: flex;
    justify-content: space-between;
    flex-wrap: nowrap;
}
#emailArea
{
    display: flex;
    flex-direction: column;
}
.emailAddBtnCon
{
    display: flex;
    justify-content: flex-start;
    padding:0.5rem 0;
}
.emailAddContainer
{
    display: flex;
    align-items: center;
    width:100%;
    margin-bottom: 1rem;
}
.form-floating .mb-3
{
    width:100%;
}
.emailInputCon
{
    margin-bottom:0;
    width:80%;
}
.emailInput
{
    width:100%;
}
.chkBoxCon
{
    display: flex;
    /* justify-content: center; */
    align-items: center;
}
.customButton
{
    border: none;
    border-radius: 3px;
    outline: none;
}

.customButton.small
{
    font-size: 0.8rem;
    padding:0.3rem 0.5rem;
    /* overflow: hidden;
    white-space: nowrap; */
    background-color:#144A66;
    color: #f1f1f1;
    text-align: center;
    border: 1px solid #144A66;
    line-height: 1.3;
}
.customButton.middle
{
    padding:0.5rem 0.8rem;
    background-color:#999;
    color:#f1f1f1;
    border: 1px solid #999;
    overflow: hidden;
    white-space: nowrap;

}

.customButton.small:hover
{
    transition: 0.5s linear background-color;
    background-color: transparent;
    color:#239fed;
    outline: none;
}
.customButton.middle:hover
{
    transition: 0.5s linear background-color;
    background-color: transparent;
    color:#999;
    outline: none;
}
.emailItemBtns
{
    width:20%;
    display: flex;
    justify-content: space-evenly;
    align-items: center;
}
.chkboxLabel
{
    font-size:0.9rem;
}
.alarmChkBox
{
    width: 1.4rem;
    height: 1.4rem;
    margin-left: 5px;
    margin-bottom: 2px;
}
.rightCon
{
    display: flex;
    align-items: center;
}
.secondCon
{
    display: flex;
    align-items: center;
}
.mb-2
{
    margin-bottom: 0;
    margin-right:0.3rem;
}
.uploadBtn
{
    display: flex;
    align-items: center;
}

.secondCon div
{
    display: flex;
    align-items: center;
}
@media(max-width:1400px)
{
    .search_filter
    {
        width:100%;
        flex-direction: column;
        justify-content: center;
    }
    .search_filter li
    {
        display: flex;
        justify-content: center;
    }

    .search_filter li
    {
        margin:0.5rem 0.5rem;
    }


    .search_filter li select
    {
        width:79%;
    }
    /* .search_filter li .btn-primary
    {
        width:20%;
    } */
   .searchValue
    {
        width:79%;
    }
    /* .search_filter li a , .excelDown
    {

        width:20%;
    } */

    input[type=text].datetype
    {
        width:100%;
        max-width: 35%;
    }

    .search_filter
    {
        margin-right: 20px;

    }

}

@media(max-width:1280px)
{
    .header.item , .header.item a
    {
        font-size: 90%;
    }
    .tableContainer p ,  .tableContainer li ,   .tableContainer strong
    {
        font-size: 83%;
    }


}


@media(max-width:1024px)
{
    .mobileColumn
    {
        display: flex;
    }
    .pcColumn
    {
        display: none;
    }
    /* .tableContainer p ,  .tableContainer li ,   .tableContainer strong
    {
        font-size: 88%;
    } */
    /* input[type=text].datetype
    {
        width: 34%;
    } */
    /* #num_per_page
    {
        width:10%;
    } */

    .search_filter
    {
        display: flex;
        flex-direction: column;
        align-items: center;
        width:100%;
    }
    .search_filter li
    {
        width:100%;
    }
    /* .search_filter  li input
    {
        width:100%;
        text-align: center;
    }
    .search_filter li select
    {
        width:100%;
        text-align: center;
    }  */

    .search_filter li:last-child
    {
        display: flex;
        justify-content: center;

    }
    /* .search_filter li:last-child input
    {
        width:20%;
    }
    .search_filter li:last-child a
    {
        width:25%;

    }
    .search_filter li .excelDown
    {
        width:25%;

    } */
    .tableHeader
    {
        display: none;
        flex-direction: column;
        width:100%;
        border-top : 2px solid currentColor;
        border-bottom : 2px solid currentColor;
    }
    .tableHeader .header.item
    {
        display: block;
        width:100%;
        text-align: center;
    }
    .bodyRow
    {

        flex-direction: column;

    }
    .after
    {
        position:relative;
    }
    .after::after
    {
        position:absolute;
        content:"";
        width:100%;
        height: 0.5px ;
        background-color : #dee2e6;
        left:0;
        bottom:0;

    }
    .after:nth-child(8)::after
    {
        content:none;
    }
    .column_elmnt_after
    {
        position:relative;
    }
    .column_elmnt_after::after
    {
        position:absolute;
        content:"";
        width:100%;
        height: 0.5px ;
        background-color : #dee2e6;
        left:0;
        bottom:0;
    }
.bodyRow.item span:nth-child(1)
{
    width:100%;
}
.bodyRow.item span:nth-child(2)
{
    width:100%;
}
.bodyRow.item span:nth-child(3)
{
    width:100%;
}

.bodyRow.item span:nth-child(4)
{
    width:100%;
}
.bodyRow.item span:nth-child(5)
{
    width:100%;
}
.bodyRow.item span:nth-child(6)
{
    width:100%;
}
.bodyRow.item span:nth-child(7)
{
    width:100%;
}
.bodyRow.item span:nth-child(8)
{
    width:100%;
}
.bodyRow.item span:nth-child(9)
{
    width:100%;
}

.bodyRow.item span
{   display: block;
    width: 100%;
}

.column.item
{
    width:100%;
}

.mobileColumn.item
{
    display: flex;
    align-items: center;
}
.mobileColumn.item li:nth-child(1)
{
    font-weight: bold;
}
.pcColumn.item
{
    display: none;
}


.column.item3:nth-child(1)
{
    width:100%;
}

.column.item3:nth-child(2)
{
    width:100%;
}

.column.item3:nth-child(3)
{
    width:100%;
}

.column.item3:nth-child(4)
{
    width:100%;
}

.column.item3:nth-child(5)
{
    width:100%;
}

.column.item3:nth-child(6)
{
    width:100%;
}
.column.item3:nth-child(7)
{
    width:100%;
}
.column.item3:nth-child(8)
{
    width:100%;
}


.bodyRow.item4 .column.item4:nth-child(1)
{
    width:100%;
}

.bodyRow.item4 .column.item4:nth-child(2)
{
    width:100%;
}

.bodyRow.item4 .column.item4:nth-child(3)
{
    width:100%;
}
.bodyRow.item4 .column.item4:nth-child(4)
{
    width:100%;
}
.bodyRow.item4 .column.item4:nth-child(5)
{
    width:100%;
}
.emailItemBtns
{
    width:30%;
}
.emailInputCon
{
    width:70%;
}

}


@media(max-width:991px)
{

    /* #corpCd, #productName, #productUrl
    {#
        font-size: 80%;;
    } */

    .modalHeaderTop
    {
        flex-direction: column;
    }
    .divbar
    {
        display: none;
    }
    .modalHeaderTop li
    {
        width:100%;
    }
    .tableSubjectCon
    {
        text-align: center;
    }

    input[type=text].datetype
    {
        width:100%;
        max-width: 30%;
    }

    .customButton.middle
    {
        font-size: 90%;
    }
    #fileStr
    {
        font-size: 90%;
    }
    .modalBtn
    {
        font-size: 70%;
        white-space: nowrap;
    }
    .thirdCon .modalBtn:nth-child(1)
    {
        margin-right:0.3rem;
    }
    /* .secondCon .div
    {
        display: flex;
        flex-direction: column;
    }
    .rightCon
    {
        flex-direction: column;
        align-items: center;
    }
     */
     .thirdCon
     {
        display: flex;
        align-items: center;
     }


}






@media(max-width:768px)
{

/* input[type=text].datetype
{
    width: 32%;
} */

.stickerContainer
{
    width:100%;
    display: flex;
    justify-content: center;
}
.sticker-text
{
    padding:0;
}
/* .bold-making
{
    font-size: 0.7rem;
} */
/* #num_per_page
{
    width:8%;
} */
.chkboxLabel
{
    font-size: 80%;
}
}
@media(max-width:526px)
{
    .customButton.middle
    {
        font-size: 80%;
    }
    #fileStr
    {
        font-size: 80%;
    }
    .modalBtn
    {
        font-size: 80%;
    }
    .secondCon .div
    {
        display: flex;
        flex-direction: column;
    }
    .thirdCon
    {
        display: flex;
    }


}
@media(max-width:485px)
{
    .emailItemBtns
    {
        flex-direction: column;
        align-items: flex-end;
    }
    .customButton.small
    {
        width:50%;
        font-size: 70%;
        padding:0.1rem 0.3rem;
        white-space:nowrap;
    }
    .chkboxLabel
    {
        font-size:70%;
        white-space:nowrap;
    }
    .alarmChkBox
    {
        width: 90%;
        height: 90%;
    }
    .emailItemBtns
    {
        width:25%;
    }
    .emailInputCon
    {
        width:75%;
    }
    #fileStr
    {
        display: none;
    }
    .customButton.middle
    {
        font-size: 70%;
    }
    #fileStr
    {
        font-size: 70%;
    }
    .modalBtn
    {
        font-size: 70%;
    }
}



@media(max-width:480px)
{
/* input[type=text].datetype
{
    width: 32%;
} */
input[type=text].datetype
{
    font-size: 0.4rem;
}
.search_filter li:last-child input
{
    /* margin:0 0.2rem;  */
    font-size: 0.5rem;
}
.search_filter li:last-child a
{
    margin-right: 0.3rem;
     font-size: 0.5rem;
}
/* #num_per_page
{
    width:10%;
    font-size: 0.5rem;
} */
.search_btns
{

}

.bold-making
{
    font-size: 0.5rem;
}
.stickerCustom
{
    white-space: normal;
}
}
@media(max-width:390px)
{
.tableContainer p ,  .tableContainer li ,   .tableContainer strong
{
    font-size: 75%;
}
.search_filter li:last-child input
{
    font-size: 0.3rem;
}

.search_filter li:last-child a
{

    font-size: 0.3rem;
}
.bold-making
{
    margin:0;
    overflow: unset;
}
input[type=text].datetype
{
    width:100%;
    max-width: 26%;
}
    }