.logo { padding: 10px 10px 0 10px; }
.name { font-size: 14px; color: #9d9d9d; padding-top: 15px; margin-right: 15px; }
.alert { margin-bottom: 1px; line-height:30px; padding:0px 30px; }
.row.display-flex {  display: flex; flex-wrap: wrap; }
.row.display-flex > [class*='col-'] { display: flex; flex-direction: column; }

.state-icon { left: -5px; } /* CSS REQUIRED */
.list-group-item-primary { color: rgb(255, 255, 255); background-color: rgb(66, 139, 202); }
.btn-group { display: inline-block; }

.top-buffer { margin-top:10px; }
@media (max-width: 1199px) {
    .top-buffer-max-md { margin-top:10px; }
}
@media (max-width: 992px) {
    .top-buffer-max-sm { margin-top:10px; }
}
@media (min-width: 992px) and (max-width: 1199px) {
    .top-buffer-md { margin-top:10px; }
}

.has-button > :first-child { padding-top:8px;padding-bottom:8px; }
.has-button > :last-child { float:right; }
.has-button > :last-child > button { float:right; }
.has-button > :last-child > button + button { margin-right:10px }

.text-truncate { overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical; -webkit-line-clamp: 1; }
.w-2 { width: 16.66666666%; }
@media (max-width: 383px) {
    .w-2 .text-truncate { -webkit-line-clamp: 3; }
}
@media (min-width: 384px) and (max-width: 575px) {
    .w-2 .text-truncate { -webkit-line-clamp: 3; }
}
@media (min-width: 576px) and (max-width: 767px) {
    .w-2 .text-truncate { -webkit-line-clamp: 2; }
}
@media (min-width: 768px) and (max-width: 991px) {
    .w-2 .text-truncate { -webkit-line-clamp: 2; }
}
@media (min-width: 992px) and (max-width: 1199px) {
    .w-2 .text-truncate { -webkit-line-clamp: 1;}
}
@media (min-width: 1200px) {
    .w-2 .text-truncate { -webkit-line-clamp: 1;}
}

#success_message{ display: none; }
#wrapicon { width: 80%; margin: 1em auto; padding: 1em 5%; position: inherit; }
#wrapicon:after { content: "\f1c1"; ont-family: FontAwesome; font-style: normal; font-weight: normal; text-decoration: inherit; position: absolute; font-size: 100px; color: #777777; top: 30%; left: 44%; margin: 0 0 0 0; z-index: 1; }
#wrapicon2 { width: 80%; margin: 1em auto; padding: 1em 5%; position: inherit; }
#wrapicon2:after { content: "\f135"; font-family: FontAwesome; font-style: normal; font-weight: normal; text-decoration: inherit; position: absolute; font-size: 100px; color: #777777; top: 30%; left: 37%; margin: 0 0 0 0; z-index: 1; }
@media (min-width: 1400px) { .modal.container { width: 1370px; margin-left: -685px; } }

.dialog-modal { margin-top: 0 !important;outline: 0; }
.dialog-modal:not(.in) { position: absolute;top: -100% }
div.dt-alert {
    display: inline-block;
    float: right;
    padding: 6px;
}
@media screen and (max-width: 767px) {
    div.dt-alert {
        float: none;
        margin-bottom: 0.5em;
    }
}
.alert-float {
    display: none;
    width: 433px;
    font-size: 13px;
    position: absolute;
    z-index: 1000;
    top: 123px;
    right: 15px;
}
@media (min-width: 768px) {
    .alert-float {
        right: 30px;
    }
}

.table.table-striped.table-bordered.table-hover thead tr th{ text-align: center;}
table.dataTable thead>tr>th.sorting_asc, table.dataTable thead>tr>th.sorting_desc, table.dataTable thead>tr>th.sorting, table.dataTable thead>tr>td.sorting_asc, table.dataTable thead>tr>td.sorting_desc, table.dataTable thead>tr>td.sorting {
    padding-right: 20px;
}
.btn-group .btn+.btn.favo {
    margin: 0px 0px 3px 3px;
    border-radius: 4px !important;
}

/*개인정보처리방침*/
.row-fluid dl dt { font-size:18px;font-weight:600;color:#000;margin:10px 0 10px 0;line-height:1.6; }
.row-fluid dl dd { font-size:13px;color:#000;line-height:1.6;padding:3px; margin-left:10px; }
.boxWrap h3 { text-align:center;font-weight:900;font-size:36px;border-bottom-style:dotted;padding-bottom:20px; }