@charset "utf-8";

/* 최신글 스킨: ptl_projects (독립 모듈 전용) */
.ptl-project-wrap{width:100%;}
.ptl-project-wrap .project-tab{margin-top:80px;overflow:hidden;}
.ptl-project-wrap .project-tab ul{display:flex;align-items:center;justify-content:center;gap:28px;}
.ptl-project-wrap .project-tab li{position:relative;padding-bottom:12px;color:#898989;font-family:Pretendard;font-size:18px;font-style:normal;font-weight:500;line-height:1.66;letter-spacing:-0.18px;cursor:pointer;transition:color .3s ease;width:100px;display:flex;justify-content:center;align-items:center;}
.ptl-project-wrap .project-tab li::after{content:"";position:absolute;left:50%;bottom:0;width:0;height:2px;background:#006b5a;transform:translateX(-50%);transition:width .3s ease;}
.ptl-project-wrap .project-tab li.active{color:#006b5a;font-weight:700;}
.ptl-project-wrap .project-tab li.active::after{width:74px;}
.ptl-project-wrap .project-list{display:grid;grid-template-columns:repeat(3,1fr);gap:76px 28px;margin-top:60px;}
.ptl-project-wrap .project-item{display:none;}
.ptl-project-wrap .project-item.is-show{display:block;}
.ptl-project-wrap .project-item a{display:block;text-decoration:none;color:inherit;}
.ptl-project-wrap .project-item .img-box{position:relative;width:100%;aspect-ratio:521/263;border-radius:14px;overflow:hidden;background:#f5f5f5;box-shadow:0 7px 15px rgba(4,85,69,.08);}
.ptl-project-wrap .project-item .img-box img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .5s ease;}
.ptl-project-wrap .project-item .hover-box{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:30px;background:rgba(0,94,78,.82);opacity:0;visibility:hidden;text-align:center;transition:opacity .35s ease,visibility .35s ease;}
.ptl-project-wrap .project-item .hover-box strong{color:#FFF;text-align:center;font-family:Pretendard;font-size:18px;font-style:normal;font-weight:700;line-height:1.66;}
.ptl-project-wrap .project-item .hover-box p{margin-top:20px;color:#FFF;text-align:center;font-family:Pretendard;font-size:16px;font-style:normal;font-weight:500;line-height:1.62;}
.ptl-project-wrap .project-item:hover .img-box img{transform:scale(1.04);}
.ptl-project-wrap .project-item:hover .hover-box{opacity:1;visibility:visible;}
.ptl-project-wrap .project-item .txt-box{margin-top:12px;text-align:center;}
.ptl-project-wrap .project-item .txt-box h3{color:#111;text-align:center;font-family:Pretendard;font-size:20px;font-style:normal;font-weight:600;line-height:2.5;letter-spacing:-0.2px;}
.ptl-project-wrap .project-empty{grid-column:1/-1;padding:80px 0;text-align:center;color:#777;font-size:16px;}

@media (max-width:1024px) {
.ptl-project-wrap .project-tab{margin-top:50px;}
.ptl-project-wrap .project-tab ul{display:flex;justify-content:center;flex-wrap:wrap;gap:10px 20px;}
.ptl-project-wrap .project-tab li{width:auto;min-width:70px;font-size:16px;padding-bottom:10px;}
.ptl-project-wrap .project-tab li.active::after{width:50px;}
.ptl-project-wrap .project-list{grid-template-columns:repeat(2,1fr);gap:50px 20px;margin-top:50px;}
.ptl-project-wrap .project-item .txt-box{margin-top:10px;}
.ptl-project-wrap .project-item .txt-box h3{font-size:18px;line-height:1.5;}
}

@media (max-width:640px) {
.ptl-project-wrap .project-tab{margin-top:30px;}
.ptl-project-wrap .project-tab ul{justify-content:center;gap:8px 50px;}
.ptl-project-wrap .project-tab li{min-width:auto;width:auto;font-size:16px;padding-bottom:8px;}
.ptl-project-wrap .project-tab li.active::after{width:30px;}
.ptl-project-wrap .project-list{grid-template-columns:repeat(2,1fr);gap:24px 10px;margin-top:30px;}
.ptl-project-wrap .project-item .img-box{border-radius:8px;}
.ptl-project-wrap .project-item .hover-box{display:none;}
.ptl-project-wrap .project-item .txt-box{margin-top:20px;}
.ptl-project-wrap .project-item .txt-box h3{font-size:16px;line-height:1.4;}
}