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

:root{
    --main-color:#047099;
    --sub-color:#ed8712;
    --gray:#888888;
    --bg-color:#eaeeef;
    --border-color:#dddddd;
    --font-color:#000;
}

/* 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: #047099 !important*/}

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

.full-width{ width: 100%; min-width: 100%;}

/* button */
.btn { font-weight: 500; cursor: pointer; }
.btn-primary { background: #047099; border: 1px solid #047099; color: #fff !important;}
/*.btn-primary:hover, .btn-primary:focus, .btn-primary:active { background: #0386b8 !important; border: 1px solid #0386b8 !important;}*/
.btn-secondary { background: #888; border: 1px solid #888 }
.btn-secondary:hover, .btn-secondary:focus, .btn-secondary:active { background: #444; border: 1px solid #444 }
.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-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  }
.btn-close {text-shadow:none; width:2rem; height:2rem;text-indent: -9999px; background: url("../images/ico-xlg.svg") no-repeat center center; transition: all .3s ease; }
.btn-close:hover{ transform: rotate(90deg);}
.btn-plus{ width: 24px; height:24px; margin-left: 0; background: url("../images/ico-plus.svg") no-repeat 50%; border-color: #ddd !important;}
.btn-minus { width: 24px; height:24px;  background: url("../images/ico-minus.svg") no-repeat 50%; border: 1px solid #ddd; background-color: #fff !important; }
.btn-plus:hover, .btn-minus:hover{ border-color: #047099;}

/* badge */
.badge-point { color: #fff; background-color: #214da5 }
.badge-api{ border:1px solid #047099; border-radius: 5px; font-weight: 400; color: #047099; text-transform: uppercase; }

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

/* modal */
.modal-dialog { max-width: inherit !important; }
.modal-content { border:none !important;  margin:0 auto; }
.modal-header { background: #ffffff; border-bottom: 0; align-items: center !important; padding:20px 30px 10px !important; border-radius:24px}
.modal-header h2 { font-size: 23px !important; color: #047099; line-height: inherit !important; margin: 0; font-weight: 600; }
.modal-header .close {text-shadow:none; position:absolute; right:24px; top:25px;  width:24px; height:24px; padding:0 !important; margin: 0 !important; background: url("../images/ico-xlg.svg") no-repeat; background-size:20px auto; transition: all .3s ease; }
.modal-header .close:hover{ transform: rotate(90deg);}
.modal-body { padding: 10px 30px; }
.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-footer { padding-top:18px !important; padding-bottom: 26px !important; border-top:0 !important; justify-content: center !important; }
.modal-xl .modal-footer .btn, .modal-lg .modal-footer  .btn, .modal-md .modal-footer  .btn { min-width: 120px; height: 44px;  line-height:44px; font-size: 15px; padding: 0 20px; margin: 5px;}*/
.modal-sm .modal-footer .btn { min-width: 100px; height: 44px;  line-height:44px;  font-size: 15px; margin:0 5px;}
.modal-xl { width: 1280px; }
.modal-lg { width: 960px; }
.modal-md { width: 800px; }
.modal-sm { width: 400px; }

@media (max-width: 1200px) {	
    .modal-xl,  .modal-lg { width: 100%; }
}
@media (max-width: 995px) {	
   .modal-md,  .modal-sm{ width: initial; }
   .modal-dialog{ margin: initial;}
   .modal-header h2{ font-size: 15px;}
}

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



/* tab-menu */
.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: 100%;
    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: 1px solid #706f72 !important;
	border-bottom: 1px solid #eeeeee !important;
	overflow-y: hidden !important;
	background: none !important;
}

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

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

.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;
    padding: 4px;
}
.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;'] {
    font-weight: 400;
    width: 100%;
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    /*text-align: left !important;*/
}
.jsgrid-grid-body .jsgrid-cell div[style='cursor: pointer;']:hover{
    color: #0386b8;
    text-decoration: underline;
} 
.jsgrid-grid-body .jsgrid-align-left {
    text-align: left;
    padding-left: 10px;
}

.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:#0386b8;
}
.jsgrid-alt-row>.jsgrid-cell{ background-color: #fff;}
.jsgrid-grid-body .jsgrid-cell [type=button] {  min-width: 48px !important;  padding: 4px 7px !important;  font-size: 12px !important;  line-height: 13px !important;  letter-spacing: -1px; }
.jsgrid-grid-body .jsgrid-cell [type=button]:not(:last-child){ margin-right: 2px;}
.jsgrid-grid-body .jsgrid-cell .form-control{ padding: 2px 4px;}


/* board */
/*.note-toolbar {z-index: inherit !important;}*/
.modal.note-modal .modal-dialog { width: 400px !important; }
.mo .modal.note-modal .modal-dialog { width: 100% !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/ico-xlg.svg") no-repeat 100% 0;background-size:100%; 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; }

.sound_only {
	display: inline-block !important;
	position: absolute;
	top: 0;
	left: 0;
	width: 0;
	height: 0;
	margin: 0 !important;
	padding: 0 !important;
	font-size: 0;
	line-height: 0;
	border: 0 !important;
	overflow: hidden !important
}

label{ margin-right: 10px;}
label > input{ margin: 0 2px;}

.sch_res_list_ul {
	margin: 0;
	padding: 0;
	list-style: none;
	border-top: 1px solid #000;
}

.m_res_list_h3 {
	border-bottom: 0.1px solid #000;
}