/* POPUP */
body { position: relative; }
.chgDate { display: none; }
.popup_layer { position: fixed; top: 0; left: 0; width: 100vw; height: 100%; background: rgba(0, 0, 0, .8); display: flex; align-items: center; justify-content: center; z-index: 10000; }
.popup_layer .popup { width: 80%; min-height: 300px; background: #fff; border-radius: 10px; }
.popup_layer .popup .popup-head { display: flex; align-items: center; justify-content: space-between; padding: 8px 24px; border-bottom: 1px solid #d0d0d0; }
.popup_layer .popup .popup-head .popup-tit, .popup_layer .popup .popup-head .popup-cls { font-size: 2em; }
.popup_layer .popup .popup-body { padding: 15px 24px; }
.popup_layer .popup .popup-body .footer-box { display: flex; justify-content: flex-end; align-items: center; }
.popup_layer .popup .popup-body .footer-box input[type="button"] { margin-left: 10px; padding: 5px 15px; background: #666; color: #fff; vertical-align: middle; border-radius: 5px; transition: background .25s ease-in; border: none; cursor: pointer; }
.popup_layer .popup .popup-body .footer-box input[type="button"]:hover { background: #333; }

.cont-wrap .tab-box { position: relative; display: flex; justify-content: space-between; align-items: center; }
.cont-wrap .tab-box .nav_tab { display: flex; align-items: center; }
.cont-wrap .tab-box .nav_tab .nav_tab_link { padding: 5px 15px; font-size: 1.2em; border-bottom: 1px solid #0d6fb8; cursor: pointer; }
.cont-wrap .tab-box .nav_tab .nav_tab_link.active { background: #0d6fb8; color: #fff; }
.cont-wrap .tab-box .setting_btn { padding: 5px 15px; background: #666; color: #fff; vertical-align: middle; border-radius: 5px; transition: background .25s ease-in; }
.cont-wrap .tab-box .setting_btn:hover { background: #333; }

.cont-wrap .table-box .view { margin: 25px 0; overflow-x:auto; }
.cont-wrap .table-box .table_tit { text-align: left; font-size: 2em; margin-bottom: 10px; }
.cont-wrap .table-box .table { width: 100%; border-spacing: 0; }
.cont-wrap .table-box .table thead { background: #0d6fb8; color: #fff; }
.cont-wrap .table-box .table thead th { padding: 10px 0; font-weight: 100; border-right: 1px solid #fff; }
.cont-wrap .table-box .table thead th.has_btm_row { border-bottom: 1px solid #fff; }
.cont-wrap .table-box .table tbody { background: #fafafa; }
.cont-wrap .table-box .table tbody td { border: 1px solid #d0d0d0; padding: 10px 0; text-align: center; }

.cont-wrap .table-box .table tbody.edit_items td .del_btn { display: inline-block; width: 25px; height: 25px; margin-right: 5px; background: #f03e3e; border-radius: 5px;  }
.cont-wrap .table-box .table tbody.edit_items td .del_btn a { display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; color: #fff; }
.cont-wrap .table-box .table tbody.edit_items td .up_btn, .cont-wrap .table-box .table tbody.edit_items td .down_btn { padding: 4px 8px; background: #404040; color: #fff; font-size: .75em; font-weight: 700; }
.cont-wrap .table-box .table tbody.edit_items td .up_btn { background: #3bc9db; margin-right: 2px; }
.cont-wrap .table-box .table tbody.edit_items td .down_btn { background: #38d9a9; }
.cont-wrap .table-box .table tbody.edit_items td input[type='text'] { padding: 4px 12px; font-weight: .9em; border: 1px solid #d0d7de; border-radius: 3px; }