@charset "utf-8";

/*****************************************************************/
/* pagination */
/*****************************************************************/

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

/* 모든 링크 */
.pagination a {text-decoration: none;border: solid 1px #c8c8c8;color: #444444;}
.pagination a:link {text-decoration: none;border: solid 1px #c8c8c8;color: #444444;}
.pagination a:visited {text-decoration: none;border: solid 1px #c8c8c8;color: #444444;}
.pagination a:active {text-decoration: none;border: solid 1px #c8c8c8;color: #444444;}
.pagination a:hover {text-decoration: none;border: solid 1px #5d5d5d;color: #444444;}

/* 각요소의 공백 */
.pagination a,
.pagination span {padding: 6px 4px 5px 4px;font-size: 12px; display:inline-block;min-width: 18px; }

/* 선택된 page */
/* .pagination .current {border:1px solid #dedede;background-color:#325391;color:#ffffff;} */
.pagination .current {border: solid 1px #5d5d5d;color: #fff;background-color: #444;font-weight: bold;}

/*****************************************************************/
/* 테이블 기본 디자인 */
/*****************************************************************/
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;
}

/*****************************************************************/
/* button ui */
/*****************************************************************/
.ui_btn_g { vertical-align:middle; display:inline-block; height:26px; border:1px solid #d8d8d8; 
background: #fdfcfc; /* Old browsers */
background: -moz-linear-gradient(top,  #fdfcfc 0%, #dfdfdf 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fdfcfc), color-stop(100%,#dfdfdf)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #fdfcfc 0%,#dfdfdf 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #fdfcfc 0%,#dfdfdf 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #fdfcfc 0%,#dfdfdf 100%); /* IE10+ */
background: linear-gradient(to bottom,  #fdfcfc 0%,#dfdfdf 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdfcfc', endColorstr='#dfdfdf',GradientType=0 ); /* IE6-9 */ }
.ui_btn_g a,
.ui_btn_g a:hover { display:inline-block; padding:0px 30px; margin:0; border:0; line-height:26px; font-size:12px; color:#363535; }
.ui_btn_g input { display:inline-block; padding:0px 30px; margin:0; border:0; line-height:26px; font-size:12px; color:#363535; background: none; cursor:pointer; }

.ui_btn_g.small {height:22px; line-height:22px; }
.ui_btn_g.small a,
.ui_btn_g.small input {padding:0px 22px; line-height:22px; }

.ui_btn_g.large {height:29px; line-height:30px;}
.ui_btn_g.large a,
.ui_btn_g.large input {padding:0px 22px; line-height:30px;}

.ui_btn_g.wide {vertical-align:middle; display:inline-block; width:100%; height:40px; margin:20px 0; background-color:#5a4f4a; text-align:center;}
.ui_btn_g.wide a,
.ui_btn_g.wide input {display:inline-block; padding:0; margin:0; border:0; line-height:40px; font-size:12px; color:#000; font-weight:bold; text-decoration:none; display:block; width:100%;}

.ui_btn_g.gray { border:1px solid #818181; 
background: #8e8e8e; /* Old browsers */
background: -moz-linear-gradient(top,  #8e8e8e 0%, #818181 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#8e8e8e), color-stop(100%,#818181)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #8e8e8e 0%,#818181 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #8e8e8e 0%,#818181 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #8e8e8e 0%,#818181 100%); /* IE10+ */
background: linear-gradient(to bottom,  #8e8e8e 0%,#818181 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8e8e8e', endColorstr='#818181',GradientType=0 ); /* IE6-9 */ }
.ui_btn_g.gray a,
.ui_btn_g.gray input { color:#ffffff;}

.ui_btn_g.blue { border:1px solid #4568b3; 
background: #395ba9; /* Old browsers */
background: -moz-linear-gradient(top,  #395ba9 0%, #274890 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#395ba9), color-stop(100%,#274890)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #395ba9 0%,#274890 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #395ba9 0%,#274890 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #395ba9 0%,#274890 100%); /* IE10+ */
background: linear-gradient(to bottom,  #395ba9 0%,#274890 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#395ba9', endColorstr='#274890',GradientType=0 ); /* IE6-9 */ }
.ui_btn_g.blue a,
.ui_btn_g.blue input { color:#ebeef6;}

.ui_btn_g.red { border:1px solid #b62d57; 
background: #f9112f; /* Old browsers */
background: -moz-linear-gradient(top,  #f9112f 0%, #de0313 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f9112f), color-stop(100%,#de0313)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #f9112f 0%,#de0313 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #f9112f 0%,#de0313 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #f9112f 0%,#de0313 100%); /* IE10+ */
background: linear-gradient(to bottom,  #f9112f 0%,#de0313 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9112f', endColorstr='#de0313',GradientType=0 ); /* IE6-9 */ }
.ui_btn_g.red a,
.ui_btn_g.red input { color:#fee7ea;}

.ui_btn_g.green { border:1px solid #349519; 
background: #4bab2d; /* Old browsers */
background: -moz-linear-gradient(top,  #4bab2d 0%, #358920 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4bab2d), color-stop(100%,#358920)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #4bab2d 0%,#358920 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #4bab2d 0%,#358920 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #4bab2d 0%,#358920 100%); /* IE10+ */
background: linear-gradient(to bottom,  #4bab2d 0%,#358920 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4bab2d', endColorstr='#358920',GradientType=0 ); /* IE6-9 */ }
.ui_btn_g.green a,
.ui_btn_g.green input { color:#f6faf4;}

.ui_btn_g.sky { border:1px solid #26a099; 
background: #29a6a0; /* Old browsers */
background: -moz-linear-gradient(top,  #29a6a0 0%, #1d8884 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#29a6a0), color-stop(100%,#1d8884)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #29a6a0 0%,#1d8884 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #29a6a0 0%,#1d8884 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #29a6a0 0%,#1d8884 100%); /* IE10+ */
background: linear-gradient(to bottom,  #29a6a0 0%,#1d8884 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#29a6a0', endColorstr='#1d8884',GradientType=0 ); /* IE6-9 */ }
.ui_btn_g.sky a,
.ui_btn_g.sky input { color:#e9f5f4;}

.ui_btn_g.brown { border:1px solid #767676; 
background: #6c584c; /* Old browsers */
background: -moz-linear-gradient(top,  #6c584c 0%, #4b3629 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#6c584c), color-stop(100%,#4b3629)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #6c584c 0%,#4b3629 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #6c584c 0%,#4b3629 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #6c584c 0%,#4b3629 100%); /* IE10+ */
background: linear-gradient(to bottom,  #6c584c 0%,#4b3629 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6c584c', endColorstr='#4b3629',GradientType=0 ); /* IE6-9 */ }
.ui_btn_g.brown a,
.ui_btn_g.brown input { color:#e9e9e9;}

.ui_btn_g.black { border:1px solid #767676; 
background: #535353; /* Old browsers */
background: -moz-linear-gradient(top,  #535353 0%, #3e3e3e 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#535353), color-stop(100%,#3e3e3e)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #535353 0%,#3e3e3e 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #535353 0%,#3e3e3e 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #535353 0%,#3e3e3e 100%); /* IE10+ */
background: linear-gradient(to bottom,  #535353 0%,#3e3e3e 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#535353', endColorstr='#3e3e3e',GradientType=0 ); /* IE6-9 */ }
.ui_btn_g.black a,
.ui_btn_g.black input { color:#e9e9e9;}

/*****************************************************************/
/* 데스크탑 ui */
/*****************************************************************/
/* 폼 */
.ui_form { padding:10px 0 0 0; color:#333333;}
.ui_form .ui_form_title {padding: 5px 0 5px 5px;font-weight:bold;font-size:14px;padding-left:10px;}
.ui_form .ui_form_title .icon {color: #999;font-size: 16px;font-weight: normal;vertical-align: middle;}
.ui_form .ui_form_title .icon {display: none;}
.ui_form .ui_form_title .required {float:right;font-family:'Dotum', '돋움'; color:#606060; font-size:12px; text-align:right;}
.ui_form .ui_form_title .required .red { color:#c40452; font-weight:bold; }
.ui_form input,
.ui_form textarea,
.ui_form select,
.ui_form table,
.ui_form button{ font-size:12px;}
.ui_form table { width:100%;border-collapse:collapse;border:0;border-top:1px solid #283e6c;}
.ui_form caption{ padding:8px 0; font-weight:bold; text-align:left;}
.ui_form th,
.ui_form td{ border:0;}
.ui_form th{padding:0 0 0 33px; height:45px; background:url(./images/ui_form_cell_dot.png) no-repeat 19px; background-color:#f5f5f5; border-bottom:1px solid #dcdcdc; color:#313131; text-align:left; font-weight:bold;}
.ui_form td{padding:10px; border-bottom:1px solid #dcdcdc; color:#5b5b5b; text-align:left;}
.ui_form .star { color:#c40452; font-weight:bold; }
.ui_form .item{ position:relative; margin:-4px 0;}
.ui_form .item .i_help{ position:absolute; top:4px; right:0;}
.ui_form .item .i_label{ top:5px; left:6px;}
.ui_form .item .i_desc{ margin:2px 0;}
.ui_form .item .i_radio{ width:13px; height:13px; padding:0; margin:2px 5px 2px 0; vertical-align:middle;}
.ui_form .item .i_check{ width:13px; height:13px; padding:0; vertical-align: middle;margin: -1px -0 1px }
.ui_form .item .i_text{ color:#5a5a5a; height:19px; border:1px solid #c1c1c1;vertical-align:middle;}
.ui_form .item .hide{ position:absolute; left:0; top:0; width:1px; height:1px; font-size:0; line-height:0; visibility:hidden;}
.ui_form .item .random_image{ float:left;padding:0 10px 0 0; }
.ui_form .item .random_input{ float:left;padding:14px 10px 0 0; }
.ui_form .item .text { height:25px; margin-right:5px; color:#5b5b5b; line-height:25px; }
.ui_form .item .text .red { color:#cc2524; }
.ui_form .item select{ padding:2px;margin:2px;}
.ui_form .item label{ margin:0 10px 0 0; cursor:pointer;font-size: 11px;}

/* 리스트 */
.ui_list { margin-bottom:20px; border-top:1px solid #283e6c; }
.ui_list table { width:100%;border-collapse:collapse; }
.ui_list th { height:47px;border-bottom:1px solid #d2d2d2;line-height:18px;background:url(./images/ui_list_header_bg.png) no-repeat left; background-color:#f9f9f9; text-align:center; color:#323232; font-weight:bold; }
.ui_list th:first-child  { background:none;background-color:#f9f9f9; }
.ui_list td { border-bottom:1px solid #e3e3e3; line-height:20px; color:#5a5a5a; padding:10px 4px 10px 4px; }
.ui_list td.left { text-align:left; padding-left:20px; }
.ui_list td.left img { vertical-align:middle; margin-right:7px; }

/* 데이터 그리드 */
.ui_frame {}
.ui_frame .ui_frame_label {border:1px solid #999;background:url(./images/dtable_bg.gif) repeat-x;}
.ui_frame .ui_frame_label .wy_drop {margin-right:16px;}
.ui_frame .ui_frame_label table {width:100%;border-collapse:collapse;}
.ui_frame .ui_frame_label th {padding:0 2px 0 2px;height:31px;border-left:1px solid #EEE;}
.ui_frame .ui_frame_label th span {color:#575757;font-size:11px;display:block;line-height:28px;}
.ui_frame .ui_frame_data {border-left:1px solid #999;border-right:1px solid #999;border-bottom:1px solid #999;overflow-x:hidden;overflow-y:scroll;position:relative;}
.ui_frame .ui_frame_data table {width:100%;border-collapse:collapse;}
.ui_frame .ui_frame_data td {padding:0 2px 0 2px;height:22px;border-left:1px solid #EEE;border-bottom:1px solid #EEE;}

/* 검색 */
.ui_search { height:36px; }
.ui_search .option {list-style: none;padding:0;margin:0;}
.ui_search .option li {float: left;padding:0 4px 0 0;}
.ui_search .option li.select select {padding:4px; border:1px solid #d7d7d7;}
.ui_search .search { float:right;list-style: none;padding:0;margin:0; }
.ui_search .search li {float:left;padding:0 0 0 4px;}
.ui_search .search li.select select {height:26px; padding:2px; border:1px solid #d7d7d7;}
.ui_search .search li.input {width:149px; height:26px;}
.ui_search .search li.input input {padding:0; width:144px; height:24px; border:1px solid #d7d7d7; background-color:#f7f7f7;}
.ui_search .search li.search_btn {padding:0;}
.ui_search .search li.search_btn input {text-indent: -1000px;border:0;background: none;cursor:pointer;width:31px;height:26px;background-image: url(./images/ui_search_btn.png);margin:0 0 0 0;}

/* 검색 func */
.ui_search_func {height: 28px;padding:14px 0 10px 0;line-height: 28px;}
.ui_search_func .left {float: left;}
.ui_search_func .right {float: right;}
.ui_search_func select {height:23px;line-height:26px;border:1px solid #b8b8b8;font-size: 12px;color:#515151;}