@charset "utf-8";

/* 제목 비쥬얼영역 */
.title-visual-bg{background-color: #6b873e;}
.title-visual-wrap{background: url(/image/subpage/title/visual-notice.jpg) center center no-repeat; background-size: cover; 
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/image/subpage/title/visual-notice.jpg',sizingMethod='scale');
	-ms-filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/image/subpage/title/visual-notice.jpg', sizingMethod='scale');
}

.notice .content-wrap {padding-top: 30px;}

/* select & searchbox */
.search-box-wrap {margin-bottom: 18px;}
.search-box-wrap .category-wrap, .search-box-wrap .search-box {float: left;}
.search-box-wrap .category-wrap {position: relative; margin-right: 6px; width: 182px; height: 40px; display: inline-block; border: 1px solid #d3d2d1; box-sizing: border-box; background: #fff url(/image/common/select-bg.png) right top no-repeat;}
.search-box-wrap .category-wrap.on {background-position: right bottom;}
.search-box-wrap .category-wrap label {position: absolute; top: 13px; left: 13px; font-family: 'NanumBarunGothicBold'; font-size: 1.4em; letter-spacing: -0.1px; color: #373641;}
.search-box-wrap .category-wrap select {width: 100%; height: 38px; opacity: 0; filter: alpha(opacity=0); font-family: 'NanumBarunGothicBold'; line-height: 38px;}
.search-box-wrap .category-wrap select option {font-family: 'NanumBarunGothicBold'; color: #373641;}
.search-box-wrap .search-box .search-input-wrap {float: left; margin-right: 8px; width: 16.667%; min-width: 200px; height: 40px; }
.search-box-wrap .search-box .search-input {padding: 12px 6.5%; width: 100%; height: 40px; font-family: 'NanumBarunGothicBold'; font-size: 1.4em; line-height: 1; letter-spacing: -0.1px; color: #808080; border: 1px solid #d3d2d1; box-sizing: border-box; outline-width: 0;}
.search-box-wrap .search-box .btn-search {float: left; width: 7.667%; min-width: 92px; height: 40px; border-radius: 2px; background-color: #0b33ad; font-family: 'NanumBarunGothicBold'; font-size: 1.4em; line-height: 2.857em; letter-spacing: -0.1em; color: #fff;}


/* 게시판 테이블 */
.notice table {width: 100%; border-top: 2px solid #0040b5; border-bottom: 2px solid #cfcfcf; font-family: 'NanumBarunGothicBold';}
.notice table thead th {font-size: 1.6em; line-height: 3.125em; background-color: #ebeef3;}
.notice table thead th:nth-child(1) {width: 11%;}
.notice table thead th:nth-child(2) {width: 68.6%;}
.notice table thead th:nth-child(3) {width: 9.6%;}
.notice table thead th:nth-child(4) {width: 10.8%;}
.notice table tbody td {font-size: 1.4em; line-height: 3.571em; color: #808080; border-bottom: 1px solid #cfcfcf;}
.notice table tbody td:nth-of-type(2) {padding: 0 20% 0 2.1667%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.notice table tbody td:not(:nth-of-type(2)) {text-align: center;}
.notice .paging-wrap {margin-top: 60px;}

@media screen and (min-width:768px) and (max-width:1023px) {
	.search-box-wrap .category-wrap {height: 38px;}
	.search-box-wrap .category-wrap select {height: 36px;}
	.search-box-wrap .search-box .search-input {height: 38px;}
	.search-box-wrap .search-box .btn-search {height: 38px;}
}
@media screen and (max-width: 767px) {
	.notice .content-wrap {padding-top: 0;}

	.search-box-wrap .category-wrap, .search-box-wrap .search-box {float: none;}
	.search-box-wrap {margin-bottom: 30px;}
	.search-box-wrap .category-wrap {position: relative; margin-right: 0; margin-bottom: 6px; width: 100%; max-width: 150px; height: 27px; background-position: right -6px;}
	.search-box-wrap .category-wrap.on {background-position: right -50px;}
	.search-box-wrap .category-wrap label {top: 8px; font-size: 1.5em; color: #666;}
	.search-box-wrap .category-wrap select {width: 100%; height: 100%;}
	.search-box-wrap .search-box {position: relative;}
	.search-box-wrap .search-box .search-input-wrap {width: 100%; height: 27px;}
	.search-box-wrap .search-box .search-input {height: 27px;padding: 6px 55px 6px 13px; font-size: 1.5em; background-color: #ebebeb;}
	.search-box-wrap .search-box .btn-search {position: absolute; right: 0; min-width: 50px; height: 27px; font-size: 1.2em; line-height: 2.182em; border-radius: 0 2px 2px 0;}
	.notice table {border-width: 1px;}
	.notice table thead th {font-size: 1.5em; line-height: 3.25em;}
	.notice table thead th:nth-child(1) {width: 15%;}
	.notice table thead th:nth-child(2) {width: 62%;}
	.notice table thead th:nth-child(3) {width: 23%;}
	.notice table thead th:nth-child(4) {display: none;}
	.notice table tbody td:nth-of-type(2) {padding: 14px 5%; white-space: normal; line-height: 1.333em; font-size: 1.5em; word-break: keep-all;}
	.notice table tbody td:nth-of-type(1),
	.notice table tbody td:nth-of-type(3) {font-size: 1.25em;}
	.notice table tbody td:last-child {display: none;}
	
}