@charset "utf-8";

/* 게시글타이틀 */
#bo_v h2#bo_v_title {display:block;position:relative;padding:18px 20px;border-top:solid 1px #444;border-bottom:solid 1px #ddd;}
#bo_v h2#bo_v_title .bo_v_tit {display:block;margin:0;color:#222;font-size:18px;font-weight:500;line-height:24px;}

#bo_v_info {display:block;position:relative;margin:0 0 40px 0;padding:0 20px;border-bottom:solid 1px #ddd;}
#bo_v_info:after {display:block;visibility:hidden;clear:both;content:""}
#bo_v_info h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#bo_v_info strong {font-weight:500;}
#bo_v_info .date {display:inline-block;margin:0 0 0 12px;padding:16px 0 16px 12px;color:#666;background:url(../../../theme/basic/img/var.gif) no-repeat 0 50%;}

#bo_v_info .profile_info_ct {display:block;float:right;padding:16px 0;}

#bo_v_atc {margin:0 0 24px 0;border-bottom:solid 1px #ddd;}

#bo_v_con {margin:0 20px 80px 20px;}

#bo_v_top {margin:0 0 72px 0;}

.all_chk {margin:0 0 8px 0;padding:0 20px;}

#notice_type {margin:0 0 10px 0}
#notice_type .notice {width:100%;margin:0 0 10px 0;}
#notice_type .notice a {display:block;position:relative;padding:12px 9px;background:#f6f6f6;border:solid 1px #ddd;}
#notice_type .notice a i {color:#444;font-size:18px;}
#notice_type .notice a:after {display:block;visibility:hidden;clear:both;content:""} 
#notice_type .notice a .date {float:right;color:#999;font-family:'Roboto';font-size:12px;font-weight:400;}
#notice_type .notice a .date i {color:#999;font-size:14px;}

#photo_type {margin:0}
#photo_type:after {display:block;visibility:hidden;clear:both;content:""} 
#photo_type ul {}
#photo_type ul:after {display:block;visibility:hidden;clear:both;content:""} 
#photo_type ul li {display:block;position:relative;float:left;width:24%;margin:0 1.33% 20px 0;
-webkit-transition: all 0.6s ease-out;
-moz-transition: all 0.6s ease-out;
-o-transition: all 0.6s ease-out;
transition: all 0.6s ease-out;
}
#photo_type ul li:nth-child(4n) {margin:0 0 20px 0;}

#photo_type ul li .chk_box {position:absolute;left:10px;top:10px;z-index:2;}

#photo_type ul li .item {display:block;position:relative;padding:4px 4px 16px 4px;border:solid 1px #ddd;/*border-radius:3px;*/}
#photo_type ul li .item .img {margin:0 0 16px 0;}
#photo_type ul li .item .img img {width:100%;height:auto;/*border-radius:3px;*/}
#photo_type ul li .item .category {display:inline-block;margin:0 10px;color:#666;font-size:11px;line-height:20px;padding:0 6px;background:#f6f6f6;border:solid 1px #ddd;/*border-radius:3px;*/}
#photo_type ul li .item .subject {display:block;margin:3px 10px 12px 10px;overflow:hidden;font-weight:400;white-space:nowrap;
text-overflow:ellipsis; 
-o-text-overflow:ellipsis;
-moz-binding: url('ellipsis.xml#ellipsis');
}
#photo_type ul li .item .subject i {color:#666;font-size:16px;}
#photo_type ul li .item .subject i.xi-new {color:#ff7700;}
#photo_type ul li .item dl.info {margin:0 10px;}
#photo_type ul li .item dl.info:after {display:block;visibility:hidden;clear:both;content:""} 
#photo_type ul li .item dl.info dd {display:block;float:left;margin:0 8px 0 0;color:#999;}
#photo_type ul li .item dl.info dd.comment {float:right;color:#ff7700;}
#photo_type ul li .item dl.info dd.date {float:left;width:100%;margin:12px 0 0 0;padding:12px 0 0 0;border-top:solid 1px #eee;}
#photo_type ul li .item dl.info dd img {width:20px;height:auto;border-radius:50%;}
#photo_type ul li .item dl.info dd i {font-size:16px;}
#photo_type ul li a.overlay {display:block;position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,0.8);/*border-radius:3px;*/
filter:alpha(opacity=0);
-moz-opacity:0;
-khtml-opacity:0;
opacity: 0;

-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
#photo_type ul li a.overlay:hover {
filter:alpha(opacity=100);
-moz-opacity:1;
-khtml-opacity:1;
opacity: 1;
}
#photo_type ul li a.overlay span {display:block;position:absolute;left:50%;top:50%;width:80px;height:80px;color:#fff;font-size:14px;text-align:center;line-height:70px;border:solid 5px #fff;z-index:1;
-webkit-transform:translate(-50%,-50%);
-moz-transform:translate(-50%,-50%);
-ms-transform:translate(-50%,-50%);
-o-transform:translate(-50%,-50%);
transform:translate(-50%,-50%);
}

#photo_type ul li .tag {display:block;min-height:50px;margin:8px 10px 0 10px;padding:8px 0 0 0;border-top:solid 1px #ddd;overflow:hidden;word-wrap:break-word; 
text-overflow:ellipsis;
display:-webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical; 
}
#photo_type ul li .tag:after {display:block;visibility:hidden;clear:both;content:""}
#photo_type ul li .tag a {display:inline-block;margin:0 4px 0 0;font-size:12px;color:#1398d9;}
#photo_type ul li .tag a:hover {color:#ff7700;}



@media screen and (max-width:1024px) {
#notice_type {margin:0 20px 10px 20px;}

#photo_type {margin:0 20px;}
#photo_type ul li {width:32%;margin:0 2% 20px 0;}
#photo_type ul li:nth-child(4n) {margin:0 2% 20px 0;}
#photo_type ul li:nth-child(3n) {margin:0 0 20px 0;}
}




@media screen and (max-width:768px) {
#photo_type ul li {width:49%;margin:0 2% 20px 0;}
#photo_type ul li:nth-child(4n) {margin:0 2% 20px 0;}
#photo_type ul li:nth-child(3n) {margin:0 2% 20px 0;}
#photo_type ul li:nth-child(2n) {margin:0 0 20px 0;}

#photo_type ul li .item dl.info dd {font-size:12px;}
}




@media screen and (max-width:480px) {
}