/*reset*/
*{margin:0;padding:0;}
body{width:100%;/*background-color:#f8f9fa;*/ background:#fff;}

/*blue theme start*/
.blue_label{color:#4caad8 !important;}
.blue_btn{background-color:#54a7dd !important;border:none !important;color:white !important;}
.blue_input{border-color:#69c6eb !important;color:#777777 !important;}
/*blue theme end*/

/*gray theme start*/
.gray_label{color:#505050 !important;}
.gray_btn{background-color:#aeaeae !important;border:none !important;color:white !important;}
.gray_input{border-color:#d9d9d9 !important;color:#777777 !important;}
/*gray theme end*/

/*divSize*/
.div10{height:10px;}
.div20{height:20px;}
.div30{height:30px;}
.div40{height:40px;}
/*div 50%*/
.div50{width:calc(50% - 50px);float:left;}
.div60{height:60px;}
.div70{height:50px;}
.div90{height:90px;}
.div110{height:110px;}
.div130{height:130px;}
.div140{height:140px;}
.div150{height:150px;}
.div160{height:160px;}
.div170{height:170px;}
.div174{height:174px;}
.div180{height:180px;}
.div184{height:184px;}
.div190{height:190px;}
.div194{height:194px;}
.div200{height:200px;}
.lastDiv{width:100% !important;}
.searchBtn{display:table;float:right;margin-right:15px;}
.middleBtn{display:table-cell;width:100%;vertical-align:middle;}

/*wrapper*/
.wrapper{width:100%;overflow:hidden;}

/*header*/
.header{
	width:100%;
	height:70px;
	padding-top:10px;
	background-color:#346cb0;
	/*border-bottom:1px solid #e7e7e7;*/
}
.header > h3{
	color:#fff;
	margin-left:10px;
	font-size:25px;
	padding:0 !important;
	display:inline;
}
#slideBtn{
	display:none;
	float:right;
	width:50px;
	height:30px;
	color:#fff;
	background-color:transparent;
	border:1px solid #ddd;
	border-radius:5px;
	margin-right:20px;
}

/*menu*/
.gnb{float:left;z-index:999;display:block;}
/* 2018-10-24
.gnb > div > ul li{text-align:center;}
*/


/*demoMain start*/
/*content*/
.main_cont{
	float:left;
	/*background-color:#f8f9fa;*/
	padding-bottom:5px !important;
	/*border-left:1px solid #e7e7e7;*/
}
.title_area{padding:20px 0 10px 0;}
.title_area > h3{
	padding-bottom:15px;
	border-bottom:1px solid #eee;
	color:#555555;
}

/*form_cont*/
.search_area{
	padding:10px;
	margin:0 10px 30px 10px;
	border: 1px solid rgba(0, 0, 0, 0.125);
	border-radius:.5rem;
	float:left;
	background:#fff;
	width:calc(100% - 1px);
	box-shadow:0px 5px 20px 0px rgba(219, 219, 219, 0.55);
	-webkit-box-shadow:0px 5px 20px 0px rgba(219, 219, 219, 0.55);
}
.compDiv{
	display:table;
	clear:both;
	float:left;
	margin:1px 0;
	border-bottom:1px solid #efefef;
	border-top:1px solid #efefef;
}
.compDiv_fixed{
	display:table;
	width:100% !important;
	height:auto !important;
	clear:both;
	float:left;
	margin:5px 0;
	border-bottom:1px solid #efefef;
	border-top:1px solid #efefef;
}

.sch_label{
	display:table-cell;
	width:30%;
	text-align:center;
	vertical-align:middle;
	background-color:#efefef;
}
.sch_cont{
	display: table-cell;
    padding: 5px;
    width: 70%;
    vertical-align: middle;
}

/*grid_cont*/
.subTitle_area{padding:0 10px;float:left;width:calc(100% - 20px);}
.subTitle_area > h4{padding:10px 0 10px 20px;color:#555555;text-align:left;float:left;}
.subTitle_area > .btn_area{margin:10px 0;text-align:right;float:right;}
.subTitle_area > .btn_area > .btn_navy{background-color:#aeaeae;color:white;border:none;}

/*jjhalf add*/
.sbgrid-subtitle {position: relative; height:5%; padding-left:10px; font-weight: bold;}
.sbgrid-subtitle:before {position: absolute;top:4px;left:0;display:block;width:5px;height:14px;background:#386ec7;content:"";}
.sbgrid-btn {height:20px;padding:3px 15px;background: #757575;line-height:21px;border-radisu:5px;border:0;color:#fff;cursor:pointer;}
.sbgrid-btn-group {float: right;}
/*jjhalf add end*/

/*demoMain end*/


/*addProject start*/
/*temptype_wrap*/
#temptype_wrap{
	padding:0 1px;
	width:calc(100% - 1px);
	display:inline-block;
	/*float:left;*/
}
.title_area > .btn_area{
	padding:0 20px;
	text-align:right;
}

/*tableDetail_area*/
.tableDetail_area{
	float:left;
	width:100%;
	padding:10px;
	border: 1px solid rgba(0, 0, 0, 0.125);
	border-radius:.5rem;
	background:#fff;
	box-shadow:0px 5px 20px 0px rgba(219, 219, 219, 0.55);
	-webkit-box-shadow:0px 5px 20px 0px rgba(219, 219, 219, 0.55);
}
/*addProject end*/

/*grid*/
.gridDiv{margin:0}
.grid_float { /*jjhalf*/
	display: table;
	width:	100%;
	height: 100%;
}
/*개별처리*/ /*jjhalf*/
.grid_content {
	float: left;
	display: table-cell;
	width: 49%;
	height: 100%;
	/*padding:0 10px;*/	
}

/*footer*/
.footer{
	width:100%;
	padding:30px 0;
	background-color:#1b2025;
	color:#737272;
	float:left;
	text-align:center;
}




@media all and (max-width:340px){
	.wrapper{width:340px;}
}

@media all and (max-width:767px){
	.gnb{width:100%;display:none;}
	.main_cont{width:100%;padding:0 1%;}
	.sch_label{display:block;text-align:left;width:100%;background:none;}
	.sch_cont{display:block;width:100%;background-color:unset;padding:0 0 10px 0;}
	#slideBtn{display:block;}
	.compDiv{width:100%;height:auto !important;}
	.subTitle_area > h4{padding:10px 0 10px 5px;}
	.div50{width:calc(100% - 20px);}
}

@media (min-width:768px) and (max-width:1024px){
	.gnb{width:200px;display:block !important;}
	#main_cont{width:calc(100% - 0.5px);}
	.main_cont{width:100%;padding:0 1%;}
	.compDiv{width:100%;height:auto !important;}
	.sch_label{width:40%;}
	.sch_cont{width:60%;}
}

@media all and (min-width:1025px){
	.gnb{width:220px;display:block !important;}
	#main_cont{width:calc(100% - 0.5px);}
	.main_cont{width:100%;padding:0 1%;}
	#compDiv{width:calc(50% - 10px);margin-right:10px;clear:none;}
	.compDiv{width:calc(30% - 2px);margin-right:5px;clear:none;}
	.sch_label{width:35%;}
	.sch_cont{width:65%;}
}

.demo-tbl01>ul{ background: #fff; padding: 20px;border: 1px solid rgba(0, 0, 0, 0.125);border-radius: .5rem;
    box-shadow: 0px 5px 20px 0px rgba(219, 219, 219, 0.55);
    -webkit-box-shadow: 0px 3px 10px 0px rgba(219, 219, 219, 0.45);}
.demo-tbl01>ul>li {display:table; width:100%;padding-top: 15px;}
.demo-tbl01>ul>li:first-child {padding-top: 0;}
.demo-tbl01>ul>li div.tit {display:block;}
.demo-tbl01>ul>li div.con {display:table; width:100%;padding-top: 15px;} 
.demo-tbl01>ul>li div.con .define {display:table-cell; width:50%; padding-top: 0;vertical-align: top; padding-right: 30px;
    line-height: 15px;}
.demo-tbl01>ul>li div.con .ex {display:table-cell; width:50%; padding:15px; background: #f1f3f7;    border-radius: 0.5em;}
.demo-tbl01 h3 {position:relative; padding:10px;font-size: 17px; letter-spacing: -1px; border-bottom: 1px solid #ccc;line-height: initial;
    padding-bottom: 7px;}
.demo-tbl01 h3:before {position:absolute; left:0; bottom:10px; display:block; width:3px; height:14px; background:#4c8ede; content: "";}
@media (max-width:1000px){
	.demo-tbl01>ul>li div.con .define {display:block; width:100%;}
	.demo-tbl01>ul>li div.con .ex {display:block; width:100%; box-sizing: border-box; margin:10px 0;}
}

.empRed { font-weight: bold;color:#BB0066}
.empBlue{ font-weight: bold;color:#336699}
.mainTitle {display:inline-block; padding-bottom:5px; font-size:23px !important; text-shadow:1.1px 0;}
.desc {font-weight:bold;background: #fff;padding: 15px;margin: 0 0 15px 0;border: 1px solid rgba(0, 0, 0, 0.125);
   	   border-radius: .5rem;box-shadow: 0px 5px 20px 0px rgba(219, 219, 219, 0.55); -webkit-box-shadow: 0px 3px 10px 0px rgba(219, 219, 219, 0.45);}
   	   
   	   
   	   

/**************************************************sbux 2.6 ************************************************************/

/*sbux component*/

ul.sbux-ato {z-index:99990;}
.sbux-ale-dark.hover .sbux-ale-close:before {top:1px;}

/*자동검색 z-index값 변경*/
ul.sbux-ato {z-index:99000;}

/*모달 z-index값 변경*/
/*.sbux-mol-backdrop.sbux-in {z-index:9997 !important;}*/
.sbux-mol-backdrop {z-index:9997 !important;}

/*modal*/
.sbux-mol-wrap .sbux-mol-cont .sbux-mol-hd .sbux-mol-hd-close{font-size:25px; top: 18px;}

/*전체 폰트사이즈 11로변경*/
.sbux-comp-root {font-size:11px !important;}

.sbux-prg-deemed {z-index:13000;}
.sbux-prg-layerpop {z-index:13500;}
.sbux-prg-layerpop-loading {z-index:14500;}

/*그리드 combo z-index 관련  */
.sbgrid-ui-front{
	z-index: 10000 !important;
}


.sbux-error { border:1px solid #e43636 !important;}
.sbux-ok { border:1px solid #3ed236 !important}
.sbux-mol-wrap {z-index:9000 !important;}
.sbux-mol-backdrop {z-index:8000 !important; background-color: #999;}
.sbux-ale-backdrop {background-color: #999;}
.sbux-prg-deemed {background-color: #999;}
.sbux-ale-light.hover .sbux-ale-close:before {top:2px;}
span.sbgrid_common {font-size:11px;}

.sbux-tabs-wrap ul.sbux-tabs-scroll-wrap {height:26px;}
.sbux-tabs-wrap > ul.sbux-tabs-nor-bd li.sbux-tabs-item > a, .sbux-tabs-wrap ul.sbux-tabs-inbox-bd li.sbux-tabs-item > a {padding:4px 12px;height:29px;}
.sbux-tabs-wrap > ul.sbux-tabs-nor-bd li.sbux-tabs-item, .sbux-tabs-wrap ul.sbux-tabs-inbox-bd li.sbux-tabs-item {height:26px;}
.sbux-tabs-wrap > ul.sbux-tabs-nor-bd li.sbux-tabs-item > a .sbux-tabs-close-btn, .sbux-tabs-wrap ul.sbux-tabs-inbox-bd li.sbux-tabs-item > a .sbux-tabs-close-btn {
	top:8px;
}
/*.sbux-tab-content {padding:10px 0;}*/

.kl-grid-leftmenu .sbux-btn .sbux-btn-txt {color:#fff;}

/*search type*/
.kl-search-wrap {display:table; width:100%; padding:10px; overflow:hidden;box-sizing: border-box; font-size:12px;
    background: #f8f8f8; padding: 8px; border: 1px solid #d6d6d6;border-radius: 0;}
.kl-search-con-wrap {display:inline-block; width:100%; vertical-align:top;}
.kl-search-btn-wrap {display:inline-block; width:100%; vertical-align:top;}
.kl-search-wrap label.kl-label {float:left; width: 100px;height: 25px;padding:0; text-shadow: 0.5px 0;color: #276b8c;
 border-radius: 3px; box-sizing: border-box;line-height: 25px;border: 1px solid #bfc8e8;background: #e1eaf2;}
.kl-search-wrap label.kl-label>span {display:inline-block; padding-left:10px; padding:0 5px;font-size:11px;}

.kl-search-wrap .kl-input-table {float:left;width: calc(100% - 100px);}
.kl-search-con-wrap>div {float:left; display:inline-block; padding-bottom:2px; height:27px;}
.kl-search-con-wrap.col-5>div{ width:20%;}
.kl-search-con-wrap.col-4>div{ width:25%;}
.kl-search-con-wrap.col-3>div{ width:33.3%;}
.kl-search-con-wrap.col-2>div{ width:50%;}
.kl-search-con-wrap.col-1>div{ width:100%;}
.kl-search-wrap .kl-search-btn-wrap {margin-top:10px; text-align:right;}
.kl-search-wrap .kl-search-btn {width:100px; height:30px;background: #307ea5;color: #fff;text-shadow: 0.5px 0;}
.kl-search-wrap .kl-reset-btn {width:60px;height:30px; background: #f5f5f5;color: #555;text-shadow: 0.5px 0;}
.kl-btn-wrap {float:right;padding: 10px 0 20px 0;}
.kl-btn-wrap .kl-search-btn {width:70px; background: #307ea5;color: #fff;text-shadow: 0.5px 0;}
.kl-btn-wrap .kl-reset-btn {width:50px; background: #f5f5f5;color: #555;text-shadow: 0.5px 0;}

.kl-grid-wrap{padding-top:10px; clear:both;}
.kl-grid-menu-wrap {padding-bottom:5px; font-size:12px;  }

.kl-grid-rightmenu {float:right;height:25px; margin-top:10px; margin-bottom:3px;}
.kl-grid-rightmenu button {height: 23px; padding: 0px 5px;color:rgb(131, 131, 131);border: 1px solid #d7d7d7;vertical-align:top; }
.kl-grid-rightmenu .btn_red {background:rgba(216, 79, 79, 1); border:1px solid rgba(216, 79, 79, 1);color: #fff;}
.kl-grid-rightmenu .btn_orange {background:rgba(255, 150, 0, 1); border:1px solid rgba(255, 150, 0, 1);color: #fff;}
.kl-grid-rightmenu .btn_yellow {background:rgba(251, 188, 5, 1); border:1px solid rgba(251, 188, 5, 1);color: #fff;}
.kl-grid-rightmenu .btn_green {background:rgba(64, 170, 147, 1); border:1px solid rgba(64, 170, 147, 1);color: #fff;}
.kl-grid-rightmenu .btn_blue {background:rgba(48, 126, 165, 1); border:1px solid rgba(48, 126, 165, 1);color: #fff;}
.kl-grid-rightmenu .btn_purple {background:rgba(81, 78, 131, 1); border:1px solid rgba(81, 78, 131, 1);color: #fff;}
.kl-grid-rightmenu .btn_tab {background:rgba(64, 170, 147, 1); border:1px solid rgba(64, 170, 147, 1);color: #fff;}
.kl-grid-rightmenu .btn_lightgreen {background:rgba(96, 189, 107, 1); border:1px solid rgba(96, 189, 107, 1);color: #fff;}
.kl-grid-rightmenu .btn_sky {background:rgba(110, 119, 148, 1); border:1px solid rgba(110, 119, 148, 1);color: #fff;}
.kl-grid-rightmenu .btn_gray {background:rgba(128, 128, 128, 1); border:1px solid rgba(128, 128, 128, 1);color: #fff;}

.kl-grid-rightmenu-input {display:inline-block;}
.kl-grid-rightmenu-input label {float:left; height: 30px; padding: 0 5px;color: #000;    color: #095bb2;text-shadow: 0.5px 0;font-size: 11px;line-height: 25px;}
.kl-grid-rightmenu-input .sbux-comp-root {float:left;}
.kl-grid-rightmenu .sbux-chk-wrap {vertical-align:top; padding-top:3px;}

.kl-grid-leftmenu {float:left;  margin-top:10px; margin-bottom:3px;}
.kl-grid-leftmenu>button {float:left; height: 25px;padding: 0px 5px; margin-right:3px; color:rgb(131, 131, 131); vertical-align:top;  border: 1px solid #d7d7d7;}
.kl-grid-leftmenu .btn_red {background:rgba(216, 79, 79, 1); border:1px solid rgba(216, 79, 79, 1);color: #fff;}
.kl-grid-leftmenu .btn_orange {background:rgba(255, 150, 0, 1); border:1px solid rgba(255, 150, 0, 1);color: #fff;}
.kl-grid-leftmenu .btn_yellow {background:rgba(251, 188, 5, 1); border:1px solid rgba(251, 188, 5, 1);color: #fff;}
.kl-grid-leftmenu .btn_green {background:rgba(64, 170, 147, 1); border:1px solid rgba(64, 170, 147, 1);color: #fff;}
.kl-grid-leftmenu .btn_blue {background:rgba(48, 126, 165, 1); border:1px solid rgba(48, 126, 165, 1);color: #fff;}
.kl-grid-leftmenu .btn_purple {background:rgba(81, 78, 131, 1); border:1px solid rgba(81, 78, 131, 1);color: #fff;}
.kl-grid-leftmenu .btn_tab {background:rgba(64, 170, 147, 1); border:1px solid rgba(64, 170, 147, 1);color: #fff;}
.kl-grid-leftmenu .btn_lightgreen {background:rgba(96, 189, 107, 1); border:1px solid rgba(96, 189, 107, 1);color: #fff;}
.kl-grid-leftmenu .btn_sky {background:rgba(110, 119, 148, 1); border:1px solid rgba(110, 119, 148, 1);color: #fff;}
.kl-grid-leftmenu .btn_gray {background:rgba(128, 128, 128, 1); border:1px solid rgba(128, 128, 128, 1);color: #fff;}
.kl-grid-leftmenu-input {margin-bottom:3px; float:left; display:inline-block;margin-right:10px;vertical-align:top;}
.kl-grid-leftmenu-input label {float:left; height: 30px;line-height: 30px; padding: 0 5px;color: #000;    color: #095bb2;text-shadow: 0.5px 0;font-size: 11px;line-height: 25px;}
.kl-grid-leftmenu-input .sbux-comp-root {float:left;}
.kl-grid-leftmenu .sbux-chk-wrap {vertical-align:top; padding-top:3px;}

.kl-dash {display:inline-block; height:30px; padding:0 10px; line-height:30px;}

.kl-grid-wrap.col-2 {display:table; width:100%;}
.kl-grid-wrap.col-2 >div{float:left; display:inline-block; width:50%;}
.kl-grid-wrap.col-3 {display:table; width:100%;}
.kl-grid-wrap.col-3 >div{float:left; display:inline-block; width:33.3%;}

/*search type2 - active */
.kl-search-wrap2 {display:table; width:100%;padding:5px; background: #f8f8f8; border:1px solid #d6d6d6; border-radius: 0;box-sizing: border-box; font-size:12px;    box-shadow: none;}
.kl-search-wrap2 .kl-search-con-wrap {float:left; display:inline-block; width:calc(100% - 104px); width:-webkit-calc(100% - 104px); width:-moz-calc(100% - 104px); vertical-align:top;}

.kl-search-wrap2 .kl-search-con-wrap .kl-chk-wrap {vertical-align:top;}
.kl-search-wrap2 .kl-search-con-wrap .kl-chk-wrap span.sbux-chk-wrap {vertical-align:top;}
.kl-search-wrap2 .kl-search-btn-wrap {float:left; display:inline-block; width:100px; vertical-align:top; margin-top:3px;}
.kl-search-wrap2 .kl-search-btn-wrap {float:left; display:inline-block; width:100px; vertical-align:top; margin-top:3px;}

/*search type2 horizon */
.kl-search-wrap2.horizon .kl-search-con-wrap {width:calc(100% - 195px);}
.kl-search-wrap2.horizon .kl-search-btn-wrap{width:195px; padding-left:10px;}
.kl-search-wrap2.horizon .kl-search-btn-wrap button {margin:0; height:30px;}
.kl-search-wrap2.horizon .kl-search-btn-wrap {margin-top:0;}

.kl-search-wrap2  label.kl-label {position:relative;  float: left;width: 100px; height:25px;
 padding: 0;border-radius: 3px;background: #e9f2fc; font-size: 11px;color: #095bb2;text-shadow: 0.5px 0;border: 1px solid #d0daff;box-sizing: border-box;line-height: 23px;font-size:11px;}
label.kl-label2 {position:relative;  float: left;width: 100px; height:25px; padding: 0;border-radius: 3px;background: #eee; font-size: 11px;color: #555;text-shadow: 0.5px 0;border: 1px solid #d7d7d7;box-sizing: border-box;line-height: 25px;font-size:11px;}
label.kl-label2>span {display:inline-block; padding-left:10px; padding:0px 5px;}
.kl-search-wrap2  label.kl-label>span {display:inline-block; padding-left:10px; padding:0 5px; color:#364984;}
.kl-search-con-wrap>div {float:left; display:inline-block; padding-bottom:2px;}
.kl-search-wrap2 .sbux-inp-input, .kl-input-box,
.kl-search-con-wrap>div select,.kl-search-con-wrap>span.sbux-comp-root {float:left; width:calc(100% - 100px);}
.kl-search-wrap2  label.kl-label {position:relative;}
.kl-search-wrap2  label.kl-label select {background-color: #e9f2fc;border: 1px solid #d0daff;margin: 0;padding: 0 0 0 5px !important;
    position: absolute;left: -1px;top: -1px;}
.kl-search-con-wrap>div label select {border:0; padding:0 0 0 10px; color: #095bb2;text-shadow: 0.5px 0;}
.kl-input-box {/*height:25px;*/}

.kl-search-wrap2 .kl-input-box .sbux-inp-input {width:100%;}
.kl-search-wrap2 .kl-input-box .kl-input-comp2 { float:left;display:inline-block; width:50%;}
.kl-search-wrap2 .kl-input-box div.sbux-sel-chk {width:100%;}
.kl-search-wrap2 .kl-input-box select{width:100%;}



.kl-input-box.sbux-inp-input {padding:3px;}
.kl-input-box button.sbux-btn{}
.kl-input-box .kl-chk-wrap {display:inline-block; margin-top: 2px; margin-left: 5px;}
.kl-chk-wrap, .kl-rdo-wrap {display:inline-block; margin-top: 2px; margin-left: 5px;}
.kl-chk-wrap2 {float: left; display: inline-block; width: calc(100% - 100px);}
/*.kl-input-box select {display:inline-block; width: auto !important;}*/
.kl-search-con-wrap.col-5>div{ width:20%;}
.kl-search-con-wrap.col-4>div{ width:25%;}
.kl-search-con-wrap.col-3>div{ width:33.3%;}
.kl-search-con-wrap.col-2>div{ width:50%;}
.kl-search-con-wrap.col-1>div{ width:100%;}
.kl-search-wrap2 .kl-search-con-wrap.single {width:100%;}

.kl-search-wrap2 .kl-search-btn {width:90px; height:30px;margin-top:7px; margin-left:10px; background: #5791fa;color: #fff;text-shadow: 0.5px 0; }
.kl-search-wrap2 .kl-reset-btn {width:90px;  margin-left:10px;    background: #fff;color: #555;text-shadow: 0.5px 0;}
.kl-rangepicker {width:100px;}
span.sbux-pik-group {margin:0; height:25px; vertical-align:top;}

.kl-search-wrap2 div.sbux-sel-chk {width:calc(100% - 100px);}

.kl-search-wrap2 select{width:calc(100% - 100px);}

.kl-search-con-wrap {display:inline-block; width:100%; vertical-align:top;}
.kl-search-btn-wrap {display:inline-block; width:100%; vertical-align:top;}

.kl-search-con-wrap>div {float:left; display:inline-block;/* height:27px;*/ padding-bottom:2px;}
.kl-search-con-wrap>div.kl-search-div-empty{height:27px;}
.kl-search-con-wrap.col-5>div{ width:20%;}
.kl-search-con-wrap.col-4>div{ width:25%;}
.kl-search-con-wrap.col-3>div{ width:33.3%;}
.kl-search-con-wrap.col-2>div{ width:50%;}
.kl-search-con-wrap.col-1>div{ width:100%;}


/*kl-search-tbl 조회조건 table css*/
.kl-search-tbl-wrap {clear:both; padding:10px; background: #f8f8f8;border:1px solid #c1d3e9; border-radius: 0;
box-sizing: border-box; }
.kl-search-tbl {width:100%; font-size:12px;}
.kl-search-tbl td {vertical-align:middle; padding-bottom:1px;}
.kl-search-tbl .kl-title {margin-top:0;}
.kl-search-tbl-wrap .btn_red {background:rgba(216, 79, 79, 1); border:1px solid rgba(216, 79, 79, 1);color: #fff;}
.kl-search-tbl-wrap .btn_orange {background:rgba(255, 150, 0, 1); border:1px solid rgba(255, 150, 0, 1);color: #fff;}
.kl-search-tbl-wrap .btn_yellow {background:rgba(251, 188, 5, 1); border:1px solid rgba(251, 188, 5, 1);color: #fff;}
.kl-search-tbl-wrap .btn_green {background:rgba(64, 170, 147, 1); border:1px solid rgba(64, 170, 147, 1);color: #fff;}
.kl-search-tbl-wrap .btn_blue {background:rgba(48, 126, 165, 1); border:1px solid rgba(48, 126, 165, 1);color: #fff;}
.kl-search-tbl-wrap .btn_purple {background:rgba(81, 78, 131, 1); border:1px solid rgba(81, 78, 131, 1);color: #fff;}
.kl-search-tbl-wrap .btn_tab {background:rgba(64, 170, 147, 1); border:1px solid rgba(64, 170, 147, 1);color: #fff;}
.kl-search-tbl-wrap .btn_lightgreen {background:rgba(96, 189, 107, 1); border:1px solid rgba(96, 189, 107, 1);color: #fff;}
.kl-search-tbl-wrap .btn_sky {background:rgba(110, 119, 148, 1); border:1px solid rgba(110, 119, 148, 1);color: #fff;}
.kl-search-tbl-wrap .btn_gray {background:rgba(128, 128, 128, 1); border:1px solid rgba(128, 128, 128, 1);color: #fff;}
.kl-search-tbl .btn_red {background:rgba(216, 79, 79, 1); border:1px solid rgba(216, 79, 79, 1);color: #fff;}
.kl-search-tbl .btn_orange {background:rgba(255, 150, 0, 1); border:1px solid rgba(255, 150, 0, 1);color: #fff;}
.kl-search-tbl .btn_yellow {background:rgba(251, 188, 5, 1); border:1px solid rgba(251, 188, 5, 1);color: #fff;}
.kl-search-tbl .btn_green {background:rgba(64, 170, 147, 1); border:1px solid rgba(64, 170, 147, 1);color: #fff;}
.kl-search-tbl .btn_blue {background:rgba(48, 126, 165, 1); border:1px solid rgba(48, 126, 165, 1);color: #fff;}
.kl-search-tbl .btn_purple {background:rgba(81, 78, 131, 1); border:1px solid rgba(81, 78, 131, 1);color: #fff;}
.kl-search-tbl .btn_tab {background:rgba(64, 170, 147, 1); border:1px solid rgba(64, 170, 147, 1);color: #fff;}
.kl-search-tbl .btn_lightgreen {background:rgba(96, 189, 107, 1); border:1px solid rgba(96, 189, 107, 1);color: #fff;}
.kl-search-tbl .btn_sky {background:rgba(110, 119, 148, 1); border:1px solid rgba(110, 119, 148, 1);color: #fff;}
.kl-search-tbl .btn_gray {background:rgba(128, 128, 128, 1); border:1px solid rgba(128, 128, 128, 1);color: #fff;}


.kl-search-tbl .kl-search-con-wrap {display:inline-block; width:calc(100% - 104px); vertical-align:top;}
.kl-search-tbl .kl-search-btn-wrap {display:inline-block; width:100px; vertical-align:top;}
.kl-search-tbl  label.kl-label {position:relative; float: left;width: 100px;padding: 0;border-radius: 3px;
    font-size: 11px;color: #364984;text-shadow: 0.5px 0;box-sizing: border-box;line-height: 25px;font-size:11px;
    border: 1px solid #bfc8e8;
    background: #e1eaf2;    
    
    }
.kl-search-tbl  label.kl-label-required {position:relative; float: left;width: 100px;padding: 0;border-radius: 3px;
    font-size: 11px;color: #364984;text-shadow: 0.5px 0;box-sizing: border-box;line-height: 25px;font-size:11px;
    border: 1px solid #ffaab7;
    background: #ffced6;    
    
    }
.kl-search-tbl  label.kl-label.kl-label-120 {width:120px;}
.kl-search-tbl  label.kl-label-required.kl-label-120 {width:120px;}
.kl-search-tbl  label.kl-label.kl-label-150 {width:150px;}
.kl-search-tbl  label.kl-label>span {display:inline-block; padding-left:10px;line-height: 15px;    padding: 2px 5px;}
.kl-search-tbl  label.kl-label-required>span {display:inline-block; padding-left:10px;line-height: 15px;    padding: 2px 5px;}
.kl-search-tbl  label.kl-label select {
			background-color: #e1eaf2;
			border: 1px solid #bfc8e8;
			margin: 0;
			padding: 0 0 0 5px !important;
		    position: relative;
		    /*left: -1px;*/
		    color: #0e6451;
		    text-shadow: 0.5px 0;
		}

.kl-search-tbl  label.kl-label-tit {float: left; width:25px; padding: 0;border-radius: 3px;background: #d3e4f6;
    font-size: 11px;color: #095bb2;text-shadow: 0.5px 0;border: 1px solid #d0daff;box-sizing: border-box;line-height: 25px;font-size:11px;}
.kl-search-tbl  label.kl-label-tit span{display: inline-block;width: 10px;padding-left: 5px;}
.kl-search-tbl  label.kl-label-type01 {float: left;min-width: 100px; width:150px;padding: 0;border-radius: 3px;background: #e9f2fc;
    font-size: 11px;color: #095bb2;text-shadow: 0.5px 0;border: 1px solid #d0daff;box-sizing: border-box;height: 25px;line-height: 25px;font-size:11px;}
.kl-search-tbl  label.kl-label-type01 span {display:inline-block; padding-left:10px;}

.kl-search-tbl .sbux-inp-input, .kl-input-box,
.kl-search-tbl>div select,.kl-search-con-wrap>span.sbux-comp-root {float:left; /*width:100%*/;}
.kl-search-tbl .kl-input-box {width:100%; height:25px;}
.kl-search-tbl .kl-input-box .sbux-inp-input {float:left; width:auto;}
.kl-search-tbl.kl-input-box .sbux-comp-root {float:left;}
.kl-search-tbl .kl-input-box button.sbux-btn{float:left;}
.kl-search-tbl .sbux-sel.sbux-comp-root {width:100%;}

.kl-chk-wrap3 { float: left;width: calc(100% - 104px);padding-top: 4px;}
.kl-search-btn-type02 {margin-top:0;}
.mt20 {margin-top:20px;}

.kl-search-btn-type02{width: 90px;height: 30px;margin-top: 4px;margin-left: 10px;background: #5791fa;color: #fff;text-shadow: 0.5px 0;}





/*input 높이 축소*/
.sbux-sel {height:25px; padding:3px 6px !important;}
.sbux-inp-input {height:25px; padding: 2px 6px;}
.sbux-pik-input{height:25px;}
.sbux-btn{height: 25px;padding: 0px 5px;color:#000;}

.sbux-btn.sbux-pik-icon-btn{height: 25px;padding: 0px 5px;}
.sbux-pik-daterange .sbux-pik-wrap .sbux-pik-date .sbux-pik-icon-span button.sbux-pik-icon-btn{height: 25px;padding: 0px 5px;}
.sbux-pik-daterange {padding:0;border:0;}


/*chk,rdo 텍스트 normal*/

.kl-chk-wrap .sbux-chk-txt{color:#000; font-weight:normal;}
.kl-chk-wrap .sbux-rdo-txt{color:#000; font-weight:normal;}
span.sbux-chk-wrap label .sbux-chk-txt {font-weight:normal;}
.sbux-rdo-wrap label .sbux-rdo-txt {color:#000; font-weight:normal;}


.sbux-rdo-wrap.sbux-comp-root {padding-left:3px; padding-right:5px;}
.sbux-chk-wrap.sbux-comp-root {padding-left:3px; padding-right:5px;}

/*chk bootstrap */
span.sbux-chk-wrap input:checked + label .glyphicon:before, span.sbux-chk-wrap input .sbux-rdo-wrap label.checked .glyphicon:before {
	box-sizing: content-box;
	border-width: 0 2px 2px 0;
}


/*subtab*/
.kl-tab-wrap2 {margin-top:10px;}
.sbux-tab-content {overflow:visible;}

/*picker 선택색상 제거*/
.sbux-pik-daterange .sbux-pik-wrap .sbux-pik-date .sbux-pik-input.sbux-pik-input.sbux-dirty {background:#fff !important; color:#000 !important; border-color: #d3d3d3;}
.sbux-pik-daterange .sbux-pik-wrap .sbux-pik-date .sbux-pik-input.sbux-pik-input.sbux-dirty + ul.sbux-ddl-menu + .sbux-pik-icon-span .sbux-pik-icon-btn, .sbux-pik-daterange .sbux-pik-wrap .sbux-pik-date .sbux-pik-input.sbux-pik-input.sbux-dirty + .sbux-pik-icon-span .sbux-pik-icon-btn {background:#fff! important; color:#000 !important; border-color: #d3d3d3;}

/*grid 가로정렬 float*/
.kl-grid-float {}
.kl-grid-float >div:first-child{ padding-right:0;}

/*slide grid*/
.kl-slide-grid-wrap {display:table; width:100%; margin:10px 0;}
.kl-slide-grid-wrap.col-5 > div{ width:20%}
.kl-slide-grid-wrap.col-4 > div{ width:25%}
.kl-slide-grid-wrap.col-3 > div{ width:33.3%}
.kl-slide-grid-wrap.col-2 > div{ width:50%}
.kl-slide-grid-wrap.col-1 > div{ width:100%}
.kl-slide-grid-wrap>div {float:left; display:inline-block;padding:5px;}
.kl-slide-grid-wrap .kl-search-wrap2 > div {overflow:hidden; padding-bottom:2px;}
.kl-slidebtn-grid {position:relative;}


/*title*/
.kl-title {position: relative;padding-left: 8px;margin-top:10px; margin-bottom:5px; font-size:12px; text-shadow:0.5px 0; line-height:normal;}
.kl-title:before {position:absolute; top:3px; left:0; content:""; display:block; width:3px; height:10px; background:#307ea5;}


/*첨부파일*/
.kl-attach-file-wrap {position:relative;}
.kl-attach-file-wrap:before {position: absolute;top: 60px;right: 15px;
    display: block;width: 20px;height: 61px;padding-top: 5px;padding-left: 3px;background: #fff;
    border-radius: 0 8px 8px 0; box-sizing: border-box;border-left: none;
    content: '첨부파일'; font-size: 10px;line-height: 12px;background: #2f5c8b;text-shadow: 0.5px 0;color: #fff;cursor:pointer;
}
.kl-attach-file-wrap:before:hover{background:#1f4874;}



/*첨부파일 레이어팝업*/
.kl-attach-wrap.kl-layer-popup {position: absolute;top: 59px;right: 5px;width: 500px;height: 270px;margin: 0 auto;background: #fff; box-shadow: -13px 15px 11px -13px #cbcbcb;border-radius: 10px 0 0 10px;border: 1px solid #e5e5e5;border-right: 0;}
.kl-attach-wrap.kl-layer-popup .kl-layer-popup-header{height:35px; background:#3573b4; border-radius:10px 0 0;  }
.kl-attach-wrap.kl-layer-popup .kl-layer-popup-header h2 {font-size:12px; color:#fff; padding-left:10px; line-height:35px; text-shadow:0.5px 0;}
.kl-attach-wrap.kl-layer-popup .kl-layer-popup-main{padding:10px;}
.kl-attach-wrap.kl-layer-popup .kl-layer-popup-footer{posii}
.kl-attach-txt {font-size: 11px;line-height: 18px;padding: 10px 0;display: inline-block;}
.kl-layer-popup-close {position: absolute;top: 10px;right: 10px;font-size: 11px;color: #fff;}



/*layerpopup*/
.kl-layerpopup-body{position: absolute;top: 0;right: 0; left: 0;bottom: 0;
    margin: 0 auto; width: 1000px; height: 700px;overflow-y: scroll;border: 2px solid #5791fa;box-shadow: 3px 3px 20px #9f9f9f;}
.kl-layerpopup-wrap {padding:15px; background:#fff; box-sizing: border-box;}
.kl-input-box01 {}
.kl-input-box01 .sbux-comp-root {display: inline-block;vertical-align: top;}
.kl-input-box01 .sbux-comp-root.sbux-pik-date {display: inline-table;} 
.kl-input-box01 select {display: inline-block; width: auto !important; vertical-align: top;}
.kl-input-box01 button { vertical-align: top;}
.kl-input-box02 {float:left; display:inline-block;}
.kl-btn-box01 {display:inline-block; vertical-align: top;}
.kl-thead-title {padding: 5px 0; margin-bottom:5px; background: #dce6f1;text-align: center;text-shadow: 0.5px 0;color: #134d8e;border-radius: 3px;border: 1px solid #c3cbe8;}
.kl-title .sub-text {color:#999; text-shadow: none; display:inline-block; font-size:11px; padding-left:5px;}
.kl-layerpopup-wrap .dash {float: left;display: inline-block; line-height: 20px; padding: 0 5px;}
.kl-layerpopup-title {background:#5791fa;padding:0 10px;}
.kl-layerpopup-title h2 {color: #fff;font-size: 15px;text-shadow: 1px 0;}
.kl-layerpopup-close {position:absolute; right:15px; top:12px; display:block; cursor:pointer; }
.kl-layerpopup-close:before{ font-family: 'Glyphicons Halflings';content: "\e014";color: #fff;}
.kl-layerpopup-wrap .sbux-pik-icon-span button.sbux-pik-icon-btn {height:25px; padding:3px; 10px;}
.kl-layerpopup-wrap .sbux-inp-btn-group .sbux-inp-fr-span > button, .sbux-inp-btn-group .sbux-inp-bk-span > button {    height: 25px;padding: 2px;}
.kl-layerpopup-wrap .kl-lpop-btn01 {margin-left:10px;}
.kl-layerpopup-wrap .kl-selinp-box01 select{width:auto !important;}
.kl-layerpopup-wrap .kl-selinp-box01 input{}
.kl-search-wrap2 {position:relative;}
.kl-search-hidebtn-down {position:absolute; right:0; left:0; bottom:-15px; width:50px; height:15px; margin:0 auto;  background:#5791fa; border-radius: 0 0 5px 5px; cursor:pointer;}
.kl-search-hidebtn-down:before { position: absolute;right: 0;left: 0;top: -2px;display:block; font-family: 'Font Awesome 5 Free';content: "\f107"; color: #fff;     font-size: 14px;font-weight: 900;text-align:center;}
.kl-search-hidebtn-up {position:absolute; right:0; left:0; bottom:-15px; width:50px; height:15px; margin:0 auto;  background:#5791fa; border-radius: 0 0 5px 5px; cursor:pointer;}
.kl-search-hidebtn-up:before { position: absolute;right: 0;top: -2px;left: 0;display:block; font-family: 'Font Awesome 5 Free';content: "\f106"; color: #fff;     font-size: 14px;font-weight: 900;text-align:center;}


.ui-dialog {position: absolute;top: 309.5px;left: 810px;display: block;width: 300px;height: auto;background: white; border: 1px solid #ccc;font-size:11px;}
.ui-dialog-titlebar {position: relative;padding: 5px;background: #e6eff7;color: #000;text-shadow: 1px 0;font-size: 11px;border-bottom: 2px solid #adafb7;}
.ui-dialog-titlebar-close {position: absolute;right: 0;font-family: 'Glyphicons Halflings';border: none;background: none; font-size:0;}
.ui-dialog-titlebar-close:before {position: absolute;top: 0;right: 15px;display: block;content: "\e014";font-size: 14px; color: #444;}
.ui-dialog-buttonset {padding: 5px;border-top: 1px solid #ccc;text-align:right}
.ui-dialog-buttonset button {margin: 2px;padding: .3em .5em;background: none;font-size: 12px;border-radius: 3px;color: #000;border: 1px solid #d9d9d9;}




.kl-search-slidebtn-left { float:left; position:relative; display:block;
 width:15px; height:50px; margin:0 auto; margin-top:100px;  background:#5791fa; 
 border-radius:5px 0 0 5px; cursor:pointer; font-weight:900;}
.kl-search-slidebtn-left:before {position: absolute;right: 0;left: 0;top: -1px;display:block; padding-top:15px;
font-family: 'Font Awesome 5 Free';content: "\f104"; color: #fff; text-align:center;}

.kl-search-slidebtn-square-left {float:left; position:relative; display:block;
 width:15px; height:50px; margin:0 auto; margin-top:100px;  background:#5791fa; 
 border-radius:0; cursor:pointer; font-weight:900;}
.kl-search-slidebtn-square-left:before {position: absolute;right: 0;left: 0;top: -1px;display:block; padding-top:15px;
font-family: 'Font Awesome 5 Free';content: "\f104"; color: #fff; text-align:center;}

.kl-search-slidebtn-right {float:left; position:relative; display:block;
 width:15px; height:50px; margin:0 auto; margin-top:100px;   background:#5791fa; 
 border-radius:0 5px 5px 0; cursor:pointer; font-weight:900;}
.kl-search-slidebtn-right:before {position: absolute;right: 0;left: 0;top: -1px;display:block; padding-top:15px;
font-family: 'Font Awesome 5 Free';content: "\f105"; color: #fff; text-align:center;}

.kl-search-slidebtn-square-right {float:left; position:relative; display:block;
 width:15px; height:50px; margin:0 auto; margin-top:100px;   background:#5791fa; 
 border-radius:0; cursor:pointer; font-weight:900;}
.kl-search-slidebtn-square-right:before {position: absolute;right: 0;left: 0;top: -1px;display:block; padding-top:15px;
font-family: 'Font Awesome 5 Free';content: "\f105"; color: #fff; text-align:center;}

/*picker 선택색상 제거*/
.sbux-pik-wrap .sbux-pik-date .sbux-pik-input.sbux-pik-input.sbux-dirty {
	background:#fff !important; color:#000 !important; border-color: #d3d3d3;
}

.sbux-pik-input.sbux-pik-input.sbux-dirty + ul.sbux-ddl-menu + .sbux-pik-icon-span .sbux-pik-icon-btn, 
.sbux-pik-input.sbux-pik-input.sbux-dirty + .sbux-pik-icon-span .sbux-pik-icon-btn,
.sbux-pik-input.sbux-dirty {
	background:#fff! important; color:#000 !important; border-color: #d3d3d3;
}
.sbux-pik-icon-span button.sbux-pik-icon-btn{width:36px; height: 25px;padding: 0px 5px;}

/*readonly*/
.sbux-pik-input.sbux-pik-input.sbux-dirty[readonly] + ul.sbux-ddl-menu + .sbux-pik-icon-span .sbux-pik-icon-btn, 
.sbux-pik-input.sbux-pik-input.sbux-dirty[readonly] + .sbux-pik-icon-span .sbux-pik-icon-btn,
.sbux-pik-input[readonly].sbux-dirty {
	background:#efefef !important; color:#000 !important; border-color: #d9d9d9;
}
/*disabled*/
.sbux-pik-input.sbux-pik-input.sbux-dirty[disabled] + ul.sbux-ddl-menu + .sbux-pik-icon-span .sbux-pik-icon-btn, 
.sbux-pik-input.sbux-pik-input.sbux-dirty[disabled] + .sbux-pik-icon-span .sbux-pik-icon-btn,
.sbux-pik-input[disabled].sbux-dirty {
	background:#efefef !important; color:#000 !important; border-color: #d9d9d9;
}


@media (max-width:1300px) {
	.kl-search-con-wrap.col-5>div{ width:50%;}
	.kl-search-con-wrap.col-4>div{ width:50%;}
	.kl-search-con-wrap.col-3>div{ width:50%;}
	.kl-search-con-wrap.col-2>div{ width:50%;}
	.kl-search-con-wrap.col-1>div{ width:50%;}
}


@media (max-width:992px) {
	.kl-search-con-wrap.col-5>div{ width:100%;}
	.kl-search-con-wrap.col-4>div{ width:100%;}
	.kl-search-con-wrap.col-3>div{ width:100%;}
	.kl-search-con-wrap.col-2>div{ width:100%;}
	.kl-search-con-wrap.col-1>div{ width:100%;}
}
/*
	2019-07-09 일괄변경 팝업 관련 추가 - 레이아웃 틀어짐 디자이너 작업 필요
*/
select::-ms-expand { display:none;}

.kl-dialog-wrap {position:relative;width:100%; font-size: 12px;}
.kl-dialog-wrap .kl-dialog-header {position:fixed; top:0; display:table;width:100%; padding:7px 5px; background:#ececec; box-sizing: border-box;}
.kl-dialog-wrap .kl-dialog-header h3 {display: inline-block; width:250px; font-size: 13px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.kl-dialog-wrap .kl-dialog-header i {position:absolute; right:10px; top:8px; display: inline-block; cursor: pointer;}
.kl-dialog-wrap .kl-dialog-main {padding:0; box-sizing: border-box; word-break: break-all; }
.kl-dialog-wrap .kl-dialog-footer {padding:5px; border-top:1px solid #e5e5e5;}
.kl-dialog-wrap .kl-dialog-footer>ul {text-align: right;}
.kl-dialog-wrap .kl-dialog-footer>ul>li {display:inline-block;}
.kl-dialog-wrap .kl-dialog-footer>ul>li>button {border:1px solid #e5e5e5; border-radius: 3px; padding:3px 5px; background:none; font-size:12px; cursor: pointer;}
.kl-dialog-wrap .kl-dialog-footer>ul>li>button:hover {border:1px solid #e0e0e0; background:#f8f8f8;}

.kl-dialog-tbl {width:100%; font-size:11px;}
.kl-dialog-tbl>thead>tr>th {color:#000; padding:5px 0; text-shadow: 0.5px 0; border-bottom:1px solid #e5e5e5;}
.kl-dialog-tbl>tbody>tr>td { padding:3px 5px; text-align: center;}



/*form 4/3/2/1 */
.kl-form-div4 {width:100%; min-height:33px;  border: 1px solid #B2BAD2;border-top: none; padding:3px 0;    box-sizing: border-box; clear:both; overflow:hidden; }
.kl-form-div4>div {display:inline-block; float:left; width:25%;   padding: 0 10px;
    box-sizing: border-box;}
.kl-form-div4 form {display:inline-block; vertical-align:top; }
.kl-form-div4 .kl-form-btn-wrap { display:inline-block; vertical-align:top; }
.kl-form-div4 .kl-form-btn-wrap .btn_red {background:rgba(216, 79, 79, 1); border:1px solid rgba(216, 79, 79, 1);color: #fff;}
.kl-form-div4 .kl-form-btn-wrap .btn_orange {background:rgba(255, 150, 0, 1); border:1px solid rgba(255, 150, 0, 1);color: #fff;}
.kl-form-div4 .kl-form-btn-wrap .btn_yellow {background:rgba(251, 188, 5, 1); border:1px solid rgba(251, 188, 5, 1);color: #fff;}
.kl-form-div4 .kl-form-btn-wrap .btn_green {background:rgba(64, 170, 147, 1); border:1px solid rgba(64, 170, 147, 1);color: #fff;}
.kl-form-div4 .kl-form-btn-wrap .btn_blue {background:rgba(48, 126, 165, 1); border:1px solid rgba(48, 126, 165, 1);color: #fff;}
.kl-form-div4 .kl-form-btn-wrap .btn_purple {background:rgba(81, 78, 131, 1); border:1px solid rgba(81, 78, 131, 1);color: #fff;}
.kl-form-div4 .kl-form-btn-wrap .btn_tab {background:rgba(64, 170, 147, 1); border:1px solid rgba(64, 170, 147, 1);color: #fff;}
.kl-form-div4 .kl-form-btn-wrap .btn_lightgreen {background:rgba(96, 189, 107, 1); border:1px solid rgba(96, 189, 107, 1);color: #fff;}
.kl-form-div4 .kl-form-btn-wrap .btn_sky {background:rgba(110, 119, 148, 1); border:1px solid rgba(110, 119, 148, 1);color: #fff;}
.kl-form-div4 .kl-form-btn-wrap .btn_gray {background:rgba(128, 128, 128, 1); border:1px solid rgba(128, 128, 128, 1);color: #fff;}
.kl-form-div4 .kl-form-btn-wrap.right {float:right;}
.kl-form-div4 .kl-form-btn-wrap.left {float:left;}
.kl-form-div4 .kl-form-btn-wrap button{vertical-align: top;color: #000;height: 25px;border: 1px solid #d7d7d7;padding: 0px 5px;  }
.kl-form-div4 .kl-form-btn-wrap.right .btn_red {background:rgba(216, 79, 79, 1); border:1px solid rgba(216, 79, 79, 1);color: #fff;}
.kl-form-div4 .kl-form-btn-wrap.right .btn_orange {background:rgba(255, 150, 0, 1); border:1px solid rgba(255, 150, 0, 1);color: #fff;}
.kl-form-div4 .kl-form-btn-wrap.right .btn_yellow {background:rgba(251, 188, 5, 1); border:1px solid rgba(251, 188, 5, 1);color: #fff;}
.kl-form-div4 .kl-form-btn-wrap.right .btn_green {background:rgba(64, 170, 147, 1); border:1px solid rgba(64, 170, 147, 1);color: #fff;}
.kl-form-div4 .kl-form-btn-wrap.right .btn_blue {background:rgba(48, 126, 165, 1); border:1px solid rgba(48, 126, 165, 1);color: #fff;}
.kl-form-div4 .kl-form-btn-wrap.right .btn_purple {background:rgba(81, 78, 131, 1); border:1px solid rgba(81, 78, 131, 1);color: #fff;}
.kl-form-div4 .kl-form-btn-wrap.right .btn_tab {background:rgba(64, 170, 147, 1); border:1px solid rgba(64, 170, 147, 1);color: #fff;}
.kl-form-div4 .kl-form-btn-wrap.right .btn_lightgreen {background:rgba(96, 189, 107, 1); border:1px solid rgba(96, 189, 107, 1);color: #fff;}
.kl-form-div4 .kl-form-btn-wrap.right .btn_sky {background:rgba(110, 119, 148, 1); border:1px solid rgba(110, 119, 148, 1);color: #fff;}
.kl-form-div4 .kl-form-btn-wrap.right .btn_gray {background:rgba(128, 128, 128, 1); border:1px solid rgba(128, 128, 128, 1);color: #fff;}
.kl-form-div4 .kl-form-btn-wrap.left .btn_red {background:rgba(216, 79, 79, 1); border:1px solid rgba(216, 79, 79, 1);color: #fff;}
.kl-form-div4 .kl-form-btn-wrap.left .btn_orange {background:rgba(255, 150, 0, 1); border:1px solid rgba(255, 150, 0, 1);color: #fff;}
.kl-form-div4 .kl-form-btn-wrap.left .btn_yellow {background:rgba(251, 188, 5, 1); border:1px solid rgba(251, 188, 5, 1);color: #fff;}
.kl-form-div4 .kl-form-btn-wrap.left .btn_green {background:rgba(64, 170, 147, 1); border:1px solid rgba(64, 170, 147, 1);color: #fff;}
.kl-form-div4 .kl-form-btn-wrap.left .btn_blue {background:rgba(48, 126, 165, 1); border:1px solid rgba(48, 126, 165, 1);color: #fff;}
.kl-form-div4 .kl-form-btn-wrap.left .btn_purple {background:rgba(81, 78, 131, 1); border:1px solid rgba(81, 78, 131, 1);color: #fff;}
.kl-form-div4 .kl-form-btn-wrap.left .btn_tab {background:rgba(64, 170, 147, 1); border:1px solid rgba(64, 170, 147, 1);color: #fff;}
.kl-form-div4 .kl-form-btn-wrap.left .btn_lightgreen {background:rgba(96, 189, 107, 1); border:1px solid rgba(96, 189, 107, 1);color: #fff;}
.kl-form-div4 .kl-form-btn-wrap.left .btn_sky {background:rgba(110, 119, 148, 1); border:1px solid rgba(110, 119, 148, 1);color: #fff;}
.kl-form-div4 .kl-form-btn-wrap.left .btn_gray {background:rgba(128, 128, 128, 1); border:1px solid rgba(128, 128, 128, 1);color: #fff;}


.kl-form-div3 {width:100%; min-height:33px;  border: 1px solid #B2BAD2;border-top: none; padding:3px 0;    box-sizing: border-box;}
.kl-form-div3>div {display:inline-block; float:left; width:33.3%;     padding: 0 10px;
    box-sizing: border-box;}
.kl-form-div3 form {display:inline-block; vertical-align:top; }
.kl-form-div3 .kl-form-btn-wrap { display:inline-block; vertical-align:top; }
.kl-form-div3 .kl-form-btn-wrap .btn_red {background:rgba(216, 79, 79, 1); border:1px solid rgba(216, 79, 79, 1);color: #fff;}
.kl-form-div3 .kl-form-btn-wrap .btn_orange {background:rgba(255, 150, 0, 1); border:1px solid rgba(255, 150, 0, 1);color: #fff;}
.kl-form-div3 .kl-form-btn-wrap .btn_yellow {background:rgba(251, 188, 5, 1); border:1px solid rgba(251, 188, 5, 1);color: #fff;}
.kl-form-div3 .kl-form-btn-wrap .btn_green {background:rgba(64, 170, 147, 1); border:1px solid rgba(64, 170, 147, 1);color: #fff;}
.kl-form-div3 .kl-form-btn-wrap .btn_blue {background:rgba(48, 126, 165, 1); border:1px solid rgba(48, 126, 165, 1);color: #fff;}
.kl-form-div3 .kl-form-btn-wrap .btn_purple {background:rgba(81, 78, 131, 1); border:1px solid rgba(81, 78, 131, 1);color: #fff;}
.kl-form-div3 .kl-form-btn-wrap .btn_tab {background:rgba(64, 170, 147, 1); border:1px solid rgba(64, 170, 147, 1);color: #fff;}
.kl-form-div3 .kl-form-btn-wrap .btn_lightgreen {background:rgba(96, 189, 107, 1); border:1px solid rgba(96, 189, 107, 1);color: #fff;}
.kl-form-div3 .kl-form-btn-wrap .btn_sky {background:rgba(110, 119, 148, 1); border:1px solid rgba(110, 119, 148, 1);color: #fff;}
.kl-form-div3 .kl-form-btn-wrap .btn_gray {background:rgba(128, 128, 128, 1); border:1px solid rgba(128, 128, 128, 1);color: #fff;}
.kl-form-div3 .kl-form-btn-wrap.right {float:right;}
.kl-form-div3 .kl-form-btn-wrap.left {float:left;}
.kl-form-div3 .kl-form-btn-wrap button{vertical-align: top;color: #000;height: 25px;border: 1px solid #d7d7d7;padding: 0px 5px;  }
.kl-form-div3 .kl-form-btn-wrap.right .btn_red {background:rgba(216, 79, 79, 1); border:1px solid rgba(216, 79, 79, 1);color: #fff;}
.kl-form-div3 .kl-form-btn-wrap.right .btn_orange {background:rgba(255, 150, 0, 1); border:1px solid rgba(255, 150, 0, 1);color: #fff;}
.kl-form-div3 .kl-form-btn-wrap.right .btn_yellow {background:rgba(251, 188, 5, 1); border:1px solid rgba(251, 188, 5, 1);color: #fff;}
.kl-form-div3 .kl-form-btn-wrap.right .btn_green {background:rgba(64, 170, 147, 1); border:1px solid rgba(64, 170, 147, 1);color: #fff;}
.kl-form-div3 .kl-form-btn-wrap.right .btn_blue {background:rgba(48, 126, 165, 1); border:1px solid rgba(48, 126, 165, 1);color: #fff;}
.kl-form-div3 .kl-form-btn-wrap.right .btn_purple {background:rgba(81, 78, 131, 1); border:1px solid rgba(81, 78, 131, 1);color: #fff;}
.kl-form-div3 .kl-form-btn-wrap.right .btn_tab {background:rgba(64, 170, 147, 1); border:1px solid rgba(64, 170, 147, 1);color: #fff;}
.kl-form-div3 .kl-form-btn-wrap.right .btn_lightgreen {background:rgba(96, 189, 107, 1); border:1px solid rgba(96, 189, 107, 1);color: #fff;}
.kl-form-div3 .kl-form-btn-wrap.right .btn_sky {background:rgba(110, 119, 148, 1); border:1px solid rgba(110, 119, 148, 1);color: #fff;}
.kl-form-div3 .kl-form-btn-wrap.right .btn_gray {background:rgba(128, 128, 128, 1); border:1px solid rgba(128, 128, 128, 1);color: #fff;}
.kl-form-div3 .kl-form-btn-wrap.left .btn_red {background:rgba(216, 79, 79, 1); border:1px solid rgba(216, 79, 79, 1);color: #fff;}
.kl-form-div3 .kl-form-btn-wrap.left .btn_orange {background:rgba(255, 150, 0, 1); border:1px solid rgba(255, 150, 0, 1);color: #fff;}
.kl-form-div3 .kl-form-btn-wrap.left .btn_yellow {background:rgba(251, 188, 5, 1); border:1px solid rgba(251, 188, 5, 1);color: #fff;}
.kl-form-div3 .kl-form-btn-wrap.left .btn_green {background:rgba(64, 170, 147, 1); border:1px solid rgba(64, 170, 147, 1);color: #fff;}
.kl-form-div3 .kl-form-btn-wrap.left .btn_blue {background:rgba(48, 126, 165, 1); border:1px solid rgba(48, 126, 165, 1);color: #fff;}
.kl-form-div3 .kl-form-btn-wrap.left .btn_purple {background:rgba(81, 78, 131, 1); border:1px solid rgba(81, 78, 131, 1);color: #fff;}
.kl-form-div3 .kl-form-btn-wrap.left .btn_tab {background:rgba(64, 170, 147, 1); border:1px solid rgba(64, 170, 147, 1);color: #fff;}
.kl-form-div3 .kl-form-btn-wrap.left .btn_lightgreen {background:rgba(96, 189, 107, 1); border:1px solid rgba(96, 189, 107, 1);color: #fff;}
.kl-form-div3 .kl-form-btn-wrap.left .btn_sky {background:rgba(110, 119, 148, 1); border:1px solid rgba(110, 119, 148, 1);color: #fff;}
.kl-form-div3 .kl-form-btn-wrap.left .btn_gray {background:rgba(128, 128, 128, 1); border:1px solid rgba(128, 128, 128, 1);color: #fff;}

.kl-form-div2 {width:100%; min-height:33px; border: 1px solid #B2BAD2;border-top: none; padding:3px 0;  box-sizing: border-box;}
.kl-form-div2>div {display:inline-block; float:left; width:50%; padding: 0 10px;
    box-sizing: border-box;}
.kl-form-div2 form {display:inline-block; vertical-align:top; }
.kl-form-div2 .kl-form-btn-wrap { display:inline-block; vertical-align:top; }
.kl-form-div2 .kl-form-btn-wrap .btn_red {background:rgba(216, 79, 79, 1); border:1px solid rgba(216, 79, 79, 1);color: #fff;}
.kl-form-div2 .kl-form-btn-wrap .btn_orange {background:rgba(255, 150, 0, 1); border:1px solid rgba(255, 150, 0, 1);color: #fff;}
.kl-form-div2 .kl-form-btn-wrap .btn_yellow {background:rgba(251, 188, 5, 1); border:1px solid rgba(251, 188, 5, 1);color: #fff;}
.kl-form-div2 .kl-form-btn-wrap .btn_green {background:rgba(64, 170, 147, 1); border:1px solid rgba(64, 170, 147, 1);color: #fff;}
.kl-form-div2 .kl-form-btn-wrap .btn_blue {background:rgba(48, 126, 165, 1); border:1px solid rgba(48, 126, 165, 1);color: #fff;}
.kl-form-div2 .kl-form-btn-wrap .btn_purple {background:rgba(81, 78, 131, 1); border:1px solid rgba(81, 78, 131, 1);color: #fff;}
.kl-form-div2 .kl-form-btn-wrap .btn_tab {background:rgba(64, 170, 147, 1); border:1px solid rgba(64, 170, 147, 1);color: #fff;}
.kl-form-div2 .kl-form-btn-wrap .btn_lightgreen {background:rgba(96, 189, 107, 1); border:1px solid rgba(96, 189, 107, 1);color: #fff;}
.kl-form-div2 .kl-form-btn-wrap .btn_sky {background:rgba(110, 119, 148, 1); border:1px solid rgba(110, 119, 148, 1);color: #fff;}
.kl-form-div2 .kl-form-btn-wrap .btn_gray {background:rgba(128, 128, 128, 1); border:1px solid rgba(128, 128, 128, 1);color: #fff;}
.kl-form-div2 .kl-form-btn-wrap.right {float:right;}
.kl-form-div2 .kl-form-btn-wrap.left {float:left;}
.kl-form-div2 .kl-form-btn-wrap>button{vertical-align: top;color: #000;height: 25px;border: 1px solid #d7d7d7;padding: 0px 5px;  }
.kl-form-div2 .kl-form-btn-wrap.right .btn_red {background:rgba(216, 79, 79, 1); border:1px solid rgba(216, 79, 79, 1);color: #fff;}
.kl-form-div2 .kl-form-btn-wrap.right .btn_orange {background:rgba(255, 150, 0, 1); border:1px solid rgba(255, 150, 0, 1);color: #fff;}
.kl-form-div2 .kl-form-btn-wrap.right .btn_yellow {background:rgba(251, 188, 5, 1); border:1px solid rgba(251, 188, 5, 1);color: #fff;}
.kl-form-div2 .kl-form-btn-wrap.right .btn_green {background:rgba(64, 170, 147, 1); border:1px solid rgba(64, 170, 147, 1);color: #fff;}
.kl-form-div2 .kl-form-btn-wrap.right .btn_blue {background:rgba(48, 126, 165, 1); border:1px solid rgba(48, 126, 165, 1);color: #fff;}
.kl-form-div2 .kl-form-btn-wrap.right .btn_purple {background:rgba(81, 78, 131, 1); border:1px solid rgba(81, 78, 131, 1);color: #fff;}
.kl-form-div2 .kl-form-btn-wrap.right .btn_tab {background:rgba(64, 170, 147, 1); border:1px solid rgba(64, 170, 147, 1);color: #fff;}
.kl-form-div2 .kl-form-btn-wrap.right .btn_lightgreen {background:rgba(96, 189, 107, 1); border:1px solid rgba(96, 189, 107, 1);color: #fff;}
.kl-form-div2 .kl-form-btn-wrap.right .btn_sky {background:rgba(110, 119, 148, 1); border:1px solid rgba(110, 119, 148, 1);color: #fff;}
.kl-form-div2 .kl-form-btn-wrap.right .btn_gray {background:rgba(128, 128, 128, 1); border:1px solid rgba(128, 128, 128, 1);color: #fff;}
.kl-form-div2 .kl-form-btn-wrap.left .btn_red {background:rgba(216, 79, 79, 1); border:1px solid rgba(216, 79, 79, 1);color: #fff;}
.kl-form-div2 .kl-form-btn-wrap.left .btn_orange {background:rgba(255, 150, 0, 1); border:1px solid rgba(255, 150, 0, 1);color: #fff;}
.kl-form-div2 .kl-form-btn-wrap.left .btn_yellow {background:rgba(251, 188, 5, 1); border:1px solid rgba(251, 188, 5, 1);color: #fff;}
.kl-form-div2 .kl-form-btn-wrap.left .btn_green {background:rgba(64, 170, 147, 1); border:1px solid rgba(64, 170, 147, 1);color: #fff;}
.kl-form-div2 .kl-form-btn-wrap.left .btn_blue {background:rgba(48, 126, 165, 1); border:1px solid rgba(48, 126, 165, 1);color: #fff;}
.kl-form-div2 .kl-form-btn-wrap.left .btn_purple {background:rgba(81, 78, 131, 1); border:1px solid rgba(81, 78, 131, 1);color: #fff;}
.kl-form-div2 .kl-form-btn-wrap.left .btn_tab {background:rgba(64, 170, 147, 1); border:1px solid rgba(64, 170, 147, 1);color: #fff;}
.kl-form-div2 .kl-form-btn-wrap.left .btn_lightgreen {background:rgba(96, 189, 107, 1); border:1px solid rgba(96, 189, 107, 1);color: #fff;}
.kl-form-div2 .kl-form-btn-wrap.left .btn_sky {background:rgba(110, 119, 148, 1); border:1px solid rgba(110, 119, 148, 1);color: #fff;}
.kl-form-div2 .kl-form-btn-wrap.left .btn_gray {background:rgba(128, 128, 128, 1); border:1px solid rgba(128, 128, 128, 1);color: #fff;}

.kl-form-div {width:100%; min-height:33px; border: 1px solid #B2BAD2;border-top: none; padding:3px 0;    box-sizing: border-box; clear:both; overflow:hidden;}
.kl-form-div .sbux-btn {margin:1px 0;}
.kl-form-div>div {display:inline-block; float:left; width:50%;    padding: 0 10px;
    box-sizing: border-box;}
.kl-form-div form {display:inline-block; vertical-align:top; }
.kl-form-div .kl-form-btn-wrap { display:inline-block; vertical-align:top; }
.kl-form-div .kl-form-btn-wrap .btn_red {background:rgba(216, 79, 79, 1); border:1px solid rgba(216, 79, 79, 1);color: #fff;}
.kl-form-div .kl-form-btn-wrap .btn_orange {background:rgba(255, 150, 0, 1); border:1px solid rgba(255, 150, 0, 1);color: #fff;}
.kl-form-div .kl-form-btn-wrap .btn_yellow {background:rgba(251, 188, 5, 1); border:1px solid rgba(251, 188, 5, 1);color: #fff;}
.kl-form-div .kl-form-btn-wrap .btn_green {background:rgba(64, 170, 147, 1); border:1px solid rgba(64, 170, 147, 1);color: #fff;}
.kl-form-div .kl-form-btn-wrap .btn_blue {background:rgba(48, 126, 165, 1); border:1px solid rgba(48, 126, 165, 1);color: #fff;}
.kl-form-div .kl-form-btn-wrap .btn_purple {background:rgba(81, 78, 131, 1); border:1px solid rgba(81, 78, 131, 1);color: #fff;}
.kl-form-div .kl-form-btn-wrap .btn_tab {background:rgba(64, 170, 147, 1); border:1px solid rgba(64, 170, 147, 1);color: #fff;}
.kl-form-div .kl-form-btn-wrap .btn_lightgreen {background:rgba(96, 189, 107, 1); border:1px solid rgba(96, 189, 107, 1);color: #fff;}
.kl-form-div .kl-form-btn-wrap .btn_sky {background:rgba(110, 119, 148, 1); border:1px solid rgba(110, 119, 148, 1);color: #fff;}
.kl-form-div .kl-form-btn-wrap .btn_gray {background:rgba(128, 128, 128, 1); border:1px solid rgba(128, 128, 128, 1);color: #fff;}
.kl-form-div .kl-form-btn-wrap.right {float:right;}
.kl-form-div .kl-form-btn-wrap.left {float:left;}
.kl-form-div .kl-form-btn-wrap.center {margin:0 auto;}
.kl-form-div .kl-form-btn-.sbux-btn button{vertical-align: top;color: #000;height: 25px;border: 1px solid #d7d7d7;padding: 0px 5px;  }
.kl-form-div .kl-form-btn-wrap.right .btn_red {background:rgba(216, 79, 79, 1); border:1px solid rgba(216, 79, 79, 1);color: #fff;}
.kl-form-div .kl-form-btn-wrap.right .btn_orange {background:rgba(255, 150, 0, 1); border:1px solid rgba(255, 150, 0, 1);color: #fff;}
.kl-form-div .kl-form-btn-wrap.right .btn_yellow {background:rgba(251, 188, 5, 1); border:1px solid rgba(251, 188, 5, 1);color: #fff;}
/*.kl-form-div .kl-form-btn-wrap.right .btn_green {background:rgba(50, 165, 95, 1); border:1px solid rgba(50, 165, 95, 1);color: #fff;}*/
.kl-form-div .kl-form-btn-wrap.right .btn_green {background:rgba(64, 170, 147, 1); border:1px solid rgba(64, 170, 147, 1);color: #fff;}
.kl-form-div .kl-form-btn-wrap.right .btn_blue {background:rgba(48, 126, 165, 1); border:1px solid rgba(48, 126, 165, 1);color: #fff;}
.kl-form-div .kl-form-btn-wrap.right .btn_purple {background:rgba(81, 78, 131, 1); border:1px solid rgba(81, 78, 131, 1);color: #fff;}
.kl-form-div .kl-form-btn-wrap.right .btn_tab {background:rgba(64, 170, 147, 1); border:1px solid rgba(64, 170, 147, 1);color: #fff;}
.kl-form-div .kl-form-btn-wrap.right .btn_lightgreen {background:rgba(96, 189, 107, 1); border:1px solid rgba(96, 189, 107, 1);color: #fff;}
/*.kl-form-div .kl-form-btn-wrap.right .btn_sky {background:rgba(110, 119, 148, 1); border:1px solid rgba(110, 119, 148, 1);color: #fff;}*/
.kl-form-div .kl-form-btn-wrap.right .btn_sky {background:rgba(110, 119, 148, 1); border:1px solid rgba(110, 119, 148, 1);color: #fff;}
.kl-form-div .kl-form-btn-wrap.right .btn_gray {background:rgba(128, 128, 128, 1); border:1px solid rgba(128, 128, 128, 1);color: #fff;}
.kl-form-div .kl-form-btn-wrap.left .btn_red {background:rgba(216, 79, 79, 1); border:1px solid rgba(216, 79, 79, 1);color: #fff;}
.kl-form-div .kl-form-btn-wrap.left .btn_orange {background:rgba(255, 150, 0, 1); border:1px solid rgba(255, 150, 0, 1);color: #fff;}
.kl-form-div .kl-form-btn-wrap.left .btn_yellow {background:rgba(251, 188, 5, 1); border:1px solid rgba(251, 188, 5, 1);color: #fff;}
.kl-form-div .kl-form-btn-wrap.left .btn_green {background:rgba(64, 170, 147, 1); border:1px solid rgba(64, 170, 147, 1);color: #fff;}
.kl-form-div .kl-form-btn-wrap.left .btn_blue {background:rgba(48, 126, 165, 1); border:1px solid rgba(48, 126, 165, 1);color: #fff;}
.kl-form-div .kl-form-btn-wrap.left .btn_purple {background:rgba(81, 78, 131, 1); border:1px solid rgba(81, 78, 131, 1);color: #fff;}
.kl-form-div .kl-form-btn-wrap.left .btn_tab {background:rgba(64, 170, 147, 1); border:1px solid rgba(64, 170, 147, 1);color: #fff;}
.kl-form-div .kl-form-btn-wrap.left .btn_lightgreen {background:rgba(96, 189, 107, 1); border:1px solid rgba(96, 189, 107, 1);color: #fff;}
.kl-form-div .kl-form-btn-wrap.left .btn_sky {background:rgba(110, 119, 148, 1); border:1px solid rgba(110, 119, 148, 1);color: #fff;}
.kl-form-div .kl-form-btn-wrap.left .btn_gray {background:rgba(128, 128, 128, 1); border:1px solid rgba(128, 128, 128, 1);color: #fff;}
.kl-normal-form-div {width: 100%;min-height: 26px; border-top: none;padding: 10px 0;clear: both;}

.kl-search-tbl .btn_sky,.kl-grid-leftmenu .btn_sky,.kl-grid-rightmenu .btn_sky,.kl-form-div .kl-form-btn-wrap.left .btn_sky,.kl-form-div .kl-form-btn-wrap.right .btn_sky 
{background:rgba(110, 119, 148, 1); border:1px solid rgba(110, 119, 148, 1);color: #fff;}
.kl-form-div3 .kl-form-btn-wrap .btn_green,.kl-form-div .kl-form-btn-wrap.right .btn_green,.kl-form-div .kl-form-btn-wrap.left .btn_green 
{background:rgba(64, 170, 147, 1); border:1px solid rgba(64, 170, 147, 1);color: #fff;}

/*label width 120px 개별  class 처리 */
.kl-search-tbl-label120 .kl-search-tbl label.kl-label {width:120px;}



/*btn*/
.sbux-btn.right {float:right;}
.sbux-btn.left {float:left;}


/*색상변경*/
.sbux-tabs-wrap > ul.sbux-tabs-nor-bd li.sbux-tabs-item.active > a, .sbux-tabs-wrap ul.sbux-tabs-inbox-bd li.sbux-tabs-item.active > a {
    background-color: rgba(64, 170, 147, 1);
    border-color: rgba(64, 170, 147, 1);
}
.kl-search-wrap2 .kl-search-btn {background: rgba(255, 150, 0, 1); border:1px solid rgba(255, 150, 0, 1);margin-top:3px;}
.kl-search-wrap2 label.kl-label {color:rgb(14, 100, 81);border: 1px solid #bfc8e8;background:#e1eaf2;}
.kl-search-wrap2 .kl-search-btn {background:rgba(255, 150, 0, 1); border:1px solid rgba(255, 150, 0, 1);}
.kl-search-wrap2 {padding:8px;}
.kl-search-wrap2 {background:#f8f8f8; padding:8px; border:1px solid #d6d6d6;}
.kl-search-hidebtn-up {background:(64, 170, 147);}
.kl-search-hidebtn-up { background: rgb(64, 170, 147); border: 1px #dddddd solid; border-top: none;}
.kl-search-slidebtn-square-left {background: rgb(64, 170, 147);}

.wrapper.theme-5-active .navbar.navbar-inverse {background:#374744;height: 50px;min-height:50px;}
.navbar.navbar-inverse.navbar-fixed-top .nav > li > a {line-height: 30px;padding-top: 10px;}
a.toggle-left-nav-btn, a#toggle_mobile_nav, a#toggle_mobile_search {line-height: 30px;padding-top: 10px;}


.wrapper.theme-5-active .fixed-sidebar-left .side-nav {/*background:#f6f6f6;*/background:#fff;}
/*.jq-toast-wrap .jq-toast-single.jq-icon-success {background:rgba(41, 135, 114, 0.95);}*/
.navbar.navbar-inverse.navbar-fixed-top .top-nav-search {padding-top:10px;}
.navbar.navbar-inverse.navbar-fixed-top .top-nav-search .input-group .input-group-btn {right:25px; top:5px;}
.navbar.navbar-inverse.navbar-fixed-top .top-nav-search .input-group input {height:30px;}
.mfb-component__button--child, .mfb-component__button--main {background-color:rgb(64, 170, 147);}
.fixed-sidebar-left .side-nav li>ul {background:#fff;}
.slide-nav-toggle .fixed-sidebar-left .right-nav-text {font-size:13px;}
.fixed-sidebar-left .side-nav > li > ul > li a{padding:7px 15px 7px 58px; font-size:12px;}
.slide-nav-toggle.sidebar-hover .navbar.navbar-inverse.navbar-fixed-top .nav-header .logo-wrap .brand-text {font-weight:bold; color:#fff;}
.navbar.navbar-inverse.navbar-fixed-top .top-nav-search .input-group input {font-size:12px; background:#fff;}
.kl-search-wrap2 label.kl-label select {background-color: #e1eaf2;    color: rgb(14, 100, 81);border: 1px solid #bfc8e8;}
.sbux-mol-wrap .sbux-mol-cont .sbux-mol-hd {background:rgb(64, 170, 147);border:1px solid rgb(64, 170, 147);}
.navbar.navbar-inverse.navbar-fixed-top .nav > li > a {color: #c5c5c5;}
.navbar.navbar-inverse.navbar-fixed-top .nav-header { height: 50px;}
.navbar.navbar-inverse.navbar-fixed-top .nav.top-nav > li > a .top-nav-icon-badge {top: 10px;}

.kl-title:before {background: rgba(64, 170, 147, 1);}
.sbux-tabs-wrap > ul.sbux-tabs-nor-bd li.sbux-tabs-item:hover.active > a, .sbux-tabs-wrap ul.sbux-tabs-inbox-bd li.sbux-tabs-item:hover.active > a {background-color:rgb(35,109,94); border-color:rgb(35,109,94);}
/*.kl-search-tbl label.kl-label {color: rgb(14, 100, 81);border: 1px solid #c5e8c7;background: #f6faff;}*/
.kl-search-tbl-wrap {background: #f8f8f8; border:1px solid #e8e8e8;}



.kl-search-hidebtn-down {background: rgb(64, 170, 147);border: 1px #dddddd solid;border-top: none}
.ui-dialog {z-index:10000;}

/*kl-rangepicker-small*/
.kl-rangepicker-small .kl-rangepicker{width:80px;}
.kl-rangepicker-small.sbux-pik-daterange .sbux-pik-wrap .sbux-pik-date .sbux-pik-icon-span button.sbux-pik-icon-btn {width:20px;}
.kl-rangepicker-small .sbux-pik-icon-span {width:20px;}
.kl-rangepicker-small.sbux-pik-daterange .sbux-pik-wrap .sbux-pik-date .sbux-pik-icon-span button.sbux-pik-icon-btn {width:20px;}
.kl-rangepicker-small .sbux-pik-input {padding:6px;}

.kl-rangepicker-small-wrap {width:calc(100% - 100px;)}
.kl-rangepicker-small-wrap input.sbux-pik-input {width:85px; padding:6px;}


/*템플릿 */
.kl-tem-2box-wrap {display:table; width:100%;overflow:hidden; }
.kl-tem-2box-wrap>div {display:table-cell;float:left; width:50%;}
.kl-grid-leftmenu-input label {line-height: 23px;}
.kl-grid-leftmenu-input select {margin-right:3px;}
.kl-grid-leftmenu-input label select {background-color: #f6faff; color: rgb(14, 100, 81);text-shadow: 0.5px 0;}
.kl-grid-leftmenu-input label span .sbux-inp-input {vertical-align:top;}



.kl-inline-labelform {display:inline-block;}
.kl-inline-labelform > div{display:inline-block; vertical-align:top;}
.kl-inline-labelform > div> label.kl-label{    color: rgb(14, 100, 81);
    border: 1px solid #c5e8c7; background: #f6faff;float: left;width: 100px;
    padding: 0;border-radius: 3px;box-sizing: border-box; height: 25px; line-height: 25px; font-size: 11px;text-shadow: 0.5px 0;}
.kl-inline-labelform > div> label.kl-label span {display:inline-block; padding-left:10px;}
.kl-inline-labelform > div .sbux-comp-root {float:left; vertical-align:top;}
.kl-inline-labelform > div .sbux-comp-root input {vertical-align:top;}

.kl-input-table {display:table; width:100%;}
.kl-input-table.label-minus {width: calc(100% - 104px);}
.kl-input-table>div {display:table-cell; vertical-align:top;}
.kl-input-table>div .sbux-inp-input {width:100%;}
.kl-input-table>div .sbux-sel{width:100%;}

.dash-wrap {text-align:center; padding:3px;}



.kl-popup-form {width:100%;}
.kl-popup-form-two {overflow:hidden;}
.kl-popup-form-two >div{float:left; display:inline-block; width:50%;}
.kl-tablediv01>div{float:left; display:inline-block; width:50%;}


/*table*/
.kl-table01 {width: 100%;}
.kl-table01 thead th { padding: 7px 0;text-align: center;background: #f8f8f8;color: #000;border-top: 1px solid #cecece;border-bottom: 2px solid #cecece;}
.kl-table01 tbody td { padding: 5px 0;text-align: center; border-bottom: 1px dotted #ccc;}

/*search bar btn*/
.navbar.navbar-inverse.navbar-fixed-top .top-nav-search .input-group .input-group-btn {
	right:5px; display:block; width:20px; height:20px; 
	pointer-events:inherit;
}

.navbar.navbar-inverse.navbar-fixed-top .nav > li .kl-detail-menu-wrap {
	left: -350px;width: 100%;min-width: 1200px;
}
.navbar.navbar-inverse.navbar-fixed-top .nav > li.full-width-drp {position:relative;}
.kl-detail-title {font-size: 16px;color: #000; padding: 5px 5px 5px 0;}
.kl-detail-rdo-wrap {padding-top: 5px;}
.kl-detail-rdo-wrap .sbux-rdo-wrap {vertical-align:top;}

.fc-day-grid-container {overflow:visible !important;}

.kl-admin-top {display:inline-block; padding:0 150px; padding-right: 20px; padding-top:10px;}
.kl-admin-top > label {float:left; display: inline-block;padding: 5px 15px;background: #f1f1f1;font-size: 12px;letter-spacing: -1px;border: 0; vertical-align:top;}
.kl-admin-top > label span {color: #374744;}
.kl-admin-top > div {display:inline-block;}
.kl-admin-top > div .sbux-comp-root{display:inline-block;}
.kl-admin-top > div .sbux-comp-root input{height: 26px; border-radius: 0;border: 0; font-size:12px;}
.kl-admin-top > div button.sbux-btn {float:right;display: inline-block; height: 26px; padding: 0 15px; background: #40aa93; border: 0; border-radius: 0;border: 1px solid #47c6ab; color: #fff;}
.kl-admin-top > div button.sbux-btn:hover {background: #2a957e; border-color:#2ca58c;}

.navbar.navbar-inverse.navbar-fixed-top .nav > li > a:hover, .navbar.navbar-inverse.navbar-fixed-top .nav > li > a:focus, .navbar.navbar-inverse.navbar-fixed-top .nav > li > a:active {
	color:#fff;
}

/*공지사항*/
.kl-main-bbs.card-view.panel.panel-default > .panel-heading {padding: 7px 10px; background: #f1f1f1;border-bottom: 1px solid #e2e2e2;}
.kl-main-bbs .panel-heading .panel-title {font-size: 13px; text-shadow: 0.5px 0; letter-spacing:-1px;}
.kl-main-bbs .kl-bbs-more{padding: 2px 4px; font-size: 11px; color: #828282;border: 1px solid #ccc;letter-spacing:-1px;margin-top: 2px;}
.kl-main-bbs .kl-bbs-more:hover{border: 1px solid #acacac;}
.kl-main-bbs .kl-bbs-content{padding-top:15px; padding-bottom:15px;}
.kl-main-bbs .kl-bbs-content .kl-table01 {width:100%; font-size:12px;}

/*달력*/
.kl-main-calendar {}
.kl-main-calendar.card-view.panel .panel-body {padding-top:0;}
.kl-main-calendar .fc-toolbar .fc-center h2 {font-size:22px; line-height:normal;}
.kl-main-calendar .fc-toolbar .fc-left {padding-top:10px;}
.kl-main-calendar .fc-toolbar .fc-right {padding-top:10px;}

/*메인 컨텐츠박스*/
.kl-main-box-left {padding-top:10px;}
.kl-main-box-right {padding-top:10px;}
#mobile_only_nav {position:absolute; right:0; top:0;}


/*large button*/
.sbux-btn.large-btn {padding:0 15px !important; text-shadow:0.5px 0;}
.sbux-btn.large-btn span {vertical-align:top;}
.sbux-btn.big-btn {padding:0 20px !important; text-shadow:0.5px 0;}
.sbux-btn.big-btn span {vertical-align:top;}

.sbux-btn.btn_orange {background:rgba(255, 150, 0, 1); border:1px solid rgba(255, 150, 0, 1);color: #fff;}

/*라운드제거처리*/
.sbux-tabs-wrap > ul.sbux-tabs-nor-bd li.sbux-tabs-item > a, .sbux-tabs-wrap ul.sbux-tabs-inbox-bd li.sbux-tabs-item > a {border-radius:0;}

.sbgrid_CPA_title_st {font-size:13px; letter-spacing:-1px;}
.sbux-btn .sbux-btn-txt {vertical-align:top;}

/*시스템알림*/
.nav.navbar-right.top-nav.pull-left {margin-top:3px;}
.kl-system-alert .kl-system-alert-title {padding: 5px 20px; background: rgb(39, 150, 210); overflow: hidden;}
.kl-system-alert .kl-system-alert-title h2{float: left;display: inline-block;height: 30px;line-height: 30px;font-size: 14px; color: #fff;font-weight: bold;}
.kl-system-alert .kl-system-alert-title .sbux-btn{ float: right;background: none;color: #ffff;border-color: #fff;}
.kl-system-alert .kl-system-alert-content{overflow: hidden;display: table; padding: 10px 20px;width: 100%;}
.kl-system-alert .kl-system-alert-content .kl-system-message{display: table-cell; width: calc(100% - 86px);padding-right: 10px;box-sizing: border-box;font-size: 13px; color: #374744; font-weight: bold;}
.kl-system-alert .kl-system-alert-content .kl-system-update-btn{display: table-cell;width: 86px;}
.kl-system-alert .kl-system-alert-content .kl-system-update-btn .sbux-btn { height: 30px; padding: 5px 10px; background: orange; border: none; color: #fff; text-shadow: 0.5px 0; font-weight: bold;}
    
/*로그인 옆 공지사항 */
.kl-login-id,.kl-login-pw {text-shadow:0.5px 0;}
.auth-form.kl-login-notice {width:800px; padding-top:30px;}
.form-wrap {display:table; width:100%;    box-shadow: 1px 1px 10px #e7e7e7;}
.kl-form-login {display:table-cell; width:350px; padding: 10px 30px;; border: 1px solid #ccc; border-right:none;}
.kl-login-notice-wrap {display:table-cell; width:550px; border: 1px solid #ccc; background: #fff;}
.kl-login-notice-title {padding: 7px 20px;font-size: 16px;letter-spacing: -1px;text-shadow: 1px 0;background: #f3f3f3; border-bottom: 1px solid #e5e5e5;}
.kl-login-notice-list {width: 100%;padding: 20px;padding-top: 20px;  height: 256px;}
.kl-login-notice-list li {position:relative; height: 40px;border-bottom: 1px dotted #ccc; line-height: 40px;font-size: 13px;}
.kl-login-notice-list li a{display: inline-block;width: 280px;padding-left: 15px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;vertical-align: top;letter-spacing:-1px;}
.kl-login-notice-list li:hover a{color:#999;}
.kl-login-notice-list li:before {position:absolute; top:20px; left:5px; display:inline-block; width:3px; height:3px; background:#ccc; content:'';}
.kl-login-notice-list li span{ float: right; display: inline-block; padding-right: 10px;}
    
/*알림창 높이 100%*/
.navbar.navbar-inverse.navbar-fixed-top .nav > li .dropdown-menu.alert-dropdown {
	position: fixed; top: 50px;bottom: 10px; overflow: hidden;
}

.fixed-sidebar-right, .setting-panel {top: 50px;}

.slimScrollBar {width:10px !important;}
   
.kl-message-li{height: calc(100vh - 70px);}
.kl-message-li>.slimScrollDiv{ position: absolute;overflow: hidden;width: auto;height: calc(100vh - 70px);padding-bottom: 70px;}
.streamline.message-nicescroll-bar{width: auto;height: 100%;margin-bottom: 180px;overflow: hidden;bottom: 0;}
    
.fixed-sidebar-left {top:52px;}
    
/*사용자정보*/    
.kl-user-info-logout{width: 160px; margin-top: 20px; box-sizing: border-box;}
.kl-user-info-li{width: 160px; margin-top: 20px; box-sizing: border-box;}
.kl-user-info {display: block;float: left; width: 100%; padding-bottom: 3px;font-size: 12px;color: rgb(132, 233, 211);}
.kl-user-info .kl-user-name{  display: inline-block;  padding: 0 3px;color: #fff; text-shadow: 0.5px 0;}
   
   
 .sweet-alert h2 {font-size:20px; line-height:20px;}
 .sweet-alert.showSweetAlert.visible p{font-size:14px;}


.kl-user-info .kl-user-name{}    
.kl-login-join-btn a{ color:#fff; background:#36a48d !important; text-shadow:1px 0; border:none;}

/*sub layout*/
.kl-subcon-wrap {width: 1200px;padding-top: 100px;margin: 0 auto;}
.kl-subtitle{padding-bottom: 5px;font-size: 22px;text-shadow: 1px 0;border-bottom: 1px solid #ccc;}
.kl-sub-con {padding: 15px 0;}

    
/*미디어쿼리*/
/*1025 이하로 css 적용*/
@media(max-width:1024px){
	#btn_detail_filter {display:none;}	
	.fc-toolbar .fc-left {display:inline-block !important; float:left !important; width: auto !important; margin-bottom:0 !important;}
	.fc-toolbar .fc-right {display:inline-block !important; float:right !important; width: auto !important;margin-bottom:0 !important;}
	.fc-toolbar .fc-center {display:inline-block !important; float:none !important; width: auto !important;margin-bottom:0 !important;}
	.fc-toolbar .fc-clear {display:none}
	.kl-slide-grid-responsive>div {width:50% !important;}
	.kl-slide-grid-responsive>div:first-child{width:100% !important;}
	.kl-slide-grid-responsive>div:last-child{width:100% !important;}
	.navbar.navbar-inverse.navbar-fixed-top .mobile-only-brand .nav-header {background: #374744;}
}

/*1025 이상으로 css 적용*/
@media(min-width:1025px){
	.navbar.navbar-inverse.navbar-fixed-top .nav > li .kl-detail-menu-wrap {
	left: -400px;width: 100%;min-width: 500px;}
	/*.kl-search-con-wrap.col-4>div {width:100%;}*/
}

/*1200 이상으로 css 적용*/
@media(min-width:1200px){
	.navbar.navbar-inverse.navbar-fixed-top .nav > li .kl-detail-menu-wrap {
	left: -400px;width: 100%;min-width: 500px;	}
	/*.kl-search-con-wrap.col-4>div {width:50%;}*/
}

/*1400 이상으로 css 적용*/
@media(min-width:1400px){
	.navbar.navbar-inverse.navbar-fixed-top .nav > li .kl-detail-menu-wrap {
	left: -400px;width: 100%;min-width: 1050px;	}
	.kl-search-con-wrap.col-4>div {width:25%;}
}

/*로그인 new*/
header.sp-header {background:#fff;}
header.sp-header h1 {float: left;display: inline-block; padding-left:20px;}
header.sp-header ul:not(.dropdown-menu) {float: left; display: inline-block; width: calc(100% - 350px); padding-top: 30px; padding: 30px 150px;}
header.sp-header ul:not(.dropdown-menu) li {float: left;display:inline-block; text-align:center; width:25%; font-size:13px;}
header.sp-header h1 img {width:179px; height:33px;}
.kl-login-wrap {background:#f5f5f5 !important;}
.kl-form-login {background:#fff;}
.trans_logo {display: block; width:20%;  margin: 0 auto;text-align: center;}

/***************배경색상 변경*****************/
/**sbuxLayerPopupHeader body*/
/*사이드바*/
.wrapper.theme-5-active .fixed-sidebar-left .side-nav {background:#f6f6f6 !important;}

/*테두리 배경*/
.page-wrapper {background:#e5e5e5 !important;padding-top: 55px;padding-bottom: 10px;padding-left: 10px;}

/*메인테투리*/
.main_cont {background:#f5f5f5 !important;}

/*전체 배경*/
.sbux-tab-content {background:#f5f5f5 !important;}

/*조건검색 배경*/
.kl-search-wrap {background:#fcfcfc !important;}
.kl-search-wrap2 {background:#fcfcfc !important;}
.kl-search-wrap3 {background:#fcfcfc !important;}
.kl-search-wrap4 {background:#fcfcfc !important;}

/*iframe body 영역 배경*/
.sbux-iframe-body {background:#f5f5f5;}

/*grid 배경*/
.sbgrid_WMA_st {background:#fcfcfc !important;}
.sbgrid_WA_st {background:#fcfcfc !important;}

/*모달*/
.sbux-mol-cont {background:#fcfcfc !important;}

	
/*파일업로드 multipleExt*/
.sbux-upl-wrap .sbux-upl-con-wrap .sbux-upl-main li {
    position: relative;
    display: table;
    width: 100%;
    padding: 1px 0px;
    border-bottom: 1px solid rgb(229, 229, 229);
    background: rgb(255, 255, 255);
    opacity: 1;
}

/*그리드 전체의 글꼴  Malgun Gothic->Dotum 0410*/
span.sbgrid_span.sbgrid_common {font-family: 'Dotum' !important;}

/* bunny lib 충돌로 인해 아래 css 추가 */
.sbgrid-ui-datepicker select.sbgrid-ui-datepicker-year {color: black !important;}
.sbgrid-ui-datepicker select.sbgrid-ui-datepicker-month {color: black !important;}


.label-tooltip {
	position: absolute;
	z-index: 3;
	background: white;
	border: 1px solid #536ec2;
	width: max-content;
	padding: 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
	color: #364984;
    text-shadow: 0.5px 0;
}

.kl-search-setting {
	background: rgba(110, 119, 148, 1);
	border: 1px #dddddd solid;
	border-top: none;
	position: absolute;
	right: 0px;
	top: -17px;
	width: 50px;
	height: 17px;
	border-radius: 5px 5px 0 0;
	cursor: pointer;
	text-align: center;
 	color: #fff;
}