@charset "utf-8";


/* 새글 스킨 (latest) */
.art_codick { position:relative;margin-bottom:20px;}
.art_codick .lat_tit {display:block;line-height:45px;font-size:1.2em;color:#253dbe}
.art_codick .lat_tit a {color:#000;display:inline-block;position:relative}

/* 이미지 */
.art_codick .co_img_box7 { display:block; position:relative; height:0; overflow:hidden; padding-bottom:56.25%; }
.art_codick .co_img_box .img_item { display:flex; justify-content: center; }
.art_codick .co_img_box .img_item7 img,
.art_codick .co_img_box .img_item7 video { display:block; border:0; width:100%; height:auto; margin:0 auto; }
.img_wrap_box { position:relative;overflow: hidden7; }

.art_codick .over_layer { position: absolute; width: 100%; height: 100%; bottom: 0; padding: 15px; background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.02)), color-stop(25%, rgba(0, 0, 0, 0.4))); background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.02), rgba(0, 0, 0, 0.4) 25%); background: -o-linear-gradient(top, rgba(0, 0, 0, 0.02), rgba(0, 0, 0, 0.4) 25%); background: linear-gradient(to bottom, rgba(0, 0, 0, 0.02), rgba(0, 0, 0, 0.4) 25%);}
.art_codick.is_hover .over_layer { 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%); }
.art_codick.is_hover .co_img_box:hover .over_layer { 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); }

.art_codick .cate_box{position:absolute;bottom:15px;left:5px;transition-duration:0.2s;padding-right:15px;}
.art_codick .scale_img{position:relative;}
.art_codick .scale_img img{-webkit-transition:-webkit-transform .5s;transition:-webkit-transform .5s;-o-transition:transform .5s;transition:transform .5s;transition:transform .5s,-webkit-transform .5s;}
.art_codick .scale_img: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;}

.art_codick .trans_item{-o-transition:all 0.4s ease;transition:all 0.4s ease;-webkit-transition:all 0.4s ease;-moz-transition:all 0.4s ease;-ms-transition:all 0.4s ease;}

.color_f .sv_member { color: #fff !important;}


.art_codick .info_item.meta_0 span{padding:4px 10px 4px 19px; letter-spacing:0.8px;text-transform:uppercase;border-radius:30px;position:relative;}
.art_codick .info_item.meta_0 span::before{content:"";width:6px;height:6px;background:none;margin-right:3px;border-radius:5px;display:inline-block;position:absolute;top:50%;left:8px;margin-top:-3px;border:1px solid #fff;}



/*일반 제목*/
.art_codick .flex_text> .info_title .item_subj { display: flex; align-items: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;justify-content: center; } 
.art_codick .flex_text> .info_item{line-height:1;}
.art_codick .flex_text> .info_title { display: block; position: relative; width: 100%; padding:0; margin-top: 0.5rem !important;}
.art_codick .flex_text> .info_item.meta_1{ margin-top: 0.5rem !important;margin-bottom: 0.5rem !important; text-align: center; }
.art_codick .flex_text> .info_item.meta_1 span{margin-right:3px;}
.art_codick .flex_text> .info_item.meta_1 span i{margin-right:3px;}
.art_codick .flex_text> .is_content { line-height: 1.5; overflow: hidden; display: -webkit-box;  -webkit-line-clamp: 2;  -webkit-box-orient: vertical; text-overflow: ellipsis; text-align: center;padding:0 10px;} 

/*호버이미지*/
.art_codick .over_layer> .info_title .item_subj { display: flex; align-items: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;gap: 10px; }
.art_codick .over_layer> .info_item{line-height:1;}
.art_codick .over_layer> .info_title { display: block; position: relative; width: 100%; padding:0; margin-top: 0.5rem !important;}
.art_codick .over_layer> .info_item.meta_1{ margin-top: 0.5rem !important;margin-bottom: 0.5rem !important; }
.art_codick .over_layer> .info_item.meta_1 span{margin-right:3px;}
.art_codick .over_layer> .info_item.meta_1 span i{margin-right:3px;}

/*호버이미지*/
.over_layer_text { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);text-align: center;width: 80%;}
.art_codick .over_layer> .over_layer_text> .info_title .item_subj { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.art_codick .over_layer> .over_layer_text> .info_item{line-height:1;}
.art_codick .over_layer> .over_layer_text> .info_title { width: 100%; padding:0; margin-top: 15px !important;}
.art_codick .over_layer> .over_layer_text> .info_item.meta_1{ margin-top: 0.2rem !important;margin-bottom: 0.5rem !important; }
.art_codick .over_layer> .over_layer_text> .info_item.meta_1 span{margin-right:3px;}
.art_codick .over_layer> .over_layer_text> .info_item.meta_1 span i{margin-right:3px;}
.art_codick .over_layer> .over_layer_text> .wr_price{ display: block; width: 100%; text-align: center;}

.art_codick span.has_dot{position:relative;padding-left:10px;}
.art_codick span.has_dot::before{content:"";width:2px;height:2px;background:#999;border-radius:50%;position:absolute;top:50%;margin-top:-1px;display:block;left:-3px;}
.art_codick span.has_name{float: right !important;}

.art_codick .empty_li {line-height:145px ;color:#666;text-align:center;padding:0}
.art_codick .empty_li:before {background:none;padding:0}

.art_codick .lt_more { position:absolute;top:11px; right: 0px; color: #fff; background: #111; border: 1px solid #111; font-size: 0.8rem; border-radius: 25px; padding: 4px 10px;}
.art_codick .lt_more:hover {color:#777}

/* icon */
.art_codick .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);}
.art_codick .view_btn.btn_icon_small a{width:40px;height:40px;line-height:37px;font-size:20px;}
.art_codick .view_btn.btn_icon_small a i{margin-right:0px;}
.art_codick .view_btn.btn_icon_small a svg { margin-top: 8px;}

/* 판매금액 */

.co_price small{ font-size:12px;font-weight: 300; } 

/* 배경색 */
.img_wrap_box .bg_cate { background-color: #00000075 !important; color: #fff; }


.radius_0{border-radius:0px;overflow: hidden;}
.radius_4{border-radius:4px;overflow: hidden;}
.radius_8{border-radius:8px;overflow: hidden;}
.radius_10{border-radius:10px;overflow: hidden;} 
.radius_15{border-radius:15px;overflow: hidden;}
.radius_20{border-radius:20px;overflow: hidden;} 
.radius_50{border-radius:50%;overflow: hidden;} 	



.img_wrap_box7 {
    position: relative;
    /*overflow: hidden;*/
}

.img_wrap_box:before7 {   
    content: '';
    position: absolute; 
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-shadow: rgba(0, 0, 0, 0.5) 0px 6px 24px 0px, rgba(0, 0, 0, 0.5) 0px 0px 0px 1px; 
    z-index: -1;     border-radius: 50%;
}

.art_codick .scale_img7 {
    position: relative;
    padding: 10px;
}