@charset "UTF-8";

/* default setting */
.unclickable {
    cursor: default;
    pointer-events: none;
    box-shadow: none;
    border-radius: 0;
}

.icgNoImg {
    background-image: url(/assets/img/comm/no-image-example.svg) !important;
    /*background-image: url(/assets/img/brand/idnadoctor.png) !important;*/
}
.icgImgBack {
    object-fit: cover;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    cursor: pointer;
}
.icgImgBack-dis {
    cursor: none !important;
    pointer-events: none !important;
    opacity: 0.3;
}
.exInputEle {
    height: 100% !important;
    width: 100% !important;
    vertical-align: middle;
}
.swal2-title {
    max-height : 850px !important;
    overflow-y: auto;
}

[class*='exInputEle-'] {
    height: 100% !important;
    width: 100% !important;
    vertical-align: middle;
}

.exInputEle > * {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}

/*모듈형 대시보드 관련*/
.plus-card {
    padding: 0.288rem;
    align-items: center;
    justify-content: center;
}
.dashPlus {
    display:flex;
    text-decoration: none !important;
    width: 36px;
    height: 36px;
    margin: 0 3px;
    padding: 0;
    border-radius: 50% !important;
    align-items: center;
    justify-content: center;

    line-height: 1.25;
    position: relative;
    color: #8898aa;
    border: 1px solid #dee2e6;
    background-color: #fff;
}
/*커스텀 텍스트-에어리어*/
.icg-textara {
    border: 1px solid #5e72e4; /*#dee2e6;*/
    border-radius: .375rem;
    -webkit-appearance: none;
    appearance: none;
}
.icg-textara:focus {
    outline-color: #5e72e4;
}
.icg-textara::placeholder {
    vertical-align: middle;
    text-align: center;
    opacity: 0.6;
    padding-top: 13px;
}

/*커스텀 버튼 관련 */
.row-col-btnRight:not(:first-child)
{
    margin-right: .5rem;
}
.row-col-btnRight:last-child
{
    margin-right: .0rem;
}
.row-col-btn:not(:last-child)
{
    margin-right: .5rem;
}

/*커스텀 모달 관련 */
.modal-bitLg {
    max-width: 600px;
}

/*파일 요소 관련*/
.icgFile {
    display: none !important;
}
.icgLabel {
    font-weight: 400;
    line-height: 1.5;
    height: calc(1.5em + 1.25rem + 3px) !important;
    padding: .625rem .75rem;
    text-align: left;
    z-index: 1;
    color: #8898aa;
    border: 1px solid #dee2e6;
    border-radius: .25rem;
    background-color: #fff;
    white-space: nowrap; !important;
    box-shadow : none !important;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
}
.icgLabel:hover {
    cursor: pointer;
    transform: translateY(-0px) !important;
    box-shadow: none !important;
}
.icgLabel-inTitle {
    opacity: 0.5;
    line-height : 1.5;
    font-size: 0.905rem;
    font-weight: 400;
    font-family: 'Noto Sans KR', sans-serif;
}

/* editable grid 관련 */
.icgEditText, .icgEditSelect {
    padding-top: 0;
    padding-bottom: 0;
}
/* jqGrid filter toolbar 관련 */
.ui-jqgrid-htable .ui-search-toolbar {
    height: 35px !important;
}
.ui-jqgrid-htable .ui-search-toolbar th[role='columnheader'] {
    padding: 0;
    vertical-align: text-top;
}
.ui-jqgrid-htable .ui-search-input {
    padding: 0 !important;
    height: 35px !important;
}
.ui-jqgrid-htable .ui-search-input > input {
    height: 35px !important;
}
.ui-jqgrid-htable .ui-search-clear {
    display: none;
}

/* checkbox 관련 */
/*.custom-control-input:checked ~ .custom-control-label::after  {
    background-image: url('data:image/svg+xml,%3csvg xmlns=\'http://www.w3.org/2000/svg\' width=\'65\' height=\'40\' viewBox=\'0 0 8 8\'%3e%3cpath fill=\'%23fff\' d=\'M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z\'/%3e%3c/svg%3e');
    background-repeat:no-repeat!important;
}*/

/* 이미지 관련 페이지 */
.about-img .imgPTooltip{
    font-size: 0.77rem;
}
.about-img .upload_file_form {
    display: flex;
    justify-content: space-between;
}
.about-img .upload_file_form > *:not(button) {
    flex-basis: 200px;
}
.about-img .imgCard, .imgTag {
    width: 100%;
}
.about-img .imgCard > .card-body {
    height: 180px;
}
.about-img .imageDel {
    position: relative;
    top: -1px;
    left: 5px;
}
.about-img .imageTagSpan:hover {
    cursor: pointer;
}
.about-img .imageTagSpan {
    color: #555;
    max-width: 200px !important;
    min-width: 200px !important;
    margin-left: -19px !important;
    width: 200px !important;
    display: -webkit-box;
    white-space: normal !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    height: 74px !important;
    margin-bottom: 0px !important;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    vertical-align : middle !important;
    /* border-top: 1px solid #d1caca !important; */
}
.about-img .imgTagWrap:hover {
    cursor: pointer;
}
.about-img .eachImageCard {
    width: 210px !important;
    height: fit-content;
    min-width: 210px !important;
    flex-basis: 12.3%; /*13.3%*/
}
.about-img .icgImgBack {
    object-fit: cover;
    background-size: contain;
    height: calc(180px - 82px);
    background-repeat: no-repeat;
    background-position: center;
}
.about-img .imageCheck{
    position: relative;
    top: 5px;
    width: 1rem;
    height: 1.25rem;
    accent-color: #fb6340 !important;
    background: #fb6340 !important;
    pointer-events: none;
}
.about-img .imageCheck:checked {
    pointer-events: all;
}
.about-img .nextPageBar {
    width: 41.4%;
    height: 40px;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    align-items: center;
}
.about-img .nextPageBar:hover {
    cursor: pointer;
}
.about-img .nextPageBar:hover {
    transform: translateY(-1px);
    box-shadow: 0 7px 14px rgba(50, 50, 93, .1), 0 3px 6px rgba(0, 0, 0, .08);
}

/*
 추가분석 : 의뢰등록 페이지(smp/usr/reqMng.jsp)
 */
#reqmng-html .upload_file_form {display: flex;justify-content: space-between;}
#reqmng-html .upload_file_form > .btn {min-width: 68px;}
#reqmng-html #formTable table {border: 1px solid #000000; !important; height: 100%}
#reqmng-html #formTable th, tr, td {vertical-align: middle !important;}

#reqmng-html #formTable td > input {border: 1px solid #fff;outline: none;border-radius: 0;height: 100% !important;}
#reqmng-html #formTable td > input:disabled {border: 1px solid #8898aa/*#e9ecef*/;
    outline: none;border-radius: 0;height: 100% !important;}
#reqmng-html #formTable td > input:focus {box-shadow: none !important;border: 1px solid #5e72e4;}
#reqmng-html #formTable td > select {border: 1px solid #fff;outline: none;border-radius: 0;height: 100% !important;}
#reqmng-html #formTable td > select:disabled {border: 1px solid #8898aa/*#e9ecef*/;
    outline: none;border-radius: 0;height: 100% !important;}
#reqmng-html #formTable td > select:focus {box-shadow: none !important;border: 1px solid #5e72e4;}

#reqmng-html #formTable td:not(.req-input-td) {padding: 5px 24px 5px 24px;}
#reqmng-html #formTable .req-input-td {padding: 0 0 0 0;}
#reqmng-html #formTable .table-title {text-align: center;background-color: #DAE3F3}
#reqmng-html #formTable .mng-title{background-color: #ffd600;text-align: center;}
#reqmng-html #formTable .in-value {top: -1.1px !important;}