@charset "utf-8";

.f-left{float:left}
.f-right{float:right}
.ofw{overflow:hidden}
.pos-rel{position:relative;}

.mb15{margin-bottom:15px;}
.mr15{margin-right:15px;}
.ml15{margin-left:15px;}
.mt15{margin-top:15px;}

.mb13{margin-bottom:13px;}

.blk300{width:300px;}
.blk645{width:645px;}
.blk667{width:667px;}
.blk990{width:990px;}

.thumb-list{float:left;}
.rect-m-cont{margin:0 15px 15px}
.rect-m-cont .thumb-list{overflow:hidden}
.rect-m-cont .thumb-list li{float:left;}

.txt-zone .arti-tit-list{position:relative; z-index:2}
.thumb-txt-bg{position:absolute; top:0; left:0; width:100%; height:100%; opacity: .8;filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80); -moz-opacity: 0.8; z-index:1}
.thumb-txt-bg.black{background:#000}

.thumb-opa-desc{border:1px solid #cccccc; box-sizing:border-box; position:relative;}
.thumb-opa-desc .txt-zone{position:absolute; bottom:0; left:0; width:100%; box-sizing:border-box; color:#fff}
.thumb-opa-desc .txt-zone a{color:#fff}
.thumb-opa-desc .txt-zone .arti-tit-list h2{font-family:"맑은고딕", malgun gothic, "나눔고딕", Nanum gothic, Dotum, arial; font-size:28px; font-weight:bold;  overflow: hidden; text-overflow: ellipsis; white-space:nowrap; height:33px; line-height:1.0em}
.thumb-opa-desc .txt-zone .arti-tit-list h3{font-family:"맑은고딕", malgun gothic, "나눔고딕", Nanum gothic, Dotum, arial; font-size:13px; font-weight:bold;  overflow: hidden; text-overflow: ellipsis; white-space:nowrap; }
.thumb-opa-desc .txt-zone .arti-tit-list h2.clip,
.thumb-opa-desc .txt-zone .arti-tit-list h3.clip{overflow: hidden; text-overflow: clip; white-space:nowrap;}

.rect-m.w330{width:330px;}
.rect-m.w300{width:300px;}