/* @charset "utf-8"; */
/*---------- table ----------*/
.tbl_wrap {margin: 1em 0 2em; overflow-x: auto; overflow-y:auto; max-height:600px;}
.tbl_basic {border-collapse: separate; border: 0; padding: 0; margin: 0 0 1em; border-top: 2px solid #121212; /*border-top:0 !important;*/ width: 100%; background:#fff; font-size: .9em;}
.tbl_basic th {background: #F9F9F9; color: var(--black); font-weight: 500; letter-spacing: -0.05em; border-right: 1px solid #e2e3e5; vertical-align: middle; padding: .7em 1em; border-bottom: 1px solid #E7E7E7;}
.tbl_basic .titbg {background: #e4f3fb !important;}
.tbl_basic .whitebg {background: #fff !important;}
.tbl_basic .whitebg2 {background: #fafafa !important;}
.tbl_basic tbody tr:nth-child(1) {border-top: 0;}
.tbl_basic td {background: #fff; color: var(--gray); font-weight: 300; border-right: 1px solid #ebeced; border-bottom: 1px solid #E7E7E7; vertical-align: middle; text-align: center; padding: .6em 1em;}
.tbl_basic td.sl {white-space: nowrap;}
.tbl_basic td.whitebg {background: #fff !important;}
.tbl_basic td a:hover {color: var(--orange); text-decoration: underline;}
.tbl_basic .right {text-align: right;}
.tbl_basic th:last-child, .tbl_basic td:last-child {border-right: 0;}
.tbl_basic tr.highlight td { background: #ffffcc !important;}
.tbl_basic tr.active td {background-color: #feffe8 !important;}

.tbl_basic thead {position: sticky; top: 0; z-index: 1;}
.tbl_basic thead .bg-all {background-color: #ffde56;}
.tbl_basic tbody .bg-all {background-color: #feffe8;}
.tbl-basic.pdbig td, .tbl-basic.pdbig th {padding-top: 1.3em; padding-bottom: 1.3em;}
.tbl_write {border-collapse: collapse; border: 0; padding: 0; border-top: 2px solid #343f4a; width: 100%; background: #fff; font-size: 1em; border-bottom: 1px solid #d2d7dc; margin-bottom: 1em;}
.tbl_write th, .tbl_write td {vertical-align: middle; line-height: 1.4;}
.tbl_write thead th {padding: 1em; color: #343f4a; font-weight: 500; border-bottom: 1px solid #d2d7dc !important; background: #f9fafb; letter-spacing: -0.05em; vertical-align: middle;}
.tbl_write tbody th {padding: .8em 1em; color: #343f4a; font-weight: 400; border-bottom: 1px solid #d2d7dc; border-right: 1px solid #d2d7dc; background: #f2f4f7; letter-spacing: -0.05em; vertical-align: middle; font-size: .875em; width: 100px;}
.tbl_write tbody td {border-bottom: 1px solid #d2d7dc; padding: .8em 1em; text-align: left; color: #666; font-weight: 400; font-size: .875em; line-height: 1.4; word-break: keep-all;}
.tbl_write tbody td a {display: inline-block; margin-right: 5px;}
.tbl_write tbody td a:hover {text-decoration: underline; color: #00a9e8;}
.tbl_write tr:last-child th, .tbl_write tr:last-child td {border-bottom: 0;}
.borderR {border-right: 1px solid #d2d7dc !important;}
.borderL {border-left: 1px solid #d2d7dc !important; }
.borderB {border-bottom: 1px solid #d2d7dc !important;}
.borderT {border-top: 1px solid #d2d7dc !important;}
.tbl_write tbody small {font-size: .865em; opacity: .7;}
.tbl_write .file-down {color: #666;}
.tbl_write .file-down:hover {color: #00a9e8; text-decoration: underline;}
.tbl_top_select {width: 100px; display: inline-block; margin-right: 10px; font-size: .9em; color: #666;}
.tbl_view_text {white-space: normal !important;}
.tbl_btn_wrap {float: right; margin-bottom: 4px;}
.tbl_btn_wrap > p {font-size: .9em; letter-spacing: -1px; color: #929ca8; margin-right: 5px; display: inline; vertical-align: middle;}
.tbl_comment {font-size: .9em; letter-spacing: -1px; color: #929ca8; margin-top: 0.5em;}
.tbl_comment2 {text-align: left;}
.tbl_comment2 li {color: var(--red); font-size: .8em; padding-left: 10px; display: block; margin-bottom: 4px; position: relative; word-break: keep-all;}
.tbl_comment2 li::before {left: 0; top: 3px; width: 10px; height: 10px; content:'*'; text-align: left; position: absolute;}
.tbl_comment2 li:last-child {margin-bottom: 0;}
.gallerywrap {width: 100%; font-size: 0; text-align: left;}
.gallerywrap .galleryitem {font-size: 14px; display: inline-block; width: calc(25% - 15px); box-sizing: border-box; padding: 0; margin:0 20px 20px 0; vertical-align: top;}
.gallerywrap .galleryitem:nth-child(4n) {margin-right: 0;}
.gallerywrap .thumb {width: 100%; padding-top: 65%; position: relative; background: #eee; margin-bottom: 12px; border: 1px solid #eee; box-sizing: border-box; transition: all .2s ease;}
.gallerywrap .thumb img {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.gallerywrap p {text-align: center; line-height: 1.5; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; width:90%; margin: 0 auto; overflow:hidden;}
.gallerywrap .galleryitem a:hover .thumb {border: 1px solid #999;}

/* .sub_search_wrap {background-color: #fafafa; border: 1px solid #e2e3e5; padding: 1rem .25rem; margin: 1rem 0; text-align: center; box-sizing: border-box;} */
.sub_search_wrap {background-color: #fafafa; border: 1px solid #e2e3e5; padding: 1rem .25rem; margin: 0 0 1rem 0; text-align: center; box-sizing: border-box;}
.sub_search_select {height: 36px; line-height: 34px;  width: 100px;border: 1px solid rgba(0,0,0,.3); padding: 0 .5rem; background: url(../../../images/domain/SI67602841/ico_select_arrow.png) no-repeat calc(100% - .5rem) 50% #fff; border-radius: 2px; vertical-align: middle; font-size: .865rem;}
.sub_search_date {height: 36px; line-height: 34px;  width: 140px;border: 1px solid rgba(0,0,0,.3); padding: 0 .5rem;  border-radius: 2px; vertical-align: middle; font-size: .865rem;}
.sub_search_text {height: 36px; line-height: 34px; width: 240px; border: 1px solid  rgba(0,0,0,.3); padding: 0 .5rem; border-radius: 2px; vertical-align: middle; font-size: .865rem;}
.sub_search_btn {height: 36px; line-height: 34px; width: 80px; background-color: var(--brown); color: var(--white); border-radius: 2px; vertical-align: middle; transition: all .2s ease; font-size: .865rem;}
.sub_search_btn:hover {opacity: .9;}
.sub_search_text2 {height: 36px; line-height: 34px; width: 120px; border: 1px solid  rgba(0,0,0,.3); padding: 0 .5rem; border-radius: 2px; vertical-align: middle; font-size: .865rem;}
.tbl_no {font-size: .8rem; margin: 1rem 0; text-align: left;}
.tbl_no > p {display: inline-block; color: var(--gray); font-weight: 300;}
.tbl_no > p strong {color: var(--black); font-weight: 500;}

.input_type {width: 100%;}
.input_type input, .input_type select {border: 1px solid #e2e3e5; height: 34px; line-height: 34px; width: 100%;}
.input_type.typeA {display: flex; flex-flow: row wrap; gap: 0 4px;}
.input_type.typeA input {border: 1px solid #e2e3e5; height: 34px; line-height: 34px; width: calc(100% - 84px);}
.input_type.typeA button {width: 80px;}

/* modal */
.pop {position:fixed; top: 0; left: 0; width: 100%; height: 100%; text-align: center; z-index: 10; display: none; background: rgba(0,0,0,.7);}
.pop > div.pop-inner {display: inline-block; vertical-align: middle; margin: 0; min-width: 350px; max-width: 700px; background: #fff; padding: 1.5em; border-radius: 5px; box-shadow: 2px 2px 2px rgba(0,0,0,0.07); overflow-y: auto; max-height: 80%; width: 80%;}
.pop .large {max-width: 1000px !important;}
.pop .small {max-width: 350px !important;}
.pop::after {content: ''; width: 0; height: 100%; display: inline-block; vertical-align: middle;}
.pop-wrap {width: 100%; height: 100%; position: relative;}
.pop-wrap h2 {color: var(--brown); text-align: left; font-size: 1rem; height: 1.8em; line-height: 1.8; font-weight: 600; padding: 0; padding-left: 18px; position: relative;}
.pop-wrap h2::before { content: ''; position: absolute; width: 8px; height: 8px; left: 5px; top: 11px; border-radius: 15px; border: 3px solid var(--brown);}
.pop-wrap h2 .btn-close {float: right; margin: 0; width: 20px; height: 20px; background: url(../../../images/domain/SI67602841/btn_popclose.png) 50% 50% no-repeat #fff; border: 0; cursor: pointer;}
.pop-wrap .pop-body {position: relative; padding: 0; height: calc( 100% - 2.5em ); overflow: auto; width: 100%;}
.pop-wrap .tbl_top {}
.pop .btn-wrap {border-top: 0; padding: 0; margin: 0;}
.pop-wrap .tbl_basic th, .pop-wrap .tbl_basic td {padding: .5em; font-size: .8rem;}
.pop-wrap .tbl_top {font-size: .8rem;}
.pop-wrap .tbl_top p {font-size: 1rem;}
.pop-wrap .tbl_top select {height: 28px; line-height: 28px;}
.pop-wrap .sub-search-wrap2 {width: 100%; min-height: 1%; font-size: .9rem; margin: 0 auto; padding: 1em; border-radius: 4px; border: 1px solid #ddd; background: #f9f9f9; }
.pop-wrap .sub-search-wrap2::after {content: ''; height: 0; display: block; visibility: hidden; clear: both;}
.pop-wrap .sub-search-wrap2 select {width: 120px; float: left; height: 28px; line-height: 28px;}
.pop-wrap .sub-search-wrap2 input[type='text'] {width: calc(100% - 205px); margin-right: 4px; float: left; height: 28px; line-height: 28px;}
.pop-wrap .sub-search-wrap2 button {width: 80px; float: left; height: 28px; line-height: 28px;}

/* file*/
.tower-file {position: relative;}
.tower-file .tower-file-details .tower-input-preview-container {width: 100%; max-width: 220px;}
.tower-input-preview-wrapper {margin: 0 auto; position: relative; width: 100%; height: 5.3em; overflow: hidden;}
.tower-input-preview-wrapper img {position: absolute; left: 50%; top: 50%; max-height: 100%; max-width: 100%; transform: translate(-50%, -50%);}
.tower-input-preview-wrapper img.tower-input-preview-portrait {max-height: none; max-width: 100%; height: 100%; width: 100%;}
.tower-file .tower-file-button {white-space: nowrap; overflow: hidden; text-overflow: ellipsis; text-align: center; border: 1px solid #666 !important; border-radius: 3px; color: #333 !important; font-size: .9em !important; max-width: calc( 100% - 5.4em ); display: inline-block; vertical-align: middle; min-width: 5em; line-height: 1.6 !important; margin-top: .1em; margin-bottom: .1em;}
.tower-file .tower-file-button:disabled {display: none;}
.tower-file input[type="file"] {padding: 0;}

/* sub search */
.sub_tbl_search_wrap {background: #f9f9f9; margin: 0 0 3em; padding: 1em; border: 1px solid rgba(0,0,0, .1); box-sizing: border-box;}
.tbl_subsearch {width: 100%; padding: 0; margin: 0;}
.tbl_subsearch th {color: var(--brown); font-weight: 500; vertical-align: top; padding: .5em;  text-align: left;  font-size: .9rem;}
.tbl_subsearch th::before {content:'- '}
.bl3 {vertical-align: middle; margin-right: 5px; margin-top: -3px;}
.tbl_subsearch td {color: #666; font-weight: 300; padding: .2em .5em; text-align: left;}
.tbl_subsearch td label {display: inline-block; min-width: 7em; margin: .2em 1em .2em 0; font-size: .9rem;}
.tbl_subsearch td select {width: 100%; font-weight: 300; height: 2rem; font-size: .9rem; color: #666; padding: 0 .5rem;}
.tbl_subsearch td input[type=text] {display: inline-block; vertical-align: middle; margin: 0; color: #666; font-weight: 300; height: 2rem; line-height: 2rem; border: 1px solid #ddd;} 
.tbl_subsearch td input[type=text]::placeholder {color: #888 !important; font-weight: 200; font-size: .9rem;}
.tbl_subsearch td input[type=checkbox], .tbl_subsearch td input[type=radio] {display: inline-block; vertical-align: middle; margin: -3px 5px 0 0; height: 15px; width: 15px; border: 1px solid #ddd !important; background-color: #fff;}
.sub_tbl_search_wrap .datepicker {display: inline-block !important; width: 10.45em; max-width: 200px;}
.tbl_subsearch td .input-dataname {width: 100%;}
.btn-data-search {display: inline-block; border: none; margin: 15px auto 0; font-weight: 400; padding: 0 1em; height: 2rem; line-height: 2rem; background: #008cef; color: #fff; width: 7em; vertical-align: middle;}
.flexline {display: flex; flex-wrap: wrap; flex-direction: row; justify-content: space-between; gap: 4px;}
.flexline.col2 > input, .flexline.col2 > label, .flexline.col2 > select, .flexline.col2 > div {flex: 1 1 49%;}
.flexline.col3 > input, .flexline.col3 > label, .flexline.col3 > select, .flexline.col3 > div {flex: 1 1 33%;}
.flexline.col4 > input, .flexline.col4 > label, .flexline.col4 > select, .flexline.col4 > div  {flex: 1 1 auto;}

.flexline .date-wrap {height: 1%;}
.flexline .date-wrap:after {content: ''; height: 0; display: block; visibility: hidden; clear: both;}
.flexline .date-wrap .datepicker {width: calc(50% - 10px) !important; float: left !important;}
.flexline .date-wrap > span {width: 20px !important; text-align: center !important; float: left !important; height: 2rem; line-height: 2rem;}

.sub_search_wrap .typeA {display: inline-block;}
.sub_search_wrap .typeA > input, .sub_search_wrap .typeA > select, .sub_search_wrap .typeA > div {width: calc(100% - 100px); float: left;}
.sub_search_wrap .typeA > button {width: 100px; float: left; border-radius: 0; background-color: #999;}

.sub_search_wrap .typeB {display: inline-block;}
.sub_search_wrap .typeB > input, .sub_search_wrap .typeB select, .sub_search_wrap .typeB div {width: calc(50% - 50px); float: left;}
.sub_search_wrap .typeB > button {width: 100px; float: left; border-radius: 0; background-color: #999;}

.sub_search_wrap .typeC {display: inline-block;}
.sub_search_wrap .typeC > input, .sub_search_wrap .typeC select, .sub_search_wrap .typeC div {width: calc(33.33% - 33.4px); float: left;}
.sub_search_wrap .typeC > button {width: 100px; float: left; border-radius: 0; background-color: #999;}

.sub_search_wrap .typeD {display: inline-block;}
.sub_search_wrap .typeD > select {width: calc(36% - 50px); float: left;}
.sub_search_wrap .typeD > div {width: calc(64% - 50px); float: left;}
.sub_search_wrap .typeD > button {width: 100px; float: left; border-radius: 0; background-color: #999;}

.sub_search_wrap .typeE {display: inline-block;}
.sub_search_wrap .typeE > p {width: 120px; float: left; font-size: .9rem; line-height: 34px;}
.sub_search_wrap .typeE > div {width: calc(100% - 120px); float: left;}


.search_checklist {height: 36px; line-height: 34px; width: 100%; cursor: pointer; font-size: .9rem;}
.search_checklist p {display: block;width: 100%; height: 100%; padding: 0 .5rem; text-align: left; box-sizing: border-box;  overflow: hidden; border: 1px solid #ddd; background: url(../../../images/domain/SI67602841/btn_more.png) calc(100% - .5rem) 50% no-repeat #fff; background-size: 12px auto;}
.search_checklist .checklist {display: none; opacity: 0; visibility: hidden; border: 1px solid #ddd; z-index: 2; position: relative; background-color: #fff; border: 1px solid #ddd; border-top: 0; padding: .5rem 1rem; transition:  var(--transition-2); height: 100px; overflow-y: auto;}
.search_checklist .checklist li {display: block; line-height: 1.5;}
.search_checklist .checklist li label {min-width: auto; margin: 0 4px;}
.search_checklist:hover .checklist {visibility: visible; display: block; opacity: 1;} 
.search_checklist .btn_close {display: inline-block; margin: -2px 0 0 4px; vertical-align: middle; transition: var(--transition-2);}
.search_checklist .btn_close:hover {opacity: .7;}

.dateform {display: flex; flex-flow: row wrap;}
.dateform input{width: calc(50% - 5px);}
.dateform span {width: 10px; text-align: center; font-size: .8rem;}
.sub_search_wrap select option[value=""][disabled] {display: none;}
.data-wrap {width: 100%; border: 1px solid #ddd; overflow: hidden; height: 500px; overflow-y: auto; position: relative;}
.data-wrap.full {height: 630px;}
.sub_search_wrap .search-graph-wrap {border: 1px solid #bdd2e9; background-color: #fff; padding: 1.5em 1em;}
.sub_search_wrap .search-graph-wrap .date {text-align: left; font-size: .9em; color: #333; font-weight: 600;} 
.situation_wrap {margin: 0; display: inline-block; width: 100%; background-color: #f4f4f4;}
.situation_header {background: var(--gray); height: 2.3em; line-height: 2.2em; padding: 0 0.5em 0 0.8em; font-size: 1em; position: relative; }
.situation_header h3 {color: #fff; font-weight: 400; float: left; font-family: 'Gmarket Sans'; letter-spacing: 0; font-size: .8em;margin-bottom: 0; word-break: keep-all;}
.situation_header h3 small {font-size: .9em; font-weight: 300; opacity: .7; font-family: 'Noto Sans KR'; margin-left: 4px; display: inline-block;}
.situation_content {color: #202123; font-size: .85em; padding: 1em 1em; clear: both;font-weight: 300;text-align: center; height: calc( 100% - 3em ); position: relative;}
.situation_chart_wrap {background: #fff; height: 20em; margin: 0;}
.situation_content canvas {height: 100%; width: 100%; background: #fff;}
.situation_wrap .range_slider{width: 100%; position: relative; margin: 1.5rem auto; max-width: 500px }
.situation_wrap #range { -webkit-appearance: none; width: 100%; background-color: transparent;}
.situation_wrap #range:focus { outline: none; }
.situation_wrap #range::-webkit-slider-runnable-track {width: 100%; height: .5rem; cursor: pointer; background: linear-gradient(90deg, #52585f var(--range-progress), #ccc var(--range-progress)); border-radius: 1rem; }
.situation_wrap #range::-webkit-slider-thumb {-webkit-appearance: none; border: 0.25rem solid #52585f; box-shadow: 0 1px 3px rgba(0,0,255,.3); border-radius: 50%; background: #fff; cursor: pointer; height: 24px; width: 24px; transform: translateY(calc(-50% + 4.5px)); }
.situation_wrap #tooltip {position: absolute; top: -1.8rem;}
.situation_wrap #tooltip span {position: absolute; text-align: center; display: block; line-height: 1; padding: 0.15rem 0.25rem 0.25rem; color: #fff; border-radius: 0.125rem; background: #52585f; font-size: .9rem; left: 50%; transform: translate(-50%, 0);}
.situation_wrap #tooltip span:before {position: absolute; content: ""; left: 50%; bottom: -8px; transform: translateX(-50%); width: 0; height: 0; border: 4px solid transparent; border-top-color: #52585f;}
/* .loading {position: absolute; left: calc(50% - 50px); top: calc(50% - 50px); width: 100px; height: 100px; } */
.result_no {font-size: 1rem; padding: 2em; background-color: #f9f9f9; text-align: center; color: #999;}
.result_no_img {width: 70px; display: block; margin: 0 auto .5rem;}

/* loading */
.loading {background: url(../../../images/domain/SI67602841/loading.svg) rgba(0,0,0,.4) center no-repeat; background-size: 100px 100px; position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 100000;}
.loading > p {position: absolute; left: calc(50% - 100px); top: calc(50% + 35px); color: #fff; font-weight: 800; font-size: 1.3em; width: 200px; height: 30px; line-height: 50px; text-align: center;}

.tab_a_wrap {text-align: left;}
.tab_a_list {font-size: 0;}
.tab_a_list li {display: inline-block; font-size: 1rem; margin-right: .2em; }
.tab_a {display: inline-block; padding: 0 1em; height: 32px; line-height: 32px; font-size: 14px; background: #ccc; color: var(--brown); border-bottom: none;  box-sizing: border-box; transition: all .15s ease;}
.tab_a:hover {background: var(--brown); color: #fff;}
.tab_a.active {background: var(--brown); color: #fff;}

.ico_boaard_new {display: inline-block; width: 34px; height: 15px; margin: 0 0 0 4px; background: url(../../../images/domain/SI67602841/ico_board.png) 0 0;}
.ico_board_file {display: inline-block; width: 17px; height: 11px; margin: 0 auto; background: url(../../../images/domain/SI67602841/ico_board.png) 98px 251px;}
.ico_board_word {display: inline-block; width: 17px; height: 17px; margin: 0 auto; background: url(../../../images/domain/SI67602841/ico_board.png) 251px 141px;}
.ico_board_excel {display: inline-block; width: 17px; height: 17px; margin: 0 auto; background: url(../../../images/domain/SI67602841/ico_board.png) 202px 141px;}
.ico_board_img {display: inline-block; width: 17px; height: 17px; margin: 0 auto; background: url(../../../images/domain/SI67602841/ico_board.png) 149px 141px;}
.ico_board_pdf {display: inline-block; width: 17px; height: 17px; margin: 0 auto; background: url(../../../images/domain/SI67602841/ico_board.png) 98px 141px;}
.ico_board_re {display: inline-block; width: 21px; height: 18px; margin: 0 4px 0 0; background: url(../../../images/domain/SI67602841/ico_board.png) 100px 302px; vertical-align: middle;}

.paging {margin: 2rem auto; text-align: center; width: 100%; font-size: 0;}
.paging li {display: inline-block; width: 24px; height: 24px; line-height: 24px; border-radius: 24px; margin: 0 .25rem;}
.paging li a {width: 100%; height: 100%; display: block;  color: #666; font-size: .9rem; font-weight: normal; text-align: center; cursor: pointer; background: #fff;transition: .2s ease; border-radius: 24px;}
.paging li a:hover {color: #fff; background: var(--brown);}
.paging .active, .paging .active:hover { background: var(--brown); font-weight: 500; color: #fff;}
.paging img { vertical-align: middle; margin-top: -4px}
.paging li.img a {background: #fff;}


/*----------datepicker ----------*/
.datepicker {background-image: url(../../../images/domain/SI67602841/bg_callendar.svg) !important; background-position: calc(100% - 6px) 50% !important; background-color: #fff !important; background-size: 14px auto !important; background-repeat: no-repeat !important;}
.datepicker2 {background-image: url(../../../images/domain/SI67602841/bg_callendar.svg) !important; background-position: calc(100% - 6px) 50% !important; background-color: #fff !important; background-size: 14px auto !important; background-repeat: no-repeat !important;}
.datepicker + .ui-datepicker-trigger {margin: 0 4px 0 -22px;} 
.ui-datepicker { width: 200px; padding: 0; display: none; border: 0; margin-top: 5px; z-index: 6 !important;}
.ui-widget.ui-widget-content { border: 1px solid #c4d3d5; border-radius: 3px; overflow: hidden; background: #fff; box-shadow: 1px 1px 4px rgba(0,0,0,0.1); font-size: 14px; }
.ui-datepicker .ui-widget-header { position: relative; padding: 6px 0 28px 0; border: 0; background: #8aa6bd; color: #fff; border-radius: 0; }
.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year { width: 58px; height: 20px; line-height: 20px; background: #7798b1; margin: 0 3px 0 0; padding: 0 6px; border: 0; border-radius: 3px; color: #fff; font-size: 13px; font-weight: 300; box-sizing: border-box; -webkit-appearance: none; -moz-appearance: none; appearance: none; }
.ui-datepicker select.ui-datepicker-month {width: 50px; margin: 0 0 0 8px;}
.ui-datepicker select.ui-datepicker-month:hover, .ui-datepicker select.ui-datepicker-year:hover { background: #6188a5;}
.ui-datepicker select::-ms-expand {display: none; /* 화살표 없애기 for IE10, 11*/}
.ui-datepicker .ui-datepicker-title { line-height: 1.8em; text-align: center; margin: 0px 2.3em; font-size:13px; font-weight: 300; letter-spacing:0; }
.ui-datepicker-title .ui-datepicker-year option, .ui-datepicker-title .ui-datepicker-month option { background: #fff; color: #333; }
.ui-datepicker .ui-datepicker-calendar { position: relative; width: 96%; padding-top: 100px; margin: 0 auto; }
.ui-datepicker-calendar thead tr { position: absolute; top: -20px; left: 0; right: 0; }
.ui-datepicker-calendar thead th { float: left; display: block; padding: 0; width: 14.28%; color: #fff; font-size: 11px; letter-spacing:1px; opacity: 1; font-weight: 100; }
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position: absolute; top: 5px; width: 1.8em; height: 1.8em; text-indent: -9999px; cursor: pointer }
.ui-datepicker .ui-datepicker-prev { left: 5px; }
.ui-datepicker .ui-datepicker-prev.ui-state-hover { background: rgba(0,0,0,0.1); border: 0; }
.ui-datepicker .ui-datepicker-prev .ui-icon { background: url(../../../images/domain/SI67602841/arrow-button.png) 0 0 no-repeat; transform: rotate(-90deg); }
.ui-datepicker .ui-datepicker-next { right: 5px; }
.ui-datepicker .ui-datepicker-next.ui-state-hover { background: rgba(0,0,0,0.1); border: 0; }
.ui-datepicker .ui-datepicker-next .ui-icon { background: url(../../../images/domain/SI67602841/arrow-button.png) 0 0 no-repeat; transform: rotate(90deg);}
.ui-datepicker .ui-state-default { display: block; border: 0; border-radius: 2px; width: 20px; height: 20px; line-height: 20px; padding: 0; margin: 3px auto; font-size: 12px; text-align: center; background: #fff; font-weight: normal; color: #333; box-sizing: border-box; }
.ui-datepicker .ui-state-default.ui-state-hover { background: rgba(0,0,0,0.05); }
.ui-datepicker-today .ui-state-default { color: #395d7b; font-weight: bold; background: #e6f1f6;}
.ui-datepicker-today .ui-state-default:hover {background: #e6f1f6;}
.ui-datepicker-current-day .ui-state-default { background: #ffde21 !important; color: #333; font-weight: bold; }
.ui-datepicker-buttonpane { overflow: hidden; border-top: 1px solid #eee; }
.ui-datepicker-buttonpane button[data-handler="today"] { color: #395d7b; opacity: 0.75; }

.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled {opacity: .35;/* filter: Alpha(Opacity = 35); */background-image: none;}
.ui-state-disabled {cursor: default !important;pointer-events: none;}

/* ie add Style */
.ui-datepicker td, .ui-datepicker th { border: 0 }
.ui-datepicker .ui-datepicker-buttonpane button { float: right; cursor: pointer; width: auto; margin: 0.5em 0.2em 0.4em; padding: 0.2em 0.6em 0.3em; overflow: visible; }
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float: left; }
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px; }
.ui-corner-all { border-radius: 3px; }
.ui-icon { display: block; width: 16px; height: 16px; }
/* mobile Responsive */
@media screen and (max-width:480px) {
  .ui-datepicker { width: 270px !important; left: 50% !important; margin-left: -135px !important; }
}

/*----------tab ----------*/
.tabs{margin: 0px; padding: 0px; list-style: none; border: 1px solid #026DF7; display: flex; flex-direction: row;}
.tabs li{flex: 1 1 auto; font-family: var(--fonttype-2); font-size: 1rem; font-weight: 400; background: none; color: #8394A9; display: inline-block; padding: .8rem 1rem; cursor: pointer; border-right: 1px solid #026DF7; text-align: center;}
.tabs li:last-child {border-right: 0;}
.tabs li.current{background: #026DF7; color: #fff; }
.tab-content{display: none; background: #fff; color: #333; }
.tab-content.current{display: inherit;}

.analysis_tab {display: flex; flex-flow: row wrap; justify-content: flex-start; margin: 0 0 1rem; gap: 4px;}
.analysis_tab > li {flex: 1; height: 36px; line-height: 36px;  text-align: center;}
.analysis_tab > li a {display: block; width: 100%; color: #333; transition: all .2s ease; font-size: .9rem; background-color: #fdfcf7;border: 1px solid #d2d2d2; box-sizing: border-box; transition: all .4s ease; position: relative;}
.analysis_tab > li.active a::before {position: absolute; left: 0; bottom: 0; width: 100%; height: 2px; background-color: #eb6a2d; content:'';}
.analysis_tab > li:hover a, .analysis_tab > li.active a {color: #a32c1c; background-color: #fff;}

.system_tab {display: flex; flex-flow: row wrap; align-content:flex-start; margin: 0 0 1rem; gap: 4px;}
.system_tab li {flex: 1;text-align: center;}
.system_tab li a {display: block; width: 100%; color: #b39f8c; transition: all .2s ease; font-size: 1rem; background-color: #F8F4F0; box-sizing: border-box; transition: var(--transition-4); position: relative; padding: .7rem 0; font-weight: 400;}
.system_tab li a:hover, .system_tab li.active a{background-color: #988679; color: #fff; border-color: #988679;}
.system_tab li a strong {display: block; font-size: .9em; line-height: 1.1; font-weight: 800; color: #988679;  transition: var(--transition-4);}
.system_tab li a:hover strong, .system_tab li.active a strong {color: #fff;}

/*---------- responsive ----------*/
@media all and ( max-width: 1400px ){
}
@media all and ( max-width: 1280px ){
	.tbl_subsearch td select, .search_checklist a, .search_checklist {height: 2rem !important; line-height: 2rem !important;}
	.sub_search_wrap {border-bottom-right-radius: 0;}
	.tbl_wrap .tbl_basic td, .tbl_wrap .tbl_basic th {white-space: nowrap;}
}
@media all and ( max-width: 980px ){
	.flexline.col2 > input, .flexline.col2 > label, .flexline.col2 > select, .flexline.col2 > div {flex: 1 1 auto;}
	.flexline.col3 > input, .flexline.col3 > label, .flexline.col3 > select, .flexline.col3 > div {flex: 1 1 100%;}
	.gallerywrap .galleryitem {width: calc(33% - 15px);}
	.gallerywrap .galleryitem:nth-child(3n) {margin-right: 0;}
	.gallerywrap .galleryitem:nth-child(4n) {margin-right: 20px;}
	.analysis_tab > li, .system_tab li {flex: 0 calc(33% - 4px)}
	
}
@media all and ( max-width: 680px ){
    .tbl_wrap {width: 100%; overflow-x: auto; white-space: nowrap; margin: 0 0 1em;}
	.tbl_wrap::-webkit-scrollbar { -webkit-appearance: none; } 
	.tbl_wrap::-webkit-scrollbar:vertical { width: 12px; } 
	.tbl_wrap::-webkit-scrollbar:horizontal { height: 8px; } 
	.tbl_wrap::-webkit-scrollbar-thumb { background-color: rgba(0, 0, 0, .5); border-radius: 10px; border: 2px solid #ffffff; } 
	.tbl_wrap::-webkit-scrollbar-track { border-radius: 10px; background-color: #ffffff; }
	.tbl_write tbody th {width: auto;}
	.sub_search_wrap {background-color: #fafafa; border: 1px solid #e2e3e5; padding: 1rem .25rem; text-align: center; box-sizing: border-box; font-size: .9rem;}
	.sub_search_select, .sub_search_text, .sub_search_text2, .sub_search_date, .sub_search_btn {width: 95%; height: 28px; line-height: 28px; display: block; margin: 0 auto 4px;}
	.sub_search_btn {margin-bottom: 0;}
	.gallerywrap {text-align: center;}
	.gallerywrap .galleryitem {width: calc(50% - 15px); margin: 0 10px 20px 0;}
	.gallerywrap .galleryitem:nth-child(3n) {margin-right: 10px;}
	.gallerywrap .galleryitem:nth-child(2n) {margin-right: 0;}
	.graph-box.situation-wrap {flex: auto; width: 45%;}
	.bcont-wrap h2 .btn {float: none !important; display: block; margin-top: 6px !important;}
	.bcont-wrap h2 span {display: block;}
	.input_type input, .input_type select {height: 30px; line-height: 30px; }
	.analysis_tab > li, .system_tab li {flex: 0 calc(50% - 4px)}
	.analysis_tab > li {height: 32px; line-height: 32px;}
}
@media all and ( max-width: 480px ){
 }
 
 .monthpicker {background-image: url(../../../images/domain/SI67602841/bg_callendar.svg) !important; background-position: calc(100% - 6px) 50% !important; background-color: #fff !important; background-size: 14px auto !important; background-repeat: no-repeat !important;}