@charset "utf-8";
/* 서브 탑 메뉴 */
h2.title {margin-bottom:10px;font-size:30px;font-weight:500;line-height:30px;color:#111;}
ul.category {margin-bottom:20px;padding:0;border-bottom:1px solid #d3d3d3;}
ul.category:after {content:'';display:block;clear:both;}
ul.category li {float:left;padding:10px 10px 7px 10px;}
ul.category li:first-child {padding-left:0;}
ul.category li a {position:relative;font-size:16px;color:#333;font-weight:300;}
ul.category li a:before {content:'';display:none;position:absolute;bottom:-8px;left:0;width:100%;height:2px;background:#2fb2ab;}
ul.category li a.active, ul.category li a:hover{color:#2fb2ab;font-weight:400;}
ul.category li a.active:before, ul.category li a:hover:before{display: block;}

/* 상품 리스트 */
.prd-box .array {margin-bottom:20px;text-align:right;}
.prd-box .prd-list:after {content:'';display:block;clear:both;}
.prd-box .prd-list li {float:left;width:270px;margin:0 40px 60px 0;}
.prd-box .prd-list li:nth-child(4n) {margin-right:0;}
.prd-box .prd-list .img {overflow:hidden;}
.prd-box .prd-list .img a {position:relative;display:block;height:270px;background:#f4f4f4 url(/layouts/gfesta/images/common/img_gfesta.png) no-repeat 50% 50%;} 
.prd-box .prd-list .img a:before {content:'';position:absolute;top:0;left:0;right:0;bottom:0;z-index:10;background:#000;opacity:0;transition:opacity 0.5s;}
.prd-box .prd-list .img a:hover:before {opacity:0.4;}
.prd-box .prd-list .info {position:relative;padding-top:15px;}
.prd-box .prd-list .info .item {}
.prd-box .prd-list .info .name a {display:block;width:100%;height:44px;margin-bottom:15px;font-size:16px;line-height:22px;font-weight:400;color:#333;display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-wrap:break-word;}
.prd-box .prd-list .info .soldout {color:#ff2d1e;}
.prd-box .prd-list .info .price-area span {display:inline-block;}
.prd-box .prd-list .info .price-area .cost-price {margin-right:7px;font-size:14px;color:#999;text-decoration:line-through;}
.prd-box .prd-list .info .price-area .price {font-size:20px;font-weight:700;color:#111;line-height:20px;}
.prd-box .prd-list .info .price-area .member {color:#2fb2ab;}
.prd-box .prd-list .info .price-area .g-point {color:#2fb2ab;font-size:16px;font-weight:300;line-height:20px;vertical-align:text-top;}
.prd-box .prd-list .info .price-area .side {color:#2fb2ab;margin:0 10px;font-size:14px;vertical-align:text-top;}
.prd-box .prd-list .info .price-area .sv {font-weight:500;color:#2fb2ab;}
.prd-box .prd-list .info .purchase {margin-top:15px;padding-top:15px;font-size:14px;color:#999;border-top:1px solid #e9e9e9;}
.prd-box .prd-list .info .wish {position:absolute;bottom:0px;right:0px;width:24px;height:24px;font-size:0;text-indent:-9999px;background-image:url(/layouts/gfesta/images/common/gf_icons.png);background-repeat:no-repeat;background-position:-226px -1px;cursor:pointer;}
.prd-box .prd-list .info .wish.active {background-position:-226px -26px;}

/* 상세페이지 타임페스타 */
.view_timefesta {position:absolute;bottom:0;left:0;width:100%;height:80px;background:rgba(0,0,0,0.7);color:#ffffff;}
.timefesta_box {display:table;}
.tf_clock {display:table-cell;vertical-align:middle;height:80px;padding-left:25px;}
.tf_clock img{width:29px !important;height:29px !important;}
.tf_tit {display:table-cell;vertical-align:middle;height:80px;font-size:24px;padding-left:5px;}
.tf_time {display:table-cell;vertical-align:middle;height:80px;font-size:24px;font-weight:500;color:#16fff3;padding-left:15px;}
.timefesta_rest {display:table-cell;position:absolute;top:17px;right:25px;background:#26c0b7;width:120px;height:46px;font-size:18px;text-align:center;line-height:46px; border-radius:24px;}