@charset "utf-8";

/** 행사사진첩 **/
.gallery-list-new .obj.col3{width:calc(100% + 15px);margin:0 0 0 -15px}
.gallery-list-new .obj .col{float:left;position:relative;width:calc(33.333% - 15px) !important;height:263px;margin:15px 0 10px 15px;overflow:hidden}
.gallery-list-new .detail--link{display:block;position:absolute;top:2px;left:2px;right:2px;bottom:2px;width:calc(100% - 4px);height:calc(100% - 4px)}
.gallery-list-new .detail--link:before{display:block;position:absolute;top:0;left:0;right:0;bottom:0;z-index:0;border:1px solid #e0e0e0;content:'';}
.gallery-list-new  .detail--link>a{display:block;position:relative;z-index:1;height:384px;overflow:hidden; color:#222;}
.gallery-list-new  .detail--link>a:hover{text-decoration:none;}
.gallery-list-new  .detail--link>a:hover:before{border-bottom-color:#2678cc}
.gallery-list-new .thm--box{display:block;position:relative;top:0;overflow:hidden;width:100%;height:165px;transition:all .3s;}
.gallery-list-new .thm--box img{display:block;width:calc(100% - 2px);height:auto;margin:auto;border:none; margin-top: 1px;transition:all .3s;}
.gallery-list-new .title{display:block;position:relative;margin:10px 15px 0 15px; color:#222;font-size: 15px;font-weight: 500;line-height:22px; height:50px;/*overflow:hidden;text-overflow:ellipsis;white-space:nowrap;*/}
.gallery-list-new .link{display:inline-block;width:calc(100% - 30px);height:36px;margin:35px 15px 0 15px;cursor:pointer; font-size: 14px; text-align: right;}
.gallery-list-new .link em{display:inline-block;padding:5px 0 0;color:#004eaf; font-style: normal;}
.gallery-list-new .link em:after{content:'';display:inline-block;background:url(../nics/img/arrow.png) no-repeat;width:22px;height:12px;vertical-align: middle;margin-top: -2px;margin-left: 6px;}
.gallery-list-new .detail--link:hover .thm--box{height:130px}
.gallery-list-new .detail--link:hover .thm--box img{top:0}
.gallery-list-new .detail--link:hover .link{margin-top:10px;}
.gallery-list-new .p-info{display:block;margin:5px 15px 0 15px;font-size:14px;line-height:17px;}

/** 농촌융복합산업 **/
#list_item .obj.col3{width:100%;}
#list_item .obj .link_card{display:block; float: left; width:calc(25% - 20px); box-sizing: border-box; border: 1px solid #ccc; margin:15px 10px 10px 10px;}
#list_item .obj .link_card .area_img{min-height: 140px;width: 100%;display: block;overflow: hidden;height: 140px;}
#list_item .obj .link_card .area_img img{width: 100%;height: auto;}
#list_item .obj .link_card .area_info{display: block;width: auto;text-align: left;padding: 15px; height:65px;}
#list_item .obj .link_card .area_info .title{text-align: left;font-size: 16px;color: #323232;font-family: 'Noto Sans KR', sans-serif;line-height: 24px;display: block;margin-bottom: 20px;}
#list_item .obj .link_card .area_info .desc{font-size: 13px;color: #323232; height:40px;}
#list_item .obj .link_card .area_more{padding: 15px;}
#list_item .obj .link_card .area_more a{border-top:1px solid #ccc;display: block;padding-top: 10px;text-align: right;}
#list_item .obj .link_card .area_more a span{color:#323232;font-size:13px;}
#list_item .obj .link_card .area_more a span:after{content:'';display:inline-block;background:url(/nics/img/arrow.png) no-repeat;width:22px;height:12px;vertical-align: middle;margin-top: -2px;margin-left: 6px;}
#list_item .obj .link_card:hover{border-color:#07304f; }
#list_item .obj .link_card:hover .area_more a{border-color:#07304f}
#list_item .obj .link_card:hover  .area_more a span:after{background:url(/nics/img/arrow_hover.png) no-repeat;}

/* 반응형 */
@media (max-width:1100px){
  .gallery-list-new .obj .col{width:47.5% !important}
  #list_item .obj .link_card{width:47%;}
  #list_item .obj .link_card .area_img{height: 200px;}
}
@media (max-width:767px){
  .gallery-list-new .obj.col3{width:100%}
  .gallery-list-new .obj .col{width:100% !important}
  #list_item .obj .link_card{width:calc(100% - 15px);}
}