@charset "utf-8";

/*수정하지 마세요*/
#as-list { display:block; overflow:hidden; }
.bl-wrap { display:block; overflow:hidden; }
.bl-wrap ul { list-style:none; padding:0px; margin:0px; overflow:hidden; } 
.bl-wrap .bl-box { float:left; display:block; padding:0px; margin:0px; overflow:hidden; }
.bl-wrap .bl-list { } 
.bl-wrap .bl-chk { position:absolute; z-index:20; left:0; top:0; width:20px; height:20px; padding:4px; }
.bl-wrap .bl-img-box { position:relative; display:block; overflow:hidden; }
.bl-wrap .bl-img { position:relative; display:block; overflow:hidden; }
.bl-wrap .bl-img img { display:block; width:100%; height:auto; border:0px; }
.bl-wrap .bl-full img { height:100% !important; }
.bl-wrap .bl-box.bl-infinite-page { position:relative; clear:both; display:block; width:100% !important; min-width:100% !important; max-width:100% !important; }
.bl-wrap .no-img { background:#f5f5f5 url('./img/no-img.png') no-repeat center center; }

/*여기부터 수정해도 됩니다.*/

/* Notice */
.bl-notice { overflow:hidden }
.bl-notice ul { list-style:none; padding:0px; margin:0px; } 
.bl-notice li { border-bottom:1px solid #ddd; padding:5px 15px; margin:0px; } 
.bl-notice li:hover { background:#fafafa; } 
.bl-notice a { display:block; text-decoration:none; line-height:22px; } 
.bl-notice i { margin-right:5px; font-weight:normal; }
.bl-notice img { border:0px; vertical-align:-2px; margin-right:5px; }
.bl-notice .bl-notice-icon { color:crimson; }
.bl-notice .bl-notice-subj { display:block; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden; }
.bl-notice .bl-notice-subj-cmt { font-size:11px; color:orangered; }
.bl-notice .bl-notice-cmt { float:right; display:inline-block; padding-left:8px; font-size:11px; color:orangered; }
.bl-notice .bl-notice-edit { float:right; display:inline-block; padding-left:12px; }

/* List */
.bl-wrap { margin:10px -10px; }
.bl-wrap a { display:block; text-decoration:none; line-height:22px; } 
.bl-wrap i { margin-right:5px; font-weight:normal; }
.bl-wrap .bl-list { padding: 10px; }
.bl-wrap .bl-img-box { background:#fff; display:block; }
.bl-wrap .bl-img-item img { }
.bl-wrap .bl-img-item .bl-img-hover { display:none; background:rgba(0, 0, 0, 0.7) url('./img/view-img.png') no-repeat center center; left: 0px; top: 0px; width: 100%; height: 100%; text-align: center; position: absolute; }
.bl-wrap .bl-img-item:hover .bl-img-hover { display:block; }
.bl-wrap .bl-img-now { background:rgba(0, 0, 0, 0.7) url('./img/now-img.png') no-repeat center center; left: 0px; top: 0px; width: 100%; height: 100%; text-align: center; position: absolute; }
.bl-wrap .bl-img .bl-edit { display:none; right: 0px; top: 0px; width: 40px; height: 40px; padding:4px; text-align: right; position: absolute; z-index:20;}
.bl-wrap .bl-img .bl-edit a { color:#888; text-decoration:none; }
.bl-wrap .bl-img .bl-edit a:hover { color:#fff; text-decoration:none; }
.bl-wrap .bl-img:hover .bl-edit { display:block; }
.bl-wrap .bl-subj-box { display:block; overflow:hidden; margin-top:6px; }
.bl-wrap .bl-subj-box img { border:0px; vertical-align:-2px; margin-right:5px; }
.bl-wrap .bl-subj { display:block; font-size:12px; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden; }
.bl-wrap .bl-subj-cmt { font-weight:normal; font-size:11px; color:orangered; line-height:12px; }
.bl-wrap .bl-cmt { display:inline-block; float:right; font-weight:normal; font-size:11px; color:orangered; padding-left:4px; }
.bl-wrap .bl-cont { word-break:break-all; line-height:1.5; color:#888; margin-top:6px;font-size:11px; }
.bl-wrap .bl-cont-photo { float:left; display:inline-block; width:34px; height:34px; margin-right:8px; }
.bl-wrap .bl-cont-photo img { float:left; display:block; width:100%; height:100%; border:0px; }

/* Details Middle */
.bl-wrap .bl-details { display:block; font-weight:normal; white-space:nowrap; color:#888; overflow:hidden; margin-top:6px; font-size:11px; }
.bl-wrap .bl-details b { font-weight:normal; display:inline-block; }
.bl-wrap .bl-data-first { margin:0px; }
.bl-wrap .bl-data { }
.bl-wrap .bl-data-cate { letter-spacing:-1px; }
.bl-wrap .bl-data-name { letter-spacing:-1px; }
.bl-wrap .bl-data-cmt { }
.bl-wrap .bl-data-date { }
.bl-wrap .bl-data-hit { }
.bl-wrap .bl-data-good { }
.bl-wrap .bl-data-nogood { }
.bl-wrap .bl-data-star { }
.bl-wrap .bl-data-view { }
.bl-wrap .bl-data-down { }

/* Details Bottom */
.bl-wrap .bl-btn { display:block; font-weight:normal; white-space:nowrap; overflow:hidden; margin-top:6px; font-size:12px; border-top:1px dotted #ddd; padding:6px 10px; }
.bl-wrap .bl-btn a { line-height:18px; } 
.bl-wrap .bl-btn b { font-weight:normal; display:inline-block; }
.bl-wrap .bl-btn-data-first { margin:0px; }
.bl-wrap .bl-btn-data { }
.bl-wrap .bl-btn-data-cate { letter-spacing:-1px; }
.bl-wrap .bl-btn-data-name { letter-spacing:-1px; }
.bl-wrap .bl-btn-data-cmt { }
.bl-wrap .bl-btn-data-date { }
.bl-wrap .bl-btn-data-hit { }
.bl-wrap .bl-btn-data-good { }
.bl-wrap .bl-btn-data-nogood { }
.bl-wrap .bl-btn-data-star { }
.bl-wrap .bl-btn-data-view { }
.bl-wrap .bl-btn-data-down { }

/* Icon */
.bl-wrap .bl-img-icon { position:absolute; z-index:1; font-weight:normal; left:0; top:0; width:40px; height:40px; display:inline-block; padding:0px; margin:0px; }
.bl-wrap .bl-img-icon img { width:100%; height:auto !important; }
.bl-wrap .bl-img-new {  }
.bl-wrap .bl-img-hot {  }
.bl-wrap .bl-img-video {  }

.bl-wrap .bl-new::after { padding: 10px 65px; border: 1px solid rgba(0, 0, 0, 0.2); top: 20px; right: -40px; color: rgb(255, 255, 255); font:bold 11px verdana; position: absolute; content: "New"; box-shadow: inset 0px 0px 2px rgba(255,255,255,0.5), 0px 1px 2px rgba(0,0,0,0.3); transform: rotate(45deg); background-color: rgb(76, 180, 32); -webkit-box-shadow: inset 0 0 2px rgba( 255, 255, 255, 0.5), 0 1px 2px rgba( 0, 0, 0, 0.3 ); -moz-box-shadow: inset 0 0 2px rgba( 255, 255, 255, 0.5), 0 1px 2px rgba( 0, 0, 0, 0.3 ); -webkit-transform: rotate( 45deg ); -moz-transform: rotate( 45deg ); -o-transform: rotate( 45deg ); }
.bl-wrap .bl-hot::after { padding: 10px 65px; border: 1px solid rgb(190, 50, 45); top: 20px; right: -40px; color: rgb(255, 255, 255); font:bold 11px verdana; position: absolute; content: "Hot"; box-shadow: inset 0px 0px 2px rgba(255,255,255,1), 0px 1px 2px rgba(0,0,0,0.2); transform: rotate(45deg); background-color: rgb(215, 75, 70); -webkit-box-shadow: inset 0 0 2px rgba( 255, 255, 255, 1), 0 1px 2px rgba( 0, 0, 0, 0.2 ); -moz-box-shadow: inset 0 0 2px rgba( 255, 255, 255, 1), 0 1px 2px rgba( 0, 0, 0, 0.2 ); -webkit-transform: rotate( 45deg ); -moz-transform: rotate( 45deg ); -o-transform: rotate( 45deg ); }
.bl-wrap .bl-video::after { padding: 10px 60px; border: 1px solid rgb(17, 17, 17); top: 20px; right: -40px; color: rgb(255, 255, 255); font:bold 11px verdana; position: absolute; content: "Video"; box-shadow: inset 0px 0px 2px rgba(255,255,255,0.5), 0px 1px 2px rgba(0,0,0,0.3); transform: rotate(45deg); background-color: rgb(34, 34, 34); -webkit-box-shadow: inset 0 0 2px rgba( 255, 255, 255, 0.5), 0 1px 2px rgba( 0, 0, 0, 0.3 ); -moz-box-shadow: inset 0 0 2px rgba( 255, 255, 255, 0.5), 0 1px 2px rgba( 0, 0, 0, 0.3 ); -webkit-transform: rotate( 45deg ); -moz-transform: rotate( 45deg ); -o-transform: rotate( 45deg ); }

/* etc */
.bl-none { display:block; padding:150px 0px; text-align:center; color:#888; }