@charset "euc-kr";


@media (min-width:1024px) {/* ÃÖ¼Ò 1024 ~ ÃÖ´ë */


	.search{
		width: 1300px;
		margin: 0 auto;	
		background:#fbfbfb;	
		padding:30px 40px 0;
		box-sizing:border-box;
		margin-bottom:50px;
		border: 1px solid #cccc;
	}


	.search_text{font-size:16px; line-height:24px; border-top:1px solid #ccc; border-bottom:1px solid #ccc; padding:15px; margin-bottom:20px;}

	.search_box{font-size:20px; margin-bottom:50px;}
	.search_box input#keyword{height:30px; border:1px solid #ccc; box-sizing:border-box; font-size:14px; padding-left:10px;}
	.search_box input#search{cursor:pointer; height:30px; width:50px; border:1px solid #ccc; background:#ccc; color:#fff; font-size:14px;  box-sizing:border-box;}
	.search_box input#search:hover{background:#ffb0a4; }
	
	.search_box .count_box{display:inline-block; margin-left:100px;}

	.button_box{
		font-size:0px;
	}
	.button_list > li{
		margin-bottom:30px;
		display:inline-block;
		background:#fff;
		width:32%;
		margin-right:2%;
		font-size:14px;
		vertical-align:top;
		border: 1px solid #ccc;
		box-sizing: border-box;
	}

	.button_list > li:nth-child(3n) {
		margin-right:0%;
	}

	.button_list > li > .head{
		background: #ffb0a4;
		color: #fff;
		padding:10px;
		font-size:18px;
		border-bottom: 1px solid #ccc;
		box-sizing: border-box;
	}

	.button_list > li > .body{	
		padding:20px 15px 0 15px;
		font-size:18px;
	}

	.button_list > li > .body > ul > li{	
		margin-bottom:20px;
		font-size:16px;
	}

	.button_list > li > .body input{	
		width:20px; height:20px;
		vertical-align:middle;
		display:inline-block;
		margin-right:5px;
	}







}




@media (min-width: 768px) and (max-width: 1023px){


	.search{
		width: 95%;
		margin: 0 auto;
		background:#fbfbfb;	
		padding:20px 20px 0;
		box-sizing:border-box;
		margin-bottom:40px;
		border: 1px solid #cccc;
	}

	.search_text{font-size:12px; line-height:18px; border-top:1px solid #ccc; border-bottom:1px solid #ccc; padding:15px; margin-bottom:20px;}


	.search_box{font-size:18px;  margin-bottom:30px;}
	.search_box input#keyword{height:25px; border:1px solid #ccc; box-sizing:border-box; font-size:14px; padding-left:10px;}
	.search_box input#search{height:25px; width:40px; border:1px solid #ccc; background:#ccc; color:#fff; font-size:14px;  box-sizing:border-box;}
	.search_box .count_box{display:inline-block; margin-left:50px;}


	.button_box{
		font-size:0px;
	}
	.button_list > li{
		margin-bottom:20px;
		display:inline-block;
		background:#fff;
		width:32%;
		margin-right:2%;
		vertical-align:top;
		border: 1px solid #ccc;
		box-sizing: border-box;
	}

	.button_list > li:nth-child(3n) {
		margin-right:0%;
	}

	.button_list > li > .head{
		background: #ffb0a4;
		color: #fff;
		padding:10px;
		font-size:16px;
		border-bottom: 1px solid #ccc;
		box-sizing: border-box;
	}

	.button_list > li > .body{	
		padding:10px 10px 0 10px;
		font-size:18px;
	}

	.button_list > li > .body > ul > li{	
		margin-bottom:10px;
		font-size:14px;
	}

	.button_list > li > .body input{	
		width:20px; height:20px;
		vertical-align:middle;
		display:inline-block;
		margin-right:3px;
	}



}


@media (max-width: 767px){


.search{
		width: 95%;
		margin: 0 auto;
		background:#fbfbfb;	
		padding:10px;
		box-sizing:border-box;
		margin-bottom:40px;
		border: 1px solid #cccc;
	}

	.search_text{font-size:12px; line-height:18px; border-top:1px solid #ccc; border-bottom:1px solid #ccc; padding:15px; margin-bottom:20px;}



	.search_box{font-size:16px;  margin-bottom:30px;}
	.search_box input#keyword{height:25px; width:140px; border:1px solid #ccc; box-sizing:border-box; font-size:14px; padding-left:10px;}
	.search_box input#search{height:25px; width:40px; border:1px solid #ccc; background:#ccc; color:#fff; font-size:14px;  box-sizing:border-box;}
	.search_box .count_box{margin-top:15px;}

	
	.button_box{
		font-size:0px;
	}
	.button_list > li{
		margin-bottom:10px;
		background:#fff;
		border: 1px solid #ccc;
		box-sizing: border-box;
	}

	.button_list > li:last-child {
		margin-bottom:0px;
	}

	.button_list > li > .head{
		background: #ffb0a4;
		color: #fff;
		padding:5px;
		font-size:16px;
		border-bottom: 1px solid #ccc;
		box-sizing: border-box;
	}

	.button_list > li > .body{	
		padding:10px 10px 0 10px;
		font-size:18px;
	}

	.button_list > li > .body > ul > li{	
		margin-bottom:10px;
		font-size:14px;
	}

	.button_list > li > .body input{	
		width:15px; height:15px;
		vertical-align:middle;
		display:inline-block;
		margin-right:3px;
	}

}




.off-screen {
	display: none;
}
.nav {
	text-align: center;
	margin-top:30px;
}
.nav a {
	display: inline-block;
	margin-right: 10px;
	width:25px; height:30px; line-height:30px; font-size:14px;
	background: #eaeaea;
	color: #000;
}
.nav a:last-child{
	margin-right: 0px;
}
.nav a.active {
	background: #ffb0a4;
	color: #fff;
}