/* pages public css */

/* BSKR category */
#bskr-cat { font-family: "Malgun Gothic", "Nanum Gothic", "Dotum"; font-size: 13px; text-align: center; margin: 15px 0 0; }
#bskr-cat .bold { font-size: 14px; font-weight: bold; color: #d9534f; }
#bskr-cat .cat { display:inline-block; padding:0 7px; margin-bottom:15px; }

/* BSKR gallery */
#bskr-gal {}
#bskr-gal .catbox {color:#999999; padding:0 0 5px 0; min-height:35px;}
#bskr-gal .catbox .info {min-height:30px; line-height:30px; vertical-align: middle;}
#bskr-gal .header {height:30px; vertical-align:middle; border: #d5d5d5 solid 1px; background:#eeeeee; font-size:11px; font-family:dotum; font-weight:normal; color:#787878;}
#bskr-gal #posts {width:100%;border-top: #dfdfdf solid 1px;padding-top:20px;/*border-bottom: #dfdfdf solid 1px;*/}
#bskr-gal #posts .post {padding-right: 5px;padding-left: 5px;}
#bskr-gal .line {border-bottom:#E6E6E6 solid 1px;}
#bskr-gal .thumbnail {
    padding:0;
    border: 0;
}
/**#bskr-gal .thumbnail {padding:5px;}**/
#bskr-gal .thumbnail .caption {padding:10px 0 0 0;}
#bskr-gal .thumbnail .desc {
padding: 0;
word-break: break-all;
word-break: break-word;
overflow: hidden;
}
#bskr-gal .thumbnail .label {
font-size: 10px;
font-family: Malgun Gothic;
position: absolute;
top:5px;
left:10px;
}
#bskr-gal .thumbnail .label-notice-right {top:5px; left:35px;}
#bskr-gal .thumbnail .overlay {
position:absolute;
padding:0;
top:0;
left:5px;
right:5px;
/**
padding:5px;
top:5px;
left:10px;
right:10px;
***/
text-align:center;
color:#fff !important;
padding:4px;
z-index:2;    
display: none;
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#33000000, endColorstr=#33000000)";
background: rgba(0,0,0,0.4);
}
#bskr-gal .thumbnail .overlay .btn-action {
position: relative;
top: 50%;
left: 10px;
color: #fff;
border-radius: 0;
}
#bskr-gal .thumbnail .overlay .btn-zoom {
padding: 7px 16px;
}
#blueimp-gallery .view {
position: absolute;
left: 5px;
top: 5px;
color: #fff;
border-radius: 0;
}
#blueimp-gallery .title {
font-family: "Malgun Gothic", "Nanum Gothic", "Dotum"; 
position: absolute;
left: 55px;
top: 5px;
}
#bskr-gal .num {width:50px; text-align:center; color: #888;}
#bskr-gal .now {color:#ff0000;}
#bskr-gal .sbj {font-family:"Malgun Gothic", "Nanum Gothic", "Dotum"; font-weight:bold; margin:20px 0 50px; width:100%; text-align: center;}
#bskr-gal .sbj a:hover {text-decoration:underline;}
#bskr-gal .sbj .cat {font-family: "Malgun Gothic", "Nanum Gothic", "Dotum"; color: #888; letter-spacing: -1px; font-size:85%;}
#bskr-gal .sbj .comment {font:normal 11px arial;color:#FC6138;}
#bskr-gal .sbj .imgpos {margin-bottom:-1px;}
#bskr-gal .sbj .trackback {font:normal 11px arial;color:#02ACD6;}
#bskr-gal .sbj .new {font:normal 11px arial;color: #ff0000;}
#bskr-gal .sbj .notice {position:relative; top:3px;}
#bskr-gal .none {width:100%; line-height:30px; vertical-align:middle; text-align:center;}
#bskr-gal .name {min-width:80px; width:30%; text-align:center; color: #888;}
#bskr-gal .hit {width:20%;min-width:70px;text-align:center; color: #888;}
#bskr-gal .date {width:45%;max-width:120px;text-align:center; color: #888;}
#bskr-gal .buttons {margin: 10px 0 20px 0; text-align: center;}
#bskr-gal .buttons .left-side {float:left; text-align:left;}
#bskr-gal .buttons .right-side {float:right; text-align:right;}
#bskr-gal .buttons .pagebox01 {margin: -25px 0 0 0; padding: 0 165px;}
#bskr-gal .searchform {padding:20px 0 0 0; text-align:center; vertical-align:middle; line-height:32px;}
#bskr-gal .searchform select {display:inline-block;max-width:100px;}
#bskr-gal .searchform .input-search {display:inline-block;max-width:210px;}