@charset "utf-8";

#template-directory .directory-contents {
  padding-top:120px;
  margin-bottom:170px;
}

#template-directory .top-visual {
  width:100%;
  height:250px;
  background:url(/images/menu1_top.png) no-repeat 50% 50%;
}

#template-directory .contents-wrap {
	max-width:1220px;
	width:100%;
  margin:0 auto;
}

#template-directory .sub-title {
  font-family: 'NanumSquare', gulim;
  font-size:20px;
  font-weight:700;
  color:#2e2e2e;
  letter-spacing:-1px;
  margin-bottom:20px;
}

#template-directory .sub-title > label {
  color:#2f62c8;
}

#template-directory table {
  font-family: 'Noto Sans KR', gulim;
  font-size:14px;
  font-weight:300;
  color:#2e2e2e;
  letter-spacing:-1px;
  margin:15px 0px;
  border-top:4px solid #5c5e64;
  width:100%;
  min-width:1220px;
}

#template-directory table tr {
  height:50px;
  border-bottom:1px solid #d8d8d8;
}

#template-directory table th {
  font-weight:500;
  background-color:#f7f7f7;
  border-right:1px solid #d8d8d8;
  text-align:center;
}

#template-directory table tr>th:last-child {
  border-right:0px;
}

#template-directory table td {
  border-right:1px solid #d8d8d8;
  text-align:center;
  padding:10px 0px 10px 0px;
}

#template-directory table tr>td:last-child {
  border-right:0px;
}

@media screen and (max-width:1280px) {

	#template-directory .contents-wrap {
		padding:0px 10px;	
	}
}

@media screen and (max-width:767px) {

	#template-directory .directory-contents {
		padding-top:15vw !important;
	}	
/*	
	#template-directory table {
	  font-size:10px;
	}  

 	#template-directory .link-img {
 		width:12px;
 		height:12px;
 	}
 	
 	#template-directory .btn-small1 {
 		padding:1px !important;
 	}
*/

	#template-directory table {
	  min-width:auto;
	}

}