.filebox {
    margin-right: 5px;
    float: left;
    background-color: #334d88;
    color: #fff;
}
.filebox label {
    /*display: inline-block;*/
    /*padding: .5em .75em;*/
    /*color: #999;*/
    /*font-size: inherit;*/
    /*line-height: normal;*/
    /*vertical-align: middle;*/
    /*background-color: #fdfdfd;*/
    /*cursor: pointer;*/
    /*border: 1px solid #ebebeb;*/
    /*border-bottom-color: #e2e2e2;*/
    /*border-radius: .25em;*/

    cursor: pointer;
}

.filebox input[type="file"] {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
}

.report_data { background: #ffffc4 !important;}
.delete_data {text-decoration: line-through; text-decoration-color: red;}

.suggestion_data {background: #e6f6ff !important;}
.sort_num {display: none; width: 1px}
th[data-column-name='SORT_NUM'] { display: none; width: 1px;}
.error { background: #ffe5e5 !important; font-weight: bolder;}
.supl_hira {background: #ffe5e5 !important;}
.supl_nhis {background: #ffe5e5 !important;}


.box-table .top{text-align:center;background-color:#667393;height:55px;line-height:55px;}
.box-table .top h1{color:#fff;font-weight: 600;font-size: 18px;}
.box-table{}
.box-table .table-bottom-1{}
.box-table .table-bottom-1 .center{text-align:center !important;}
.box-table .table-bottom-1 tbody{}
.box-table .table-bottom-1 tbody tr{}
.box-table .table-bottom-1 .tab-box .bottom .table-box.ver3.tabver1 table tbody tr th {position:relative;text-indent: 20px !important;}
.box-table .table-bottom-1 .tab-box .bottom .table-box.ver3.tabver1 table tbody tr td{}
.box-table .table-bottom-1 .tab-box .bottom .table-box.ver3.tabver1 table tbody tr td input[type="text"]{width:95%;margin: 5px;float: left;border:1px solid #cccccc;height: 28px;text-indent: 5px;}
.box-table .table-bottom-1 .tab-box .bottom .table-box.ver3.tabver1 table tbody tr td .search-in input[type="text"]{width: 220px;}
.box-table .table-bottom-1 .tab-box .bottom .table-box.ver3.tabver1 table tbody tr td .in-1{}

.box-table .table-bottom-1 .tab-box .bottom .table-box.ver3.tabver1 table tbody tr td .in-2 input[type="text"]{width: 190px;}
.box-table .table-bottom-1 .tab-box .bottom .table-box.ver3.tabver1 table tbody tr td .in-3{}
.box-table .table-bottom-1 .tab-box .bottom .table-box.ver3.tabver1 table tbody tr td .in-3 input[type="text"]{width: 190px;}
.box-table .table-bottom-1 .tab-box .bottom .table-box.ver3.tabver1 table tbody tr td .in-4{}
.box-table .table-bottom-1 .tab-box .bottom .table-box.ver3.tabver1 table tbody tr td .in-4 input[type="text"]{width: 320px;}
.box-table .table-bottom-1 .tab-box .bottom .table-box.ver3.tabver1 table tbody tr td .in input[type="text"]{width: 140px;}
.box-table .table-bottom-1 .tab-box .bottom .table-box.ver3.tabver1 table tbody tr td select{width:140px;}
.box-table .table-bottom-1 .tab-box .bottom .table-box.ver3.tabver1 table tbody tr td .fff-btn{height: 26px;line-height: 26px;padding: 1px 10px;font-size: 14px;display: inline-block;text-align: center;text-indent: 0px;margin-top: 5px;}
.box-table .table-bottom-1 .tab-box .bottom .table-box.ver3.tabver1 table tbody tr td .in-check1{margin-top:8px;}
.box-table .table-bottom-1 .tab-box .bottom .table-box.ver3.tabver1 table tbody tr td .in-check1 .check-style01 input[type="checkbox"] + label:before{margin-right:5px;}
.box-table .table-bottom-1 .tab-box .bottom .table-box.ver3.tabver1 table tbody tr td .in-check1 .check-style01 label{vertical-align:middle;}
.box-table .btn{display:flex;justify-content: center;margin-top: 10px;text-align: center;line-height: 30px;margin-bottom: 20px;}
.box-table .btn a{color:#fff;display:block;height:30px;margin-right:5px;}
.box-table .btn a.blue{background-color:#334d88;width:90px;}
.box-table .btn a.gray{background-color:#858585 !important;width:80px;}
.mt20{margin-left:10px;}
.mt20 .in-check1 .check-style01 input[type="checkbox"] + label:before{margin-right:5px;}

.sub-element { width: 90% !important;}
.list-element { width: 100% !important;}

.cell_more { background: #FFF7D1; position: absolute; width: 350px; height: 100px; box-shadow: 2px 2px #cccccc;}




/* ㅇㄻㄴㅇㄹ */
.search_pop {
    background-image: url(../images/common/ic_search.png);
    width: 30px;
    height: 35px;
    background-size: 18px 19px;
    float: left;
    background-color: #5e77ad;
    display: block;
    background-position: center;
    background-repeat: no-repeat;
    margin-left: 3px;
    cursor: pointer;
}


.pop-layer-5 .box-table {width: 1290px !important;}
.pop-layer-5 .box-table .table-bottom-1 .tab-box .bottom .table-box.ver3.tabver1 table tbody tr td .in-1 input[type="text"] { width: 255px !important; }
.pop-layer-6 {z-index: 999999 !important;}

#cur_year_area select { margin: 5px 0px 5px 10px; float: left; border: 1px solid #cccccc; height: 28px; text-indent: 5px;}

.tab-box .bottom .table-box table tbody tr th { font-size: 15px;}
.th50 { font-size: 14px !important; text-indent: 0 !important; text-align: center !important;}

.checkbox {	position: relative; display: inline-block; }
.hidden-input[type='checkbox'] { display: none; box-sizing: border-box; }
.custom-input { cursor: pointer; position: relative; padding: 0; display: inline; display: -ms-flexbox; display: flex;}
.custom-input:before { transition: 0.2s ease-out; content: ''; width: 16px; height: 16px; display: inline-block; background: #f7f9f9; border: 1px solid #ddd; border-radius: 2px; vertical-align: middle;}
.custom-input:after {transition: 0.2s ease-out; content: ''; position: absolute; width: 5px; height: 8px; left: 6px; border: solid #ffff; border-width: 0 2px 2px 0; transform: rotate(45deg);}
input[t2ype='checkbox'][disabled] ~ .custom-input { opacity: 0.4; cursor: not-allowed;}
input[type='checkbox']:checked ~ .custom-input:before{ background: #3b7b8f; border: 1px solid #3b7b8f;}
input[type='checkbox']  ~ .custom-input:after { visibility: hidden;}
input[type='checkbox']:checked ~ .custom-input:after { visibility: visible; visibility: initial;}

.over-box {overflow: hidden !important;}
.tui-grid-btn-filter {display: none !important;}

.pop-layer-2, .pop-layer-3, .pop-layer-5, .pop-layer-6, .pop-layer-7 {background-color: rgba(0,0,0,0.4)}

.open_box_arrow_box {
    z-index: 99999;
    position: absolute;
    display: none;
    top: 247px;
    left: 249px;
    display: block;
    width: 400px;
    padding: 20px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    background: #fff;
    color: #000000;
    font-size: 14px;
    margin: -10px -140px;
    border: 1px solid #afafaf;
}

.open_box_arrow_box:after {
    position: absolute;
    top: 99%;
    left: 50%;
    width: 0;
    height: 0;
    margin-left: -10px;
    border: solid transparent;
    border-color: rgba(51, 51, 51, 0);
    border-top-color: #fff;
    border-width: 10px;
    pointer-events: none;
    content: ' ';
}

.open_box_arrow_box:before {
    position: absolute;
    top: 100%;
    left: 50%;
    width: 0;
    height: 0;
    margin-left: -10px;
    border: solid transparent;
    border-color: rgba(51, 51, 51, 0);
    border-top-color: #afafaf;
    border-width: 10px;
    pointer-events: none;
    content: ' ';
}

#grid *{
    font-size: 15px;
    padding: 0;
}
.tui-grid-cell-header {
    padding:0 !important;
}
.tui-grid-cell {
    padding: 0 5px !important;
}

/*.tui-grid-cell-invalid.tui-grid-cell { color: red;}*/
.errorCol {position: absolute;
    top: -17px;
    z-index: 333;
    width: max-content;
    height: 20px;
    line-height: 20px;
    background-color: red;
    color: white;
    padding-right: 10px;}

td[data-column-name='NPAY_PRS_STAT_TP_CD'] { text-decoration: none;}
td[data-column-name='SNO'] { text-decoration: none;}
td[data-column-name='CHG_CMMT_CD'] { text-decoration: none;}


.regist_down {background-image: url(../../images/ico_arrow_down.png);
    width: 30px;
    height: 55px;
    background-size: 14px 10px;
    float: right;
    display: block;
    background-position: center;
    background-repeat: no-repeat;
    cursor: pointer;}

.table-box table tbody tr th td {font-size: 15px;}
.info_supl_msg {
    display: none;
    position: absolute;
    width: 250px;
    height: 40px;
    left: -23px;
    bottom: 62px;
    background: #484848;
    color: white;
    border-radius: 5px;
    padding: 12px 12.8px;
    top: 169px;
}


.info_supl_msg:after {
    border-top: 10px solid #484848;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 0px solid transparent;
    content: "";
    position: absolute;
    top: 63px;
    left: 40px;
}

.info_error_msg {
    display: none;
    position: absolute;
    width: 375px;
    height: 60px;
    left: -23px;
    bottom: 62px;
    background: #484848;
    color: white;
    border-radius: 5px;
    padding: 12px 12.8px;
    top: 183px;
}


.info_error_msg:after {
    border-top: 10px solid #484848;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 0px solid transparent;
    content: "";
    position: absolute;
    top: 84px;
    left: 40px;
}

.info_sugg_msg {
    display: none;
    position: absolute;
    width: 245px;
    height: 60px;
    right: 525px;
    bottom: 62px;
    background: #484848;
    color: white;
    border-radius: 5px;
    padding: 12px 12.8px;
    top: 175px;
}


.info_sugg_msg:after {
    border-top: 10px solid #484848;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 0px solid transparent;
    content: "";
    position: absolute;
    top: 84px;
    left: 40px;
}
.info_supl_attach_msg {
    display: none;
    position: absolute;
    width: 313px;
    height: 40px;
    left: -23px;
    bottom: 62px;
    background: #484848;
    color: white;
    border-radius: 5px;
    padding: 12px 12.8px;
    top: 238px;
}

.info_supl_attach_msg:after {
    border-top: 10px solid #484848;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 0px solid transparent;
    content: "";
    position: absolute;
    top: 64px;
    left: 40px;
}
.tui-grid-table-container .tui-grid-cell-current-row {border: 2px solid black !important; color: black !important;}

.tui-grid-layer-focus-deactive .tui-grid-layer-focus-border {background-color: unset !important;}
.tui-grid-layer-focus-border {background-color: unset !important;}

.tui-grid-table {border: unset !important;}

.tui-grid-table-container .tui-trid-row-hover {border: 2px solid black !important; color: black !important;}
.tui-grid-table-container tr:has(td[data-column-name='_checked']) { border-bottom: 0 !important; border-top: 0 !important; border-left: 0 !important;}

/*.tui-grid-row-hover > .tui-grid-cell{  background-color: #fee2c099 !important; border: 3px solid black !important; color: black !important;}*/

th[data-column-name='_checked'] { background-color: #667393; color: #eeeeee;}
.tui-grid-cell-header{background-color: #eee !important;border-color: #e0e0e0 !important;border-left-width: 1px !important;border-right-width: 1px !important;border-top-width: 1px !important;border-bottom-width: 1px !important;color: #2c2c2c !important;}
.tui-grid-cell-row-header{background-color: #eee !important;border-color: #e0e0e0 !important;border-left-width: 1px !important;border-right-width: 1px !important;border-top-width: 1px !important;border-bottom-width: 1px !important;color: #2c2c2c !important;}
.tui-grid-row-odd .tui-grid-cell-row-header,.tui-grid-row-even .tui-grid-cell-row-header,.tui-grid-row-odd .tui-grid-cell,.tui-grid-row-even .tui-grid-cell{background-color: #fff;border-color: #e0e0e0 ; border-left-width: 1px !important; border-right-width: 1px !important; border-top-width: 1px !important; border-bottom-width: 1px !important; color: #2c2c2c !important;}
/*.tui-grid-row-hover > .tui-grid-cell{border: 2px solid black !important; color: black !important;}*/

.supl_msg {
	display: none;
	position: absolute;
	z-index: 99999;
	background: #3d3d3e;
	color: #ffffff;
	border-radius: 10px;
	width: 350px;
	height: auto;
	padding: 10px;	
	pointer-events: none;
}

.supl_msg_after {
	display: none;
    border-top: 25px solid #3d3d3e;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 0px solid transparent;    
    position: absolute;
    pointer-events: none;
}

.pop_open_submit .img_area{ height: 100%;
    text-align: center;
    background-color: white;
    background-image: url(/resources/open/images/common/open_submit_pop.jpg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center -10%;
    aspect-ratio: 16 / 5;
}