/* 
 * Nanum Gothic (Korean) 
 */


@font-face {
    font-family: 'Nanum Gothic';
    font-style: normal;
    font-weight: 700;
    src: url('/lib/css/font/NanumGothic-Bold.eot');
    src: url('/lib/css/font/NanumGothic-Bold.eot?#iefix') format('embedded-opentype'),
        /*       url('/lib/css/font/NanumGothic-Bold.woff2') format('woff2'),  //woff2 인코딩 에러로 인해 주석 처리*/
        url('/lib/css/font/NanumGothic-Bold.woff') format('woff'),
        url('/lib/css/font/NanumGothic-Bold.ttf') format('truetype');
}

@font-face {
    font-family: 'Nanum Gothic';
    font-style: normal;
    font-weight: 400;
    src: url('/lib/css/font/NanumGothic-Regular.eot');
    src: url('/lib/css/font/NanumGothic-Regular.eot?#iefix') format('embedded-opentype'),
        /*       url('/lib/css/font/NanumGothic-Regular.woff2') format('woff2'),*/
        url('/lib/css/font/NanumGothic-Regular.woff') format('woff'),
        url('/lib/css/font/NanumGothic-Regular.ttf') format('truetype');
}

@font-face {
    font-family: 'Nanum Gothic';
    font-style: normal;
    font-weight: 800;
    src: url('/lib/css/font/NanumGothic-ExtraBold.eot');
    src: url('/lib/css/font/NanumGothic-ExtraBold.eot?#iefix') format('embedded-opentype'),
        /*       url('/lib/css/font/NanumGothic-ExtraBold.woff2') format('woff2'),*/
        url('/lib/css/font/NanumGothic-ExtraBold.woff') format('woff'),
        url('/lib/css/font/NanumGothic-ExtraBold.ttf') format('truetype');
}

@font-face {
    font-family: 'NanumMyeongjoWeb';
    src: url('/lib/css/font/NanumMyeongjo.eot');
    src: url('/lib/css/font/NanumMyeongjo.eot?#iefix') format('embedded-opentype'),
        url('/lib/css/font/NanumMyeongjo.woff') format('woff');

    font-weight: normal;
    font-style: normal;
}

/*////////////////////////////////////////////*/
/* 터치모니터 더블클릭 확대방지 */
html {
    -ms-touch-action: none;
    -ms-content-zooming: none;

	/* 21.09.09 ios에서 폰트사이즈자동조절되는것 막기위해서 추가 ( Prevent font scaling in landscape ) */
	-webkit-text-size-adjust: none; /*Chrome, Safari, newer versions of Opera*/
	-moz-text-size-adjust: none; /*Firefox*/
	-ms-text-size-adjust: none;  /*Ie*/
	-o-text-size-adjust: none; /*old versions of Opera*/
}


body {
    margin: 0;
    background: #eee;
    font-family: 'Nanum Gothic', 'NanumGothic', dotum, sans-serif;
}

input {
    /*input 입력시, 한글우선 // ie만 적용됨*/
    ime-mode: active;
}

input[type="text"],
textarea,
select {
    font-family: 'Nanum Gothic', 'NanumGothic', dotum, sans-serif;

}



.header {
    border-bottom: 1px solid #a1a2a3;
    background: #2d87e2;
    width: 100%;
    height: 65px;
    position: fixed;
    top: 0px;
    left: 0px;
    float: left;
}

.logo {
    width: 206px;
    height: 65px;
    background: #2d87e2;
    /*    position: fixed;
    top: 0px;
    left: 0px;*/
    float: left;
    text-align: center;
    padding-top: 5px;

}

.menu_open {
    /*	position: fixed;
    top: 0px;
    left: 205px;*/
    float: left;
    width: 29px;
    height: 65px;
}

.login_info {
    float: left;
    color: white;
    font-size: 14px;
    padding: 15px 5px 5px 21px;
}

.sub_menu_open {
    /*헤더 상단우측 img 왼쪽 위치한 : */
    float: right;
    width: 10px;
    height: 24px;
    background-image: radial-gradient(circle at center, white 2px, transparent 1px);
    background-size: 12px 8px;
    background-color: #2d87e2;
    margin: 19px 5px 5px 5px;
}

.helpu {
    text-decoration: none;
    color: white;
    font-size: 14px;
    float: right;
    margin: 20px 5px 0px 4px;
}

.login_user {
    float: right;
    margin: 8px 15px 0px 4px;
}

.search_div {
    padding: 11px 0px 5px 0px;
    margin-left: 20px;
    width: 250px;
    border-bottom: 1px solid #eee;
}

.rsearch_div {
    padding: 11px 0px 5px 0px;
    margin-left: 20px;
}

.search_input {
    /*10-19 130->260px;*/
    width: 220px;
    /* height: 20px;*/
    background-color: #f9f9f9;
    /* margin: 0px 3px 0px 3px;*/
    border: 0px;
    /* border-bottom: 2px solid #eee;*/
    color: #212121;
    padding: 5px 0px 4px 7px;
    font-size: 15px;
}
.sch_ninput {
    width: 220px;
    background-color: #f9f9f9;
    border: 0px;
    color: #212121;
    padding: 5px 0px 4px 7px;
    font-size: 15px;
}

.sch_nbtn {
    text-decoration: none;
    width: 20px;
    position: absolute;
    height: 30px;
}

#sch_but {
    text-decoration: none;
    width: 20px;
    position: absolute;
    height: 30px;
}

.body_all {
    width: 100%;
    height: 100%;

    background: #f9f9f9;
}

.body-header {
    height: 45px;
    /*    display: -webkit-flex;
    display: flex;*/
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    background: #fff;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-align-items: center;
    align-items: center;
    position: relative;
    width: 100% z-index: 101;
}

.body-main {

    height: 100%;

}

.write-body {
    padding: 20px;
}

.body-main-sch {
    height: 50px;
    border-bottom: 2px solid #eee;
}



/* ================ 2018-10-19 상단 헤더부분 수정 ============================*/
.body-title {
    /* 매출등록은 직접 적용함*/

width: auto !important;
    float: left;
    font-size: 17px;
    font-weight: bold;
    color: #797979;
    margin-right: 5px;
    text-align: center;
    padding: 13px 40px;
    height: 45px;
    box-sizing: border-box;
    border-bottom: solid 3px #4286f3;

}

.body-title-sub {
    /* 매출등록은 직접 적용함*/
width: auto !important;
    float: left;
    font-size: 17px;
    font-weight: bold;
    color: #797979;
    margin-right: 5px;
    text-align: center;
    padding: 13px 40px;
    height: 45px;
    box-sizing: border-box;
    border-bottom: solid 3px #dcdcdc;
    cursor: pointer;

}

.body-menu {
    float: right;
    /*1019 상단메뉴수정: 10 ->13px */
    padding: 13px 10px 5px 5px;
    color: #828282;
}

.body-menu-sub {
    padding: 0px 20px 0px 12px;
    font-size: 14px;
}

/*========================== [등록수정페이지 UI변경] =================================*/
/* 등록수정페이지 그룹*/
.edit_body_div {
    padding: 20px 25px;
    margin-bottom: 10px;
    background-color: white;
    box-shadow: 1px 1px 1px 1px #9e9e9e;
    width: 640px;
    height: auto;
    overflow: auto;
}

/*필수|선택정보 설명*/
.div_description {
    color: #6d6d6d;
    font-size: 11px;
    font-weight: normal;
}

/*완료닫기 버튼*/
.div_button {
    width: 100%;
    height: 60px;
    float: left;
    padding-top: 5px;
    padding-left: 540px;
    margin-bottom: 50px;
	box-sizing: border-box;
}

/* 부가설명 */
.sub_description {
    color: #948e8e;
    font-size: 11px;
    font-weight: 300;
    padding-top: 6px;
    display: inline-block;
    color: #9c9c9c;
}

/*===========================================================================*/
select {
    padding: 1px 1px !important;

}


input[type="text"].writeinput,
textarea,
select,
input[type="password"].writeinput {
    border: 1px solid #d9d9d9;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
    border-top: 1px solid #c0c0c0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    color: #333;
    font-size: 13px;
    height: 25px;
    line-height: 25px;
    padding: 1px 8px;
}

input[type="text"].schinput,
input[type="password"].schinput {
    border: 1px solid #d9d9d9;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
    border-top: 1px solid #c0c0c0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    color: #333;
    font-size: 13px;
    height: 24px;
    line-height: 24px;
    padding: 1px 8px;
}

input[type='button'],
input[type='submit'],.btnDiv {
    background-color: #f5f5f5;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#f5f5f5), to(#f1f1f1));
    background-image: -webkit-linear-gradient(top, #f5f5f5, #f1f1f1);
    background-image: -moz-linear-gradient(top, #f5f5f5, #f1f1f1);
    background-image: -ms-linear-gradient(top, #f5f5f5, #f1f1f1);
    background-image: -o-linear-gradient(top, #f5f5f5, #f1f1f1);
    background-image: linear-gradient(top, #f5f5f5, #f1f1f1);
    border: 1px solid #dcdcdc;
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    box-sizing: content-box;
    -moz-box-sizing: content-box;
    -ms-box-sizing: content-box;
    -o-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    color: #444;
    cursor: default;
    display: inline-block;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#f5f5f5', EndColorStr='#ececec');
    font-size: 12px;
    font-weight: bold;
    height: 27px;
    line-height: 27px;
    min-width: 54px;
    padding: 0 8px;
    text-align: center;
    transition: all 218ms;
    -moz-transition: all 218ms;
    -o-transition: all 218ms;
    -webkit-transition: all 218ms;
    user-select: none;
    -moz-user-select: none;
    -webkit-user-select: none;
    vertical-align: 1px;
    cursor: pointer;
}

input[type='button'].but_blue,
input[type='submit'].but_blue {
    background-color: #4d90fe;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#4d90fe), to(#4787ed));
    background-image: -webkit-linear-gradient(top, #4d90fe, #4787ed);
    background-image: -moz-linear-gradient(top, #4d90fe, #4787ed);
    background-image: -ms-linear-gradient(top, #4d90fe, #4787ed);
    background-image: -o-linear-gradient(top, #4d90fe, #4787ed);
    background-image: linear-gradient(top, #4d90fe, #4787ed);
    border-color: #3079ed;
    color: #fff;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#4d90fe', EndColorStr='#4787ed');
    cursor: pointer;
}

input[type='button'].color1,
input[type='submit'].color1 {
    background-color: #264491;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#264491), to(#264491));
    background-image: -webkit-linear-gradient(top, #264491, #264491);
    background-image: -moz-linear-gradient(top, #264491, #264491);
    background-image: -ms-linear-gradient(top, #264491, #264491);
    background-image: -o-linear-gradient(top, #264491, #264491);
    background-image: linear-gradient(top, #264491, #264491);
    border: 1px solid #dcdcdc;
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    box-sizing: content-box;
    -moz-box-sizing: content-box;
    -ms-box-sizing: content-box;
    -o-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    color: #FFFFFF;
    cursor: default;
    display: inline-block;
    font-weight: bold;
    line-height: 27px;
    min-width: 54px;
    padding: 0 8px;
    text-align: center;
    transition: all 218ms;
    -moz-transition: all 218ms;
    -o-transition: all 218ms;
    -webkit-transition: all 218ms;
    user-select: none;
    -moz-user-select: none;
    -webkit-user-select: none;
    vertical-align: 1px;
    cursor: pointer;
}

input[type='button'].color2,
input[type='submit'].color2 {
    background-color: #055fa5;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#055fa5), to(#055fa5));
    background-image: -webkit-linear-gradient(top, #055fa5, #055fa5);
    background-image: -moz-linear-gradient(top, #055fa5, #055fa5);
    background-image: -ms-linear-gradient(top, #055fa5, #055fa5);
    background-image: -o-linear-gradient(top, #055fa5, #055fa5);
    background-image: linear-gradient(top, #055fa5, #055fa5);
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    box-sizing: content-box;
    -moz-box-sizing: content-box;
    -ms-box-sizing: content-box;
    -o-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    color: #FFFFFF;
    cursor: default;
    display: inline-block;
    font-weight: bold;
    line-height: 27px;
    min-width: 54px;
    padding: 0 8px;
    text-align: center;
    transition: all 218ms;
    -moz-transition: all 218ms;
    -o-transition: all 218ms;
    -webkit-transition: all 218ms;
    user-select: none;
    -moz-user-select: none;
    -webkit-user-select: none;
    vertical-align: 1px;
    cursor: pointer;
}

input[type='button'].color3,
input[type='submit'].color3 {
    background-color: #454856;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#454856), to(#454856));
    background-image: -webkit-linear-gradient(top, #454856, #454856);
    background-image: -moz-linear-gradient(top, #454856, #454856);
    background-image: -ms-linear-gradient(top, #454856, #454856);
    background-image: -o-linear-gradient(top, #454856, #454856);
    background-image: linear-gradient(top, #454856, #454856);
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    box-sizing: content-box;
    -moz-box-sizing: content-box;
    -ms-box-sizing: content-box;
    -o-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    color: #FFFFFF;
    cursor: default;
    display: inline-block;
    font-weight: bold;
    line-height: 27px;
    min-width: 54px;
    padding: 0 8px;
    text-align: center;
    transition: all 218ms;
    -moz-transition: all 218ms;
    -o-transition: all 218ms;
    -webkit-transition: all 218ms;
    user-select: none;
    -moz-user-select: none;
    -webkit-user-select: none;
    vertical-align: 1px;
    cursor: pointer;
}

input[type='button'].color4,
input[type='submit'].color4 {
    background-color: #0087a9;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#0087a9), to(#0087a9));
    background-image: -webkit-linear-gradient(top, #0087a9, #0087a9);
    background-image: -moz-linear-gradient(top, #0087a9, #0087a9);
    background-image: -ms-linear-gradient(top, #0087a9, #0087a9);
    background-image: -o-linear-gradient(top, #0087a9, #0087a9);
    background-image: linear-gradient(top, #0087a9, #0087a9);
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    box-sizing: content-box;
    -moz-box-sizing: content-box;
    -ms-box-sizing: content-box;
    -o-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    color: #FFFFFF;
    cursor: default;
    display: inline-block;
    font-weight: bold;
    line-height: 27px;
    min-width: 54px;
    padding: 0 8px;
    text-align: center;
    transition: all 218ms;
    -moz-transition: all 218ms;
    -o-transition: all 218ms;
    -webkit-transition: all 218ms;
    user-select: none;
    -moz-user-select: none;
    -webkit-user-select: none;
    vertical-align: 1px;
    cursor: pointer;
}

input[type='button'].color5,
input[type='submit'].color5 {
    background-color: #009c8c;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#009c8c), to(#009c8c));
    background-image: -webkit-linear-gradient(top, #009c8c, #009c8c);
    background-image: -moz-linear-gradient(top, #009c8c, #009c8c);
    background-image: -ms-linear-gradient(top, #009c8c, #009c8c);
    background-image: -o-linear-gradient(top, #009c8c, #009c8c);
    background-image: linear-gradient(top, #009c8c, #009c8c);
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    box-sizing: content-box;
    -moz-box-sizing: content-box;
    -ms-box-sizing: content-box;
    -o-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    color: #FFFFFF;
    cursor: default;
    display: inline-block;
    font-weight: bold;
    line-height: 27px;
    min-width: 54px;
    padding: 0 8px;
    text-align: center;
    transition: all 218ms;
    -moz-transition: all 218ms;
    -o-transition: all 218ms;
    -webkit-transition: all 218ms;
    user-select: none;
    -moz-user-select: none;
    -webkit-user-select: none;
    vertical-align: 1px;
    cursor: pointer;
}

.sub_menu_button {
    cursor: pointer;
}

input[type="checkbox"]+label {
    display: inline-block;
    background-image: url("/img/page/checkbox_none.png");
    width: 18px;
    height: 18px;
    cursor: pointer;
    position: relative;
    top: 3px;
}

input[type="checkbox"]:checked+label {
    /*background-color: #666666;*/
    width: 18px;
    height: 18px;
    /*	border: 0px;     12/31 정지은 권한정보 체크시 row 높이 달라지는 문제로 주석처리    */
    background-image: url("/img/page/checkbox.png");
}

input[type="checkbox"] {
    visibility: hidden;
    display: none;
    position: relative;
}

input[type="radio"]+label {
    display: inline-block;
    background-image: url("/img/page/radio.png");
    width: 18px;
    height: 18px;
    cursor: pointer;
    position: relative;
    top: 3px;
}

input[type="radio"]:checked+label {
    /*background-color: #666666;*/
    width: 18px;
    height: 18px;
    border: 0px;
    background-image: url("/img/page/radio_checked.png");
}

input[type="radio"] {
    visibility: hidden;
    display: none;
    position: relative;
}


/*
 input[type="checkbox"] {
  position: absolute;
  visibility: hidden;
}


label {
	display: block;
    position: relative;
    width: 55px;
    height: 25px;
    border-radius: 8px;
    background-color: #ddd;
    transition-duration: 0.2s;
	border: 1px solid #e2e2e2;
	cursor:pointer;
}
.sex_type {
background-color: #4889f2;
}

label span {
   position: absolute;
    left: -1px;
    top: -1px;
    z-index: 1;
    width: 25px;
    height: 25px;
    border-radius: 7px;
    background-color: #fff;
    transition-duration: 0.2s;
    border: 1px solid #e2e2e2;
	cursor:pointer;
}

label:before,
label:after{
  position: absolute;
  top: 0;
  width: 34px;
  font-size: 11px;
 line-height: 26px;
  color: #fff;
  text-align: center;
}

label:before {
  left: -2px;
  content: 'ON';
}

label:after {
  right: -2px;
  content: 'OFF';
}

.sex_type:before {
  left: -2px;;
  content: '여';
}

.sex_type:after {
  right: -2px;
  content: '남';
}

input:checked + label {
  background-color: #4889f2;
}



input:checked + label span {
  transform: translateX(30px)
}

토글버튼*/

.bcolor1 {
    cursor: pointer;
    border: 0px;
    line-height: 20px;
    font-weight: bold;
    background: #264491;
    -webkit-border-radius: 2px;
    border-radius: 2px;
}

.bcolor2 {
    cursor: pointer;
    border: 0px;
    line-height: 20px;
    font-weight: bold;
    background: #055fa5;
    -webkit-border-radius: 2px;
    border-radius: 2px;
}

.bcolor3 {
    cursor: pointer;
    border: 0px;
    line-height: 20px;
    font-weight: bold;
    background: #454856;
    -webkit-border-radius: 2px;
    border-radius: 2px;
}

.bcolor4 {
    cursor: pointer;
    border: 0px;
    line-height: 20px;
    font-weight: bold;
    background: #0087a9;
    padding: 0 8px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
}

.bcolor5 {
    cursor: pointer;
    border: 0px;
    line-height: 20px;
    font-weight: bold;
    background: #009c8c;
    -webkit-border-radius: 2px;
    border-radius: 2px;
}

.bcolor6 { /*20.04.09 비활성화 버튼색*/
    cursor: pointer;
    border: 0px;
    line-height: 20px;
    font-weight: bold;
    background: #d9d9d9;
    -webkit-border-radius: 2px;
    border-radius: 2px;
}


.register.login .check_box label {
    display: inline-block;
    position: relative;
    z-index: 20;
    padding-left: 29px;
    min-height: 24px;
    font-size: 16px;
    line-height: 26px;
    vertical-align: top;
    background: url(/img/page/loginprocess.png) no-repeat;
    cursor: pointer;
}

.register.login .check_box label.on {
    background-position: 0 -60px;
}

.ft12 {
    font-size: 12px;
}

.ft11 {
    font-size: 11px;
}

.ft13 {
    font-size: 13px;
}

.ft14 {
    font-size: 14px;
}

.ft15 {
    font-size: 15px;
}

.ft16 {
    font-size: 16px;
}

.margin-0 {
    margin: 0px !important;
}

.cursor-p {
    cursor: pointer;
}

.br2_gray {
    border-bottom: 2px solid rgba(0, 0, 0, 0.1);
}

.br1_gray {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.pop_price {
    color: rgba(0, 0, 0, 0.8);
    padding-right: 15px;
    font-weight: bold;
}

.bt_div {
    width: 100%;
    float: left;
    text-align: right;
    padding-top: 15px;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
}

.pop_desc {
    font-size: 12px;
    color: rgba(0, 0, 0, 0.6);
}

/*============ DatePicker ===============*/
#ui-datepicker-div {
    padding: 0px;
    width: 184px;

}

.ui-datepicker table {
    /* width: 150px; */
    font-size: 12px !important;
    border-collapse: unset;
}

.ui-datepicker .ui-datepicker-header {
    position: relative;
    font-size: 14px !important;
    padding: .2em 0;
    background: #f2f2f2;
    ;
    border: none;
    border-bottom: 1px solid #b1b1a4;
}

.ui-datepicker select.ui-datepicker-year {
    width: 62px !important;
}

.ui-datepicker td span,
.ui-datepicker td a {
    text-align: center !important;
}

.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
    border: 1px solid #b1b1a4;
    background: #9abbf663;
    color: #060b13;
}

.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {

    border-radius: 0px;
}

.ui-datepicker .ui-datepicker-title {
    background: #f2f2f2;
    ;
}

.ui-widget-content .ui-state-default {
    /* border: 1px solid #d3d3d3; */
    background: white;
    border: none !important;
    /*    background:#fffff; */
    font-weight: normal;
    color: #555555;


}

.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
    /*오늘*/
    /* border: 1px solid #b1b1a4; */
    background: #2d87e2 !important;
    /* 구글색*/
    border-radius: 50%;
    color: #ffffff !important;
    /*폰트*/
}


.ui-state-default {
    /*맨뒤에 깔린것  구글선택값 #e0e0e0;*/
    border-radius: 50%;
    /* border: 1px solid #d3d3d3; */
    background: white !important;
    font-weight: normal;
    color: #555555 !important;
}

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-button.ui-state-active:hover {
    border: 1px solid #e0e0e0;
    background: #e0e0e0 !important;
    font-weight: normal;
    color: #212121;
}

.ui-icon .ui-icon-circle-triangle-w {
    background-image: url(img/ui-icons_44444_256x240.png);

    background-position: -96px 0;
}

.ui-icon .ui-icon-circle-triangle-e {
    background-image: url(images/ui-icons_222222_256x240.png);
    background-position: -32px 0;
}



/*===기본 스크롤바 (얇고 숨김) =====*/
.scroll {
    border-bottom: 2px solid #eeeeee;
    height: 408px;
    overflow: scroll;
    overflow-x: hidden;
    -ms-scrollbar-face-color: rgba(238, 238, 238, 1);
    -ms-scrollbar-arrow-color: rgba(233, 228, 239, 1);
    -ms-scrollbar-shadow-color: rgba(255, 255, 255, 1);
}

::-webkit-scrollbar {
    width: 3px;
    background: transparent;
}

/* optional: show position indicator in red */
::-webkit-scrollbar-thumb {
    background: #8c88881c;
    height: 20px;
}



/*=====================*/
/* tree */
/*=====================*/
ul.checktree,
ul.checktree ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
    font: 10px sans-serif;
}

ul.checktree li {
    /*트리 구조 연결 선 */
    /* background: url(http://www.blueb.co.kr/SRC/javascript/image3/node.gif) no-repeat;*/
    border-bottom: 1px solid #dfdfdf;
    font-weight: 500;
    margin: 3px;
    font-size: 13px;
    padding: 6px 0 9px 0px;
    cursor: default;
}

ul.checktree li.last {
    /* 트리구조  +,- 파악 아이콘*/
    /* background-image: url(http://www.blueb.co.kr/SRC/javascript/image3/node-last.gif);*/
    border-bottom: none;
}

ul.checktree li.plus {
    /* background-image: url(http://www.blueb.co.kr/SRC/javascript/image3/plus.gif);*/
}

ul.checktree li.plus-last {
    /* background-image: url(http://www.blueb.co.kr/SRC/javascript/image3/plus-last.gif);*/
}

ul.checktree li.minus {
    /* background-image: url(http://www.blueb.co.kr/SRC/javascript/image3/minus.gif);*/
}

ul.checktree li.minus-last {
    /* background-image: url(http://www.blueb.co.kr/SRC/javascript/image3/minus-last.gif);*/
}

ul.checktree span.count {
    text-indent: 5pt;
    font-size: 10px;
    color: #999;
    /* font-style: italic;*/
}

.txt_link {
    color: #4285f4;
    font-size: 14px;
    font-weight: bold;
}

.txt_span_high {
    color: rgba(0, 0, 0, 0.9);
    font-size: 14px;
    font-weight: bold;
}

.txt_span_middle {
    color: rgba(0, 0, 0, 0.6);
    font-size: 14px;
}

.txt_span_low {
    color: rgba(0, 0, 0, 0.3);
    font-size: 14px;
}

.sch_mtxt {
    font-size: 13px;
    width: 120px;
    float: left;
    text-align: right;
    padding-top: 5px;
    padding-right: 5px;
}

.list_sch {
    /*list 검색 돋보기*/

    float: left;
    position: relative;
    height: 27px;
}

.btn_sch {
    padding-left: 134px;
    padding-top: 7px;

}

/* ==== 보고서 css ===== */

.sch_topTitle {
    font-size: 13px;
    padding: 11px 0px 10px 10px;
    width: 80%;
}

/* 보고서 기간 input  */
#start_date_input,
#end_date_input {
    width: 90px;
}

/* 검색조건 rowWrap (한줄) //매출관리,매입관리,홈 사용  */
.sch_rowWrap {
    float: left;
    /* width: 70%; */
	width: 100%; /*창크기 조절시 input깨지는 문제로 px로 변경  드래그 생격서 다시 수정(강무성, 2021-08-03*/
    padding: 2px 0px;
}

/* 매출기간 버튼 wrap */
.btnWrap {
    padding: 5px;
    float: left;
    margin-left: 120px;
    width: 70%;
}

/*매출버튼 row에 다른 컨텐츠있을 때 */
.btnTwo {
    width: auto;
}

/* 매출기간 오른쪽 input */
.dateRight {
    width: 80px;
    padding-top: 7px;
    padding-left: 82px;
}

/* 전표번호 div */
.mtxt_row {
    padding-top: 11px;
    width: 80px;
}

/* 검색버튼 왼쪽input */
.sch_left {
    margin-right: 3px;
    width: 216px;
    text-align: right;
}

.sch_icon {
    position: absolute;
    margin-left: 7px;
    margin-top: 7px;
}

/* 20.11.11 크기고정 */
textarea {
	resize:none;
}

/*2021-02-08 보고서 : 와이드화면에서 검색부UI 깨지는 오류수정 */
 .sch_wrap{
	max-width:1000px; /*2021-08-31 보고서 : 모바일에서 여백스크롤되는 문제 수정 (대표님작업) */
	margin-left: 20px;
}


/*21.10.05 결제팝업창 결제버튼 크기 수정*/
.btn_size {
	height:50px !important;
}
/*2021-11-17 고객매출분석 css추가 */
.avgrow{
    color: #9f9f9f;
    height: 40px;
    line-height: 40px;
    width: 10%;
    float: left;
    text-align: right;
    font-weight: bold;
}
.avgfirst{
	text-align:center;
}
.avgsec_val{
	background: #FFF;
    height: 40px;
    line-height: 40px;
    width: 10%;
    float: left;
    text-align: right;
    color: rgba(0,0,0,.7);
}
.avgsec{
	background: #f2f2f2;
	text-align:center;
}
.cellbox{
	width: 100%;
	margin-top: 10px	;
    position: relative;
    border: 1px solid #dfdfdf;
    background: #fff;
    font-size: 14px;
}
.cellrow{
	position: relative;
    border-bottom: 1px solid #f2f2f2;
    height: 40px;
}