/* /css/page_tips.css : 이사 꿀팁 목록 및 상세 스타일 */
#boxTips{padding:70px 20px 100px;background:#fff;}
#boxTips .boxTipsInner{margin:0 auto;}
#boxTips .boxTipsHead{margin:0 0 30px;}
#boxTips .boxTipsTitle{margin:0;font-size:1.75rem;font-weight:500;line-height:1.35;text-align:center;}

/* 목록 */
#boxTips .boxTipsList{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px 26px;}
#boxTips .boxTipsCard{display:flex;overflow:hidden;flex-direction:column;min-width:0;border:1px solid #dfe5ec;border-radius:16px;background:#fff;color:inherit;text-decoration:none;transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease;}
#boxTips .boxTipsCard:hover{border-color:#cbd8e8;box-shadow:0 10px 28px rgba(31,55,86,.09);transform:translateY(-3px);}
#boxTips .boxTipsThumb{display:block;width:100%;height:225px;overflow:hidden;background:#edf3f9;}
#boxTips .boxTipsThumb img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .35s ease;}
#boxTips .boxTipsCard:hover .boxTipsThumb img{transform:scale(1.025);}
#boxTips .boxTipsInfo{display:flex;flex:1;flex-direction:column;align-items:flex-start;min-width:0;padding:22px 22px 20px;}
#boxTips .boxTipsCate{display:inline-flex;align-items:center;height:1.8rem;margin-bottom:.75rem;padding:0 10px;border-radius:1rem;background:#eaf3ff;color:#2879f8;font-size:.85rem;font-weight:500;line-height:1;}
#boxTips .boxTipsSubject{display:-webkit-box;overflow:hidden;font-size:1.25rem;font-weight:500;line-height:1.45;letter-spacing:-.035em;word-break:keep-all;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
#boxTips .boxTipsDesc{display:-webkit-box;overflow:hidden;margin-top:9px;font-size:1rem;line-height:1.75;color:#69778b;word-break:keep-all;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
#boxTips .boxTipsMeta{display:flex;align-items:center;gap:5px;margin-top:auto;padding-top:1rem;font-size:.85rem;font-weight:500;color:#8290a5;}
#boxTips .boxTipsMeta .material-symbols-outlined{font-size:1rem;}
#boxTips .boxTipsEmpty{grid-column:1/-1;margin:0;padding:80px 20px;text-align:center;color:#7d899b;border:1px solid #e6edf5;border-radius:14px;}
#boxTips .boxTipsPaging{display:flex;justify-content:center;margin-top:50px;}

/* 상세 */
#boxTips .boxTipsBack{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;margin:0 0 25px;border:1px solid #dfe8f4;border-radius:50%;color:#334155;text-decoration:none;}
#boxTips .boxTipsBack:hover{border-color:#2879f8;color:#2879f8;}
#boxTips .boxTipsBack .material-symbols-outlined{font-size:22px;}
#boxTips .boxTipsDetailImage{margin:0 0 32px;overflow:hidden;border-radius:14px;background:#edf3f9;}
#boxTips .boxTipsDetailImage img{display:block;width:100%;max-height:580px;object-fit:cover;}
#boxTips .boxTipsSummary{margin:0 0 28px;text-align:center;padding:22px 25px;border-radius:12px;font-size:1.1rem;line-height:1.8;color:#536177;word-break:keep-all;}
#boxTips .boxTipsContent{font-size:1.1rem;line-height:1.8;color:#3f4b5e;word-break:keep-all;}
#boxTips .boxTipsContent img{max-width:100%;height:auto;}
#boxTips .boxTipsFoot{margin-top:55px;text-align:center;}
#boxTips .boxTipsListButton{display:inline-flex;align-items:center;justify-content:center;min-width:150px;height:3.4rem;border-radius:0.25rem;background:#2879f8;color:#fff;font-size:1.1rem;font-weight:500;text-decoration:none;}
#boxTips .boxTipsListButton:hover{background:#1468ee;}

@media (max-width:1024px){
    #boxTips .boxTipsList{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;}
}
@media (max-width:768px){
    #boxTips{padding:1.5rem 0;}
    #boxTips .boxTipsHead{margin-bottom:22px;}
    #boxTips .boxTipsTitle{font-size:25px;}
    #boxTips .boxTipsList{grid-template-columns:1fr;gap:18px;}
    #boxTips .boxTipsCard{border-radius:0;}
    #boxTips .boxTipsThumb{height:auto;aspect-ratio:16/10;}
    #boxTips .boxTipsInfo{padding:18px 18px 17px;}
    #boxTips .boxTipsCate{height:24px;margin-bottom:10px;padding:0 9px;font-size:11px;}
    #boxTips .boxTipsSubject{font-size:18px;}
    #boxTips .boxTipsDesc{margin-top:7px;font-size:13px;line-height:1.65;}
    #boxTips .boxTipsMeta{padding-top:15px;font-size:12px;}
    #boxTips .boxTipsDetailImage{margin-bottom:22px;border-radius:0;}
    #boxTips .boxTipsSummary{margin-bottom:22px;padding:17px;font-size:15px;}
    #boxTips .boxTipsContent{font-size:15px;line-height:1.8;}
    #boxTips .boxTipsFoot{margin-top:38px;}
}