@charset "UTF-8";
/* ***************************************************************************** Main Container */
#container {margin:0; overflow:hidden;}
#container .wrap-title {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; }*/
#container .wrap-title .title-2nd {font-size:22px; 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;}

/* ***************************************************************************** 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; overflow: hidden;}
.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:100%;}
.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; 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;}
/******************************************************************************* 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: 20px;}
input {height: 19px;}
input.required, select.required, textarea.required {
	background-image : url('/images/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/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, .wrap-loading-over { /*화면 전체를 어둡게 합니다.*/
	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, .wrap-loading-over div { /*로딩 이미지*/
	position: fixed;
	top: 50%;
	left: 50%;
	margin-left: -240px;
	margin-top: -240px;
}
.wrap-loading {z-index: 2500;}
.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;/*border-bottom:1px solid #d8d8d8; border-right: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:11px; 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:11px; 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:11px; 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:11px; padding: 4px 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:11px; text-align:center; border-radius:3px; margin-left:2px;  padding:3px 10px; height:20px; line-height: 20px;}
.btnSG  { color:#ffffff; background:#757575; cursor:pointer;}
.btnSG1 { color:#585858; background:#f0f0f0; cursor:default;}
.btnSG  > i {color:#ffffff; }
.btnSG1 > i {color:#585858; }
/* --------------------------------------------- small sub button */
.btnMagnifier, .btnMagnifier1 { font-size:12px; padding: 4px 4px; text-align:center;border-radius:3px; margin-left:2px;}
.btnMagnifier  { color:#ffffff; background:#757575; cursor:pointer;}
.btnMagnifier1 { color:#585858; background:#f0f0f0; cursor:default;}
.btnMagnifier > i, .btnMagnifier1 > 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; font-size: 1.2em; line-height: 0.75em; vertical-align: -15%; }
.btnMagnifier  > i {color:#ffffff;}
.btnMagnifier1 > 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; height:25px; 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: 20px; position: absolute; right: 2%; text-decoration: none; color: #000; }
.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; }
/* ============================================================= modal box footer */
.modal-box .modal_footer { padding: 10px 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/loading/loading_img.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; } /*보이기*/