'2039/09 글 목록

## 애드센스 '2039/09 글 목록

본문 바로가기 메뉴 바로가기

2039/09 (0)

공지사항

최근에 올라온 글

최근에 달린 댓글

Total

Today

Yesterday

링크

TAG more

글 보관함

티스토리툴바

/* 💡 고운결IT 핵심 요약 박스 공통 스타일 */ .it-summary-box { position: relative; background: #f8fafc; /* 연한 블루그레이 배경 */ border-radius: 2rem; padding: 2.5rem; margin: 3rem 0; border: 1px solid #e2e8f0; overflow: hidden; } /* 박스 상단 라벨 (Editor's Pick) */ .it-summary-box::before { content: "CORE SUMMARY"; position: absolute; top: 0; left: 2.5rem; transform: translateY(-50%); background: #2563eb; /* 브랜드 블루 */ color: #ffffff; padding: 0.4rem 1.2rem; border-radius: 0.8rem; font-size: 0.85rem; font-weight: 800; letter-spacing: 0.1em; box-shadow: 0 4px 12px rgba(37, 99, 235, 0.2); } /* 요약 리스트 스타일 */ .it-summary-list { list-style: none !important; padding: 0 !important; margin: 0 !important; } .it-summary-list li { position: relative; padding-left: 2rem; margin-bottom: 1.2rem; font-weight: 600; color: #1e293b; line-height: 1.6; } /* 체크 아이콘 커스텀 */ .it-summary-list li::before { content: "\f00c"; /* FontAwesome Check Icon */ font-family: "Font Awesome 6 Free"; font-weight: 900; position: absolute; left: 0; color: #2563eb; font-size: 1.1rem; } .it-summary-list li:last-child { margin-bottom: 0; } /* 💡 고운결IT 핵심 요약 박스 공통 스타일 */ .it-summary-box { position: relative; background: #f8fafc; /* 연한 블루그레이 배경 */ border-radius: 2rem; padding: 2.5rem; margin: 3rem 0; border: 1px solid #e2e8f0; overflow: hidden; } /* 박스 상단 라벨 (Editor's Pick) */ .it-summary-box::before { content: "CORE SUMMARY"; position: absolute; top: 0; left: 2.5rem; transform: translateY(-50%); background: #2563eb; /* 브랜드 블루 */ color: #ffffff; padding: 0.4rem 1.2rem; border-radius: 0.8rem; font-size: 0.85rem; font-weight: 800; letter-spacing: 0.1em; box-shadow: 0 4px 12px rgba(37, 99, 235, 0.2); } /* 요약 리스트 스타일 */ .it-summary-list { list-style: none !important; padding: 0 !important; margin: 0 !important; } .it-summary-list li { position: relative; padding-left: 2rem; margin-bottom: 1.2rem; font-weight: 600; color: #1e293b; line-height: 1.6; } /* 체크 아이콘 커스텀 */ .it-summary-list li::before { content: "\f00c"; /* FontAwesome Check Icon */ font-family: "Font Awesome 6 Free"; font-weight: 900; position: absolute; left: 0; color: #2563eb; font-size: 1.1rem; } .it-summary-list li:last-child { margin-bottom: 0; } /* 📱 모바일 최적화 */ @media (max-width: 768px) { .it-summary-box { padding: 2rem 1.5rem; margin: 2.5rem 0; } .it-summary-box::before { left: 1.5rem; font-size: 0.75rem; } } /* 📱 모바일 최적화 */ @media (max-width: 768px) { .it-summary-box { padding: 2rem 1.5rem; margin: 2.5rem 0; } .it-summary-box::before { left: 1.5rem; font-size: 0.75rem; } }

소개 및 문의 · 개인정보처리방침 · 면책조항

© 2026 쎄서의 슬기로운 보금자리

티스토리툴바