/* 모듈 레이아웃 공통 */
.search_form {width: 765px; margin: 50px auto 70px;}
.search_form:after {display: block; clear: both; *zoom: 1; content: '';}
.search_form select {float: left; width: 200px; height: 44px; padding: 0 40px 0 20px; background: #f6f6f6 url(../images/sub/arrow_select.png) no-repeat 170px center; border: 1px solid #f6f6f6;}
.search_form input {float: left; margin: 0 10px; width: 460px; height: 44px; padding: 0 20px; background-color: #f6f6f6; border: 1px solid #f6f6f6;}
.search_form button {float: left; width: 84px; height: 44px; color: #fff; background-color: #a33192;}

.list_page {display: block; margin: 0 auto; padding: 50px 0 0; text-align: center;}
.list_page > a {display: inline-block; box-sizing: border-box; width: 40px; height: 40px; text-indent: -9999px; border: 1px solid #bbb; vertical-align: middle; margin: 0 2px;}
.list_page > a.first_btn {background: #fff url(/avanModule/_iconImages/arrow_start.png) no-repeat center;}
.list_page > a.last_btn {background: #fff url(/avanModule/_iconImages/arrow_end.png) no-repeat center;}
.list_page > a.first2_btn {background: #fff url(/avanModule/_iconImages/arrow_prev.png) no-repeat center;}
.list_page > a.last2_btn {background: #fff url(/avanModule/_iconImages/arrow_next.png) no-repeat center;}
.list_page ul {display: inline-block; margin: 0 10px; vertical-align: middle;}
.list_page ul:after {display: block; clear: both; *zoom: 1; content: '';}
.list_page ul li {float: left; width: 40px; height: 40px; line-height: 40px;}
.list_page ul li a {display: block; font-family: 'Poppins'; font-weight: 400; font-size: 1rem; color: #666; text-align: center;}
.list_page ul li a.on {background-color: #333;}
.list_page ul li a.on {color: #fff;}




@media screen and (min-width: 768px) and (max-width: 1410px) {
}

/* tablet */
@media screen and (min-width: 768px) and (max-width: 1200px) {

	.search_form {max-width: 100%;}
	.search_form select {width: 130px; background-position: 100px center;}
	.search_form input {width: calc(100% - 234px);}

}  


@media screen and (min-width:481px) and (max-width:767px) {
	.search_form {max-width: 100%; margin: 0 auto 40px;}
	.search_form select {width: 130px; background-position: 100px center;}
	.search_form input {width: calc(100% - 234px);}
}


/* mobile */
@media screen and (max-width: 480px) {

	.search_form {max-width: 100%; margin: 0 auto 20px;}
	.search_form select {width: 90px; height: 34px; padding: 0 30px 0 10px; background-position: 70px center;}
	.search_form input {width: calc(100% - 180px); height: 34px; padding: 0 10px;}
	.search_form button {width: 70px; height: 34px;}
	
	.list_page > a {width: 30px; height: 30px;}
	.list_page ul li {width: 30px; height: 30px; line-height: 30px;}
	.list_page > a.first2_btn {display: none;}
	.list_page > a.last2_btn {display: none;}

}