@charset "UTF-8";
* {margin: 0;padding: 0;}
ol,ul{list-style:none;}
body{font-size:14px;color:#666;}
a:link{text-decoration:none;color:#333;}
a:visited{text-decoration:none;color:#333;}

#contentsEditHtml{width:930px;}

@media only screen and (max-width:1024px){
  #contentsEditHtml{width:calc(100% - 30px);}
}
@media only screen and (max-width:580px){
  #contentsEditHtml{margin:0 auto;}
}

/**페이지 들어갈 부분**/

ul.people{overflow:hidden;}
ul.people li{float:left;width:217px;height:300px;border:1px solid #ddd;box-sizing:border-box;margin-right:15px;margin-bottom:40px;}

ul.people li .people_img{width:145px;height:170px;margin:30px 35px 0 35px;}
ul.people li .people_img img{width:100%;height:100%;}

ul.people li .people_txt{overflow:hidden;margin-top:20px;}
ul.people li .people_txt dl{text-align: center;margin-bottom:5px;}
ul.people li .people_txt dl span{display:inline-block;padding:2px 12px;border:1px solid #0f60cb;border-radius: 15px;font-size:12px;font-weight:600;color:#666;}
ul.people li .people_txt dl dd{display:inline-block;color:#666;font-size:12px;margin:0 5px;}
ul.people li .people_txt dl dt{display:inline-block;color:#333;font-size:16px;font-weight:500;}

ul.people li .people_txt p{white-space: nowrap;text-align: center;text-overflow: ellipsis;overflow: hidden;}
ul.people li:hover{border:1px solid #183a6a;}

@media only screen and (max-width:580px){
  ul.people li{height:auto;width:70%;margin:0 15% 30px 15%;}
  ul.people li .people_img{width: calc(100% - 72px);height:auto;}
  ul.people li .people_txt p{height:40px;}
}
/**페이지 들어갈 부분**/

/*category*/
.artclCategory ul.categoryList li{
	border: 0;
	background-image: url("../images/share.gif");
	background-repeat: no-repeat;
	background-color: transparent;
}

.artclCategory .categoryNavig{border-bottom:1.5px solid #0060a6; margin-bottom:30px; overflow:hidden;}
.artclCategory .categoryNavig li{display:inline-block; float:left; margin-right:2px;}
.artclCategory .categoryNavig li a{background-color:#f8f8f8; color:#666; border:1px solid #cfcfcf; padding:15px 25px; line-height:1.2; display:block; border-bottom:none;}
.artclCategory .categoryNavig li.noCategory{padding-top: 12px; padding-left:15px; font-weight: 500; color: #999;}
.artclCategory .categoryNavig li.active a{font-weight:500; color:#000; border-color:#0060a6; background-color:#fff; font-weight:400; border-bottom:1px solid #fff;}

@media only screen and (max-width:600px){
	.artclCategory .categoryNavig{border:none;}
	.artclCategory .categoryNavig li.allList{width:100%;  margin-bottom:2px;}
	.artclCategory .categoryNavig li.active a{border:1px solid #0060a6;}
	.artclCategory .categoryNavig li{width:calc(100% / 2 - 2px); margin-bottom:2px;}
	.artclCategory .categoryNavig li a{border:1px solid #cfcfcf; text-align:center;}
}