/*public*/
.mdDefalutDiv{position:relative; }
.mdW100{width:100%;}
.mdUl{padding:0; margin:0;}
.mdUl li{padding:0; margin:0; list-style:none;}
.mdFloatnone{float:none; vertical-align:middle; margin-bottom:3px;}
/*리스트*/
.mdWzWindow{ font-size: 0;}
.mdWzBox{width:25%; padding: 10px; box-sizing: border-box; display: inline-block; vertical-align: top;}
.mdWzPhoto{position:relative; border:1px solid #d2d2d2;overflow:hidden;}
.mdWzPhoto img { vertical-align: top;}
.mdWzPhoto:hover{border:1px solid #666666;}

.mdSbjBox{ height:30px; line-height: 30px; z-index:1; color:#ffffff; font-size:16px; text-align:center;}
.mdWzHover{position:absolute; top:0; right:0; left:0; bottom:0; background:url(../images/public/hoverBG.png) repeat; display:none;}
.mdViewIcon{position:absolute; top:50%; margin-top:-43px; left:50%; margin-left:-42px;}

.mdSbj{overflow:hidden; white-space:nowrap; text-overflow:ellipsis; padding:0 5px; margin:0;}
.mdSbj a{color:#ffffff; text-decoration:none;}
.mdDate{padding:0; margin:0; padding:0 5px;}

.mdPagingWrap{ height:35px; margin-top:20px; margin-bottom:20px; text-align:center; font-size:13px;}
.mdPaging{position:relative; display:inline-block; margin:0; padding:0; border:1px solid #d2d2d2; width:30px; height:30px; line-height:30px; vertical-align:middle; text-decoration:none; background: #fff;}
.mdPagingOn{position:absolute; width:30px; height:3px; background:#666666; display:inline-block; bottom:0px; left:0px;}
.mdArrowBtn{position:absolute; top:50%; margin-top:-4px; left:50%; margin-left:-3px;}
.mdArrowBtn02{position:absolute; top:50%; margin-top:-4px; left:50%; margin-left:-4px;}

@media all and (max-width:1100px){
/*.mdWzBox{height:290px;}*/
}


@media all and (max-width:900px){
/*.mdWzBox{height:240px;}*/
}

@media all and (max-width:700px){
.mdWzBox{width:33.3%;}


}

@media all and (max-width:600px){
.mdWzBox{width:50%;}
}