@charset "utf-8";

.searchSiteIndexWrap{}

.searchSiteIndexWrap .searchBox{margin-top:30px;background:#f8f8f8;padding:30px;text-align:center;}
.searchSiteIndexWrap .searchBox span{display:inline-block;font-weight:500;margin-right:10px;}
.searchSiteIndexWrap .searchBox input{display:inline-block;margin-right:5px;box-sizing:border-box;height:36px;}
.searchSiteIndexWrap .searchBox input[type=text]{padding:0 10px;width:50%;}
.searchSiteIndexWrap .searchBox input[type=button]{background:#1585da;color:#FFF;padding:0 20px;}
.searchSiteIndexWrap .searchBox input[type=button]:hover,
.searchSiteIndexWrap .searchBox input[type=button]:focus{background:#52575c;}
.searchSiteIndexWrap .searchBox ul{margin-top:20px;}
.searchSiteIndexWrap .searchBox ul li{display:inline-block;margin:0 1px;}
.searchSiteIndexWrap .searchBox ul li a{display:block;box-sizing:border-box;font-size:14px;border:1px solid #e1e1e1;background:#FFF;min-width:33px;min-height:33px;padding-top:5px;border-radius:5px;margin-bottom:5px;}
.searchSiteIndexWrap .searchBox ul li a:hover,
.searchSiteIndexWrap .searchBox ul li a:focus,
.searchSiteIndexWrap .searchBox ul li a.active{border:1px solid #51c4cb;background:#51c4cb;color:#FFF;}
.searchSiteIndexWrap .searchBox ul li a.all{min-width:80px;margin-left:20px;}
.searchSiteIndexWrap .searchBox ul li a.etc{min-width:50px;}

.searchSiteIndexWrap .searchTable{margin-top:30px;}
.searchSiteIndexWrap .searchTable table{border-top:2px solid #d1d1d1;}
.searchSiteIndexWrap .searchTable table thead{}
.searchSiteIndexWrap .searchTable table tbody{}
.searchSiteIndexWrap .searchTable table tr{}
.searchSiteIndexWrap .searchTable table th,
.searchSiteIndexWrap .searchTable table td{border-bottom:1px solid #d1d1d1;padding:12px;}
.searchSiteIndexWrap .searchTable table th{background:#fafafa;}
.searchSiteIndexWrap .searchTable table td{text-align:left;border-left:1px solid #d1d1d1;}
@media only screen and (max-width:480px){
	.searchSiteIndexWrap .searchBox{padding:15px 0;}
	.searchSiteIndexWrap .searchBox input[type=text]{width:40%;}
	.searchSiteIndexWrap .searchBox input[type=button]{padding:0 10px;}
}
@media only screen and (max-width:320px){
	.searchSiteIndexWrap .searchBox span{display:none;}
}

/*탭버튼*/
	.searchSiteIndexWrap .tab_nav{margin-top:30px;}
	.searchSiteIndexWrap .tab_nav ul{overflow:hidden;border-left:1px solid #d8d8d8;border-top:1px solid #d8d8d8;}
	.searchSiteIndexWrap .tab_nav ul li{float:left;width:11.11%;}
	.searchSiteIndexWrap .tab_nav ul li a{display:block;box-sizing:border-box;padding:12px 0;text-align:center;font-size:15px;font-weight:400;border-bottom:1px solid #d8d8d8;border-right:1px solid #d8d8d8;}
	.searchSiteIndexWrap .tab_nav ul li a:hover,
	.searchSiteIndexWrap .tab_nav ul li a:focus,
	.searchSiteIndexWrap .tab_nav ul li a.active{color:#FFF;border-bottom:1px solid #51c4cb;border-right:1px solid #51c4cb;background:#51c4cb url(../images/sidenav_bul_2.png) no-repeat 90% center;}
	@media only screen and (max-width:820px){
		.searchSiteIndexWrap .tab_nav ul li{width:20%;}
	}
	@media only screen and (max-width:480px){
		.searchSiteIndexWrap .tab_nav ul li{width:33.3%;}
	}

/*사이트인덱스_쓰기*/
	.formWrap{border-top:3px solid #DDD;}
	.formWrap dl{display:table;width:100%;}
	.formWrap dt,
	.formWrap dd{display:table-cell;padding:10px;border-bottom:1px solid #DDD;}
	.formWrap dt{background:#fafafa;width:20%;text-align:center;}
	.formWrap dd{width:80%;}
	.formWrap input, select, textarea{box-sizing:border-box;display:inline-block;min-height:38px;max-width:94%;height:auto;padding:0 5px;vertical-align:middle;border:1px solid #DDD;margin-bottom:5px;}
	.formWrap input, select, textarea{padding:5px;}
	.formWrap input::-webkit-input-placeholder{font-size:0;}

	.formWrap input::-ms-input-placeholder{font-size:0;}
	.formWrap input::-webkit-input-placeholder{font-size:0;} 
	.formWrap input::-moz-placeholder{font-size:0;}


	.formBtn{text-align:right;}
	@media only screen and (max-width:820px){
		.formWrap dt{width:25%;}
		.formWrap dd{width:75%;}
	}
	@media only screen and (max-width:480px){
		.formWrap dl{display:block;}
		.formWrap dt,
		.formWrap dd{display:block;padding:10px;border-bottom:1px solid #DDD;}
		.formWrap dt{background:#FFF;width:100%;text-align:left;border-bottom:0;padding-bottom:0;font-weight:500;}
		.formWrap dd{width:100%;}
		.formWrap input, select, textarea{background:#f5f5f5;}
		.formWrap input::-webkit-input-placeholder{color: #ebebeb;font-size:12px;} 
		.formBtn{text-align:center;}
	}


/*페이징*/
	.paging_1{margin-top:30px;text-align:center;}
	.paging_1 a{display:inline-block;box-sizing:border-box;font-size:13px;border:1px solid #e1e1e1;background:#FFF;min-width:33px;min-height:33px;padding-top:5px;margin:0 2px;background-repeat:no-repeat !important;background-position:center !important;transition: all 0.1s cubic-bezier(0.2, 0, 0.3, 1);}
	.paging_1 a.first,
	.paging_1 a.last,
	.paging_1 a.prev,
	.paging_1 a.next{text-indent:-9999px;}
	.paging_1 a.first{background:url(../images/arrow_left.png);}
	.paging_1 a.last{background:url(../images/arrow_right.png);}
	.paging_1 a.prev{background:url(../images/arrow_left_2.png);margin-right:20px;}
	.paging_1 a.next{background:url(../images/arrow_left_2.png);margin-left:20px;}

	.paging_1 a.first:hover,
	.paging_1 a.first:focus{background-image:url(../images/arrow_left_w.png);}
	.paging_1 a.last:hover,
	.paging_1 a.last:focus{background-image:url(../images/arrow_right_w.png);}
	.paging_1 a.prev:hover,
	.paging_1 a.prev:focus{background-image:url(../images/arrow_left_2_w.png);}
	.paging_1 a.next:hover,
	.paging_1 a.next:focus{background-image:url(../images/arrow_right_2_w.png);}

	.paging_1 a:hover,
	.paging_1 a:focus,
	.paging_1 a.active{border:1px solid #52575c;background:#52575c;color:#FFF;}
	@media only screen and (max-width:680px){
		.paging_1 a:nth-child(n+8):nth-child(-n+12){display:none;}
	}
	@media only screen and (max-width:440px){
		.paging_1 a{display:none;}
		.paging_1 a.first,
		.paging_1 a.last,
		.paging_1 a.prev,
		.paging_1 a.next,
		.paging_1 a.active{display:inline-block;}
	}