@charset "utf-8";
/*데스크탑시 타이틀 높이값은 height로 조정 */
.webzine-headline {background:#2E3340;padding:5px 10px;margin:0;height:210px;overflow:hidden;position:relative}
.webzine-headline h3 {margin:0}
.webzine-headline h3 a {font-size:18px;color:#c2c7d0;font-weight:700}
.webzine-headline i {display:inline-block;font-size:100px;color:#7d838f;position:absolute;top:90px;left:30px}
.webzine-slide a.hte-carousel-control {position:absolute;right:10px;top:5px;color:#ddd}
.webzine-slide a.hte-carousel-control:hover {color:#fff}
.webzine-slide a.hte-carousel-control.left {right:25px}
/*데스크탑시 타이틀 높이값과 같은 높이값을 주기 위해 height로 조정 */
.webzine-slide .carousel-inner {border:1px solid #ddd;height:210px;overflow-y:auto}
.webzine-slide .carousel-inner .item {padding:10px}
.webzine-slide .webzine-img {float:left;width:45%;padding-right:10px}
.webzine-slide h5 {text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;overflow:hidden;width:55%;float:right;margin:0}
.webzine-slide h5 a {font-size:15px;font-weight:bold}
.webzine-slide .webzine-date {width:55%;float:right;color:#9a9a9a;font-size:11px;margin-bottom:10px}
.webzine-slide p {display:inline;font-size:12px;color:#656565}
/*데스크탑에서 좌 우 간격 조정*/
.webzine-slide .col-md-3 {padding-right:5px}
.webzine-slide .col-md-9 {padding-left:0}
@media screen and (max-width:991px) {
    .webzine-headline {height:30px;margin-bottom:10px;padding:0}
    /*텍스트 위치조정은 text-indent로 조정*/
    .webzine-headline h3 {text-indent:10px}
    .webzine-headline h3 a {font-size:12px}
    /*아이콘 길이에 따른 위치조정은 left로 조정*/
    .webzine-headline i {display:none}
    .webzine-slide .col-md-3 {padding-right:15px}
    .webzine-slide .col-md-9 {padding-left:15px}
    .webzine-slide a.hte-carousel-control {top:2px;color:#fff}
    .webzine-slide a.hte-carousel-control.left {right:35px}
}