@charset "utf-8"; 

.boardnew2011	{ clear: both; float: left; position: relative; width: 100%; }

/* 검색 */
.searchbar			{ float: left; width: 100%; text-align: right; margin-bottom: 30px; }
.search				{ margin: 0; padding: 0; }
.search fieldset	{ margin: 0; padding: 0; border: 0; }
.search select		{ min-width:170px; height: 40px; font-size: 15px; line-height: 40px; vertical-align: top; border: 1px solid #ccc; }
.search .item		{ display: inline-block; position: relative; height:38px; color: #333; line-height:38px; vertical-align: top; border: 0; }
.search .iLabel		{ position: absolute; top: 0; left:0;width: 100%;line-height:38px;text-align: left; color: #767676; white-space: nowrap; }
.search .iText		{ display: inline-block; width: 400px; height:38px; color: #333; line-height:38px; vertical-align: top; border:1px solid #ccc;}
.search .btnSearch	{ display: inline-block; position: relative; margin: 8px 0 0 -35px;top:1px;right:2px;}

/* 페이지 */
.pagination					{ float: left; margin: 30px 0; width: 100%; text-align: center; }
.pagination a				{ display: inline-block; margin-right: -5px; width: 40px; height: 40px; color: #666; font-size: 13px; line-height: 40px; text-align: center; vertical-align: middle; border: 1px solid #ccc; border-right: 0; }
.pagination a:last-child	{ border-right:1px solid #ccc;}
.pagination span			{ display: inline-block; margin-right: -3px; width: 40px; height: 40px; line-height: 40px; color: #fff; font-size: 13px; font-weight: bold; text-align: center; vertical-align: middle; border: 1px solid #464e6b; border-right: 0; background: #464e6b; }
.pagination .first			{ font-size: 0px; background: url(../img/pagination_01.png) no-repeat center; }
.pagination .prev			{ font-size: 0px; background: url(../img/pagination_02.png) no-repeat center; }
.pagination .last			{ font-size: 0px; background: url(../img/pagination_04.png) no-repeat center; }
.pagination .next			{ font-size: 0px; background: url(../img/pagination_03.png) no-repeat center; }

.div_title					{ float: left; width: 100%; text-align: center; }
.div_title ul				{ float: left; width: 100%; }
.div_title ul li			{ float: left; padding: 0; width: 400px; border: 1px solid #e1e1e1; border-right: 0; }
.div_title ul li:last-child	{ width: 400px; border-right: 1px solid #e1e1e1;  }
.div_title ul li a			{ color: #555555; font-size: 20px; font-weight: 100; line-height: 50px; }
.div_title ul li a:hover	{ color: #1887da; }
.div_title ul .dt_on		{ background: #0066b3; }
.div_title ul .dt_on a		{ color: #f5f5f5; font-size: 20px;  font-weight: 400; }
.div_title ul .dt_on a:hover{ color: #ffffff; }

/* search */
.allsearch				{ float: left; position: relative; margin-top: 40px; width: 99%; }
.allsearch li			{ float: left; padding: 0 0 15px 0; width:100%; }
.searchload				{ float: left; position: relative; width: 100%; text-indent:20px; font-size: 20px; color: #1454a0; font-weight: 400; line-height: 50px; background: #f6f6f6; }
.searchload .more 		{ float:right; margin-right:10px }
.searchresult			{ float: left; position: relative; width: 100%; padding: 20px 0 30px 0; line-height: 10px; }
.searchresult ul{margin:0 15px 0 20px;}
.searchresult a			{ display: block; color: #5a5a5a; font-size: 18px; font-weight: 300; padding-left: 10px; text-indent: 1px; line-height: 1.5; background: url(../img/bullet_result.png) left 10px no-repeat; }
.searchresult a:hover	{ color: #1887da; }
.nosearch				{ float: left; position: relative; width: 100%; text-align: center; padding: 30px; }

@media only all and (max-width: 1024px) {
	.search select{float:none;height:38px;line-height:38px;}
	.search .item{float:none;}
	.allsearch{margin-bottom:70px;}
	.div_title ul li{width:auto;padding:0 20px;}
	.div_title ul li:first-child{width:auto;}
	.div_title ul li:last-child{width:auto;}
	.div_title ul .dt_on a{font-size:130%;}
	.div_title ul li a{font-size:130%;}
}

@media only all and (max-width: 820px) {
	.searchbar{text-align:left;}
	.searchload{font-size:120%;}
	.searchresult a{font-size:100%;}
}

@media only all and (max-width: 540px) {
	select{min-width:auto;}
	.search select{width:30%;}
	.search .item{width:65%;}
	.search .iText{width:100%;}
}

@media only all and (max-width: 460px) {
	.search select{min-width:auto;width:33%;}
	.div_title ul .dt_on a{font-size:110%;}
	.div_title ul li a{font-size:110%;}
	.searchload{padding:15px 0;font-size:100%;text-indent:10px;line-height:1.3;}
	.searchresult a{font-size:90%;}
	.allsearch li{padding:0 0 8px 0;}
}