@charset "utf-8";

body {
margin:0;
padding:0;
font-family:'Malgun Gothic', dotum, sans-serif;
font-size:14px;
color:#222;
line-height:160%;
letter-spacing:-0.5px;
background:#f3f3f3;
}

a {color:#222;text-decoration:none}



.listbox {
  width: 27%;
  height:340px;
  margin: 1%;
  padding: 0;
  float: left;
  background-color: #FFFFFF;
  border: 1px solid #DDDDDD;
}
.catetitle {
	float: left;
	margin: 1%;
	padding: 0;
	width:10%;
	display:flex;
	justify-content: center; /* ¼öÆò °¡¿îµ¥ Á¤·Ä */
    align-items: center; /* ¼öÁ÷ °¡¿îµ¥ Á¤·Ä */
	height:300px;
}
.catetitle_wrap .btn-wset{
	width:10%;
}

.listbox_wrap .btn-wset{
	width: 23%;
}

.listbox:hover {
  border: 1px solid #333;
}

@media (max-width: 1020px) {
  .listbox {
    width: 47%;
  }
}

@media (max-width: 660px) {
  .listbox {
    width: 97%;
  }
  .catetitle {
		width:100%;
		height:40px;
	}
}

.listboxIMG {
  width: 97%;
  height:224px;
  text-align: center;
  padding: 7px 0;
  margin: 0 0 5px 4px;
  border-bottom: 1px solid #DDDDDD;
  position:relative;
}

.listboxIMG-i {
  border: 0;
  width: 97%;
  cursor:pointer
}

.listboxTEXT {
  width: 97%;
  padding: 5px;
  margin: 0 0 5px 4px;
}

.listboxCLICK {
  display: block;
  border: 1px solid #DDDDDD;
  background-color: #f3f3f3;
  padding: 10px 0px;
  margin: 7px;
  font-size: 16px;
  text-align: center;
  cursor:pointer
}

.listboxCLICK:hover {
  background-color: #76b11d;
  color: #FFFFFF;
}

.redicon {
  font-size:11px;
  color: #FFFFFF;
  background-color: #E42B00;
  margin: 0;
  padding: 1px 3px;
}

.blueicon {
  font-size:11px;
  color: #FFFFFF;
  background-color: #0069D9;
  margin: 0;
  padding: 1px 3px;
}

.greenicon {
  font-size:11px;
  color: #FFFFFF;
  background-color: #32AF00;
  margin: 0;
  padding: 1px 3px;
}

.pointicon {
  font-size:11px;
  color: #FFFFFF;
  background-color: #384B63;
  margin: 0;
  padding: 1px 3px;
}

.centerbox:nth-of-type(1) {
  margin-bottom: 20px;
  border:1px solod red;
}

.centerbox:nth-of-type(2) {
  margin-bottom: 20px;
}