@charset "UTF-8";
/* ***************************************************************************** Main Container */
#container {margin:0; overflow:hidden;}
#container .wrap-title {/*width:1050px; */height:50px; line-height:60px; text-indent:10px; margin-right:5px;border: 0px dashed #ccc; position:relative; overflow: hidden;}
#container .wrap-content {clear: both;}
/* ***************************************************************************** Title & Menu */
/* ============================================================= Title */
#container .wrap-title .title-icon {font-size:27px; color:#000; font-weight:bold;}
#container .wrap-title .title-1st {font-size:22px; color:#000; font-weight:bold;}
#container .wrap-title .title-2nd {font-size:18px; color:#368c86; font-weight:bold;}
/* ============================================================= Menu Button */
.wrap-top-button {float:right; /*position:absolute;*/ overflow: hidden; z-index: 100;right: 0px;}
.wrap-top-button ul {overflow:hidden;}
.wrap-top-button ul li {float:left; padding-top:13px; overflow: hidden;}
.wrap-top-button ul li p { margin-bottom: 10px;}

/*========================= 로그인 ======================================*/

header .admin-logo{position:absolute;left:50%;margin-left:-95px;top:80px;}


/* ***************************************************************************** Main Container */
/* =============================================================  */
/*
.wrap-content -> #wrap-contents
	.wrap-cont
		.wrap-search
		.contents
			.pageWrap
.tab_menus_area -> #wrap-tabs-bar
	.tab_menus -> .wrap-tabs
		.searchWrap -> .wrap-search
		.contents_tab
			.pageWrap


#wrap-contents              #wrap-tabs-bar
	.wrap-cont              	.wrap-tabs
		.wrap-search        		.wrap-search
		.contents           		.contents_tab
			.pageWrap       			.pageWrap
				.pageBody
*/
/* =============================================================  */
#wrap-contents, #wrap-tabs-bar {clear: both;}
#wrap-contents {margin: 0 5px 5px 5px; border: solid 1px #D5D5D5; /*background-color: red;*/}
#wrap-tabs-bar {padding: 0 5px;}
/* =============================================================  */
#wrap-contents .wrap-cont, #wrap-tabs-bar .wrap-tabs {}
#wrap-contents .wrap-cont {}
#wrap-tabs-bar .wrap-tabs {}
/* =============================================================  */
#wrap-contents .wrap-cont .contents, #wrap-contents .wrap-cont .contents_body, #wrap-tabs-bar .wrap-tabs .contents_tab {position: absolute; left: 6px; right: 6px; bottom: 5px; clear: both; }
#wrap-contents .wrap-cont .contents      {top: 145px; }
#wrap-contents .wrap-cont .contents_body {top: 60px; }
/*#wrap-contents .wrap-cont .contents_auth {position: absolute; left: 5px; top: 60; right: 5px; bottom: 5px; border: 1px dashed #000; overflow: hidden;}*/
#wrap-tabs-bar .wrap-tabs .contents_tab  {top: 175px; }
/* ***************************************************************************** Contents */
/* =============================================================  */
.pageWrap { position: absolute; left: 5px; top: 0; right: 5px; bottom: 5px; border:0px dashed #000;}
.pageBodyBox { position: absolute; left: 2px; top: 0; right: 2px; bottom: 5px; padding: 10px; border: 1px solid #e5f3fd; overflow-x: auto;}
/* ============================================================= Tab Menu */
/*#wrap-tabs-bar .pageWrap {border:1px solid #D3D3D3; border-top:1px solid #fff;}*/
/*#wrap-tabs-bar .pageBody {margin: 0 5px;}*/
/* =============================================================  */
.pageBottom .pageBox {background:#efefef;}
/* ============================================================= Vertical Bar */
.pageLineBar, .pageLineBarLeft, .pageLineBarRight, .pageLineSubBar { width:10px; background:#ffffff; float:left; z-index:100;}
.pageLineBar, .pageLineBarLeft, .pageLineBarRight    { margin-top:18%; height:60px;}
.pageLineSubBar { margin-top: 5%;}
.pageLineBar .bar, .pageLineBarLeft .bar, .pageLineBarRight .bar, .pageLineSubBar .bar { height:57px; background:#9f9f9f; text-align:center; padding-top:43px; cursor:pointer; }
.pageLineBar .bar:hover, .pageLineBarLeft .bar:hover, .pageLineBarRight .bar:hover, .pageLineSubBar .bar:hover { background:#6da5d1; }
/* ============================================================= Horizontal Bar */
.updownLineH { width:100%;background:#ffffff;height:10px; line-height:10px;}
.updownLineH .bar {width:100px;background:#9f9f9f;margin:auto;text-align:center;cursor:pointer;}
.updownLineH .bar:hover {background:#6da5d1;}

.pageHorizontalBar { width: 100%;  background:#ffffff; height: 10px; line-height: 10px;}
.pageHorizontalBar .bar {width: 100px; background:#9f9f9f; margin:auto; text-align:center; cursor:pointer;}
.pageHorizontalBar .bar:hover {background:#6da5d1;}

/* ***************************************************************************** Main Search */
/* =============================================================  */
.wrap-search {border:1px solid #d3d3d3; margin:10px 5px; overflow:hidden;}
.wrap-search .search {border: 5px solid #f2f2f2; padding: 5px 0; overflow:hidden; height: 55px;}
/* =============================================================  */
.wrap-search .search .icon {float:left;text-align:center;width: 45px;color:#a0a0a0;margin-top: 10px;margin-right: 5px;padding: 0px 15px;border-right:1px solid #eee;}
.wrap-search .search .icon i {font-size: 15px;}
.wrap-search .search .icon span {letter-spacing: 0; font-size: 10px; font-family: 'Malgun Gothic';}
/* =============================================================  */
.wrap-search .search .cont {overflow: hidden; /*float: left;*/ margin-left: 45px; /*margin-right: 80px;*//*width:1180px;*/ height: 55px; line-height: 55px; padding-left: 0px; }
.wrap-search .search .cont-noicon {overflow: hidden; /*float: left;*/ margin-left: 10px; /*margin-right: 80px;*//*width:1180px;*/ height: 55px; line-height: 55px; padding-left: 0px; }
.wrap-search .search .cont input.search {border:2px solid #8abcb9; padding:0;}
/* ============================================================= Search_table */
.wrap-search .search .trans_list {}
.wrap-search .search table {overflow: hidden; table-layout:fixed; border-collapse: collapse;}
.wrap-search .search table.row1 { margin-top: 13px;/*margin-left:80px;*/ /*line-height:0.8;*/  /*display: inline-block;*/}
.wrap-search .search table.row2 { line-height: 1; margin-top: 0px;/*margin-left:80px;*/ /*line-height:0.8;*/  /*display: inline-block;*/}
.wrap-search .search table.row2 td { height: 24px; line-height: 24px;}
.wrap-search .search table th {padding: 1px 3px; }
.wrap-search .search table td {padding: 1px 3px; /*height: 25px; max-height: 25px; */overflow:hidden; }
.wrap-search .search table td.date_box {line-height: 1; background-color: #F2F2F2; padding-top: 4px; padding-bottom: 4px;}
.wrap-search .search table td.gray {border:1px dashed #e1e1e1; padding:4px 7px 0 7px; text-align:center; background:#f8f8f8;}
.wrap-search .search table th.gray1, .wrap-search .search table td.gray1 {border:1px dashed #e1e1e1; padding:4px 7px; text-align: left; background:#f8f8f8;}
/*.wrap-search .search .btnPack {float:right; margin-right:7px; margin-top:0px;}
.wrap-search .search .sectionR {float:right; margin-right:7px; }*/
/* =============================================================  */
.wrap-search .search .buttons {float:right; height: 55px; line-height: 55px; margin-right: 10px; margin-top: -55px; z-index: 10; right:0;}
.wrap-search .search .buttons table {overflow: hidden; table-layout:fixed; border-collapse: collapse;}
.wrap-search .search .buttons table { line-height: 1; margin-top: 0px;/*margin-left:80px;*/ /*line-height:0.8;*/  /*display: inline-block;*/}
.wrap-search .search .buttons table td { height: 24px; line-height: 24px; padding: 1px 3px;}
.wrap-search .search .buttons span.btn_sub {margin-top: 6px; width: 55px; height: 30px;}
.wrap-search .search .buttons span.btn_sub i {margin-bottom: 5px;}
.wrap-search .search .buttons:after {clear: both;}
.wrap-search .search .text_desc {float:right; text-align: left; width: 230px; height: 55px; line-height: 55px; margin-right: 5px; margin-top: -55px; padding: 0px 10px; border: dotted 1px #cccccc; background-color: #f8f8f8;}
.wrap-search .search .text_desc .desc { display: inline-block; vertical-align: middle; line-height: 15px;   }
.wrap-search .search .text_middle {float:right; height: 55px; line-height: 55px; margin-right: 10px; margin-top: -55px;}
.wrap-search .search .text_middle:after {clear: both;}
.wrap-search .search .text_buttons {float:right; height: 55px; line-height: 28px; margin-right: 10px; margin-top: -55px;}
.wrap-search .search .text_buttons span.btn_sub {width: 70px; height: 13px;}
.wrap-search .search .text_buttons span.sub_btn_small {width: 50px; height: 15px;}
.wrap-search .search .text_buttons:after {clear: both;}
/*style="margin-top: -10px;width: 105px;float: right;margin-right: -25px;" */
/*#wrap-tabs-bar .wrap-search {margin-bottom: 20px;}
#wrap-tabs-bar .pageWrap {border:1px solid #D3D3D3; border-top:1px solid #fff;}
#wrap-tabs-bar .pageBody {margin: 0 5px;}*/

.tTit {font-size:16px;font-weight:bold;color:#000;margin-bottom:5px;}
.star  {font-size:  8px; font-weight:bold; color:#ea6f80;}
.star1 {font-size: 13px; font-weight:bold; color:#3bb0ab;}
.dashLine {height:10px;border-bottom:1px dashed #c0c0c0;}

.whole-box { width: 100%; height: 100%; border: 1px solid #eee; }
/******************************************************************************* Text */
/* =============================================================  */
.f_total  {font-size:25px; color:#884fb3; font-weight:bold; font-family:tahoma;}
.f_total0 {font-size:20px; color:#696969; font-weight:bold; font-family:tahoma;}
.f_total1 {font-size:18px; color:#884fb3; font-weight:bold; font-family:tahoma;}
.f_month  {font-size:25px; color:#3b3632; font-weight:bold; font-family:tahoma;}
/******************************************************************************* jQuery UI override */
img.ui-datepicker-trigger {margin-right: 5px;}
.setdate { width: 90px; }
/******************************************************************************* Form */
select{height:25px;}
input{height:25px;}
input.required, select.required, textarea.required {
	background-image : url('../../../images/admin/required.png');
	background-repeat: no-repeat;
	background-position: left top;
}
.textbox .textbox-text {padding:0px;}
textarea.line {
	/*font-family : "돋움";*/
	font-size : 9pt;
	/*color : #666666;*/
	background-image: url('../../../images/admin/bg_textarea_line.gif');
	line-height: 15pt;
	position:absolute;
}

/******************************************************************************* Ajax */
/*.ui-jqgrid .loading {padding: 0; margin: 0; border-width: 0;}*/
/* .ui-jqgrid .loading div */
.ui-jqgrid .loading, .wrap-loading { /*화면 전체를 어둡게 합니다.*/
	display: none;
	border-width: 0px !important;
	position: fixed; left:0; right:0; top:0; bottom:0; z-index : 2000;
	background: rgba(0,0,0,0.2); /*not in ie */
	filter: progid:DXImageTransform.Microsoft.Gradient(startColorstr='#20000000', endColorstr='#20000000');    /* ie */
}
.ui-jqgrid .loading div, .wrap-loading div { /*로딩 이미지*/
	position: fixed;
	top: 50%;
	left: 50%;
	margin-left: -240px;
	margin-top: -240px;
}
.display-none { /*감추기*/
	display:none;
}
.ajax-error { /*화면 전체를 어둡게 합니다.*/
	position: fixed; left:0; right:0; top:0; bottom:0; z-index : 2000; background-color: #ffffff;
}
.ui-jqgrid td input, .ui-jqgrid td select, .ui-jqgrid td textarea {padding-top: 0px; padding-bottom: 0px;}
.ui-jqgrid td input {height: 20px;}
/******************************************************************************* Table */
/* ============================================================= gray */
table.gray_list {border-collapse: collapse; /*border-top:1px solid #d8d8d8;border-left:1px solid #d8d8d8;border-right:1px solid #d8d8d8;*/ border: 1px solid #d8d8d8; width:100%;}
table.gray_list th {background:#f2f2f2; border: 1px solid #d8d8d8;/* border-bottom:1px solid #d8d8d8; border-right:1px solid #d8d8d8;*/  padding:3px 5px; text-align: right;}
table.gray_list th:last-child {/*border-right:0;*/}
table.gray_list td { border: 1px solid #d8d8d8; padding:3px 5px; text-align:left; }
table.gray_list td:last-child {/*border-right:none;*/}
/* ============================================================= brown */
table.blue_list {border-collapse: collapse; /*border-top:1px solid #d8d8d8;border-left:1px solid #d8d8d8;border-right:1px solid #d8d8d8;*/ border: 1px solid #b0b0b0; width:100%;}
table.blue_list th {background:#f7dfaa; border: 1px solid #b0b0b0;/* border-bottom:1px solid #d8d8d8; border-right:1px solid #d8d8d8;*/  padding:3px 5px; text-align: right;}
table.blue_list th:last-child {/*border-right:0;*/}
table.blue_list td { border: 1px solid #b0b0b0;/*border-bottom:1px solid #d8d8d8; border-right:1px solid #d8d8d8;*/ padding:3px 5px; text-align:left; }
table.blue_list td:last-child {/*border-right:none;*/}
/* ============================================================= orange */
table.orange_list {border-top:1px solid #d4a375;border-left:1px solid #d4a375;border-right:1px solid #d4a375; width:100%;}
table.orange_list th {background:#f0e3bf; border-bottom:1px solid #d4a375; border-right:1px solid #d4a375; width:20%;}
table.orange_list th:last-child {border-right:0;}
table.orange_list td {border-bottom:1px solid #d4a375; border-right:1px solid #d4a375; padding:3px 5px; text-align:left; }
table.orange_list td:last-child {border-right:none;}
/******************************************************************************* Button */
/* ============================================================= top action button */
/* --------------------------------------------- common */
.btnBq, .btnBc, .btnLb, .btnLb1 {cursor:pointer; font-size:12px; text-align:center; text-indent:0; float:left; display:inline-block; margin-left:3px; padding: 5px 10px; border:1px solid rgba(0,0,0,.1); border-radius:3px; }
.btnBq > i, .btnBc > i, .btnLb > i, .btnLb1 > i {
	display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; /* .fa */
	font-size: 1.33333333em; line-height: 0.75em; vertical-align: -15%; /* .fa-lg */
	margin-right: 5px;
}
.btnBq:hover, .btnBc:hover, .btnLb:hover {border:1px solid rgba(0,0,0,.5);}
/* --------------------------------------------- search */
.btnBq  { background:#efc231; color:#000000; }
/* --------------------------------------------- close */
.btnBc  { background:#8faf14; color:#ffffff; }
.btnBc > i {color:#ffffff; }
/* --------------------------------------------- action */
.btnLb  { background:#efc231; cursor: pointer; color:#000000; }
.btnLb1 { background:#ecd89b; cursor: default;  color:rgba(0,0,0,.3) !important; }
/* ============================================================= sub action button */
/* --------------------------------------------- top sub button */
.btnSb, .btnSb1  {width:70px; padding:5px 0; font-size:12px; text-align:center; display:inline-block; margin-left:0px; line-height:1.2; border-width:1px; border-style:solid; border-radius:3px;}
.btnSb  { background:#d1d1d1; color:#333333; border-color:rgba(0,0,0,.2); cursor:pointer; }
.btnSb1 { background:#eeeeee; color:#000000; border-color:rgba(0,0,0,.1); cursor:default; }
/* --------------------------------------------- page sub button */
.btnGs, .btnGs1 { width:40px; height:20px; padding:3px 3px; font-size:12px; text-align:center; border-radius:3px; display:block; margin-bottom:3px;}
.btnGs  { color:#ffffff; background:#757575; cursor:pointer;}
.btnGs1 { color:#585858; background:#f0f0f0; cursor:default; }
/* --------------------------------------------- small sub button */
.btnG, .btnG1 { font-size:12px; padding:5px 10px; text-align:center;border-radius:3px; margin-left:2px;}
.btnG  { color:#ffffff; background:#757575; cursor:pointer;}
.btnG1 { color:#585858; background:#f0f0f0; cursor:default;}
.btnG  > i {color:#ffffff; }
.btnG1 > i {color:#585858; }

.btnSG, .btnSG1{font-size:12px;text-align:center;border-radius:3px;margin-left:2px;padding:3px 10px;height:20px;border:none;}
.btnSG  { color:#ffffff; background:#757575; cursor:pointer;}
.btnSG1 { color:#585858; background:#f0f0f0; cursor:default;}
.btnSG  > i {color:#ffffff; }
.btnSG1 > i {color:#585858; }
/* --------------------------------------------- hover */
.btnSb:hover, .btnG:hover, .btnSG:hover {background:#368c86; color:#fff;}
.btnGs:hover {background:#aaaaaa;}
/* ---------------------------------------------  */
.btnGsClear {display: inline;};
/******************************************************************************* paging */
.grid_paging_area {position:relative; height: 25px; margin-left:1px; margin-top:5px;}
.grid_paging_area p.write_btn {position:absolute;right:0;top:0;}
.grid_paging_area .rows_select{/*position:absolute; */float:left; width:155px;line-height: 25px; font-weight:bold; font-size:12px; margin-top:0px;margin-bottom:0px; padding-left:4px; background-color:#e5e5e5; }
.grid_paging_area .paging {text-align:left;margin:0 0 0 0;}
.grid_paging_area .paging a,.paging strong{padding:0 10px;margin-right:3px; display:inline-block; height:22px; border:1px solid #dedede;vertical-align:top; text-align:center; color:#939393;line-height:22px;}
.grid_paging_area .paging strong, .grid_paging_area .paging a.active {background:#6a6a6a; color:#fff;border:solid 1px #6a6a6a;}
.grid_paging_area .paging .prev, .grid_paging_area .paging .prevEnd, .grid_paging_area .paging .next, .grid_paging_area .paging .nextEnd {border:none;padding:0;}
.grid_paging_area .paging img {vertical-align:top; margin-right:3px;}
/******************************************************************************* 블라인드팝업 */
/* ============================================================= modal box */
.modal-box { display: none; position: absolute; z-index: 1000; background: white; border-bottom: 1px solid #aaa; border-radius: 8px; box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5); border: 1px solid rgba(0, 0, 0, 0.1); background-clip: padding-box; }
/* ============================================================= modal box header */
.modal-box .modal_header, .modal-box .modal_help_header { background-color: #f8eeb9; padding: 10px 15px; border-bottom: 1px solid #ddd; border-top-left-radius: 8px; border-top-right-radius: 8px; }
.modal-box .modal_header a.close {line-height:1;font-size:40px;position:absolute;right:2%;text-decoration:none;color:#000;top:0px;}
.modal-box .modal_header a.close:hover { color: #222; -webkit-transition: color 1s ease; -moz-transition: color 1s ease; transition: color 1s ease; }

.modal-box .modal_header h3, .modal-box .modal_header h4,
.modal-box header h3, .modal-box header h4 { margin: 0; font-size: 1.4em; font-weight: bold; }
/* ============================================================= modal box button */
.modal-box .btn { font-size: 13px; padding: 12px 24px; background-color: #fff; border: 1px solid #bbb; color: #333; text-decoration: none; display: inline; border-radius: 4px;
	-webkit-transition: background-color 1s ease; -moz-transition: background-color 1s ease; transition: background-color 1s ease; cursor: pointer;
}
.modal-box .btn:hover { background-color: #ddd; -webkit-transition: background-color 1s ease; -moz-transition: background-color 1s ease; transition: background-color 1s ease; }
.modal-box .btn-small { font-weight: bold; padding: 10px 19px; font-size: 13px; }
.modal-box .btn-blue, .modal-box .modal_footer .blue  { color: #ffffff; background-color: #428BCA; border-color: #357EBD; }
/* ============================================================= modal box search */
.modal-box .searchWrap {border: 1px solid #d3d3d3; margin: 10px 5px; overflow: hidden; }
.modal-box .searchWrap .search {border: 5px solid #f2f2f2; padding: 5px 0; overflow: hidden; height: 55px;}
.modal-box .searchWrap .search .left { float: left; text-align: center; width: 45px; color: #a0a0a0; margin-top: 10px; margin-right: 5px; border-right: 1px solid #eee;}
.modal-box .searchWrap .search .cont        { margin: 0 10px 0 45px; height: 55px; line-height: 55px;}
.modal-box .searchWrap .search .cont-noicon { margin: 0 10px; height: 55px; line-height: 55px;}
/* ============================================================= modal box search */
.modal-box .modal_body .search { width:100%;background:#fcfcfc;height:20px;border-bottom:3px solid #efefef;padding:7px 0; margin-bottom: 10px;}
.modal-box .modal_body .search .icon {margin-left: 10px; }
.modal-box .modal_body .search .cont {margin-left: 20px; margin-top: -20px;}
.modal-box .modal_body .search .cont .btn-search{float:right;margin-right:10px;margin-top:-2px;}
/* ============================================================= modal box body */
.modal-box .modal_body { padding: 10px 20px; overflow:scroll;}
/* ============================================================= modal box footer */
.modal-box .modal_footer{clear:both;padding:20px 15px;border-top:1px solid #ddd;background:#F6F6F6;text-align:right;}
.modal-box .modal_footer .btn-small{padding:5px 20px;}
.modal-overlay { opacity: 0; filter: alpha(opacity=0); position: absolute; top: 0; left: 0; z-index: 900; width: 100%; height: 100%; background: #BDBDBD !important; }
/* ============================================================= modal gray table */
.modal_gray_list table {border-collapse: collapse; border-top:1px solid #b0b0b0;border-left:1px solid #b0b0b0;border-right:1px solid #b0b0b0; width:100%;}
.modal_gray_list table th {background:#e9e9e9; border-bottom:1px solid #b0b0b0; border-right:1px solid #b0b0b0; text-align:right; padding-right:5px;}
.modal_gray_list table th:last-child {border-right:0;}
.modal_gray_list table td {border-bottom:1px solid #b0b0b0; border-right:1px solid #b0b0b0; padding:3px 5px; text-align:left; }
.modal_gray_list table td:last-child {border-right:none;}
/*******************************************************************************  */
/* ============================================================= modal brown table */
.modal_blue_list table {border-collapse: collapse; border-top:1px solid #b0b0b0;border-left:1px solid #b0b0b0;border-right:1px solid #b0b0b0; width:100%;}
.modal_blue_list table th {background:#cfdef5; border-bottom:1px solid #b0b0b0; border-right:1px solid #b0b0b0; text-align:right; padding-right:5px;}
.modal_blue_list table th:last-child {border-right:0;}
.modal_blue_list table td {border-bottom:1px solid #b0b0b0; border-right:1px solid #b0b0b0; padding:3px 5px; text-align:left; }
.modal_blue_list table td:last-child {border-right:none;}

/* ============================================================= modal sms table */
.sms_modal_list {width:300px;height:530px;background:url('/images/etc/smartphone0.png') no-repeat;background-size:280px;float:left;}
.sms_modal_list table {margin-top:98px;margin-left:25px;width:75%;}
.sms_modal_list tr{height:30px;}
.sms_modal_list th{border-bottom:1px solid #949494;text-align:right;}
.sms_modal_list span{margin-right:7px;}
.sms_modal_list td{border-bottom:1px solid #949494}

/* ============================================================= title */
.sub-title {border:1px solid #ddd; padding:7px 0 7px 10px; background:#f6f6f6; margin-bottom: 5px;}
.table-title { border-top-right-radius: 4px; border-top-left-radius: 4px; border-top: 1px solid #d8d8d8; border-left: 1px solid #d8d8d8; border-right: 1px solid #d8d8d8; height:20px; padding-left:5px; padding-top:3px; font-weight:bold; background-color: #e0ecff; }
.modal_table-title {  border-top-right-radius: 4px; border-top-left-radius: 4px; border-top: 1px solid #b0b0b0; border-left: 1px solid #b0b0b0; border-right: 1px solid #b0b0b0; height:20px; padding-left:5px; padding-top:3px; font-weight:bold; }

/* ***************************************************************************** Botton */
/* ============================================================= Debug */
#wrap-debug { position: absolute; bottom: 0; width: 99%; height: 500px; border: solid 1px #aaaaaa; background-color: #eeeeee; margin: 5px;}
#wrap-debug .debug-box { height: 460px; overflow-y: scroll; overflow-x: hidden; border: solid 1px #aaaaaa; background-color: #ffffff; margin: 0 3px;}
#wrap-debug .debug-box::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); border-radius: 10px; background-color: #F5F5F5; }
#wrap-debug .debug-box::-webkit-scrollbar { width: 12px; background-color: #F5F5F5; }
#wrap-debug .debug-box::-webkit-scrollbar-thumb { border-radius: 10px; -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3); background-color: #555; }
#wrap-debug .debug-text {padding: 3px; }
/* ============================================================= Page Loading Image */
/* ============================================= 페이지로딩 이미지 */
.loader, #loading_view {
	background-image: url('../../../images/admin/ajax-loader.gif');
	background-repeat: no-repeat;
	background-position: center 55%;
	width:140px;
	height:100px;
	border: 2px solid #4d4d4d;
}
#loading_view { width: 500px; height: 300px; }
.loader { width: 140px; height: 100px; } /* 해당페이지 호출 시 */
/* =============================================================  */
.display-none  { display: none;  } /*감추기*/
.display-block { display: block; } /*보이기*/



/* margin */
.m0a{margin:0 auto !important;}.mg10a{margin:10px auto !important;}.mg20a{margin:20px auto !important;}.mgl0{margin-left:0px !important;}
.mgt0{margin-top:0px !important;}.mgt4{margin-top:4px !important;}.mgt5{margin-top:5px !important;}.mgt10{margin-top:10px !important;}.mgt15{margin-top:15px !important;}.mgt18{margin-top:18px !important;}.mgt20{margin-top:20px !important;}.mgt30{margin-top:30px !important;}
.mgl5{margin-left:5px !important;}.mgl10{margin-left:10px !important;}.mgl20{margin-left:20px !important;}.mgl40{margin-left:40px !important;}.mgl90{margin-left:90px !important;}
.mgb5{margin-bottom:5px !important;}.mgb10{margin-bottom:10px !important;}.mgb20{margin-bottom:20px !important;}.mgb30{margin-bottom:30px !important;}.mgb50{margin-bottom:50px !important;}

/* padding */
.pd0{padding:0px !important;}.pdt0{padding-top:0px !important;}.pdl0{padding-left:0px !important;}.pdr0{padding-right:0px !important;}
.pdb0{padding-bottom:0!important;}.pdb5{padding-bottom:5px;}.pdb10{padding-bottom:10px;}
.pd10{padding:10px !important;}.pd20{padding:20px !important;}
.pdl3{padding-left:3px !important;}.pdl5{padding-left:5px !important;}.pdl10{padding-left:10px !important;}.pdl20{padding-left:20px !important;}
.pd0-5{padding:0 5px;}
.pdt15{padding-top:15px;}

.w10{width:10% !important;}.w15{width:15% !important;}.w20{width:20% !important;}.w25{width:25% !important;}.w30{width:30% !important;}.w35{width:35% !important;}.w40{width:40% !important;}.w45{width:45% !important;}.w50{width:50% !important;}.w55{width:55% !important;}.w60{width:60% !important;}.w65{width:65% !important;}

.form-cont-box{background:#fff;padding:5px;margin-top:5px;}

input.inptBox{appearance:none;-webkit-appearance:none;-moz-appearance:none;display:inline-block;vertical-align:baseline;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;font-size:1em;width:100%;height:35px;border:1px solid #d4dae2;-webkit-border-radius:3px;border-radius:3px;padding:0 0 0 8px;outline:none;color:rgba(79,79,79,1);-o-text-overflow:clip;text-overflow:clip;background:none;}

input.inptBox:focus {border-color:#2472bb;}
input.inptBox::placeholder{color:#999;letter-spacing:-0.5px;}
.inptIcon{position:relative;}
.inptIcon .icon{position:absolute;right:1px;top:1px;z-index:2;margin: 0px!important;width: 33px!important;border-right: 0!important;height:33px;border-top-right-radius:3px;border-bottom-right-radius:3px;cursor:pointer;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;}
.inptIcon .icon:active:before{color:#0a4f8d}
.inptIcon .icon:before{font-family:"FontAwesome";font-style:normal;font-weight:normal;text-transform:none;width:16px;line-height:32px;font-size:16px;color:#2472bb;height:inherit;left:10px;position:absolute;text-indent:0;}
.inptIcon .icon.calendar-date:before{content:'\f073';}
.inptIcon .icon.search:before{content:'\f002';}


/*날짜 구분 버튼*/
ul.date-group{overflow:hidden;}
ul.date-group li{float:left;height:35px;}
ul.date-group.menu2 li{width:50%;}
ul.date-group.menu4 li{width:25%;}
ul.date-group.menu5 li{width:70px;}
ul.date-group li a{display:block;line-height:33px;text-align:center;font-size:;border:1px solid #d4dae2;border-left:0;box-sizing:border-box;
	background: #ffffff;
	background: -moz-linear-gradient(top, #ffffff 0%, #ededed 99%);
	background: -webkit-linear-gradient(top, #ffffff 0%,#ededed 99%);
	background: linear-gradient(to bottom, #ffffff 0%,#ededed 99%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 );
}
ul.date-group li:last-child a{-webkit-border-radius:0 3px 3px 0;border-radius:0 3px 3px 0;}
ul.date-group li:first-child a{-webkit-border-radius:3px 0 0 3px;border-radius:3px 0 0 3px;border-left:1px solid #d4dae2;}
ul.date-group li a.active,ul.date-group li a:active,.date-group li a:hover{color:#fff;border:1px solid #1f63a5;border-left:0;-webkit-transition:all .2s ease-out;-moz-transition:all .2s ease-out;-o-transition:all .2s ease-out;transition:all .2s ease-out;background: #2472bb;}
ul.date-group li:first-child a:hover,ul.date-group li:first-child a:active,ul.date-group li:first-child a.active{border-left:1px solid #1f63a5;}

.date-picker{position:relative;width:200px;z-index:102;}
.date-picker.input-text{padding:0 8px;font-size:14px;font-weight:500;line-height:33px;color:#333;display:block;background:none;height:35px;float:left;border:1px solid #3c82c2;border-right:0px;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;border-top-left-radius:3px;border-bottom-left-radius:3px;border-top-right-radius:3px;border-bottom-right-radius:3px;}
/*.ui-widget.ui-widget-content{max-width:280px;width:100%;border:1px solid #d4dae3;margin-top:5px;}*/

/*검색필터 form*/
ul.search-group,.search-group{/* border-bottom:1px solid #d1dfec; */overflow:hidden;}
ul.search-group li{}
ul.search-group li dl{position:relative;overflow:hidden;}
ul.search-group li dl dt{position:absolute;top:0;left:0;width:100px;margin-top:0;font-size:15px;line-height:35px;color:#222;}
ul.search-group li dl dt label{}
ul.search-group li dl dd{position:relative;float:left;width:100%;min-height:18px;margin-top:8px;height:35px;margin-left:100px;font-size:1em;color:#666;word-wrap:break-word;}
ul.search-group li dl dd.inptIcon{width:35%;-webkit-border-radius:3px;border-radius:3px;background:#fff;}
ul.search-group li dl:first-child dd{margin-top:0;margin-left:100px;}
ul.search-group .ico-wave{display:inline-block;float:left;width:5%;line-height:35px;font-size:14px;color:#333;text-align:center;}

/*검색필터 - 날짜*/
/*ul.search-group.date-filter{padding-bottom:15px;}
ul.search-group.date-filter li.date-select{float:left}
ul.search-group.date-filter li.date-select input{cursor:default;}
ul.search-group.date-filter li.item-select{float:left}*/

.content-two{overflow:hidden;}
.content-two .cont-left{float:left;width:49%;}
.content-two .cont-right{float:right;width:49%;}

.cont-box2{border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;border:1px solid #d5dee7;background:#fff;overflow:hidden;padding:1px;margin-top:20px;}

.middle-chart .left-chart{margin:0;height:480px;background:#fff;}
.middle-chart .right-chart{margin:0;height:480px;background:#fff;}

/*차트*/
.middle-chart .right-chart2{margin:0;height:380px;background:#fff;}




.admin-table[class*="single line"]{white-space:nowrap;font-size:1em;}
.admin-table{width:90%;margin:1em auto;background:rgba(255,255,255,1);border:1px solid rgba(34,36,38,0.15);box-shadow:none;-webkit-box-shadow:none;text-align:left;color:rgba(0,0,0,0.87);border-collapse:separate;border-spacing:0px;}
.admin-table tbody th{cursor:auto;background:#F9FAFB;text-align:inherit;color:rgba(0, 0, 0, 0.87);padding:0.92857143em 0.78571429em;vertical-align:inherit;font-style:none;font-weight:normal;text-transform:none;border-bottom:1px solid rgba(34, 36, 38, 0.1);border-left:none;}

.admin-table tbody tr > th:first-child{border-left:none;}
.admin-table tbody tr:first-child > th:first-child{border-radius:0.28571429rem 0em 0em 0em;}
.admin-table tbody tr:first-child > th:last-child{border-radius:0em 0.28571429rem 0em 0em;}
.admin-table tbody tr:first-child > th:only-child{border-radius:0.28571429rem 0.28571429rem 0em 0em;}

.admin-table tr td{border-top:1px solid rgba(34, 36, 38, 0.1);}
.admin-table tr:first-child td{border-top:none;}
.admin-table tr:last-child th{border-bottom:none;}
.admin-table tbody + tbody tr:first-child td{border-top:1px solid rgba(34, 36, 38, 0.1);}
.admin-table td{padding:0.78571429em 0.78571429em;text-align:inherit;border-left:1px solid rgba(34, 36, 38, .1);}


span.el_sepa10 {margin: 0 10px;}
span.el_sepa20 {margin: 0 20px;}