@charset "utf-8";

/*구조*/
.wrap_webzine{height:100%;}

/*타이틀*/
.wrap_webzine .title{margin-bottom:70px;}
.wrap_webzine .title a{font-size:40px;color:#202020;line-height:1.4;font-family:'Noto Medium';line-height:1;display:block;cursor:default;}
.wrap_webzine .inner > li.active .title a{}

/*목록*/
.wrap_webzine .list{}
.wrap_webzine .list ul{}
.wrap_webzine .list ul li{margin-right:35px;padding-top:25px;position:relative;}

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

/*링크*/
.wrap_webzine a.subject{margin-left:2px;padding:30px;border:1px solid #DDD;background:#FFF;display:flex;flex-direction:column;align-items:center;}
.wrap_webzine a.subject::before{font-size:18px;color:#FFF;line-height:1;width:120px;height:50px;border-top-left-radius:10px;border-bottom-right-radius:10px;content:"e-Book";background:#e70a1f;left:calc(50% - 60px);top:0;position:absolute;display:flex;align-items:center;justify-content:center;}
.wrap_webzine a.subject::after{font-size:16px;color:#555;line-height:1;padding:15px;margin-top:20px;border:1px solid #283d76;border-radius:3px;content:"자세히 보기";display:inline-block;transition:0.5s;}

/*썸네일*/
.wrap_webzine .thumb{width:210px;height:210px;overflow:hidden;margin:10px 0 20px 0;transform: scale(1);transition: transform 0.5s;}
.wrap_webzine .thumb img{object-fit:cover;object-position:center;width:inherit;height:inherit;border-radius:100%;transition:0.5s;}
.wrap_webzine a:hover .thumb{transform: scale(1.05);}

/*컨텐츠*/
.wrap_webzine .con{}

/*제목*/
.wrap_webzine .subjectText{font-size:26px;color:#212121;line-height:1.3;text-align:center;height:65px;overflow:hidden;text-overflow:ellipsis;word-wrap:break-word;}

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

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

/*더보기*/
.wrap_webzine .more{display:block;text-indent:-9999px;position:absolute;right:0;top:0px;width:40px;height:40px;background:url(../images/more_2.png) center no-repeat;}

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

/*CONTROL*/
.wrap_webzine .control{top:2px;right:45px;position:absolute;display:flex;align-items:center;}
.wrap_webzine .control::before{width:1px;height:24px;background:#a2a2a2;position:absolute;top:6px;right:34.5px;content: "";display:block;}
.wrap_webzine .control .prev,
.wrap_webzine .control .next{display:block;text-indent:-9999px;width:35px;height:35px;}
.wrap_webzine .control .prev{background:url(../images/prev_2.png) no-repeat left center;}
.wrap_webzine .control .next{background:url(../images/next_2.png) no-repeat right center;}
.wrap_webzine .control .play,
.wrap_webzine .control .stop,
.wrap_webzine .control .numbering,
.wrap_webzine .control .paging{display:none;}

.default-thumbA {background:url(../images/noimageA.png) no-repeat center;}

@media only screen and (max-width:1023px){
}
@media only screen and (max-width:767px){
	.wrap_webzine .title{margin-bottom:30px;}
	.wrap_webzine .title a{font-size:30px;}
	.wrap_webzine .list ul li{margin:0 5px;}

	.wrap_webzine .thumb{width:130px;height:130px;}
	.wrap_webzine .subjectText{font-size:22px;height:60px;}
	.wrap_webzine .more{top:-4px;}
	.wrap_webzine .control{top:-2px;}
}
/*HOVER*/
@media only screen and (min-width:1024px){
	.wrap_webzine a.subject:hover::after{color:#FFF;background:#283d76;}
}