* { padding: 0; margin: 0; box-sizing: border-box; letter-spacing: -1px; }
html, body {width: 100%; height: 100%;}
body {display: flex; flex-direction: column; background-color: #999; margin: 0;}
li {list-style: none; display: inline-block;}
input {autocomplete: off;}
a.disabled {pointer-events: none;cursor: default;}

.none {display: none !important;}
.flex {display: flex;}
.flex-1 {flex: 1;}
.flex-align-center {display: flex; align-items: center;}
.align-flex-end {align-items: flex-end;}
.text-align-center {text-align: center;}

.color-red {color: #D5001C !important;}
.color-white {color: #ffffff;}
.color-primary {color: #2196f3;}

/*----------------------- modal*/
.modal {z-index: 9999;}
.modal-background {background : rgba(0,0,0,0.5);height : 100%;left : 0;position : fixed;top : 0;width : 100%;z-index : 9999;}

/*----------------------- header*/
#userDropDownMenu {right: -25px;}
#userDropDownMenu li {width:100%}

/*----------------------- page - no data*/
div.no-data {padding: 100px 0 100px 0; text-align: center; font-size: 20px; font-weight: bold;}

/*----------------------- accordion title*/
span.accordion-title {font-size: 1.1rem;font-weight:700;}


/*-----------------2023.04.04서현*/
@font-face {
    font-family: 'Pretendard';
    src: url('/css/fonts/Pretendard-Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: 'Pretendard';
    src: url('/css/fonts/Pretendard-SemiBold.woff') format('woff');
    font-weight: 700;
    font-style: normal;
}
* { font-family: 'Pretendard',Helvetica, Dotum, '돋움', Apple SD Gothic Neo, sans-serif;; font-size: 15px; }
/*.logo {background-image: url(/img/logo/default_logo.svg); background-size:cover; height: 10px; width: 148px; }*/
.logo {background-size:cover; height: 39px; width: 135px; object-fit: contain!important;}
/*.logo {background-size:cover;height: 32px;width: 93px;object-fit: cover;}*/
body { background: none; color:#000; }
.navbar-detached {  border-bottom: 1px solid #ebebeb; }

.nav-pills li { margin-right : 8px; }
.menu-link.disabled { color : #7a8b99; }
.nav-pills .nav-link:not(.active, .disabled):hover { background : #f4f7f9; color : #676d70; }
.menu-header-text { font-size : 14px; }
.role-info span { font-size : 18px; }
.uploadTt { background : #d0d8dd; border-radius : 50px; display : inline-block; margin-bottom : 19px; padding : 6px 24px; }

.bi::before, [class*=" bi-"]::before, [class^=bi-]::before { font-weight: 600!important; }
.btn-secondary { background : #D5001C; border-color : #D5001C; }

/************** 230503 희주 추가 */
.answerImprtArea { margin-bottom: 24px; display: flex; align-items: center; }
.answerImprt, .answerDupl {padding: 4px 12px; background: #e8eff5; border-radius: 50px; display: inline-block; color: #61676c; margin-right: 8px;}

.question-nav { overflow: hidden; margin-bottom: 10px; padding: 0; }
.question-nav li a { color: white; text-decoration: none; padding: 4px 0 4px 43px; background: hsl(0, 0%, 0%); position: relative; display: block; cursor: default; }
.question-nav li a:after { content: " "; border-top: 50px solid transparent; border-bottom: 50px solid transparent; border-left: 30px solid hsl(0, 0%, 0%); position: absolute; top: 50%; margin-top: -50px; left: 100%; z-index: 2; }
.question-nav li a:before { content: " "; border-top: 50px solid transparent; border-bottom: 50px solid transparent; border-left: 30px solid white; position: absolute; top: 50%; margin-top: -50px; margin-left: 2px; left: 100%; z-index: 1; }
.question-nav li:first-child  a { padding-left: 10px; border-radius: 8px 0 0 8px; }
.question-nav li:nth-child(2) a       { background: hsl(0, 0%, 50%); }
.question-nav li:nth-child(2) a:after { border-left-color: hsl(0, 0%, 50%); }
.question-nav li:nth-child(3) a       { background: hsl(0deg 0% 71.18%); }
.question-nav li:nth-child(3) a:after { border-left-color: hsl(0deg 0% 71.18%); }

.tblFooter { display: flex; align-items: center; justify-content: space-between; margin-top: 12px; }
.paging { display: flex; }
.paging ul.page_list {padding: 0;}
.paging button { font-weight: normal; width:28px;height:28px;display: flex; align-items: center; justify-content: center; padding: 0; font-size: 14px; color:#8995A1 ;  }
.paging button:hover { background:#F1F3F6 ;  }
.paging button.on { color: #EC477A; }
.paging button.prev::after, .paging button.next::after { background-size: cover; content: ''; width:12px; height:12px;; background-image: url(/img/icon/page_arw.svg); }
.paging button.next::after { transform: rotate(-180deg); }
.paging button.max::after { background-image: url(/img/icon/paging_arw_max.svg); }
.paging button[disabled="disabled"], .paging button[disabled=""] { background: transparent; }
.paging li.none-cursor {pointer-events: none;}

.tblFooter > * {margin: 0 20px 0 20px;}

/*----------------------datepikcer*/
.ui-datepicker-prev, .ui-datepicker-next { display: none; }

.ui-datepicker { margin-top: 2px; background: #fff; padding:10px; box-shadow: 0 0 20px rgba(0,0,0,0.1); border-radius: 12px; display: none; }
.ui-datepicker td span, .ui-datepicker td a { width: 32px; height: 32px; display: flex; align-items: center; justify-content: center; }
.ui-datepicker .ui-state-default, .ui-datepicker.ui-widget-content .ui-datepicker.ui-state-default { border: none; }
.ui-datepicker .ui-state-active, .ui-datepicker.ui-widget-content .ui-datepicker.ui-state-active {color:#313639; border:1px solid #313639; border-radius: 50px; background: transparent;}
.ui-datepicker .ui-state-highlight, .ui-datepicker.ui-widget-content .ui-datepicker.ui-state-highlight { font-weight: bold; background:transparent; }
.ui-datepicker .ui-widget-header { background: none; border: none; }
.ui-datepicker .ui-widget.ui-widget-content { box-shadow: 0 0 20px rgb(0 0 0 / 10%); }
.ui-datepicker-title { display: flex; align-items: center; justify-content: center; margin-bottom: 16px;}
.ui-datepicker-title select { border-radius: 5px; height: 28px; margin-right: 8px !important; cursor: pointer;background: #fff url(/img/icon/selArw.svg) calc( 100% - 8px ) no-repeat;-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:0 24px 0 8px;}
.ui-datepicker-title select option { text-align: center; }
.ui-datepicker-title select:last-child { margin-right: 0;}
.ui-datepicker-calendar th { padding-bottom: 8px; }

.ui-monthpicker  .ui-state-active, .ui-monthpicker  .ui-widget-content .ui-state-active { border-radius: 4px; }
.ui-monthpicker td span, .ui-monthpicker td a { width:56px; }

#dateSetting input[type=text] {pointer-events: none;}
.input-disabled { background-color: #eceef1 !important; opacity: 1; }
.input-disabled img { pointer-events: none; }


/* 테이블 설정 */
.table-wrapper { min-height: 550px; }
.table-wrapper table { table-layout: fixed; }
.table-wrapper > td {height: 49px;}