@charset "utf-8";

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

/*타이틀*/
.wrap_webzine .title{margin-bottom:30px;text-align: center;}
.wrap_webzine .title a{font-size: 45px;line-height: 1.5;letter-spacing: -0.05em;color: #121212;font-family: "Dream Bold";}
.wrap_webzine .inner > li.active .title a{}

/*목록*/
.wrap_webzine .list{}
.wrap_webzine .list ul{}
.wrap_webzine .list ul li{padding-top:25px;position:relative;margin: 0 20px;height: 452px;background: url(./../images/ebook_bg.png) no-repeat center 25px}

/*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{display:flex;flex-direction:column;align-items:center;}
.wrap_webzine a.subject::before{font-size:18px;color:#FFF;line-height:1;width: 125px;height:50px;content: "e-book";background: url(../images/ebook-tag.png) no-repeat center;position:absolute;left: 50%;top:0;transform:translate(-50%);display:flex;align-items:center;justify-content: left;padding-left: 20px;}
.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: none;transition:0.5s;}

/*썸네일*/
.wrap_webzine .thumb{width:100%;height:100%;display: none;}
.wrap_webzine .thumb img{object-fit:cover;object-position:center;width:inherit;height:inherit;transition:0.5s;}

/*컨텐츠*/
.wrap_webzine .con{
    /* display: none; */
    position: absolute;
    top: 170px;
    width: 145px;
}

/*제목*/
.wrap_webzine .subjectText{
    font-size: 22px;
    color:#212121;
    line-height: 1.3;
    text-align:center;
    max-height:56px;
    overflow:hidden;
    text-overflow:ellipsis;
    word-wrap:break-word;
    letter-spacing: -2px;
    font-weight: bold;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    }

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

/*날짜*/
.wrap_webzine .dateA{display: block;text-align: center;padding-top: 100px;color: #666;font-weight: bold;}
.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{display:block;padding:0 10px}
.wrap_webzine .inner > li.active .more{display:none;}

/*CONTROL*/
.wrap_webzine .control{position:absolute;top:50%;/* display:flex; *//* align-items:center; */width: 100%;margin-top:50px;height: 50px;left: 50%;transform: translate(-50%, -50%);}
.wrap_webzine .control .prev,
.wrap_webzine .control .next{position: absolute;top: 50%;margin-top: -35px;width: 70px;height: 70px;background-color: #fff;border-radius: 50%;box-shadow: 0px 10px 10px 0px rgba(0, 0, 0, 0.15);transition: 0.2s;z-index: 9;text-align: center;}
.wrap_webzine .control .prev{left: -15px;background:#fff url(../images/prev_2.png) no-repeat center center;}
.wrap_webzine .control .next{right: -15px;background:#fff url(../images/next_2.png) no-repeat center center;}
.wrap_webzine .control .play,
.wrap_webzine .control .stop,
.wrap_webzine .control .numbering,
.wrap_webzine .control .paging{display:none;}

.wrap_webzine .control .prev:hover{background:#1ead4c url(../images/prev_2_on.png) no-repeat center center;}
.wrap_webzine .control .next:hover{background:#1ead4c url(../images/next_2_on.png) no-repeat center center;}

@media only screen and (max-width:1600px){
  .wrap_webzine .control .next{}
  .wrap_webzine .con{top: 38%;}
}
@media only screen and (max-width:1460px){

  .wrap_webzine .subjectText{font-size:20px}
  .wrap_webzine .list ul li{
    margin: 0 4px;
}
  .wrap_webzine2 .list ul li
}
@media only screen and (max-width:850px){
  .wrap_webzine .dateA{padding-top: 95px;}

}
@media only screen and (max-width:767px){
  .wrap_webzine .title a{font-size:30px;}
  .wrap_webzine .control .prev, .wrap_webzine .control .next{width:60px;height:60px;}
}
@media only screen and (max-width:500px){
  .wrap_webzine .con{top: 38%;}
  .wrap_webzine .control{
    margin-top: 20px;
}  
}

@media only screen and (max-width:420px){
.wrap_webzine .list ul li{margin:0}
}
/*HOVER*/
@media only screen and (min-width:1024px){
}