@charset "utf-8";
.ph_panel {
	margin-bottom: 0;
}
.ph_panel-body {
	padding: 15px 1px;
}
.ph_img-responsive, .ph_thumbnail > img, .ph_thumbnail a > img, .ph_carousel-inner > .ph_item > img, .ph_carousel-inner > .ph_item > a > img {
	display: block;
	width: 100%;
	max-width: 100%;
	height: 160px;
	margin-top: 13px;
}
.ph_caption {
	font-size: 19px;
	height: 33px;
	padding: 3px 0px 5px !important;
	overflow: hidden;
	font-weight: 500;
}
.ph_caption2 {
	font-size: 16px;
	padding: 10px 0px;
	height: 35px;
	overflow: hidden;
	border-top: 1px solid #ccc;
	margin-top: 7px;
	font-family: "NanumBarunGothicR", sans-serif;
	color: rgba(125, 125, 125, 1);
}
.ph_caption3 {
	font-size: 16px;
	padding: 3px 0px;
	height: 25px;
	overflow: hidden;
	font-family: "NanumBarunGothicR", sans-serif;
	color: rgba(125, 125, 125, 1);
}
.ph_thumbnail {
    display: block;
    /* width: 32%; */
    width: 48%;
    background-color: #fff;
    border: 1px solid #efefef;
    border-radius: 0 0 45px 0;
    padding: 0;
    padding-bottom: 0;
    margin: 1%;
    overflow: hidden;
 	/* line-height: 1.ph_42857143; */
	/*background-color: #ffffff;*/
    /* border-radius: 4px; */
    /* -webkit-transition: all .ph_2s ease-in-out; */
    -o-transition: all .ph_2s ease-in-out;
	/*margin-left: 0.5%;*/
}
.ph_thumbnail:last-child {
	/* padding-right: 10px; */
	/* border: none; */
}
.ph_thumbnail:first-child {
    /* padding-left: 10px; */
}
.ph_thumbnail a {
	float: left;
	width: 100%;
    padding: 15px;
    padding-bottom: 0;
    border: 3px solid #fff;
    border-radius: 0 0 45px 0;
}
.ph_thumbnail a:hover {
    border: 3px solid #fed322;
    transition-delay: 0.6s;
}
.ph_thumbnail a::before {
	content: '';
	position: absolute;
	transition: all 0.3s;
	background-color: #fed322;
	height: 3px;
	width: 0;
	top: 0;
	left: 0;
	transition-delay: 0.6s;
  }
  .ph_thumbnail a::after {
	content: '';
	position: absolute;
	transition: all 0.3s;
	background-color: #fed322;
	width: 3px;
	height: 0;
	top: 0;
	right: 0;
	transition-delay: 0.5s;
  }
.ph_thumbnail a:hover::before {
	width: 100%;
	transition: all 0.3s;
}
.ph_thumbnail a:hover::after {
	height: 100%;
	transition: all 0.3s;
  transition-delay: 0.3s;
}
.ph_thumbnail a .laWrap::before {
	content: '';
	position: absolute;
	transition: all 0.3s;
	background-color: #fed322;
  height: 3px;
  width: 0;
  bottom: 0;
  right: 0;
  transition-delay: 0.4s;
}
.ph_thumbnail a .laWrap::after {
	content: '';
	position: absolute;
	transition: all 0.4s;
	background-color: #fed322;
  width: 3px;
  height: 0;
  bottom: 0;
  left: 0;
  transition-delay: 0.4s;
}
.ph_thumbnail a:hover .laWrap::before {
	width: 100%;
	transition: all 0.5s;
  transition-delay: 0.5s;
}
.ph_thumbnail a:hover .laWrap::after {
	height: 100%;
	transition: all 0.5s;
  transition-delay: 0.9s;
}


.ph_thumbnail .la_content {
    float: left;
    width: 100%;
}
.la_content .lc_sbj {
    float: left;
    width: 100%;
    text-align: center;
    padding-top: 20px;
    max-height: 50px;
    font-size: 21px;
    font-weight: 500;
    overflow: hidden;
}
.la_content .lc_con {
    float: left;
    width: 100%;
    padding-bottom: 5%;
    height: 60px;
}
.la_content .lc_date {
    float: left;
    font-size: 1em;
    font-weight: 400;
    color: #777;
    padding: 5% 0;
}
.la_content i.morebtn {
    float: right;
    background-color: gold;
    color: #fff;
    border-radius: 45px;
    font-size: 23px;
    width: 40px;
    height: 40px;
    text-align: center;
    padding: 9px;
}

 @media (max-width:992px) {
	.ph_thumbnail {
			width: 90%;
			box-shadow: 5px 6px 7px rgba(0,0,0,0.1);
			margin-top:3%;
			margin-left:5%; margin-right:5%;
			margin-bottom: 3%;
	}
	.laPics img {
		height: auto;
	}
}
 @media (max-width:1200px) {
.ph_img-responsive, .ph_thumbnail > img, .ph_thumbnail a > img, .ph_carousel-inner > .ph_item > img, .ph_carousel-inner > .ph_item > a > img {
	display: block;
	width: 100%;
	max-width: 100%;
	height: 170px;
	margin-top: auto;
}

}