/*@import url("../fonts/font.css");*/

* { margin: 0; padding: 0; }
*, ::after, ::before {
    box-sizing: border-box;
}
html { position: relative; min-height: 100%; min-width:1500px; margin: 0; padding: 0; }
body { font-family: 'Noto Sans Kr'; }
ul { margin: 0; padding: 0; list-style:none; list-style-type: none;}
a { color: #000; text-decoration: none; }
a:hover, a:focus { cursor: pointer; text-decoration: none; color:inherit; }
h1,h2,h3,h4,h5,h6,p,pre { margin: 0; padding: 0; }
img {
  max-width:100%;
}

.clear-both:after{
    display:block;
    content:"";
    clear:both
}

.flex {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}

.inline-flex {
    width: 100%;
    display: -ms-inline-flexbox;
    display:-webkit-inline-flex;
    display: inline-flex;
}

.flex-both {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.bg-light {
    background-color: #eef2f7!important;
}

/* form-group */
.form-group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.form-group .col-3 {
    padding-left: 0;
}

.form-group label {
    min-width: 115px;
    line-height: 40px;
    font-size: 14px;
    color:#505050;
}

.form-group span {
    padding:0 10px;
    line-height: 40px;
    color: #505050;
}

.form-group button {
    height: 35px;
    margin-left: 15px;
    min-width: 80px;
    line-height:35px;
}

select.form-control {
    -webkit-appearance: auto!important;
    -moz-appearance: auto!important;
    appearance: auto!important;
}

.form-group .label-control-lh {
    line-height: initial;
    display: block;
    margin-bottom: 8px;
    font-size: 14px;
    color: #505050;
}
.form-group .label-control.req {
    position: relative;
}

.form-group .label-control.req:before {
    content: "*";
    color: red;
    position: absolute;
    top: 4px;
    left: -9px;
    display: block;
    font-size: 18px;
}

.hide {
    display: none!important;
}

.form-group-btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: flex-end;
}

.form-group-btn button {
    width: 150px;
}

.form-control {
    margin-bottom: 15px;
    display: block;
    font-size: 14px;
    height:35px;
    width: 100%;
    padding: 0.375rem 0.75rem;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #dee2e6;
    border-radius: 0.25rem;
    -webkit-transition: border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
    transition: border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
}

select.form-control.readonly,
input.form-control.readonly {
    background-color: #f5f5f5;
    pointer-events: none;
}


input.form-control::placeholder {
  color: #909090;
}

.form-control:focus {
    border-color: #343451;
    box-shadow: none;
}

/* button */
.btn {
    line-height: 35px;
    padding: 0 15px;
    display: inline-block;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border-radius: 0.25rem;
    font-size: 14px;
    cursor: pointer;
    -webkit-transition: color .15s ease-in-out,
    background-color .15s ease-in-out,
    border-color .15s ease-in-out,
    -webkit-box-shadow .15s ease-in-out;
    transition: color .15s ease-in-out,
    background-color .15s ease-in-out,
    border-color .15s ease-in-out,
    -webkit-box-shadow .15s ease-in-out;
    transition: color .15s ease-in-out,
    background-color .15s ease-in-out,
    border-color .15s ease-in-out,
    box-shadow .15s ease-in-out;
    transition: color .15s ease-in-out,
    background-color .15s ease-in-out,
    border-color .15s ease-in-out,
    box-shadow .15s ease-in-out,
    -webkit-box-shadow .15s ease-in-out;
}

.btn-default {
    border: 1px solid #efefef;
    background-color:#eef2f7;
    color:#474d56;
}

.btn-default:hover {
    border: 1px solid #dde2e7;
    background-color:#dde2e7;
    color:#474d56;
}

.primary-btn {
    border: 1px solid #3688fc;
    background-color:#3688fc;
    color:#fff;
}

.primary-btn:hover {
    color:#fff;
    border: 1px solid #2576e9;
    background-color:#2576e9;
}

.btn-primary {
    color: #fff;
    background: #3688fc;
    border: 1px solid #3688fc;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active {
    background: #2576e9;
    border-color: #2576e9;
    color:#fff;
}

.btn-inverse {
    color: #fff;
    background: #2d353c;
    border-color: #2d353c;
}

.btn-inverse:hover,
.btn-inverse:focus,
.btn-inverse:active,
.btn-inverse.active {
    background: #242a30;
    border-color: #242a30;
    color:#fff;
}

.btn-success {
    background-color: #42d29d;
    color:#fff;
    border:1px solid #42d29d;
}

.btn-success:hover {
    background-color: #2ec08a;
    border-color: #2ec08a;
}

.btn-danger {
    color: #fff;
    background-color: #fa6767;
    border:1px solid #fa6767;
}

.btn-danger:hover {
    color: #fff;
    background-color: #f83636;
    border-color:#f83636;
}

/* textarea */
textarea {
    overflow: auto;
    resize: vertical;
}

textarea.form-control {
    height: auto;
}

/* badge */
.badge {
    display: inline-block;
    padding: 5px 10px;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: 0.25rem;
    -webkit-transition: color .15s ease-in-out,
    background-color .15s ease-in-out,
    border-color .15s ease-in-out,
    -webkit-box-shadow .15s ease-in-out;
    transition: color .15s ease-in-out,
    background-color .15s ease-in-out,
    border-color .15s ease-in-out,
    -webkit-box-shadow .15s ease-in-out;
    transition: color .15s ease-in-out,
    background-color .15s ease-in-out,
    border-color .15s ease-in-out,
    box-shadow .15s ease-in-out;
    transition: color .15s ease-in-out,
    background-color .15s ease-in-out,
    border-color .15s ease-in-out,
    box-shadow .15s ease-in-out,
    -webkit-box-shadow .15s ease-in-out;
}

.badge-primary {
    color: #fff;
    background-color: #3688fc;
}

.badge-info {
    color: #fff;
    background-color: #44badc;
}

.badge-success {
    color: #fff;
    background-color: #42d29d;
}

.badge-danger {
    color: #fff;
    background-color: #fa6767;
}

.badge-warning {
    color: #fff;
    background-color: #f9bc0d;
}

.badge-light {
    color: #474d56;
    background-color: #eef2f7;
}

a.badge-primary:hover {
    color: #fff;
    background-color: #2576e9;
}

a.badge-info:hover {
    background-color: #25a3c8;
    color:#fff;
}

a.badge-success:hover {
    color: #fff;
    background-color: #2ec08a;
}

a.badge-danger:hover {
    color: #fff;
    background-color: #f83636;
}

a.badge-warning:hover {
    color: #fff;
    background-color: #ce9a05;
}

/* 파일 업로드 폼 */
.filebox {
    display: flex;
    width: 100%
}

.filebox .upload-name {
    width: 100%;
    margin-right: 0.625rem!important;
}

.filebox label {
    min-width: 80px;
    margin-left: 0.625rem!important;
}

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

.filebox .upload-name {
    vertical-align: middle;
    background-color: #f5f5f5;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin-bottom: 15px;
    font-size: 14px;
    height: 40px;
    padding: 0.375rem 0.75rem;
    line-height: 1.5;
    color: #495057;
    border: 1px solid #dee2e6;
    border-radius: 0.25rem;
}

.filebox label {
    margin-bottom: 15px;
    /*width: 100px;*/
    /*min-width: unset;*/
    color: #fff;
    background: #3688fc;
    border: none;
    line-height: 40px;
    padding: 0 15px;
    display: inline-block;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border-radius: 0.25rem;
    font-size: 14px;
    cursor: pointer;
}


.txt-danger {
    color: #e60013;
}

.link_table td>a{display:block;}