@charset "utf-8";
/**
 * jquery 날짜 선택 콤포넌트 관련
 */
.ui-datepicker-trigger {
    cursor:pointer;
    vertical-align: -5px;
}

/*****************************************************************/
/* smart editor2 */
/*****************************************************************/
.smartOutput, .smartOutput th, .smartOutput td { margin: 0; padding: 0; font-size: 12px; font-family: '돋움',Dotum,'굴림',Gulim,Helvetica,Sans-serif; line-height: 1.5; }
.smartOutput p { margin: 0; padding: 0; }
.smartOutput a:hover { text-decoration: underline; }
.smartOutput a:link { color: #0000ff; }
.smartOutput ul { margin: 0 0 0 40px; padding: 0; }
.smartOutput ul li { margin: 0; list-style-type: disc; padding: 0; }
.smartOutput ul ul li { list-style-type: circle; }
.smartOutput ul ul ul li { list-style-type: square; }
.smartOutput img, .smartOutput fieldset { border: 0; }

/*****************************************************************/
/* button */
/* Jeong Chan Myeong(dece24@gmail.com) */
/*****************************************************************/

/* Button Reset */
.button,
.button a,
.button button,
.button input { position:relative; margin:0; display:-moz-inline-stack; display:inline-block; text-decoration:none !important; border:0; font-size:12px; font-family:Tahoma, Sans-serif; white-space:nowrap; background:url(./ui/css/default02/images/buttonWhite.gif) no-repeat; overflow:visible; color:#333;}
.button { height:23px; padding:0; vertical-align:middle; margin-right:2px; background-position:left top;}
.button a,
.button button,
.button input{ left:2px; vertical-align:top; cursor:pointer;}

/* Button Size */
.button.large { height:29px; background-position:left -30px; }
.button.xLarge { height:35px; background-position:left -65px; }
.button.small { height:18px; background-position:left -107px; }
.button a,
.button button,
.button input { height:23px; padding:0 10px 0 8px; font-size:12px; line-height:23px; background-position:right top;}
.button.large a,
.button.large button,
.button.large input { height:30px; padding:0 10px 0 8px; font-size:16px; line-height:29px; background-position:right -30px;}
.button.xLarge a,
.button.xLarge button,
.button.xLarge input { height:35px; padding:0 10px 0 8px; font-size:20px; line-height:35px; background-position:right -65px;}
.button.small a,
.button.small button,
.button.small input { height:18px; padding:0 6px 0 4px; font-size:11px; line-height:18px; background-position:right -107px;}

/* Button Text Color */
.button *:hover,
.button *:active,
.button *:focus{ color:#690;}
.button.green,
.button.green a,
.button.green button,
.button.green input { background-image:url(./ui/css/default02/images/buttonGreen.gif); color:#fff;}
.button.green *:hover,
.button.green *:active,
.button.green *:focus{ color:#ff0;}
.button.black,
.button.black a,
.button.black button,
.button.black input { background-image:url(./ui/css/default02/images/buttonBlack.gif); color:#fff;}
.button.black *:hover,
.button.black *:active,
.button.black *:focus{ color:#ff0;}
.button.red,
.button.red a,
.button.red button,
.button.red input { background-image:url(./ui/css/default02/images/buttonRed.gif); color:#fff;}
.button.red *:hover,
.button.red *:active,
.button.red *:focus{ color:#ff0;}
.button.blue,
.button.blue a,
.button.blue button,
.button.blue input { background-image:url(./ui/css/default02/images/buttonBlue.gif); color:#fff;}
.button.blue *:hover,
.button.blue *:active,
.button.blue *:focus{ color:#ff0;}

/* Button Text Strong */
.button.strong * { font-weight:bold !important;}

/*****************************************************************/
/* 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;}

/* 처음, 이전, 다음, 마지막 */
.pagination span.first, .pagination a.first {text-indent: -9999px;padding:7px 4px 4px 4px;border:none;width:20px;height:16px;background-image: url('./ui/css/default02/images/page_first.png');}
.pagination span.prev, .pagination a.prev {text-indent: -9999px;padding:7px 4px 4px 4px;border:none;width:20px;height:16px;background-image: url('./ui/css/default02/images/page_prev.png');}
.pagination span.next, .pagination a.next {text-indent: -9999px;padding:7px 4px 4px 4px;border:none;width:20px;height:16px;background-image: url('./ui/css/default02/images/page_next.png');}
.pagination span.last, .pagination a.last {text-indent: -9999px;padding:7px 4px 4px 4px;border:none;width:20px;height:16px;background-image: url('./ui/css/default02/images/page_last.png');}

/*****************************************************************/
/* 입력화면 */
/*****************************************************************/
.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(./ui/css/default02/images/data_table_bg.gif) repeat-x;}
.data_table th {height:31px;color: #22559A;background: url(./ui/css/default02/images/data_table_gbn.gif) no-repeat right;padding:0 5px 0 5px;}
.data_table .first {padding:0;width:10px;background: url(./ui/css/default02/images/data_table_left.gif) no-repeat left;}
.data_table .last {background: url(./ui/css/default02/images/data_table_right.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(./ui/css/default02/images/dtable_bg.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;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 { margin-bottom:20px; border-top:1px solid #283e6c; }
.dtable table { width:100%;border-collapse:collapse; }
.dtable th { height:47px;border-bottom:1px solid #d2d2d2;line-height:47px;background:url(./ui/css/default02/images/table_header_bg.png) no-repeat left; background-color:#f9f9f9; text-align:center; color:#323232; font-weight:bold; }
.dtable th:first-child  { background:none;background-color:#f9f9f9; }
.dtable td { border-bottom:1px solid #e3e3e3; line-height:20px; color:#5a5a5a; padding:10px 0px; }
.dtable td.left { text-align:left; padding-left:20px; }
.dtable td.left img { vertical-align:middle; margin-right:7px; }

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

/* Form Table */
.formTable { padding:10px 0 0 0; font-size:12px; font-family:Tahoma, Geneva, sans-serif;}
.formTable .formTitle {padding: 5px 0 5px 5px;font-weight:bold;font-size:14px;}
.formTable .formTitle .icon {color: #999;font-size: 16px;font-weight: normal;vertical-align: middle;}

.formTable input,
.formTable textarea,
.formTable select,
.formTable table,
.formTable button{ font-size:12px;}
.formTable table { width:100%;border-collapse:collapse;border:0;border-top:1px solid #283e6c;}
.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:#393939;font-weight:bold;}
.formTable td{ color:#5a5a5a;}
.formTable thead th{ border-bottom:1px solid #ccc; background:#f8f8f8;}
.formTable tbody th{ border-bottom:1px solid #dcdcdc; background:#f5f5f5; text-align:center;padding:13px 0px;}
.formTable tfoot th{ border-bottom:1px solid #dcdcdc;}
.formTable tbody td{ border-bottom:1px solid #dcdcdc;padding:13px 0px 13px 15px;}
.formTable tfoot td{ border-bottom:1px solid #dcdcdc; 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 .iCheck,
.formTable .item .iRadio{ width:13px; height:13px; padding:0; margin:2px 5px 2px 0; vertical-align:middle;}
.formTable .item .iText{ color:#5a5a5a; height:18px; border:1px solid #c1c1c1;}
.formTable .item .hide{ position:absolute; left:0; top:0; width:1px; height:1px; font-size:0; line-height:0; visibility:hidden;}
.formTable .item input.iText{ padding:2px;}
.formTable .item select{ padding:2px;margin:2px;}
.formTable .item label{ margin:0 10px 0 0; cursor:pointer;}




/*****************************************************************/
/* ui 버튼 */
/*****************************************************************/
.ui_btn { vertical-align:middle; display:inline-block; height:31px; margin-left:4px; border:1px solid #8d8d8d; background-color:#999999; text-align:center; }
.ui_btn a,
.ui_btn a:hover { display:inline-block; padding:0 20px 0 20px; margin:0; border:0; line-height:31px; font-size:12px; color:#fff; }
.ui_btn input  { display:inline-block; padding:0 20px 0 20px; margin:0; border:0; line-height:31px; font-size:12px; color:#fff; background: none; cursor:pointer; }

.ui_btn.gray {border:1px solid #8d8d8d; background-color:#999999;}
.ui_btn.black {border:1px solid #767676; background-color:#4d4d4d;}

.ui_btn.small {height:23px;}
.ui_btn.small a {line-height:23px;}
.ui_btn.small input {line-height:23px;}

.ui_btn_g { vertical-align:middle; display:inline-block; height:26px; border:1px solid #d8d8d8; 
background: #fefefe; /* Old browsers */
background: -moz-linear-gradient(top,  #fefefe 0%, #e9e9e9 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fefefe), color-stop(100%,#e9e9e9)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #fefefe 0%,#e9e9e9 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #fefefe 0%,#e9e9e9 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #fefefe 0%,#e9e9e9 100%); /* IE10+ */
background: linear-gradient(to bottom,  #fefefe 0%,#e9e9e9 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefefe', endColorstr='#e9e9e9',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:#444444; }
.ui_btn_g input { display:inline-block; padding:0px 30px; margin:0; border:0; line-height:26px; font-size:12px; color:#444444; background: none; cursor:pointer; }

.ui_btn_g.small {height:18px;}
.ui_btn_g.small a {padding:0px 20px; line-height:18px;}
.ui_btn_g.small input {padding:0px 20px; line-height:18px;}

/*****************************************************************/
/* 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(./ui/css/default02/images/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;}
.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 input.iText{ padding:2px;}
.ui_form .item select{ padding:2px;margin:2px;}
.ui_form .item label{ margin:0 10px 0 0; cursor:pointer;font-size: 11px;}

/*****************************************************************/
/* ui 검색 */
/*****************************************************************/
.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(./ui/css/default02/images/board_search_btn.png);margin:0 0 0 0;}

/*****************************************************************/
/* ui 리스트 */
/*****************************************************************/
.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:47px;background:url(./ui/css/default02/images/table_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 0px; }
.ui_list td.left { text-align:left; padding-left:20px; }
.ui_list td.left img { vertical-align:middle; margin-right:7px; }




/*****************************************************************/
/* 모바일 ui 버튼 */
/*****************************************************************/
.m_ui_btn { vertical-align:middle; display:inline-block; height:28px; margin-left:4px; background-color:#737373; text-align:center; }
.m_ui_btn a,
.m_ui_btn a:hover { display:inline-block; padding:0 20px 0 20px; margin:0; border:0; line-height:28px; font-size:12px; color:#fff; font-weight:bold; text-decoration:none; }
.m_ui_btn input  { display:inline-block; padding:0 20px 0 20px; margin:0; border:0; line-height:28px; color:#fff; font-weight:bold; background: none; cursor:pointer; }

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

/*****************************************************************/
/* 모바일 ui 입력폼 */
/*****************************************************************/
.m_ui_form { margin-top:20px; border-top:2px solid #565656; }
.m_ui_form table { width:100%; border-collapse:collapse; }
.m_ui_form th { padding:13px 0 12px; border-bottom:1px solid #d3d3d3; text-align:left; }
.m_ui_form th .subject { margin-left:15px; background:url(./images/m_table_header_bg.png) repeat-y right top; color:#323232; line-height:20px; font-weight:bold; }
.m_ui_form td { overflow:hidden; padding:13px 15px 12px; text-align:left; color:#3e3e3e; border-bottom:1px solid #d3d3d3; }
.m_ui_form td.file_area { padding:0; text-align:left; color:#3e3e3e; border-bottom:0px solid #d3d3d3; }
.m_ui_form td.content_area { padding:15px 12px; text-align:left; color:#484848; line-height:22px; border:none; }
.m_ui_form td .file { padding:13px 15px 12px; border-bottom:1px solid #d3d3d3; background-color:#f9f9f9; display:none; }
.m_ui_form td .file ul { margin:0; padding:0; }
.m_ui_form td .file li { float:left; list-style:none; width:50%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.m_ui_form td .file a,
.m_ui_form td .file a:hover { color:#484848; line-height:20px; }

.m_ui_form td .random_code { float:left; }
.m_ui_form td .random_code_input { float:left; width:100%; }

.m_ui_form td input.i_text { width:98%; height:20px; padding:0 1%; border:1px solid #cbcbcb; line-height:22px; }
.m_ui_form td textarea { width:100%; height:100px; border:1px solid #c3c3c3 }

/*****************************************************************/
/* 모바일 ui 검색 */
/*****************************************************************/
.m_ui_search { }
.m_ui_search .search { position:relative; margin:14px 0; }
.m_ui_search .search .input { margin:0 68px 0 0; height:26px;}
.m_ui_search .search .input input {padding:0; width:100%; height:26px; border:1px solid #d4d4d4; background-color:#fff;}
.m_ui_search .search .search_btn { position:absolute; right:0; top:0; }

/*****************************************************************/
/* 모바일 일반 리스트 스타일 */
/*****************************************************************/
.m_ui_list { margin-bottom:20px; border-top:2px solid #565656; }
.m_ui_list table { width:100%; border-collapse:collapse; }
.m_ui_list th { padding:13px 0; border-bottom:1px solid #d3d3d3; text-align:center; }
.m_ui_list th .no { background:url(./ui/css/default02/images/m_table_header_bg.png) repeat-y right top; color:#323232; line-height:34px; }
.m_ui_list td { padding:10px 15px; border-bottom:1px solid #d3d3d3; }
.m_ui_list td .subject { text-align:left; color:#3e3e3e; font-weight:bold; }
.m_ui_list td .data { padding-top:2px; text-align:left; color:#888889; font-size:12px; }