body { font-family: "Nanum Gothic"; font-size: 12px; }
a, a:hover, a:focus { text-decoration: none; color: inherit }
body, .dropdown-menu>li>a {color: black}
button:focus { outline:0 !important; }
input[type=checkbox] { margin: 0 }
label {white-space: nowrap}
.dropdown-menu { font-size: 12px }
.clickable { cursor: pointer }
.with-border { border-bottom: 1px solid #f4f4f4 }
.with-border:last-child { border-bottom: none }
.overflow-scroll { overflow: scroll }
.position-relative { position: relative }
.display-none { display: none }

.alert{
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 2000;

}

.bg-white{
    background-color: #ffffff!important;
}

.btn.disabled, .btn[disabled], fieldset[disabled] .btn{pointer-events: none}
/* select 는 readonly=true 라도 수정가능하기 때문에 방지하기 위해 pointer-events:none 필요 */
select[readonly]{pointer-events: none}
input[type='checkbox'][readonly]{pointer-events: none; opacity:0.5;}

label.optional, .optional{ opacity: 0.75 }
.optional.inactive { display: none }

.no-resize { resize: none }

.no-radius {
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
}

.modal .txt-long { height: 300px; overflow: scroll; white-space: pre-line }
/* error message under inputbox */
ul.errorlist { padding: 0 }
ul.errorlist li{ list-style: none; color: #dd4b39; }


/* custom top menu [[ */
.navbar-brand { font-size:20px }
.navbar-name { font-size:16px; line-height: 16px }
/* custom top menu ]] */


/* custom content-header [[ */
.skin-blue-light section.content-header { padding: 15px; z-index: 1029; background: #ecf0f5 }
.input-group-sm>.input-group-btn>.btn.btn-addon { padding-left: 20px; padding-right: 20px }
/* custom content-header ]] */


/* custom box(panel) [[ */
.box-header .box-title { font-size: 16px }

.box-default.box-solid > .box-startpoint {
    position: absolute;
    top: 7px;
    left: -20px;
    border-width: 12px 20px 12px 0;
    border-color: transparent;
    border-style: solid;
    border-right-color: #d2d6de
}
/* custom box(panel) ]] */


/* custom button [[ */
.btn-app.btn-primary { background-color: #3c8dbc; border-color: #367fa9; color: #fff }

.btn-app.btn-primary:hover,
.btn-app.btn-primary:active,
.btn-app.btn-primary.hover {
    background-color: #367fa9;
}

.btn-app.btn-success { background-color: #00a65a; border-color: #008d4c; color: #fff }
.btn-app.btn-success:hover,
.btn-app.btn-success:active,
.btn-app.btn-success.hover {
  background-color: #008d4c;
}

.btn-app.btn-info { background-color: #00c0ef; border-color: #00c0ef; color: #fff }
.btn-app.btn-info:hover,
.btn-app.btn-info:active,
.btn-app.btn-info.hover {
    background-color: #00acd6;
}

.btn-app.btn-warning { background-color: #f39c12; border-color: #e08e0b; color: #fff }
.btn-app.btn-warning:hover,
.btn-app.btn-warning:active,
.btn-app.btn-warning.hover {
    background-color: #e08e0b;
}

.btn-fixed { position: fixed; z-index: 3; }
/* custom button ]] */

/* custom table [[ */
table>tbody>tr>td.no-right-border{ border-right: none }
table>tbody>tr>td.no-left-border{ border-left: none }
/* custom table ]] */

/* 화물/재고에서 쓰이는 가로세로높이 input 스타일 [[ */
.inp-one-third, .input-group .inp-one-third{ width:33.33%; display: inline-block; padding: 3px }
/* custom table ]] */

.iframe-in-modal{ border: none; overflow-y: scroll; }

/* input 단위 아이콘 관련 [[ */
.form-group-measure { position: relative }
.form-group-measure .form-control:last-of-type { padding-right: 15px }
.measure {
    position: absolute;
    bottom: 5px;
    right: 5px;
    z-index: 3;
    font-size: 10px;
    color: #555
}
/* input 단위 아이콘 관련 ]] */

.input-xs { height: 26px; padding: 5px 10px; font-size: 12px; line-height: 1.5;}


/* select2 custom [[ */
.select2-container { display: block; }
.select2-container--default .select2-selection--single, .select2-selection .select2-selection--single {
    height: 30px;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 25px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 25px;
}
/* select2 custom ]] */

/* summernote custom [[ */
.panel-notice img, .box-qna img, .panel-faq img { max-width: 100% }
/* summernote custom ]] */

/* datetime picker custom [[ */
.datepicker_table { width: 180px }
/* datetime picker custom ]] */

/* number input 내부 버튼 가리기 */
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.highlight-search{display: inline-block; background: greenyellow;}