@charset "utf-8";

/*****************************************************************/
/* pagination */
/*****************************************************************/
.pagination {
    text-align:center;
    padding:8px;
}

/* 모든 링크 */
.pagination a {text-decoration: none;border: solid 1px #AAE;color: #15B;}
.pagination a:link {text-decoration: none;border: solid 1px #AAE;color: #15B;}
.pagination a:visited {text-decoration: none;border: solid 1px #AAE;color: #15B;}
.pagination a:active {text-decoration: none;border: solid 1px #AAE;color: #15B;}
.pagination a:hover {text-decoration: none;border: solid 1px black;color: black;}

/* 각요소의 공백 */
.pagination a, .pagination span {
	font-size: 12px;
}

/* 선택된 page */
.pagination .current {
    background: #26B;
    color: #fff;
	border: solid 1px #AAE;
}

/* 이전, 다음(선택불가시) */
.pagination .current.prev, .pagination .current.next{
	color:#999;
	border-color:#999;
	background:#fff;
}

/*****************************************************************/
/* 테이블 기본 디자인 */
/*****************************************************************/
table.table_default {
  border-collapse:collapse;
}
table.table_default th {
  font-weight : bold;
  text-align:center;
  border:1px solid #DEE3F7;
  background-color:#F7F7FF;
  padding: 5px;
}
table.table_default td {
  padding:5px;
  border:1px solid #DEE3F7;
}

table.none {
    border-collapse: collapse;
}
table.none th {
    border:none;
    padding: 0px;
}
table.none td {
    border:none;
    padding: 0px;
}

/*****************************************************************/
/* 입력화면 */
/*****************************************************************/
.input_table {
	border-collapse:collapse;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #DEDEDE;
	border-bottom-color: #DEDEDE;
	border-left-color: #DEDEDE;
}

.input_table th {
	text-align:center;
	background-color:#F1F1F1;
	font-family: "dotum";
	font-size: 11px;
	font-weight: bold;
	color: #484848;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #DEDEDE;
	border-bottom-color: #DEDEDE;
}

.input_table td {
	border-collapse:collapse;
	padding-left:20px;
	letter-spacing: 0px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: dashed;
	border-right-color: #DEDEDE;
	border-bottom-color: #DEDEDE;
}

/*****************************************************************/
/* 입력화면 리스트용 */
/*****************************************************************/
.input_list {
	border-collapse:collapse;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #DEDEDE;
	border-bottom-color: #DEDEDE;
	border-left-color: #DEDEDE;
}

.input_list th {
	text-align:center;
	background-color:#F1F1F1;
	font-family: "dotum";
	font-size: 11px;
	font-weight: bold;
	color: #484848;
	border-right-width: 1px;
	border-bottom-width: 2px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #DEDEDE;
	border-bottom-color: #DEDEDE;
}

.input_list td {
	letter-spacing: 0px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: dashed;
	border-right-color: #DEDEDE;
	border-bottom-color: #DEDEDE;
}

/*****************************************************************/
/* 라운드 처리된 리스트 */
/*****************************************************************/
.data_table {
	background: url(./images/list_bg01.gif) repeat-x;
}

.data_table th {
    height:31px;
    color: #22559A;
    background: url(./images/line02.gif) no-repeat right;
    padding:0 5px 0 5px;
}


.data_table .first {
    padding:0;
    width:10px;
    background: url(./images/list_bg02.gif) no-repeat left;
}

.data_table .last {
    background: url(./images/list_bg03.gif) no-repeat right;
}

.data_table tbody .point {
    font-size: 11px;
    font-family: Dotum;
    color: #8C8A8C;
}

.data_table tbody td {
    height:27px;
    padding:0 5px 0 5px;
    border-bottom: 1px solid #EFEBEF;
}

/*****************************************************************/
/* 데이터 그리드 스타일 */
/*****************************************************************/
.dtable_label_frame {
    border:1px solid #999;
    background:url(./images/bg_ga_tab3.gif) repeat-x;
}

.dtable_label_frame .wy_drop {
    margin-right:16px;
}

.dtable_label_frame table {
    width:100%;
    border-collapse:collapse;
}

.dtable_label_frame th {
    padding:0 2px 0 2px;
    height:31px;
    border-left:1px solid #EEE;
}

.dtable_label_frame th span {
    color:#575757;
    font-size:11px;
    display:block;
    letter-spacing:-1px;
    line-height:28px;
}

.dtable_data_frame {
    border-left:1px solid #999;
    border-right:1px solid #999;
    border-bottom:1px solid #999;
    overflow-x:hidden;
    overflow-y:scroll;
    position:relative;
}

.dtable_data_frame table {
    width:100%;
    border-collapse:collapse;
}

.dtable_data_frame td {
    padding:0 2px 0 2px;
    height:22px;
    border-left:1px solid #EEE;
    border-bottom:1px solid #EEE;
}

/*
.dtable_data_frame td span {
    color:#000000;
    font-size:11px;
    display:block;
    letter-spacing:-1px;
    line-height:22px;
}
*/

/*****************************************************************/
/* 일반 리스트 스타일 */
/*****************************************************************/
.dtable {
    border:1px solid #999;
    background:url(./images/bg_ga_tab3.gif) repeat-x;
}

.dtable table {
    width:100%;
    border-collapse:collapse;
}

.dtable th {
    padding:0 2px 0 2px;
    height:31px;
    border-left:1px solid #EEE;
    border-bottom:1px solid #EEE;
}

.dtable th span {
    color:#575757;
    font-size:11px;
    display:block;
    letter-spacing:-1px;
    line-height:28px;
}

.dtable td {
    padding:0 2px 0 2px;
    height:22px;
    border-left:1px solid #EEE;
    border-bottom:1px solid #EEE;
}

/*
.dtable td span {
    color:#000000;
    font-size:11px;
    display:block;
    letter-spacing:-1px;
    line-height:22px;
}
*/

/*****************************************************************/
/* xe에서 사용되는 입력 Form */
/*****************************************************************/
/* 출처 : http://naradesign.net/ouif/uio/form/table/quirks.html */
/* width등 약간의 수정 */

/* Form Table */
.formTable{ margin:10px 0 0 0; font-size:12px; font-family:Tahoma, Geneva, sans-serif;}
.formTable input,
.formTable textarea,
.formTable select,
.formTable table,
.formTable button{ font-size:12px;}
.formTable table{ border:0; border-top:2px solid #999;}
.formTable caption{ padding:8px 0; font-weight:bold; text-align:left;}
.formTable th,
.formTable td{ border:0; padding:8px; vertical-align:top;}
.formTable th{ color:#333;}
.formTable td{ color:#666;}
.formTable thead th{ border-bottom:1px solid #ccc; background:#f8f8f8;}
.formTable tbody th{ border-bottom:1px solid #ddd; background:#fafafa; text-align:center;}
.formTable tfoot th{ border-bottom:1px solid #ddd;}
.formTable tbody td{ border-bottom:1px solid #ddd;}
.formTable tfoot td{ border-bottom:1px solid #ddd; font-weight:bold; color:#333;}
.formTable .item{ position:relative; margin:-4px 0;}
.formTable .item .iHelp{ position:absolute; top:4px; right:0;}
.formTable .item .iLabel{ top:5px; left:6px;}
.formTable .item .iDesc{ margin:2px 0;}
.formTable .item .itemheck,
.formTable .item .iRadio{ width:13px; height:13px; padding:0; margin:2px 5px 2px 0; vertical-align:middle;}
.formTable .item .iText{ position:relative; padding:2px 3px; margin:2px; border:1px solid #b7b7b7; border-right-color:#e1e1e1; border-bottom-color:#e1e1e1; background:transparent;}
.formTable .item .hide{ position:absolute; left:0; top:0; width:1px; height:1px; font-size:0; line-height:0; visibility:hidden;}
.formTable .item select{ margin:2px;}
.formTable .item label{ margin:0 10px 0 0; cursor:pointer;}

.formTable .formTitle {
	font: normal normal bold 14px/normal Dotum, 돋움;
	padding: 5px 0 5px 5px;
	font-weight:bold;
}

.formTable .formTitle .icon {
	color: #999;
	font-size: 16px;
	font-weight: normal;
	vertical-align: middle;
}