@charset "utf-8";

/*
@import url(themify-icons.css);
 게시판 목록 */

/* 체크박스 
.selec_chk {position:absolute;top:0;left:0;width:0;height:0;opacity:0;outline:0;z-index:-1;overflow:hidden}
.chk_box {position:relative}
.chk_box input[type="checkbox"] + label {position:relative;padding-left:20px;color:#676e70;vertical-align:baseline}
.chk_box input[type="checkbox"] + label:hover{color:#2172f8}
.chk_box input[type="checkbox"] + label span {position:absolute;top:10px;left:10px;width:15px;height:15px;display:block;background:#fff;border:1px solid #d0d4df;border-radius:3px}
.write_div .chk_box input[type="checkbox"] + label, .bo_vc_w .chk_box input[type="checkbox"] + label {padding-left:20px}
.write_div .chk_box input[type="checkbox"] + label span, .bo_vc_w .chk_box input[type="checkbox"] + label span {position:absolute;top:2px;left:0;width:15px;height:15px;display:block;margin:0;background:#fff;border:1px solid #d0d4df;border-radius:3px}
.chk_box input[type="checkbox"]:checked + label {color:#000}
.chk_box input[type="checkbox"]:checked + label span {background:url(./img/chk.png) no-repeat 50% 50% #3a8afd;border-color:#1471f6;border-radius:3px}
.all_chk.chk_box input[type="checkbox"] + label span {top:0;left:0}

*/

.sv_wrap, .profile_img {  vertical-align: middle;  }

.is_link .box_row .col_grid_0,.is_link .box_row .col_grid_1,.is_link .box_row .col_grid_2,.is_link .box_row .col_grid_3,.is_link .box_row .col_grid_4,.is_link .box_row .col_grid_5,.is_link .box_row .col_grid_6,.is_link .box_row .col_grid_7,.is_link .box_row .col_grid_8,.is_link .box_row .col_grid_9,.is_link .box_row .col_grid_10 {
    position:relative; min-height:1px; padding-left:10px; padding-right:10px; float:left;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box; margin-bottom: 20px;  
}
.is_link .box_row .col_grid_0,.is_link .box_row .col_grid_1 {width:100%}
.is_link .box_row .col_grid_2 {width:50%}
.is_link .box_row .col_grid_3 {width:33.33333333%}
.is_link .box_row .col_grid_4 {width:25%}
.is_link .box_row .col_grid_5 {width:20%}
.is_link .box_row .col_grid_6 {width:16.66666667%}
.is_link .box_row .col_grid_7 {width:14.28571428%}
.is_link .box_row .col_grid_8 {width:12.5%}
.is_link .box_row .col_grid_9 {width:11.11111111%}
.is_link .box_row .col_grid_10 {width:10%}


.is_link .box_row .col_grid_0, 
.is_link .box_row .col_grid_1, 
.is_link .box_row .col_grid_2, 
.is_link .box_row .col_grid_3, 
.is_link .box_row .col_grid_4, 
.is_link .box_row .col_grid_5, 
.is_link .box_row .col_grid_6, 
.is_link .box_row .col_grid_7, 
.is_link .box_row .col_grid_8, 
.is_link .box_row .col_grid_9, 
.is_link .box_row .col_grid_10 {  padding-left: 10px; padding-right: 10px;  }


.is_link.lat[data-iswide="1"] .box_row .col_grid_0, 
.is_link.lat[data-iswide="1"] .box_row .col_grid_1,
.is_link.lat[data-iswide="1"] .box_row .col_grid_2,
.is_link.lat[data-iswide="1"] .box_row .col_grid_3,
.is_link.lat[data-iswide="1"] .box_row .col_grid_4,
.is_link.lat[data-iswide="1"] .box_row .col_grid_5,
.is_link.lat[data-iswide="1"] .box_row .col_grid_6,
.is_link.lat[data-iswide="1"] .box_row .col_grid_7,
.is_link.lat[data-iswide="1"] .box_row .col_grid_8,
.is_link.lat[data-iswide="1"] .box_row .col_grid_9,
.is_link.lat[data-iswide="1"] .box_row .col_grid_10{  padding-left: 0px;  padding-right: 0px;} 

.is_link .box_row .box_clear {clear:both}
.box_row .box_clear {clear:both}
.box_row::after {
    content: "";
    display: block;
    clear: both;
}

/* 갤러리 목록 */
.is_link h2 {margin:0;padding:0;width:1px;height:1px;font-size:0;line-height:0;overflow:hidden}
.is_link #box_wrap { margin:0;padding:0;list-style:none;zoom:1}
.is_link #box_wrap:after {display:block;visibility:hidden;clear:both;content:""}
.is_link .col {}
.is_link .col .box_chk {position:absolute;top:0;left:0;padding:5px;z-index:1}
.is_link .box_item {position:relative; border-radius:0 0 2px 2px; margin:0 0 0px 0;}
.is_link .box_info {position:relative; background: #fff;}



/* Tablet Styles */
@media (max-width: 1200px) {

}
@media (max-width: 900px) {
  .is_link .box_row .col_grid_4 {width:33.33333333%}
}

@media screen and (max-width:768px) {	
  .is_link .box_row .col_grid_3, .is_link .box_row .col_grid_4 {width:49.99999%}
  .is_link .box_row .col_grid_0, .is_link .box_row .col_grid_1, .is_link .box_row .col_grid_2, .is_link .box_row .col_grid_3, .is_link .box_row .col_grid_4, .is_link .box_row .col_grid_5, .is_link .box_row .col_grid_6, .is_link .box_row .col_grid_7, .is_link .box_row .col_grid_8, .is_link .box_row .col_grid_9, .is_link .box_row .col_grid_10 {
    padding-left: 5px;
    padding-right: 5px;
  }
  .is_link .box_item { margin: 0 0 10px 0;}
}

@media screen and (max-width:520px) {	
  .is_link .box_row .col_grid_3, .is_link .box_row .col_grid_4 {width:100%}
  .is_link .box_row .col_grid_0, .is_link .box_row .col_grid_1, .is_link .box_row .col_grid_2, .is_link .box_row .col_grid_3, .is_link .box_row .col_grid_4, .is_link .box_row .col_grid_5, .is_link .box_row .col_grid_6, .is_link .box_row .col_grid_7, .is_link .box_row .col_grid_8, .is_link .box_row .col_grid_9, .is_link .box_row .col_grid_10 {
    padding-left: 0px;
    padding-right: 0px;
  }
  .is_link .gall_info { padding-bottom: 20px;}
}





.is_link .col_grid_now .gall_text_href a { color:#ff3061; }
.is_link .gall_href a:link, .is_link .gall_href a:focus, .is_link .gall_href a:hover {text-decoration:none}
.is_link .box_img {border-bottom:1px solid #eee;text-align:center;overflow:hidden}
.is_link .box_img a,.is_link .box_img .no_image {display:block}
.is_link .box_img .is_notice { position: absolute; background: none; top: 0% !important; left: 50% !important; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -7%); }
.is_link .box_img img, .is_link .box_img video {max-width:100%;height:auto !important}
.is_link .box_img span {display:inline-block;background:#eaeaea;text-align:center;text-transform:uppercase;font-weight:bold;font-size:1.25em;color:#777}

.is_link .gall_text_href {margin:10px 0 5px;}
.is_link .gall_text_href a {font-weight:bold}
.is_link .gall_text_href img {margin:0 0 0 4px}
.is_link .bo_tit {display:block;line-height:1.2;font-weight:bold;color:#000;font-size:1.2em; overflow:hidden; letter-spacing:-1px; padding-right:1px;cursor: pointer;}
.is_link .bo_tit .cnt_cmt {background:#e9eff5;color:#3a8afd;font-size:11px;height:16px;line-height:16px;padding:0 5px;border-radius:3px;vertical-align:middle}

.gall_text_href .bo_cnt { overflow: hidden; letter-spacing: -1px;}
.is_link .profile_img img {border-radius:50%}
.is_link .bo_tit .fa-download {width:16px;height:16px;line-height:16px;background:#e89f31;color:#fff;text-align:center;font-size:10px;border-radius:2px;margin-right:2px;vertical-align:middle}
.is_link .bo_tit .fa-link {width:16px;height:16px;line-height:16px;background:#ad68d8;color:#fff;text-align:center;font-size:10px;border-radius:2px;margin-right:2px;vertical-align:middle;font-weight:normal}
.is_link .bo_tit .fa-link {width:16px;height:16px;line-height:16px;background:#ad68d8;color:#fff;text-align:center;font-size:10px;border-radius:2px;margin-right:2px;vertical-align:middle;margin-right:2px}
.is_link .bo_tit .new_icon {display:inline-block;width:16px;line-height:16px;font-size:0.825em;color:#23db79;background:#b9ffda;text-align:center;border-radius:2px;margin-left:2px;font-weight:bold;vertical-align:baseline}
.is_link .bo_tit .hot_icon {display:inline-block;width:16px;line-height:16px;font-size:0.833em;color:#fff;background:#e52955;text-align:center;border-radius:2px;vertical-align:middle;margin-right:2px}
.is_link .bo_tit .fa-lock {display:inline-block;line-height:16px;color:#999;text-align:center;vertical-align:middle}

.is_link .gall_info {line-height:1.5em;line-height:20px; text-align: center;}
.is_link .gall_info strong {display:inline-block;margin:0}
.is_link .gall_info i {font-size:12px}
.is_link .gall_info .gall_date,
.is_link .gall_info .gall_view {display:inline-block;margin-left:10px;color:#777}

.is_link .gall_option {position:absolute;top:15px;right:10px}
.is_link .gall_option strong {background:#fff;padding:5px 10px;border-radius:30px;-webkit-box-shadow:2px 2px 3px 0px rgba(0,0,0,0.2);
-moz-box-shadow:2px 2px 3px 0px rgba(0,0,0,0.2); box-shadow:2px 2px 3px 0px rgba(0,0,0,0.2); font-size: 12px;}



/* 추가 */
.is_link .caption_content { padding:10px; margin:-2px 0px; overflow:hidden; }

.is_link .img-hover-scale{overflow:hidden;position:relative;}
.is_link .img-hover-scale img{width:100%;-webkit-transition:-webkit-transform .5s;transition:-webkit-transform .5s;-o-transition:transform .5s;transition:transform .5s;transition:transform .5s,-webkit-transform .5s;}
.is_link .img-hover-scale:hover img{-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);-webkit-transition:-webkit-transform .5s;transition:-webkit-transform .5s;-o-transition:transform .5s;transition:transform .5s;transition:transform .5s,-webkit-transform .5s;}

.is_link .img-hover-scale .yutube_img { top: 50%; left: 50%; transform: translate(-50%, -50%); position: absolute;}
.is_link .img-hover-scale:hover .yutube_img {
    -webkit-transform: scale(1.5) translate(-30%, -30%);
    -ms-transform: scale(1.5) translate(-30%, -30%);
    transform: scale(1.5) translate(-30%, -30%);
    -webkit-transition: -webkit-transform .5s;
    transition: -webkit-transform .5s;
    -o-transition: transform .5s;
    transition: transform .5s;
} 

.is_link .top-right-icon{position:absolute;top:15px;right:15px;border-radius:50px;width:30px;height:30px;text-align:center;line-height:30px;z-index:3;color:#fff;-o-transition:all 0.4s ease;transition:all 0.4s ease;-webkit-transition:all 0.4s ease;-moz-transition:all 0.4s ease;transition-duration:0.4s;-ms-transition:all 0.4s ease;}
.is_link .top-right-icon i{top:2px;color: #fff !important;}
.is_link .img-hover-scale:hover .top-right-icon{margin-top:-3px;-webkit-box-shadow:0 5px 11px 0 rgba(0,0,0,0.18),0 4px 15px 0 rgba(0,0,0,0.15);-moz-box-shadow:0 5px 11px 0 rgba(0,0,0,0.18),0 4px 15px 0 rgba(0,0,0,0.15);box-shadow:0px 5px 11px 0px rgba(0,0,0,0.18),0px 4px 15px 0px rgba(0,0,0,0.15);-o-transition:all 0.4s ease;transition:all 0.4s ease;-webkit-transition:all 0.4s ease;-moz-transition:all 0.4s ease;transition-duration:0.4s;-ms-transition:all 0.4s ease;}


.is_link .img_caption {
	position: absolute;
	width: 100%;
	bottom: 0;
	padding: 15px;
	color: #ccc !important;
}
.is_link .box_row.is_hover .img_caption { 
	transition:transform 0.4s, opacity 0.1s 0.3s; opacity: 0; transform: translateY(100%); -o-transition: -o-transform .4s, opacity .1s .3s; -moz-transition: -moz-transform .4s, opacity .1s .3s; -webkit-transition: -webkit-transform .4s, opacity .1s .3s; -webkit-transform: translateY(100%); -moz-transform: translateY(100%); -o-transform: translateY(100%); 
}
.is_link .box_row.is_hover .box_item:hover .img_caption { 
	transition:transform 0.4s, opacity 0.1s; opacity: 1; transform: translateY(0px); -o-transition: -o-transform .4s, opacity .1s; -moz-transition: -moz-transform .4s, opacity .1s; -webkit-transition: -webkit-transform .4s, opacity .1s; -webkit-transform: translateY(0); -moz-transform: translateY(0); -o-transform: translateY(0); 
    background: rgb(51 51 51 / 70%); 
    height: 105%; cursor: pointer;font-size:18px;
}
.is_link .box_row .img_caption .bo_tit{
	color: #fff;
	position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);word-break: keep-all;	 
}

.is_link .img_wrap {display:block; position:relative; height:0; overflow:hidden;} 
.is_link .img_wrap .img_item { 
    display:block; position:absolute; top:0; left:0; width:100%; height:100%;overflow:hidden;text-align: center;
    /*display: flex! important; align-items: center; justify-content: center;*/
}  

.is_link .view_btn a{color:#fff;border:0px solid #fff;width:70px;height:70px;display:inline-block;border-radius:50%;text-align:center;line-height:65px;font-size:29px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:9;background:rgba(0,0,0,0.5);}
.is_link .view_btn.btn_icon_small a{width:40px;height:40px;line-height:37px;font-size:20px;}
.is_link .view_btn.btn_icon_small a i{margin-right:0px;}

.is_link .view_btn.btn_icon_small a svg { margin-top: 8px;}