@charset "utf-8";

/*구조*/
.wrap_webzine2,
.wrap_webzine2 .inner,
.wrap_webzine2 .inner > li,
.wrap_webzine2 .list,
.wrap_webzine2 .list ul,
.wrap_webzine2 .list ul li,
.wrap_webzine2 .subject{height:100%;}

/*타이틀*/
.wrap_webzine2 .title{display:none;}

/*목록*/
.wrap_webzine2 .list ul{display:flex;}
.wrap_webzine2 .list ul li{width:100%;}

/*noData*/
.wrap_webzine2 .list .nodata{font-size:18px;color:#222;text-align:center;padding:40px 0;width:100%;border:0 !important;}

/*링크*/
.wrap_webzine2 a.subject{margin-left:35px;padding:30px;background:#046e44;display:flex;flex-direction:column;justify-content:space-between;transition:0.5s;}

/*썸네일*/
.wrap_webzine2 .thumb{width:80px;height:80px;overflow:hidden;}
.wrap_webzine2 .thumb img{object-fit:cover;object-position:center;width:inherit;height:inherit;border-radius:100%;transition:0.5s;}

/*컨텐츠*/
.wrap_webzine2 .con{text-align:right;}
.wrap_webzine2 .con::after{font-size:17px;color:#6bffc4;font-family:'Noto Light';line-height:1;padding:0 20px 5px 0;margin-top:10px;border-bottom:2px solid #6bffc4;content:"more";display:inline-block;background:url(../images/more_7.png) 95% center no-repeat;}

/*제목*/
.wrap_webzine2 .subjectText{font-size:35px;color:#FFF;font-family:'Noto Medium';line-height:1.1;text-align:right;height:80px;overflow:hidden;text-overflow:ellipsis;word-wrap:break-word;}

/*내용*/
.wrap_webzine2 .content{display:none;}

/*날짜*/
.wrap_webzine2 .dateA{display:none;}
.wrap_webzine2 .dateB{display:none;}

/*더보기*/
.wrap_webzine2 .more{display:none !important;}

/*활성화*/
.wrap_webzine2 .list,
.wrap_webzine2 .more{display:none}
.wrap_webzine2 .inner > li.active .list,
.wrap_webzine2 .inner > li.active .more{display:block}

/*CONTROL*/
.wrap_webzine2 .control{display:none;}
@media only screen and (max-width:1460px){
	.wrap_webzine2 a.subject{margin-left:5px;}
}
@media only screen and (max-width:1023px){
	.wrap_webzine2 a.subject{margin:0 5px;}
}
@media only screen and (max-width:767px){
	.wrap_webzine2 .list ul{display:block;}
	.wrap_webzine2 a.subject{margin:0 0 5px 0;padding:20px;flex-direction:row;}
	.wrap_webzine2 .con{width:calc(100% - 90px);}
	.wrap_webzine2 .subjectText{font-size:25px;height:55px;}
}
/*HOVER*/
@media only screen and (min-width:1024px){
	.wrap_webzine2 a.subject:hover{background:#004d2e;}
	.wrap_webzine2 a.subject:hover .subjectText span{background-image:linear-gradient(to bottom, transparent 60%, #6bffc4 0%);}
}