@charset "utf-8";

/*벨브상세내용*/
#vlave_cont{width: 1200px;}
#valve_cont table{width: 1200px; collspacing: 0; cellspacing: 0; border: 0;}
#valve_cont table th{width: 200px; text-align: center; vertical-align: middle; color: #fff; background-color: #00375b;}
	.description td {padding: 20px 0 20px 20px; color: #222; line-height: 1.7;}
	.Application td {padding: 20px 0 20px 20px; color: #222; line-height: 1.7;}
	.specific > tbody > tr > td {padding-left:20px;}
	.specific > tbody > tr > td > table {width:100% !important; border-top:2px solid #333 !important;}
	.specific > tbody > tr > td > table td {border-bottom:1px solid #eee !important; border-right:1px solid #eee !important;}
	.specific > tbody > tr > td > table td:last-child {border-right:none !important;}
	.specific td{height: 30px; text-align: center; font-size: 14px !important; color: #222; line-height: 30px; /*border-bottom: 1px solid #f8f8f8;*/}
	.specific td.w_20{width: 20px;}
	.specific td.w300{width: 300px;}
	.specific td.br{border-right: 1px solid #eee;}
	.specific td.table_bg{background-color: #f8f8f8;}
	.specific td.br_w{border-right: 1px solid #fff;}
	.specific td.last_cont{text-align: right; font-size: 11px; color: #666;}
#submit{width: 100px; height: 40px; margin: 40px auto 0 auto;}
#submit input{width: 100px; height: 40px; background-color: #3886e6; color: #fff;}

/* 검색창 */
.search {text-align:center; margin:0; padding: 0;}
.search #searchform #search_select {width:140px; border:1px solid #ccc; background-color:#fff; padding:10px 20px; margin: 20px 0 0 0; height:47px; display:inline-block;-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
.search #searchform #keyword {width:280px; border:1px solid #ccc; background-color:#fff; padding:10px; margin:20px 5px 0 5px; display:inline-block; height:47px; line-height:47px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
.search .btn_search {padding:0 30px; background-color:#073b6f; margin: 20px 0 0 0; display:inline-block; line-height:47px; height:47px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; z-index:10; color:#fff; font-size:15px;}

/* 페이징 */
.pagination {text-align:center; margin:30px 0 0 0; display:block;}
.pagination ul {text-align:center; display:inline-block; margin:0;}
.pagination ul li {display:inline-block; vertical-align:middle;}
.pagination ul li a {display:inline-block; vertical-align:middle;  height:26px; margin:0 5px; line-height:26px; border:1px solid #fff;}
.pagination ul li a.current {color:#3886e6; border-bottom:1px solid #3886e6; font-weight:bold;}
.pagination ul li a:hover {color:#3886e6; border-bottom:1px solid #3886e6; font-weight:bold;}
.pagination ul li a.btn_pprev {width:35px; height:35px; color:#ccc;}
.pagination ul li a.btn_prev {width:35px; height:35px; margin:0 15px 0 0; color:#ccc;}
.pagination ul li a.btn_nnext {width:35px; height:35px; color:#ccc;}
.pagination ul li a.btn_next {width:35px; height:35px; margin:0 0 0 15px; color:#ccc;}
.pagination ul li a.btn_pprev:hover {color:#000; background-color:#eee;}
.pagination ul li a.btn_prev:hover {color:#000; background-color:#eee;}
.pagination ul li a.btn_nnext:hover {color:#000; background-color:#eee;}
.pagination ul li a.btn_next:hover {color:#000; background-color:#eee;}

/* 테이블형 게시판 */
.table_list {padding-bottom:30px;}
.table_list table {width:100%; border-spacing:0px; border:0; border-collapse:collapse; border-top:2px solid #222;}
.table_list table th {padding:15px 0; border-bottom:1px solid #b7b7b7; text-align:center; color:#333; background-color:#f6f7fa; font-size:16px;}
.table_list table td {padding:15px 0; border-bottom:1px solid #b7b7b7; text-align:center; color:#333; font-size:16px;}
.table_list table td.title {padding-left:15px; text-align:left;}
.table_list table td.title a {color:#222;}
.table_list table td.date {width:15%;}
.table_list table td.hits {width:10%;}
.table_list table td.notice_no span {display:inline-block; color:#3886e6; padding:3px 10px; font-weight:bold;}
.table_list table td span.complete {display:inline-block; color:#3886e6; padding:3px 10px; font-weight:bold;}
.table_list table td span.ready {display:inline-block; color:#999; padding:3px 10px; font-weight:bold;}

.button_wrap {}
.button_wrap a {display:block; width:145px; height:50px; color:#fff; background:#3886e6; font-size:17px; font-weight:bold; text-align:center; line-height:50px; margin:auto 0 auto auto;}
.button_wrap a:visited, .button_wrap a:hover, .button_wrap a:link {color:#fff;}

/* 게시판 읽기페이지 */
.board_read {border-top:2px solid #222;}
.board_read ul {margin-bottom:0;}
.board_read ul li {padding:15px 20px; min-height:53px; border-bottom:1px solid #b7b7b7;}
.board_read ul li h4 {font-size:19px;}
.board_read ul li.title {font-size:17px; color:#222; font-weight:bold; width:100%; float:left; background:#f6f7fa; text-align:center; vertical-align:middle;}
.board_read ul li.title span {font-size:14px; color:#fff; display:inline-block; background:#3886e6; padding:5px 16px; margin:0 10px 0 0;}
.board_read ul li.date {position:absolute; text-align:center; padding:15px 20px; height:53px; border-bottom:none; color:#222; width:168px; right:0; background:inherit;}
.board_read ul li.date strong {padding:0 5px 0 0;}
.board_read ul.files li {color:#999;}
.board_read ul.files li a {color:#222;}
.board_read ul.files li a strong {padding:0 5px 0 0;}
.board_read .readcontent {background-color: #fff; padding: 15px 20px; min-height: 380px; border-bottom:1px solid #222; color:#333;}
.board_read .btnwrap {margin:35px 0; text-align:center;}
.board_read .btnwrap a {display:inline-block; background:#3886e6; font-size:15px; color:#fff; padding:7px 35px;}
.article_list {margin:30px 0 0 0; border-top:1px solid #222;}
.article_list ul li {border-bottom:1px solid #b7b7b7;}
.article_list ul li.last {border-bottom:1px solid #222;}
.article_list ul li div {padding:10px 20px; float:left;}
.article_list ul li .type {color:#333; text-align:center; width:20%; background:#f6f7fa; font-weight:bold;}
.article_list ul li .title {width:80%;}

/* Inquiry */
#inquiry {text-align:center;}
#inquiry {margin:50px 0;}
#inquiry .inquiry_top h2 {font-size:36px; font-weight:bold; margin-bottom:30px;}
#inquiry .inquiry_top p {font-size:14px; font-weight:bold; margin:0;}
#inquiry .inquiry_table {width:780px; margin:auto;}
#inquiry .inquiry_table tbody {}
#inquiry .inquiry_table td {padding:6px;}
#inquiry .inquiry_table td.another {padding:5px 10px !important;}
#inquiry .inquiry_table .inquiry1 {width:100%; height:55px; border:1px solid #ddd; padding:12px 22px; font-size:14px;}
#inquiry .inquiry_table span.blue_dot {background:url(/img/layout/blue_dot.png) top 10px left no-repeat; margin-left:5px; text-indent:13px; display:block; color:#000;}
#inquiry .inquiry_table .inquiry2 {width:100%; height:200px; border:1px solid #ddd; padding:12px 22px}
#inquiry .inquiry_table select {background-image:url(/img/layout/btn_select_2.png) !important; background-position:center right 35px !important; background-repeat:no-repeat !important;}
#inquiry button {width:380px; height:60px; margin-left:-3px; color:#fff;}
#inquiry button[type=reset] {background:#222;}
#inquiry button[type=submit] {background:#3886e6;}

@media(max-width:767px)
{
	/* 페이징 */
	.pagination ul li a {margin:0 2px; font-size:11px;}
	.pagination ul li a img {width:99.99% !important;}
	.pagination ul li a.btn_pprev {width:28px; height:28px;}
	.pagination ul li a.btn_prev {width:28px; height:28px; margin:0 5px 0 0;}
	.pagination ul li a.btn_next {width:28px; height:28px; margin:0 0 0 5px;}
	.pagination ul li a.btn_nnext {width:28px; height:28px;}

	/* 테이블형 게시판 */
	.table_list table th.no, .table_list table th.date, .table_list table td.no, .table_list table td.date {display:none;}
	.table_list table th.notice_no, .table_list table td.notice_no  {width:15%;}
	.table_list table th.name, .table_list table td.name {width:15%;}
	.table_list table th.category, .table_list table td.category {width:22%;}
	.table_list table th.title, .table_list table td.title {width:auto;}
	.table_list table th.status, .table_list table td.status {width:18%;}
	.table_list table th.file, .table_list table td.file {width:25%;}
	.table_list table th, .table_list table td {font-size:13px;}
	#inquiry .inquiry_table {width:100%;}
	.board_read ul li.date {display:none;}
	.table_list table td.title {padding-left:5px; text-align:left;}

	.table_list table td.title a {color:#222;}
	.table_list table td.date, .table_list table th.date {display:none;}
	.table_list table td.hits {width:10%;}
	.table_list table td.no span {color:#fff; display:inline-block; background:#3886e6; padding:3px 10px;}

	#gallery .table_list table th.no, #gallery .table_list table th.date, #gallery .table_list table td.no, #gallery .table_list table td.date {display:table-cell;}

	.button_wrap a {width:120px; height:40px; font-size:12px; line-height:40px;}

	.pagination {display:block; margin:20px auto;}

	/*검색창*/
	.search #searchform #search_select {width:90px; height:40px; margin: 15px 0 0 0;}
	.search #searchform #keyword {width:140px; height:40px; margin: 16px 0 0 0;}
	.search .btn_search {padding:0 14px; line-height:40px; height:40px; font-size:14px; margin: 15px 0 0 0;}

	#inquiry {margin:50px 0;}
	#inquiry button{background:#222; width:49%; margin-left:-5px;}
}

@media(min-width:768px)
{
	.table_list table th.notice_no, .table_list table td.notice_no  {width:12%;}
	.table_list table th.no, .table_list table td.no {width:8%;}
	.table_list table th.date, .table_list table td.date {width:15%;}
	.table_list table th.name, .table_list table td.name {width:10%;}
	.table_list table th.category, .table_list table td.category {width:10%;}
	.table_list table th.status, .table_list table td.status {width:8%;}
	.table_list table th.file, .table_list table td.file {width:10%;}
	.board_read ul li.date {width:174px;}
}

@media(min-width:992px)
{

}

@media(min-width:1500px)
{

}