Custom Alert Title This is a custom alert message. OK @media all and (min-width: 1024px) { .pc { display:block; } .mo { display:none; } .pc-iframe { width:480px; height:1010px; border:0; position:absolute; bottom: 135px; /* 부모 요소의 50% 지점에 위치 */ left: 50%; /* 부모 요소의 50% 지점에 위치 */ transform: translate(-50%, -50%); /* 첫 번째 자식 요소를 수직으로 위로 올림 */ } } @media screen and (min-width: 769px) and (max-width: 1023px) { .pc { display:block; } .mo { display:none; } .pc-iframe { width:50%; height:25%; border:0; position:absolute; bottom: 3.4%; /* 부모 요소의 50% 지점에 위치 */ left: 50%; /* 부모 요소의 50% 지점에 위치 */ transform: translate(-50%, -50%); /* 첫 번째 자식 요소를 수직으로 위로 올림 */ } } @media screen and (max-width: 768px) { .pc { display:none; } .mo { display:block; } .pc-iframe { display:none; } } #contents { margin:0 auto; } .content-body { position:relative; width:100%; height:100%; } /* 모달 스타일 */ .sub-modal { display: none; /* 기본적으로 숨김 */ position: fixed; z-index: 1; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.4); /* 반투명 배경 */ } .sub-modal-content { position: relative; background-color: #fff; margin: 15% auto; padding: 20px; border: 1px solid #888; width: 300px; text-align: center; } function handleCopy(event) { event.preventDefault(); const currentPageURL = window.location.href; navigator.clipboard.writeText(currentPageURL).then(function() { showCustomAlert(URL이 복사 되었습니다.); }).catch(function(err) { showCustomAlert(Error, Failed to copy the URL.); console.error(Failed to copy the URL: , err); }); } document.getElementById(copyArea1).onclick = handleCopy; document.getElementById(copyArea2).onclick = handleCopy; function showCustomAlert(title, message) { const modal = document.getElementById(customAlert); const modalTitle = document.getElementById(modalTitle); const modalMessage = document.getElementById(modalMessage); modalTitle.textContent = title; modalMessage.textContent = message; modal.style.display = block; } function closeCustomAlert() { const modal = document.getElementById(customAlert); modal.style.display = none; }