@charset "utf-8"; 
/*! jQuery UI - v1.12.1 - 2016-09-14
* http://jqueryui.com
* Copyright jQuery Foundation and other contributors; Licensed MIT 
- 2017.10.11 edited by ek100*/

.ui-front {z-index: 100;}
.selectbox.page_num .ui-front {z-index: 101;}

/* Interaction Cues
----------------------------------*/
.ui-state-disabled {cursor: default !important; pointer-events: none;}


/* Overlays */
.ui-menu {list-style: none; padding: 0; margin: 0; display: block; outline: 0;}
.ui-menu .ui-menu {position: absolute;}
.ui-menu .ui-menu-item {margin: 0; background-color: #fff; cursor: pointer; white-space: nowrap;}
.slt_type2 .ui-menu .ui-menu-item {white-space:normal;}
.ui-menu .ui-menu-item-wrapper {position: relative; line-height: 16px; padding: 7px 19px 7px 9px;}
.ui-menu .ui-menu-divider {margin: 5px 0; height: 0; font-size: 0; line-height: 0; border-width: 1px 0 0 0;}
.ui-menu .ui-state-focus,
.ui-menu .ui-state-active {margin: 0;}

/* icon support */
.ui-menu-icons {position: relative;}
.ui-menu-icons .ui-menu-item-wrapper {padding-left: 2em;}

/* left-aligned */
.ui-menu .ui-icon {position: absolute; top: 0; bottom: 0; left: .2em; margin: auto 0;}

/* right-aligned */
.ui-menu .ui-menu-icon {left: auto; right: 0;}
.ui-button {position: relative; display: inline-block; height: 28px; line-height: 24px; padding: 0 6px; background: url(/user/img/btn_select.png) right 50% no-repeat; border: 1px solid #b1b1b1; vertical-align: middle; text-align: center; box-sizing: content-box; cursor: pointer; overflow: visible; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; /* Support: IE <= 11 */}/* 버튼 활성/비활성 상태 색상값 변경 : 2018-09-12 김민우 */
.ui-button,
.ui-button:link,
.ui-button:visited,
.ui-button:hover,
.ui-button:active {text-decoration: none; outline: none;}
.ui-button:hover {background-color: transparent}
.ui-button:active {color: #333; background-color: transparent;}

.ui-selectable {-ms-touch-action: none; touch-action: none;}
/*.ui-selectable-helper {position: absolute; z-index: 100; border: 1px dotted black;}*/
.ui-selectmenu-menu {padding: 0; margin: 0; position: absolute; top: 0; left: 0; display: none; border: 1px solid #969696; border-radius: 2px; background: #fff; overflow-x: visible; min-width: 100%;}
.ui-selectmenu-menu .ui-menu {overflow: auto; overflow-x: hidden;}
.ui-selectmenu-menu .handy-scroll.scroll-content {max-height: 181px; height: auto !important;}
.selectbox.max_15 .ui-selectmenu-menu .handy-scroll.scroll-content {max-height: 451px; height: auto !important;}/* option 15이상에서 스크롤 되도록 추가 2018-09-03 김민우 */
.selectbox.fix_height .ui-selectmenu-menu .handy-scroll.scroll-content {height: 181px !important;}/* 고정높이값 추가 : 2018-10-03 김민우 */
/* 펼치기전 inline-style로 height값을 100px 선언되고 있는 문제로 auto로 수정 2018-08-29 김민우 */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .ui-selectmenu-menu .handy-scroll.scroll-content {max-height: 198px;}/*ie 스크롤 이슈로 인해 높이값 수정 (181px -> 198px) : 2018-07-23 이연주 */
    .selectbox.max_15 .ui-selectmenu-menu .handy-scroll.scroll-content {max-height: 468px;}
    .selectbox.type_scroll .ui-selectmenu-menu .handy-scroll.scroll-content {padding-bottom: 17px;}/* 키보드로 이동시 맨 하단까지 내려가지 않는 이슈로 인해 패딩값 추가 : 2018-08-29 이연주 */
    .selectbox.fix_height .ui-selectmenu-menu .handy-scroll.scroll-content {height: 198px !important;}/* 고정높이값 추가 : 2018-10-03 김민우 */
}
@media all and (monochrome:0) {
    .ui-selectmenu-menu .handy-scroll.scroll-content {max-height: 198px\9;}
    .selectbox.max_15 .ui-selectmenu-menu .handy-scroll.scroll-content {max-height: 468px\9;}
    .selectbox.type_scroll .ui-selectmenu-menu .handy-scroll.scroll-content {padding-bottom: 17px\9;}
    .selectbox.fix_height .ui-selectmenu-menu .handy-scroll.scroll-content {height: 198px\9 !important;}/* 고정높이값 추가 : 2018-10-03 김민우 */
}/* ie9 미디어쿼리 추가 2018-10-03 김민우 */
/* .added_group.appr_grp .ui-selectmenu-menu .handy-scroll.scroll-content {max-height: none !important;}
 결재선 지정창 결재방법 선택 select 옵션이 아래에 있을경우 handy-scroll resize오류로 max-height값 삭제 2018-08-29 김민우 */
.ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup {font-size: 12px; font-weight: bold; line-height: 1.5; padding: 2px 0.4em; margin: 0.5em 0 0 0; height: auto; border: 0;}
.ui-selectmenu-open {display: block;}
.ui-selectmenu-text {display: block; margin-right: 17px; overflow: hidden; text-overflow: ellipsis;}/* 수정 : 2019-05-10 */
.d_srch_layer .selectbox.br_bttm .ui-selectmenu-text {width: calc(100% - 8px); word-break: break-all; display: block; margin-right: 20px; overflow: hidden; text-overflow: ellipsis;}

.ui-selectmenu-button.ui-button {text-align: left; white-space: nowrap; width:100%; box-sizing: border-box;}
.ui-selectmenu-icon.ui-icon {float: right; margin-top: 0;}
.ellipsis .ui-selectmenu-text {width:calc(100% - 8px);}

/* Component containers
----------------------------------*/
.ui-widget {font-size: 12px}
.ui-widget .ui-widget {font-size: 12px}
.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {font-size: 12px}
.ui-widget.ui-widget-content {border: 0 none; border-radius: 0; width:100%; box-sizing: content-box;}
/*.selectbox .scroll-wrapper {border: 1px solid #969696; border-radius: 2px;}*/
.ui-widget-content {width:100%; box-sizing: border-box; color: #333333;}
.ui-widget-content li {width:100%;}
.ui-widget-content a {color: #333333;}

/* Interaction states
----------------------------------*/
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button {font-weight: normal; color: #333;}
.ui-button.ui-state-disabled,
.ui-button.ui-state-disabled:hover,
.ui-button.ui-state-disabled:active {font-weight: normal; color: #a9a9a9; border: 1px solid #ddd; background-image:url(/user/img/btn_select_ds.png);}
.input_group .ui-button.ui-state-disabled,
.input_group .ui-button.ui-state-disabled:hover,
.input_group .ui-button.ui-state-disabled:active {border: 0 none;}/* 버튼 활성/비활성 상태 색상값 변경 : 2018-09-12 김민우 */

.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited,
a.ui-button,
a:link.ui-button,
a:visited.ui-button,
.ui-button {color: #333; text-decoration: none;}
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus,
.ui-button:hover,
.ui-button:focus {
/* border: 1px solid #cccccc;*/
/* background: #ededed;*/
 font-weight: normal; color: #2b2b2b;}
.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited,
.ui-state-focus a,
.ui-state-focus a:hover,
.ui-state-focus a:link,
.ui-state-focus a:visited,
a.ui-button:hover,
a.ui-button:focus {color: #2b2b2b; text-decoration: none; outline: none; box-sizing: border-box; width: 100%;}

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
.ui-button.ui-state-active:hover {background: #edf3ff; text-decoration: none; outline: none;  font-weight: normal; color: #4c4c4c; box-sizing: border-box; width: 100%;}

div.ui-menu-item-wrapper.selected {color: #3858ed !important;}

.ui-icon-background,
.ui-state-active .ui-icon-background {border: #003eff; background-color: transparent;}
.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {color: #ffffff; text-decoration: none;}


/* Misc visuals
----------------------------------*/

/* Corner radius */
.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {border-top-left-radius: 2px;}
.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {border-top-right-radius: 2px;}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {border-bottom-left-radius: 2px;}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {border-bottom-right-radius: 2px;}

/* Overlays */
.ui-widget-overlay {background: #aaaaaa; opacity: .3; filter: Alpha(Opacity=30); /* support: IE8 */}
.ui-widget-shadow {-webkit-box-shadow: 0px 0px 5px #666666; box-shadow: 0px 0px 5px #666666;}