문서 편집 권한이 없습니다. 다음 이유를 확인해주세요: 요청한 명령은 다음 중 하나의 권한을 가진 사용자에게 제한됩니다: 사용자, 관리자. 문서를 고치려면 이메일 인증 절차가 필요합니다. 사용자 환경 설정에서 이메일 주소를 입력하고 이메일 주소 인증을 해주시기 바랍니다. 문서의 원본을 보거나 복사할 수 있습니다. .tooltip-2 { position: relative; color: #0275d8; cursor: pointer; user-select: none; } .tooltip-2:hover { text-decoration: underline; } /* 위쪽 툴팁 */ .tooltip-2 .tooltip-top-content { color: #373a3c; font-size: 10.8pt; line-height: 1.5; user-select: text; visibility: hidden; width: 260px; background: white; border: 1px solid #ddd; border-radius: 3px; box-shadow: 0 0 2px rgba(0, 0, 0, .25); padding: 12px; position: absolute; bottom: 180%; left: 50%; margin-left: -130px; } .tooltip-2 .tooltip-top-content::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -7.5px; border-width: 7.5px; border-style: solid; border-color: #ddd transparent transparent transparent; } /* 아래쪽 툴팁 */ .tooltip-2 .tooltip-bottom-content { color: #373a3c; font-size: 10.8pt; line-height: 1.5; user-select: text; visibility: hidden; width: 260px; background: white; border: 1px solid #ddd; border-radius: 3px; box-shadow: 0 0 2px rgba(0, 0, 0, .25); padding: 12px; position: absolute; top: 180%; left: 50%; margin-left: -130px; } .tooltip-2 .tooltip-bottom-content::after { content: ""; position: absolute; bottom: 100%; left: 50%; margin-left: -7.5px; border-width: 7.5px; border-style: solid; border-color: transparent transparent #ddd transparent; } /* 호버 기능 */ .tooltip-top-content:hover { cursor: auto; } .tooltip-2:hover .tooltip-top-content { visibility: visible; } .tooltip-bottom-content:hover { cursor: auto; } .tooltip-2:hover .tooltip-bottom-content { visibility: visible; } 틀:툴팁2/styles.css 문서로 돌아갑니다.