@charset "utf-8";

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

.lat ul {padding:10px 0}
.lat li {position:relative;line-height:18px;border-bottom:1px solid #e5ecee;margin-bottom:10px}
.lat li a {font-weight:bold;font-size:1.2em;line-height:20px;vertical-align:middle}
.lat li a:hover {color:#3a8afd}
.lat li .fa-heart {color:#ff0000}
.lat 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 #cbe3e8;vertical-align:middle}
.lat li .new_icon {display:inline-block;width:16px;line-height:16px;font-size:0.833em;color:#23db79;background:#b9ffda;text-align:center;border-radius:2px;margin-left:2px;font-weight:bold;vertical-align:middle}
.lat li .hot_icon {display:inline-block;width:16px;line-height:16px;font-size:0.833em;color:#ff0000;background:#ffb9b9;text-align:center;border-radius:2px;vertical-align:middle}
.lat li .fa-caret-right {color:#bbb}
.lat li .fa-download {display:inline-block;width:16px;line-height:16px;font-size:0.833em;color:#daae37;background:#ffefb9;text-align:center;border-radius:2px;vertical-align:middle}
.lat li .fa-link {display:inline-block;width:16px;line-height:16px;font-size:0.833em;color:#b451fd;background:#edd3fd;text-align:center;border-radius:2px;vertical-align:middle}

.lat .profile_img img{border-radius:50%}

.lt_info {padding:10px 0}
.lt_info .lt_nick {}
.lt_info .lt_date {color:#888}

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

.lat .lt_cmt {background:#e9eff5;color:#3a8afd;font-size:11px;height:16px;line-height:16px;padding:0 5px;border-radius:3px;vertical-align:middle}
.lat .lt_more {position:absolute;top:11px;right:0;display:block;width:40px;line-height:25px;color:#3a8afd;border-radius:3px;text-align:center}
.lat .lt_more:hover {color:#777}

#one-home .one-card__meta .one-card-desc{
    color: #000000;
    font-size: 14px;
    line-height: 140%;
    margin-top:12px;
}


/* 코드 커스텀 */
/* =============================================
   Agency One — Portfolio Section (style.css)
   ============================================= */

/* Section 전체 */
.one-portfolio {
  width: 100%;
  min-height: 1035px;
  background: #000;
  display: flex;
  justify-content: center;
  padding: 120px 0 80px;
  box-sizing: border-box;
  font-family: 'Pretendard', sans-serif;
  color: #fff;
}

.one-portfolio__inner {
  width: 100%;
  max-width: 1440px;

  box-sizing: border-box;
}

/* 헤더 */
.one-portfolio__header {
  margin-bottom: 48px;
}

.one-portfolio__label {
  font-size: 18px;
  font-weight: 600;
  letter-spacing: -0.02em;
  color: #3d67fa;
  margin: 0 0 12px 0;
}

.one-portfolio__headline {
  font-size: 48px;
  font-weight: 700;
  letter-spacing: -0.02em;
  line-height: 1.35;
  margin: 0;
}

/* 그리드 (Swiper) */
.one-portfolio__grid {
  width: 100%;
  margin-bottom: 48px;
}

/* 카드 */
.one-card {
  width: 100%;
}

.one-card__link {
  display: block;
  text-decoration: none;
  color: inherit;
  border-radius: 10px;
  overflow: hidden;
  background: rgba(217, 217, 217, 0.2);
}

.one-card__img {
  width: 100%;
  aspect-ratio: 16 / 9;
  object-fit: cover;
  display: block;
}

.one-card__meta {
  padding: 20px 24px 24px;
}

.one-card__top {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 12px;
  flex-wrap: wrap;
}

.one-card__category {
  font-size: 13px;
  font-weight: 600;
  color: #3d67fa;
  letter-spacing: -0.01em;
}

.one-card__category a {
  color: inherit;
  text-decoration: none;
}

.one-card__year {
  font-size: 13px;
  font-weight: 400;
  color: rgba(255, 255, 255, 0.5);
  letter-spacing: -0.01em;
}

.one-card__client {
  font-size: 13px;
  font-weight: 400;
  color: rgba(255, 255, 255, 0.5);
  letter-spacing: -0.01em;
}

.one-card__name {
  font-size: 20px;
  font-weight: 700;
  letter-spacing: -0.02em;
  margin: 0 0 8px 0;
  line-height: 1.4;
}

.one-card-desc p {
  font-size: 14px;
  font-weight: 400;
  letter-spacing: -0.01em;
  color: rgba(255, 255, 255, 0.6);
  margin: 0;
  line-height: 1.6;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

/* 더보기 버튼 */
.one-portfolio__more-wrap {
  display: flex;
  justify-content: center;
  margin-bottom: 60px;
}

.one-portfolio__more {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 10px;
  border: 1px solid #fff;
  width: 176px;
  height: 55px;
  font-size: 18px;
  font-weight: 600;
  letter-spacing: -0.02em;
  color: #fff;
  text-decoration: none;
  transition: background 0.2s, color 0.2s;
}

.one-portfolio__more:hover {
  background: #fff;
  color: #000;
}

/* 하단 바 */
.one-portfolio__bar {
  display: flex;
  align-items: center;
  gap: 24px;
  opacity: 0.3;
}

.one-portfolio__bar-left,
.one-portfolio__bar-right {
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 0.1em;
  white-space: nowrap;
}

.one-portfolio__bar-line {
  flex: 1;
  height: 1px;
  background: #fff;
}

/* Swiper pagination */
.one-portfolio__grid .swiper-pagination {
  position: static;
  margin-top: 24px;
}

.one-portfolio__grid .swiper-pagination-bullet {
  background: rgba(255, 255, 255, 0.4);
  opacity: 1;
}

.one-portfolio__grid .swiper-pagination-bullet-active {
  background: #fff;
}

/* =============================================
   반응형
   ============================================= */
@media (max-width: 1100px) {
  .one-portfolio__inner {
    padding: 0 60px;
  }
  .one-portfolio__headline {
    font-size: 36px;
  }
}

@media (max-width: 640px) {
  .one-portfolio {
    padding: 80px 0 60px;
    min-height: auto;
  }
  .one-portfolio__inner {
    padding: 0 24px;
  }
  .one-portfolio__headline {
    font-size: 26px;
  }
  .one-portfolio__label {
    font-size: 14px;
  }
  .one-card__name {
    font-size: 16px;
  }
}