@charset "utf-8";

.wrap_webzine{height:100%;}

/*게시판*/
.wrap_webzine > ul{display:flex;}
.wrap_webzine > ul > li{}

/*타이틀*/
.wrap_webzine > ul > li:first-child .title{margin-left: 0;}
.wrap_webzine .title{margin-left:30px;display:flex;align-items:center;margin-bottom:30px}
.wrap_webzine .title a{font-size: 40px; color: #777; font-family: 'S-CoreDream-6Bold'; border-bottom: 2px solid transparent; transition:0.3s;line-height: 1.1;}
.wrap_webzine > ul > li.active .title a{color:#333333;}


/*목록*/
.wrap_webzine .list{width:100%;left:0;position:absolute;}
.wrap_webzine .list ul{
    border-top: 2px solid #333;
}
.wrap_webzine .list ul li{
    margin-top: 10px;
    border-bottom: 1px solid #ddd;
}

/*noData*/
.wrap_webzine .list .nodata{font-size:18px;color:#000;text-align:center;padding:50px 0;width:100% !important;min-height:350px;}

/*링크*/
.wrap_webzine a.subject{padding: 10px 0;display:block;position:relative;}

/*썸네일*/
.wrap_webzine .thumb{display:none;}

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

/*제목*/
.wrap_webzine .subjectText{font-size: 22px;color:#333;font-family:'S-CoreDream-5Medium';line-height:1.5;width:calc(100% - 80px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding: 0 20px;}

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

/*날짜*/
.wrap_webzine .dateA{font-size:15px;color:#666;font-family:'S-CoreDream-4Regular';line-height:1.5;position:absolute;right:0;top:50%;transform: translateY(-50%);}
.wrap_webzine .dateB{display:none;}

/*더보기*/
.wrap_webzine .more{width:40px;height:40px;background:url(../images/ic-more.png) no-repeat center;background-size:24px;position:absolute;right:0;top:10px;text-indent:-9999px;display:block;border: 1px solid #333333; box-sizing: border-box;}
.wrap_webzine .more span{display:none;}

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

/*CONTROL*/
.wrap_webzine .control{display:none;}

@media only screen and (max-width:1280px){
}
@media only screen and (max-width:768px){
	.wrap_webzine .title a {font-size: 34px;}
	.wrap_webzine .subjectText {font-size: 18px;}
	.wrap_webzine .more {width: 30px; height: 30px;}
	.wrap_webzine .list {}
}
/*HOVER*/
@media only screen and (min-width:1024px){
	.wrap_webzine a.subject:hover .subjectText span{background-image:linear-gradient(to bottom, transparent 40%, rgb(255, 194, 12, 0.35) 0%);}
}