@charset "utf-8";

/************************************************************************
 * 파일명      : board.css
 * 설명        : 공통
 * 작성자      : 박수림
 * 작성일      : 2014.06.23
************************************************************************/
/* 조회 수정 0711 */
/* .public_search {overflow:hidden; margin:20px 0; background:#f7f7f7; border:1px solid #e0e0e0; padding:15px 18px;} */
/* .public_search ul {clear:both; width:100%;} */
/* .public_search ul li {float:left;} */
/* .public_search select, .public_search2 select {float:left; margin:0 2px;} */
/* .public_search input, .public_search2 input {float:left; margin:0 2px;} */
/* .public_search span, .public_search2 span {float:left;} */
/* .public_search .left, .public_search2 .left {float:left; margin:0 5px;} */
/* .public_search .right, .public_search2 .right {float:right;} */
/* .public_search span.check {float:left; line-height:20px; margin:0 5px;} */
/* .public_search .blue_gray_arr, .public_search2 .blue_gray_arr {float:left; margin-left:10px; background:url('images/comm/icon_bg.gif') #f5f5f5 no-repeat -5px -74px; line-height:22px; padding-left:8px; font-size:12px;} */
/* .public_search a {float:left;} */
/* .public_search img.vm {margin-top:2px;} */


.public_search {overflow:hidden; margin:8px 0; background:#f7f7f7; border:1px solid #e0e0e0; padding:7px 10px;}
.public_search ul {clear:both; width:100%;}
.public_search ul li {float:left;}
.public_search select, .public_search2 select {float:left; margin:0 2px;}
.public_search input, .public_search2 input {float:left; margin:0 2px;}
.public_search span, .public_search2 span {float:left;}
.public_search .left, .public_search2 .left {float:left; margin:0 5px;}
.public_search .right, .public_search2 .right {float:right;}
.public_search .right div, .public_search2 .right div {float:left;}
.public_search span.check {float:left; line-height:20px; margin:0 5px;}
.public_search .blue_gray_arr, .public_search2 .blue_gray_arr {float:left; margin-left:10px; background:url('images/comm/icon_bg.gif') #f5f5f5 no-repeat -5px -74px; line-height:22px; padding-left:8px; font-size:12px;}
.public_search a {float:left;}
.public_search img.vm {margin-top:2px;}

.search_btn {float:left; margin:0 2px; cursor: pointer;}
.search_btn a {float:left; color:#fff; line-height:25px; font-weight:bold; text-decoration:none;}
.search_btn_bg1 {float:left; height:25px; padding:0 6px 0 10px; background:url('images/comm/btn_bg.png') repeat-x -2px -2px;}
.search_btn_bg2 {float:left; width:4px; height:25px;  background:url('images/comm/btn_bg.png') no-repeat -193px -2px;}

.public_search2 {overflow:hidden;  background:#f7f7f7; border:1px solid #e0e0e0; height:22px; padding:10px 15px;}


/* 메인 table */
.list_table_lay {position:relative; overflow:hidden; margin-top:10px;}
.list_head {clear:both; overflow:hidden; border-top:2px solid #4d87c6; border-bottom:1px solid #e2e2e2; margin-left:0px; padding-right:17px;}
.list_head table {table-layout:fixed; border-collapse:collapse;}
.list_head table tbody th {font-weight:bold; color:#72777b; background:url('images/board/th_bg.gif') repeat-x 0 0; text-align:center; height:30px; line-height:30px; border-right:1px solid #e2e2e2;}
.list_tbody_lay {width:100%; height:278px; overflow-y:auto; overflow-x:hidden;}
.list_tbody {color:#666;}
.list_tbody table {table-layout:fixed; border-collapse:collapse;}
.list_tbody table tbody td {height:30px; line-height:30px; text-align:center; border-bottom:1px solid #e2e2e2; border-right:1px solid #e2e2e2;}
.list_tbody table tbody td.ta_l {text-align:left; padding-left:8px;}


.group1 {float:left; width:45%;}
.group2 {float:right; width:45%;}



/* 리스트 테이블 0702 추가*/
.list_table {margin-top:20px; border-top:2px solid #4d87c6;}
.list_table table {border-collapse:collapse;}
.list_table table thead th {font-weight:bold; color:#72777b; background:url('images/board/th_bg.gif') repeat-x 0 0; text-align:center; height:30px; line-height:30px; border-left:1px solid #e2e2e2; border-right:1px solid #e2e2e2; border-bottom:1px solid #e2e2e2;}
.list_table table tbody td {color:#666; text-align:center; border:1px solid #e2e2e2; line-height:30px; height:30px;}



/* 그리드 페이징 */
.paging {position:relative; width:100%; border-top:1px solid #e2e2e2; background:#f7f7f7; height:33px; line-height:33px;}
.paging ul {margin:0 auto; text-align:center;}
.paging li {display:inline;}
.paging li.page_txt {color:#4d87c6;}
.paging img {padding:1px;}
.paging input.page {text-align:center;}
.paging .viewpage {position:absolute; top:0; right:10px;}


.public_base {overflow:hidden; width:100%; margin-top:13px;}
.public_base ul.title {position:relative; height:30px;}
.public_base ul.title li.tit {position:absolute; top:7px; left:0;font-weight:bold; font-size:16px; background:url('images/comm/icon_bg.gif') no-repeat 0 0; padding-left:15px;}
.public_base ul.title li.base_btn {position:absolute; top:0; right:0;}
.base_btn img {margin-top:-1px;}
.base_btn a {float:left; cursor:pointer; margin:0 2px; color:#6d6d6d; line-height:25px; text-decoration:none;}
.base_btn_bg1 {float:left; height:25px; padding:0px 6px 0 10px; background:url('images/comm/btn_bg.png') repeat-x -2px -30px; color:#6d6d6d;}
.base_btn_bg2 {float:left; width:4px; height:25px; background:url('images/comm/btn_bg.png') no-repeat -193px -30px;}
.disabled_btn_bg1 {float:left; height:25px; padding:0 6px 0 10px; background:url('images/comm/btn_bg.png') repeat-x -2px -85px; color:#6d6d6d;}
.disabled_btn_bg2 {float:left; width:4px; height:25px; background:url('images/comm/btn_bg.png') repeat-x -193px -85px;}
.disabled_btn_bg11 {float:left; height:25px; padding:0 6px 0 10px; background:url('images/comm/btn_bg.png') repeat-x -2px -58px; color:#5d5d5d;}
.disabled_btn_bg21 {float:left; width:4px; height:25px; background:url('images/comm/btn_bg.png') repeat-x -193px -58px;}
.disabled_btn_bg1:hover , .disabled_btn_bg2:hover,.disabled_btn_bg11:hover , .disabled_btn_bg21:hover {cursor: default;}



.bbs_base_btn_bg1 {float:left; height:25px; padding:0 6px 0 10px; background:url('images/comm/btn_bg.png') repeat-x -2px -30px;}
.bbs_base_btn_bg2 {float:left; width:8px; height:25px; background:url('images/comm/btn_bg.png') no-repeat -193px -30px;}




.width_table table {border-collapse:collapse;}
.width_table table th, .width_table table td {padding:3px 10px; border:1px solid #e2e2e2; /* color:#72777b; */ /* color:#656565; */ color:#222222; text-align:left;}
.width_table table th {background:#f7f7f7; color:#404040;}
/* .width_table table th.star {background:url('images/comm/icon_bg.gif') #f7f7f7 no-repeat 0 -11px; padding-left:15px;} */
.width_table table th.star {background:url('images/comm/ico_star.gif') #f7f7f7 no-repeat 5px 50%; padding-left:15px; }
.width_table table th.nostar {background:#f7f7f7; padding-left:15px;}
.width_table table td.no_left {border-left:none;}
.width_table table td.no_right {border-right:none;}
.width_table table td span {line-height:23px;}
.width_table {overflow:hidden; /*margin-top:10px;*/ width:100%;} /* 0731 수정*/

/* 141010 추가 */
.width_table table td textarea{border:1px solid #e0e0e0;}

.black_ico {float:left; margin:2px 10px 0 0; width:95%;}
.black_ico span {line-height:20px;}
.black_ico img {margin-top:-1px;}
.black_ico a {float:left; margin:0 2px; color:#fff; font-weight:bold; text-decoration:none; cursor:pointer;}
.black_ico_bg1 {float:left; height:22px; padding:0 6px 0 10px; background:url('images/comm/btn_bg.png') repeat-x -2px -59px;}
.black_ico_bg2 {float:left; width:4px; height:22px; background:url('images/comm/btn_bg.png') no-repeat -193px -59px;}

/* 1020 버튼 수정 */
.blue_btn {float:left; margin:2px 10px 0 0;/*  width:95%; */}
.blue_btn span {line-height:22px;}
.blue_btn img {margin-top:-1px;}
.blue_btn a {float:left; margin:0 2px; color:#fff; font-weight:bold; text-decoration:none;}
.blue_btn_bg1 {float:left; height:22px; padding:0 6px 0 8px; background:url('images/comm/btn_bg.png') repeat-x -2px -350px;}
.blue_btn_bg2 {float:left; width:4px; height:22px; background:url('images/comm/btn_bg.png') no-repeat -194px -350px;}


/* 중복체크 버튼*/ 
a.btn_check {float:left; margin:0 5px; padding:5px; height:13px; line-height:13px; border-top:1px solid #dadada; border-left:1px solid #cdcdce; border-right:1px solid #cdcdce; border-bottom:1px solid #a5a5a8; cursor:pointer;
	background-image: linear-gradient(top, #fff 30%, #f4f4f4 85%); 			/* 배경그라데이션 CSS3 */
	background-image: -o-linear-gradient(top, #fff 30%, #f4f4f4 85%);		/* 오페라 */
	background-image: -moz-linear-gradient(top, #fff 30%, #f4f4f4 85%);		/* 파이어폭스 */
	background-image: -webkit-linear-gradient(top, #fff 30%, #f4f4f4 85%);	/* 사파리,크롬 */
	background-image: -ms-linear-gradient(top, #fff 30%, #f4f4f4 85%);		/* 익스플로러 */
}

/* 백업버튼 위치잡아주기 0707 */
.backup {overflow:hidden; width:45px; margin:0 auto; line-height:25px;}


/* 시스템 버튼 0711 */
.system_btn {float:left; margin:0 1px; font-family:dotum; color:#666; font-size:11px; letter-spacing:-0.05em;} 
.system_btn .system_btn_bg1 {float:left; line-height:26px; height:25px; padding:0 6px 0 10px; background:url('images/comm/btn_bg.png') repeat-x -2px -276px;}
.system_btn .system_btn_bg2 {float:left; width:4px; height:25px; background:url('images/comm/btn_bg.png') no-repeat -193px -276px;}

/* 표관리화면 - 초기화, 재구성, 적용, 저장 버튼 여백 설정 150115 ngo */
.system_btn1 span{padding-top:2px;}

/* 표관리 데이타 테이블*/
.data_tbl_lay {}
.data_tbl {position:relative; overflow:hidden; width:100%; margin-top:15px; border:1px solid #d5d5d5; background:#f2f2f2;}
.data_tbl table {table-layout:fixed;}
.data_tbl table thead tr th.green {background:#eefff5;}
.data_tbl table thead tr th.blue {background:#e7f4ff;}
.data_tbl table thead tr th, .data_tbl tbody tr td {color:#333; font-family:dotum; text-align:center; border-right:1px solid #d8d8d8; border-bottom:1px solid #d8d8d8; padding:8px 0;}
.data_tbl table thead tr th.no_right, .data_tbl tbody tr td.no_right {border-right:none;}
.data_tbl table thead tr th.no_btm, .data_tbl tbody tr td.no_btm {border-bottom:none;}
.data_tbl table tbody tr td {background:#fff;}
.data_tbl table tbody tr td.yell {background:#fffff1;}

.tbl_lay {float:left;}

/* 표관리 - 표측구성위치정보 */
.axis_tbl table thead tr th, .axis_tbl tbody tr td {padding:4px 0;}


.output_lay {margin:20px 10px;}

.title_set_lay {overflow:hidden; border:1px solid #d5d5d5; background:#fff;}
.title_set_lay span.check {margin:0 10px; background:url('images/board/hypen_ico.gif') no-repeat 0 55%; padding-left:10px;}
/*  150202 ngo ::: 표축출력 규칙정보 사이즈가 마우스 오버시마다 변해서 다음과 같이 수정함..
.title_set_lay .title_set {float:left; padding:5px 11px 10px 11px;}
.title_set_lay .title_set ul {height:20px;} 
*/
.title_set_lay .title_set_outer { float:left; width:49.5%; }
.title_set_lay .title_set {float:left; padding:5px 10px 10px 10px;}
.title_set_lay .title_set ul {overflow:hidden;}
.title_set_lay .title_set li.blue_arr {float:left; font-size:13px; color:#393939; line-height:14px; background:url('images/comm/icon_bg.gif') no-repeat -3px -78px; padding-left:10px;}
.title_set_lay .title_set li.system_btn {float:right; padding-top:5px;}


/* 0915 수정 */
.title_set dl {overflow:hidden; width:800px; margin:10px 0 0 15px;} 
.title_set dl dt {float:left; width:120px; margin:3px 0; padding-left:10px; background:url('images/board/hypen_ico.gif') no-repeat 0 45%;} 
.title_set dl dd {float:left; width:240px; margin:3px 0;}