@charset "utf-8";
@import url(reset.css);

/* skip */
#wrap_skip { position:relative; }
#wrap_skip a { z-index:300; position:absolute; top:-1000px; z-index:9999}
#wrap_skip a:focus,
#wrap_skip a:hover,
#wrap_skip a:active { display:block; top:0; left:0; width:100%; height:30px; line-height:30px; text-align:center; color:#fff; background:#3b3b3d }

/* gotop */
.gotop { position:fixed; bottom:117px; right:0; width:80px; height:80px; background:rgba(0, 0, 0, 0.1); }
.gotop button { width:80px; height:80px; background:url("../images/btn_top.png") no-repeat 0 0; border-radius: 100%; }

/* LAYOUT */
.no-content { height: 500px; margin-top: 20px; background: #e2e6e9; font-size: 50px; text-align: center; line-height: 500px; }

/* text-type */
.t-left { text-align: left !important}
.t-right { text-align: right !important}
.t-center { text-align: center !important}
.text-point { color: #214da5 !important}

/* required marking */
th.input-required:after { content :'*'; color:#dc3545;}

/* form */
.was-validated .form-control:valid, .form-control.is-valid { border-color: #ced4da !important; background-image: url("../images/icon-check.png") !important; background-position: 10px 50% !important; background-size: inherit !important; padding-left: 30px; padding-right: inherit !important}
.was-validated .form-control:invalid, .form-control.is-invalid { border-color: #ced4da !important; background-position: 5px 50% !important; padding-right: inherit !important; padding-left: 30px;}
.form-group { margin-bottom: 0 !important}


/* button */
.btn { font-weight: 500 !important}
.btn-primary { background: #214da5 !important; border: 1px solid #214da5 !important;}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active { background: #171e2b !important; border: 1px solid #171e2b !important;}
.btn-secondary { background: #67738c !important; border: 1px solid #67738c !important }
.btn-secondary:hover, .btn-secondary:focus, .btn-secondary:active { background: #414754 !important; border: 1px solid #414754 !important }
.btn-outline-input { color:#abafb2 !important; border-color:#cbcfd3 !important; background-color: #ffffff !important;}
.btn-arrow {padding-right:30px !important; background-image: url("../images/btn-arrow.png") !important; background-repeat: no-repeat !important; background-position: 90% 50% !important; color:#ffffff !important; }
.btn-plus { margin-left:5px; background: url("../images/icon-plus.gif") no-repeat 50%; border: 1px solid #67738c !important; }
.btn-delet { margin-left:5px; background: url("../images/icon-delet.gif") no-repeat 50%; background-color: #67738c !important; }
.btn-link {text-align:center; line-height:60px; min-width: 160px; height: 70px; padding: 0 20px; font-size: 20px; margin: 5px; background: #214da5 !important; color:#ffffff !important;border-radius: 0.25rem; border: 1px solid #214da5 !important  }


/* badge */
.badge { margin-left: 5px; margin-right: 5px;}
.badge-point { color: #fff; background-color: #214da5 }



/* pop-over */
.popover {max-width: 480px !important;}

/* modal */

.modal-dialog { max-width: inherit !important; }
.modal-content { border:none !important; border-top-left-radius: 10px !important; border-top-right-radius: 10px !important; border-bottom-left-radius: 0.3rem !important; border-bottom-right-radius: 0.3rem !important; }
.modal-header { background: #171e2b; align-items: center !important; padding:20px 30px !important;}
.modal-header h2 { color: #ffffff !important; font-size: 23px !important; line-height: inherit !important; margin: 0 }
.modal-header .close {text-shadow:none; width:20px; height:20px; padding:0 !important; margin: 0 !important; background: url("../images/close.png") no-repeat; }
.modal-body { padding: 30px !important; }
.modal-body .form-group { padding-top:10px}
.modal-body .form-group:first-child { padding-top:0}
.modal-body .form-group > label, .modal-body dt  { font-weight: 600 !important}
.modal-body .form-group dl { margin-top: 10px;}
.modal-body .form-group dl:first-child { margin-top: 0;}
.modal-body .form-group dd { margin-top: 2px; }
.modal-body .form-group dd:first-child { margin-top: 0; }
.modal-body .form-group dd label { font-size: 13px; }
.modal-body .form-group .btn-help { width: 18px; height: 18px; margin:0 5px; padding:inherit !important; line-height: 14px !important; border-radius: 100%; font-size: 12px;  }
.modal-body h3 { margin-bottom: 10px !important; font-size: 20px; font-weight: 700 !important }
.modal-body h4 { margin-bottom: 10px !important; font-size: 17px;}
.modal-body div[name="content"] { max-width: 930px;}
.modal-footer { padding-top:0 !important; padding-bottom: 30px !important; border-top:0 !important; justify-content: center !important; }
.modal-xl .modal-footer button, .modal-md .modal-footer button { min-width: 160px; height: 70px; padding: 0 20px; font-size: 20px; margin: 5px;}
.modal-sm .modal-footer button { min-width: 100px; height: 50px; line-height: 17px; font-size: 17px; margin:0 5px;}
.modal-xl { width: 1280px !important; }
.modal-md { width: 800px !important; }
.modal-sm { width: 400px !important; }

/* alert */
#__alert_dialog__ { text-align: center;}



/* tab-menu */

.tab-menu { display: flex; justify-content:center; }
.tab-menu a { display: block; padding: 15px 25px; border-bottom:2px solid #cccccc; font-weight: 600; color: #cccccc !important; font-size: 24px;}
.tab-menu a.active { color: #007bff !important; border-bottom:2px solid #007bff;}
.tabContent { margin-top: 50px; }

.list_tab { width: 50%; margin: 0 auto;}
.list_tab:after {display:block; clear:both; height:0; content:'';}
.list_tab > li {float:left; width:50%; text-align:center; }
.list_tab > li:first-child + li {margin-left:-1px;}
.list_tab > li > a {display:block; height:68px; border:2px solid #fff; border-bottom-color:#dbdbdb; border-top-left-radius:4px; border-top-right-radius:4px; font-size:20px; line-height:68px; color:#777d81 !important; }
/* [D] 현재페이지일때 .on 추가 (border) */
.list_tab > li > a.active,
.list_tab > li:hover > a,
.list_tab > li > a:focus {position:relative; border-bottom-color:#171e2b; color:#171e2b;}
.list_tab > li > a.active {color: #171e2b !important;}

/* Standby-page */
.standby {
    width: 1180px;
    height: 200px;
    margin: 0 auto;
    margin-top: 70px;
    background: #b3b7bd;
    color: #ffffff;
    font-size: 40px;
    text-align: center;
    line-height: 200px;
}

/* JS-Gride */
.jsgrid-grid-header {
	border:none !important;
	border-top: 2px solid #333333 !important;
	border-bottom: 1px solid #333333 !important;
	overflow-y: hidden !important;
	background: none !important;
}

.jsgrid-grid-header .jsgrid-header-row > .jsgrid-header-cell {
    background: #e2e6e9 !important;
    border: none !important;
    padding: 17px 0;
    line-height: 1em;
}

.jsgrid-grid-header th {
    text-align: center;
}

.jsgrid-grid-header th .jsgrid-header-sort:before {
    float: inherit;
}

.jsgrid-grid-body {
	overflow-y: hidden !important;
	border:none !important;
}

.jsgrid-grid-body .jsgrid-cell {
    border-top:none !important;
    border-right:none !important;
    border-left:none !important;
    text-align: center;
}
.jsgrid-grid-body .jsgrid-cell .glyphicon-user { cursor: pointer;}

.jsgrid-grid-body .jsgrid-cell .empty {
    line-height: 200px;
}

.jsgrid-grid-body .jsgrid-cell div[style='cursor: pointer;'] {
    border-bottom: 1px solid #171e2b !important;
    display: inline !important;
    text-align: left !important;
}

.jsgrid-grid-body .jsgrid-align-left {
    text-align: left;
    padding-left: 20px;
}

.jsgrid-grid-body .jsgrid-align-left > div {
    text-align: left;
}

.jsgrid-align-center,
.jsgrid-align-center input,
.jsgrid-align-center textarea,
.jsgrid-align-center select {
    text-align: center;
}

.jsgrid-align-right,
.jsgrid-align-right input,
.jsgrid-align-right textarea,
.jsgrid-align-right select {
    text-align: right;
}
.jsgrid-pager-container .jsgrid-pager {
    text-align: center;
}
.jsgrid-pager-container .jsgrid-pager-current-page {
    color:#214da5;
}


.jsgrid-grid-body .jsgrid-cell.jsgrid-align-right {
    text-align: right !important;
    padding-right: 20px;
}



/* board */
/*.note-toolbar {z-index: inherit !important;}*/
.modal.note-modal .modal-dialog { width: 400px !important; }
.modal.note-modal.modal-dialog .modal-header h4 { color: #ffffff !important; font-size: 24px !important; line-height: inherit !important; margin: 0; }
.modal.note-modal .modal-dialog .modal-header .close { overflow: hidden; text-indent: -1000em; text-shadow: none; width: 20px; height: 20px; padding: 0 !important; margin: 0 !important; background: url("../images/close.png") no-repeat 100% 0; opacity: inherit; }
.modal.note-modal .modal-dialog .modal-body .note-form-label { font-size: 18px !important; margin-bottom: 10px !important; }
.modal.note-modal .modal-dialog .modal-footer .btn { color:#ffffff !important; min-width: 165px !important; height: 50px !important; padding: 0 20px !important; font-size: 16px !important; margin: 5px !important; opacity: 1 !important; }