@charset "utf-8";
/* 새글 스킨 (latest) */
.product_lt{  position:relative;margin:20px auto;overflow:hidden; height:500px; width:100%;}
.product_lt .lat_title {display:block; padding:0;line-height:0;font-size:0em;border-bottom:0px solid #e2e2e2;color:#253dbe; overflow:hidden;}
.product_lt .lat_title a{color:#253dbe;display:inline-block;position:relative}
.product_lt .lat_title a:after{position:absolute;bottom:-1px;left:0;width:100%;height:2px;background:#253dbe;content:''}
.product_lt .lt_more {position:absolute;top:11px;right:10px;display:block;width:25px;line-height:25px;color:#aaa;border-radius:3px;text-align:center;}
.product_lt .lt_more:hover{color:#777}

.draggable{}
.variable { margin:0 auto; text-align:center;  width:1200px; }
.variable .box_img:hover .box { height:100%;  background:rgba(0,0,0,0.6); }
.variable .box_img:hover .gall_content { height:150px; }
.lat_link { margin:200px auto; width:210px; height:50px; line-height:50px; background:#2854BD; transition:.3s; }
.lat_link>a { color:#fff; font-size:20px; }
.box { cursor:point; transition:.5s ease; width:280px; position:absolute; bottom:0; background:#000; height:50%; }

.gall_content{margin:20px 0 50px 0 ; padding:2em 0; height:150px;position:absolute; bottom:0;  width:280px;  height:80px; transition:.5s ease; /* border-bottom-left-radius:10px; border-bottom-right-radius:10px; border-top:1px solid #c7c7c7;*/}
.box_icon {  text-align:center; margin:0 auto; font-size:28px; color:#fff; }



.gall_content a{  font-size:1.3rem; 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;}


.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 .new_icon{display:inline-block;width: 16px;line-height:16px ;font-size:0.833em;color:#ffff00;background:#6db142;text-align:center;border-radius: 2px;}
.product_lt li .hot_icon{display:inline-block;width: 16px;line-height:16px ;font-size:0.833em;color:#fff;background:#e52955;text-align:center;border-radius: 2px;}
.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;}