@charset "utf-8";
/* 새글 스킨 (latest) */
.product_lt{  /*position:relative;margin:0 auto;overflow:hidden; height:500px; width:100%;*/ }

.variable { height:400px; /*margin:0 auto; text-align:center; width:1200px;*/ }
.variable .box_img  {  position:relative; width:282px; height:282px; border:1px solid #ddd;}
.variable .box_img .box { position:absolute; top:0px;  transition:.5s ease; }
.variable .box_img:hover .box {}
.variable .box_img:hover .gall_content { background:#FFE04D }
.variable .box_img:hover .gall_content a { color:#333; }

.gall_img .lt_img {}
.gall_content{ display:none; transition:.5s ease; position:absolute; background:rgba(0,0,0,0.6); bottom:0;  width:280px;  line-height:50px; }
.gall_content a{  font-size:18px; outline:0; text-align:left;}
.gall_content>a{ color:#fff; /*float:left;*/ }
.gall_content .box-content{ display:none; font-size:1rem; color:#888888; position:relative; margin-top:15px;}
.gall_content .box-content:after {content: "+"; display: table; width: 100%; font-size: 2em; font-weight: 100; color: #666666; display:none;}

.gall_img .cover{width:100%; height:282px; background-color: rgba(0,0,0,0.6);word-break:keep-all; position: absolute; top:30px; text-align: center; color:#fff; font-size: 25px; line-height: 35px; padding:70px 40px; opacity: 0;
    -moz-transition:all 0.3s ease-out;
    -o-transition:all 0.3s ease-out;
    transition:all 0.3s ease-out;}
.gall_img:hover .cover{opacity: 1; top:0;}
.gall_img .cover .text{height:70px;}
.gall_img .cover a{display: block; width:120px; height:40px; line-height: 40px; color:#fff; font-size: 18px; background: #9d141b; margin:30px auto 0;
    -moz-transition:all 0.3s ease-out;
    -o-transition:all 0.3s ease-out;
    transition:all 0.3s ease-out;}
.gall_img .cover a:hover{background: #fff; color:#9d141b;}



/*밑에 dot부분
.product_lt .slick-dots{  bottom:0; position:relative; z-index:-999;}
.product_lt .slick-dots li{width:15px; height:15px;}
.product_lt .slick-dots li button{width:15px; height:15px;}
.product_lt .slick-dots li.slick-active button:before{color:#01a982; font-size:12px; background:#01a982;}
.product_lt .slick-dots li button:before{content:''; width:15px; height:15px; background:#cccccc; border-radius:15em}
*/
/*
.product_lt ul:after {display:block;visibility:hidden;clear:both;content:""}
.product_lt ul{padding:0}
.product_lt li{width:25%;padding:0 10px}
.product_lt li .lt_img{ margin:5px 0;display:block}
.product_lt li .lt_img img{ width:100%; }
.product_lt li a:hover{color:#a22121}
.product_lt li .fa-heart{color:#ff0000;}
.product_lt li .fa-lock{display: inline-block;line-height: 14px;width: 16px;font-size: 0.833em;color: #4f818c;background: #cbe3e8;text-align: center;border-radius: 2px;font-size: 12px;border:1px solid #a2c6ce}

.product_lt li .fa-caret-right{color:#bbb}
.product_lt .lt_cmt{background:#5c85c1;color:#fff; font-size:11px;height:16px;line-height:16px;padding:0 5px;border-radius:3px;white-space: nowrap;
-webkit-box-shadow: inset 0 2px 5px  rgba(255,255,255,0.4);
-moz-box-shadow: inset 0 2px 5px  rgba(255,255,255,0.4);
box-shadow: inset 0 2px 5px  rgba(255,255,255,0.4);}
.product_lt .lt_date{display:block;margin-top:5px;color: #888;}
*/