@charset "utf-8";

.wrap_webzine{word-break:break-all;background:url(../images/bg_5.jpg) no-repeat center;background-size:cover;}
.wrap_webzine h2{padding-bottom:25px;font-size:22px;font-family:'Noto Medium';color:#222;line-height:1;}
/*게시판*/
.wrap_webzine > ul{}
.wrap_webzine > ul > li{padding:35px;}
/*타이틀*/
.wrap_webzine .title{display:none;}
.wrap_webzine .title a{}
/*목록*/
.wrap_webzine .list{}
.wrap_webzine .list ul{}
.wrap_webzine .list ul li{}
/*noData*/
.wrap_webzine .list .nodata{font-size:18px;text-align:center;padding:30px 0;width:100%}
/*썸네일*/
.wrap_webzine .thumb{width:211px;max-height:289px;overflow:hidden;margin:0 auto;}
.wrap_webzine .thumb img{width:100%;height:100%;}
/*컨텐츠*/
.wrap_webzine .con{}
.wrap_webzine a.subject{display:block;}
/*제목*/
.wrap_webzine .subjectText{position:absolute;right:30px;top:30px;font-size:22px;font-family:'Noto Regular';color:#222;}
/*내용*/
.wrap_webzine .content{display:none;}
/*날짜*/
.wrap_webzine .date{display:none;}
/*더보기.신청하기*/
.wrap_webzine a.more,
.wrap_webzine a.apply{display:block;text-align:center;position:absolute;bottom:0;width:50%;padding:15px 0;color:#FFF;font-size:18px;font-family:'Noto Medium';}
.wrap_webzine a.more{background:#012060;left:0;}
.wrap_webzine a.apply{background:#0f48a5;right:0;}
/*활성화*/
.wrap_webzine .list,
.wrap_webzine a.more{display:none}
.wrap_webzine > ul > li.active .list,
.wrap_webzine > ul > li.active a.more{display:block}
.wrap_webzine > ul > li.active .title a{}
@media only screen and (max-width:1024px){
	.wrap_webzine .thumb{width:150px;max-height:205px;}
}
@media only screen and (max-width:768px){
	.wrap_webzine h2{padding-bottom:20px;font-size:20px;}
	.wrap_webzine > ul > li{padding:25px;padding-bottom:60px;}
	.wrap_webzine .subjectText{font-size:20px;top:20px;}
	.wrap_webzine a.more,
	.wrap_webzine a.apply{padding:10px 0;}
}
@media only screen and (max-width:320px){
	.wrap_webzine h2{text-align:center;padding-bottom:10px;}
	.wrap_webzine .subjectText{position:relative;right:auto;top:auto;font-size:18px;text-align:center;padding-bottom:10px;}
}


/*HOVER*/
@media only screen and (min-width:1025px){
	.wrap_webzine a.more:hover,
	.wrap_webzine a.apply:hover{background:#52575c;}
}