main form button {float: right;}
main.contents { background-image: none; padding: 15px;}
/*main.contents.member { margin-top: 50px; }*/
main.contents label { font-size: 1em; color: #000; font-weight: bold; margin-bottom: unset; }
/*main.contents .title-wrap .title-text {border-bottom: 1px solid;}*/
main.contents .title-wrap .title-text p {display: inline-block; font-size: 1.3em; font-weight: bold; border-bottom: 3px solid #22408f; margin-bottom: 0em;}
main.contents .title-wrap .title-text ol { font-size: 0.8em; list-style-type: disc; border:1px solid #9e9e9e;padding:1em 0 1em 2em; box-shadow: inset 0px 0px 5px 0px #9e9e9e;}
main.contents .title-wrap .title-text div { border-bottom: 1px solid #9e9e9e; margin-bottom: 1em;}

/* 방문신청(인원) Form*/
#visitForm .contents-table { margin-bottom: 1em; table-layout: fixed;}
#visitForm .contents-table tr.top { border-top: 2px solid #22408f;}
#visitForm .contents-table tr td {border: 1px solid #9e9e9e; padding: 1px 2px 1px 2px; font-size: 0.9em;}
#visitForm .contents-table tr td .required { vertical-align: sub; color: red; font-weight: bold;}
#visitForm .contents-table tr td input { padding: 0px 0px !important; text-align: center;}
#visitForm .contents-table tr td input[type=button]:not(:disabled) { padding: 0px 20px !important;}
#visitForm .contents-table tr td input[readonly] { background-color: #eee;}
#visitForm .contents-table input.wj-control .wj-input-group .wj-form-control {text-align: center;}
#visitForm .contents-table tr .head { text-align: center; width: 7%; background-color: #EDF2FA; font-weight: 600}
#visitForm .contents-table input { height: 2.2em !important; margin: unset !important;}
#visitForm .contents-table button {float: none;}
/*#visitForm #startDate input {padding: 0px 8px; text-align: center; width: 7em;}*/
#visitForm .startDateTime input {width: 100%; height: unset !important;}
#visitForm .endDateTime input {width: 100%;height: unset !important;}
/*#visitForm #endDate input {padding: 0px 8px; text-align: center; width: 7em;}*/

#memberSearchPopup { width: 35%;}
#visitorSearchPopup { width: 35%;}
#certificateDetailPopup { width: 60%;max-height: 65%;}
.detailLabel { font-size: 24px;}
#certificateDetailPopup .wj-dialog-header span { font-size: 30px;}
#certificateDetailGrid { max-height: 100%;}
#visitForm .plusMinusBtn .btn {padding: unset; width: 2%; font-size: 1.5em; float: right; background-color: #9e9e9e; margin: 0 0 0.1em 0.2em; height: 30px; margin-bottom: 10px; display: flex; justify-content: center;align-items: center;}
.wj-hide {float: right;}

/* 공무신청 Form */
#workForm .contents-table { margin-bottom: 1em; table-layout: fixed;}
#workForm .contents-table tr.top { border-top: 2px solid #22408f;}
#workForm .contents-table tr td {border: 1px solid #9e9e9e; padding: 1px 2px 1px 2px; font-size: 0.9em;}
#workForm .contents-table tr td .flex span{width: 11em; padding-left: 1em; display: flex; align-items: center;}
#workForm .contents-table tr td .required { vertical-align: sub; color: red; font-weight: bold;}
#workForm .contents-table tr td .checkbox-container { display: flex; flex-wrap: wrap; width: 65%; padding: 0.3em}
#workForm .contents-table tr td div .checkbox-item { width: 14%; box-sizing: border-box; flex: 1 1 30%;}
#workForm .contents-table tr td div .checkbox-item:nth-child(4n+1){ clear: both;}
#workForm .contents-table tr td div label { display: flex; align-items: center; width: 85%}
#workForm .contents-table tr td div label .etc { width: 78%;}
#workForm .contents-table tr td div label .etc:disabled { background-color: #eee;}
#workForm .contents-table tr td div label span {padding-left: 0.5em; font-weight: 300}
#workForm .contents-table tr td input { padding: 0px 0px !important; text-align: center; border: 1px solid #9e9e9e;}
#workForm .contents-table tr td input[type="checkbox"] { position: relative; opacity: 1 }
#workForm .contents-table tr td input[type=button]:not(:disabled) { padding: 0px 20px !important;}
#workForm .contents-table tr td input[readonly] { background-color: #eee;}
#workForm .contents-table input.wj-control .wj-input-group .wj-form-control {text-align: center;}
#workForm .contents-table tr .head { text-align: center; width: 18%; background-color: #EDF2FA; font-weight: 600}
#workForm .contents-table input { height: 2.2em !important; margin: unset !important;}
#workForm .contents-table button {float: none;}
/*#workForm #startDate input {padding: 0px 8px; text-align: center; width: 7em;}*/
#workForm .startDateTime input {width: 100%; height: unset !important;}
#workForm .endDateTime input {width: 100%;height: unset !important;}
/*#workForm #endDate input {padding: 0px 8px; text-align: center; width: 7em;}*/
#workForm .plusMinusBtn .btn {padding: unset; width: 2%; font-size: 1.5em; float: right; background-color: #9e9e9e; margin: 0 0 0.1em 0.2em;}
#workDescription {height: 5em;}

.search-wrapper { margin-top: 3em; margin-bottom: -15px; display: flex; align-items: center; justify-content: space-between; }
.common-search-wrapper { margin-top: 3em; margin-bottom: 10px; display: flex; justify-content: space-between;}

/* 방문신청조회 */
.visitCalendar { height: 58%;}
.listPeriod { display: flex; align-items: center; height: 3rem; margin: 0 0 20px 0; border-bottom: 1px solid #929292;}
.listPeriod span.middle { padding: 0 1em 0 1em;}
/*.search-wrapper label.period-wrapper { margin-right: -8em;}*/

/* wijmo */
.wj-flexgrid { border-top: 2px solid #22408f;max-height: 560px;}
.wj-content { border-radius: unset !important;}
.wj-content.wj-dropdown {width: 100%;}
.wj-cell.wj-header { background-color: #EDF2FA !important; font-size: 0.9em !important; align-items: center; text-align: center;}
.wj-popup .wj-dialog-footer { margin-top: unset !important;}
.wj-flexgrid .wj-cell:not([wj-state-measuring]) button.wj-cell-maker { text-decoration: none;border: none;text-align: center;letter-spacing: .5px;-webkit-transition: .2s ease-out !important;transition: .2s ease-out;cursor: pointer}
.wj-flexgrid .wj-cell:not([wj-state-measuring]) button.wj-cell-maker:hover {text-decoration: underline;}
.wj-dialog-footer .wj-hide-ok span {pointer-events: none;}
.column-picker-icon {
    cursor: pointer;
    color: #FF8754;
    margin: 3px;
}
.wj-listbox.column-picker {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 0 10px;
    columns: 4; /* IE fallback */
    padding: 12px;
    margin-left: 12px;
    margin-top: 26px;
    box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);
}
.wj-listbox .wj-listbox-item > label {
    display: block;
    margin: 0 0 3px 0;
}
.wj-listbox .wj-listbox-item.wj-state-selected
{
    background: transparent;
    color: inherit;
}
.wj-listbox .wj-listbox-item:hover {
    background: rgba(0,0,0,.05);
}
.wj-listbox .drop-marker {
    position: absolute;
    background: #0085c7;
    opacity: 0.5;
    pointer-events: none;
    z-index: 1000;
}
.wj-listbox .wj-listbox-item label { color: black; font-weight: bold; font-size: 1em;}


/* fullcalendar */
.fc-timeline-event{ margin-left: 2px;}
/*.fc-timeline-slot.fc-timeline-slot-lane.fc-timeline-slot-major { background-color: #EDF2FA;}*/

/*게시판*/
.table_list{padding: 20px 25px;}
.table_list .page_num{width: auto;}
.table_list .page_title img{width: 13px;margin-bottom: 3px;}
.table_list .page_title .page_list_count{margin-bottom: 2px; color: white;}

/* pagenation */
.pagenation .boder_box{display: flex; border: 1px solid #ccc; padding: 5px; border-radius: 5px; margin: 0 8px; cursor: pointer;}
.pagenation .boder_box img{display: flex; width: 20px;}
.pagenation .number{display: inline-block; padding: 5px 13px; font-size: 15px; font-weight: bold; cursor: pointer; color: #1565A2; cursor: pointer; margin: 0 5px;}
.pagenation .number.on{background: #eee; border-radius: 5px; color: #0F64BB;}

@media screen and (max-width: 768px){
    .pagenation .boder_box img{width: 30px;}
}

/* gnb_top_menu */
#nav-mobile{position: relative;}
#nav-mobile .gnb_top_menu{position: absolute;right: 0; top: 50px; left: 120px; width: 140px;}
#nav-mobile .gnb_top_menu .gnb_top_wrap{display: flex;flex-direction: column;background-color: white; border-radius: 5px; text-align: left;box-shadow: 0 0 16px rgba(0, 0, 0, 0.4);}
#nav-mobile .gnb_top_menu .gnb_top_wrap .menu-item{padding: 15px; cursor: pointer; height: auto !important; line-height: 15px !important;}
#nav-mobile .gnb_top_menu .gnb_top_wrap .menu-item:hover{background-color: #eee; border-radius: 5px;}


#carValidate{font-size: 18px; color: red; font-weight: bold; margin-left: 7%; display: none}