@CHARSET "UTF-8";

/* 공통 - 프로젝트 카드 */
.project-card, .project-card *{box-sizing:content-box!important}
.project-card{width:100%;text-align:left;position:relative}
.project-card .card-label{position:absolute;padding:0 10px;font-size:13px;height:24px;line-height:25px;background:#4167d9;color:#fff;z-index:1}
.project-card .card-img-section{position:relative;width:100%;}
.project-card .card-img-section:after{position:absolute;left:0;top:0;width:100%;height:100%;content:'';border:1px solid rgba(0, 0, 0, .06);box-sizing:border-box!important}
.project-card .card-img-section .project-img{display:block;width:100%;min-height:225px;background:#0f171e 50% 50%/cover;}
.project-card .card-img-section .project-img img{width:100%;display:block;border:0}
.project-card .card-img-section .project-img .default{width:100%;min-height:225px;height:100%;display:block;background: #BABDC0;}
.project-card .card-img-section .project-img .default p{padding-top: 96px;color:#fff;font-size: 13px;text-align:center;}
.project-card .card-img-section .project-type{position:absolute;left:0;top:0;display:block;padding: 0 6px;height: 24px;font-size:12px;line-height: 24px;color:#fff;z-index:1;opacity: .96;}
.project-card .card-img-section .project-type.reward{background:#00c4c4;}
.project-card .card-img-section .project-type.invest{background:#bf9c56}
.project-card .card-info-section .status {display: inline-block; color: rgba(0, 0, 0, 0.54);}
.project-card .card-info-section .status-info::after {display: block; content:''; clear: both;}
.project-card .card-info-section .status-info .btn-open-coming {float: right;}
.project-card .card-info-section .status .text-info {color: #557cf2; margin-left: 2px;}
.project-card .card-info-section .status .text-info::before {display: inline-block; content: '∙'; line-height: 18px; margin: 0 2px 0 0;}
.project-card .progressbar-wrap,
.project-card .coming-wrap{position:absolute;left:0;bottom:0;width:100%;height:48px;box-sizing:border-box!important;background:linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,.5));z-index:1;}
.project-card .progressbar-wrap dl{padding:8px 20px 0}
.project-card .progressbar-wrap dt{height: 6px;margin-bottom: 8px;background:#fff;background:rgba(255,255,255,.4);overflow:hidden;}
.project-card .progressbar-wrap dt span{display:block;height: 6px;background:#00c4c4}
.project-card .progressbar-wrap dd{position:relative;text-align:left;line-height:20px;height:20px}
.project-card .progressbar-wrap dd span{font-size:14px;color:#fff;font-weight: 500;display:block;}
.project-card .progressbar-wrap dd span.amount{text-align:left;display:inline-block;font-size:13px;}
.project-card .progressbar-wrap dd span.percent{position:relative;display:inline-block;left:0;top:0;text-align:left;font-size:13px;margin-right:4px;padding-right:6px;}
.project-card .progressbar-wrap dd span.percent::before{content:'';position:absolute;top:4px;right:0;height:11px;width:1px;background:rgba(255,255,255,0.5);}
.project-card .progressbar-wrap dd span.days{position:absolute;right:0;top:0;text-align:right;font-size:13px;}
.project-card .coming-wrap{text-align:center;padding-top:20px}
.project-card .coming-wrap p{color:#fff;font-size:13px;line-height:20px;font-weight:500}
.project-card .coming-wrap p strong{color:#2ed5d5;font-weight:500}
.project-card .card-info-section{position:relative;height: 143px;padding:0 20px;border: 1px solid #DADCE0;border-top:none;background:#fff;}
.project-card .card-info-section h4{padding: 16px 0 0;margin: 0 0 8px;font-size: 17px;font-weight: 600;line-height: 24px;max-height: 48px;color: #1D2129;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;word-wrap: break-word;}
.project-card .card-info-section h5{margin:0;padding-bottom: 16px;font-weight: 400;font-size:13px;line-height: 18px;color:#90949c;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.project-card .card-info-section h5 em{display:inline-block;margin-left:5px;padding:0 2px;font-size:10px;height:15px;line-height:15px;border:1px solid #dbdbdb;color:#979797}
.project-card .card-info-section h5.premium{position:relative;padding-right:60px;white-space:normal}
.project-card .card-info-section h5.premium em{position:absolute;right:0;top:0;}
.project-card .card-info-section .card-category{position:absolute;left:0;bottom:20px;width:100%;height:12px;}
.project-card .card-info-section .card-category:after{content:"";clear:both;display:block;}
.project-card .card-info-section .card-category .category1{float:left;display:block;padding-left:20px;width:52%;text-align:left;font-size:13px;color:#0d0f12;box-sizing:border-box!important}
.project-card .card-info-section .card-category .category2{float:right;display:block;padding-right:20px;width:48%;text-align:right;font-size:11px;color:#00c4c4;box-sizing:border-box!important}
.project-card .card-info-section .badge-w9{display: inline-block;position: relative;top: -1px;margin-left: 4px;border-radius: 4px;background-color: #9f8673;padding: 0 4px;line-height: 16px;color: #fff;font-size: 10px;font-weight: 500;}
.project-card .card-info-section .badge-private{display: inline-block;position: relative;top: -1px;margin-left: 4px;border-radius: 4px;border: 1px solid #9f8673; padding: 0 4px;line-height: 16px;color: #9f8673;font-size: 10px;font-weight: 500;}

@media screen and (min-width: 1096px) {
  .project-card .card-img-section .project-img{height:225px;overflow:hidden;}
}