1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66

<style>
    #bankInfo { background-color:#f8f8f8}
    #bankInfo .subTitle {display:inline-block; margin-top: 6px; text-align:center; font-size:14px}
    #bankInfo ul {margin:0 auto; display:flex; flex-direction:column;} 
    #bankInfo ul li, .boxCont {display:flex; align-items:center;}
    #bankInfo ul li {border-bottom:5px solid #f8f8f8; padding:10px 30px 15px; background-color:#fff; justify-content:space-between}
    .boxCont img {margin-right: 15px;} 
    .copyBox p {margin-bottom:2.5px; font-weight:600; font-size:18px}
    .copyBox span {font-size:12px; background-color:#eee; padding:2px 5px ; border-radius:10px;}
    .copyBox span font {font-weight:600; color:var(--main)}
</style>
<section id="bankInfo" class="section">
    <div class="secTitle">
        <h3><b>입금 계좌</b> 안내</h3>
        <span class="subTitle">예금주 : <b>엠제이소프트</b></span>
    </div>    
    <ul>
        <li class="kbBox">
            <div class="boxCont">
                <img src="./images/intro/kbbank_1.png" alt="국민은행로고">
                <div class="copyBox">
                    <p>831801-04-098244</p>
                    <span>국민은행</span>
                </div>
            </div>
            <img src="./images/intro/copy_1.png" alt="copy">
        </li>
        <li class="shBox">
            <div class="boxCont">
                <img src="./images/intro/shbank_1.png" alt="신한은행로고">
                <div class="copyBox">
                    <p>110-530-409508</p>
                    <span>신한은행</span>
                </div>
            </div>
            <img src="./images/intro/copy_1.png" alt="copy">
        </li>
        <li class="nhBox">
            <div class="boxCont">
                <img src="./images/intro/nhbank_1.png" alt="농협로고">
                <div class="copyBox">
                    <p>093-02-307376</p>
                    <span>농협<font>(자동이체신청)</font></span>
                </div>
            </div>
            <img src="./images/intro/copy_1.png" alt="copy">
        </li>    
    </ul> 
</section>    
<script>
    $(document).ready(function () {
        $('#bankInfo ul li').on('click', function () {
            var accountNumber = $(this).find('.copyBox p').text().trim();
            var bankText = $(this).find('.copyBox span').text().replace(/\[.*?\]/g, '').trim();

            // 임시 textarea를 만들어 복사
            var $tempInput = $('<textarea>');
            $('body').append($tempInput);
            $tempInput.val(accountNumber).select();
            document.execCommand('copy');
            $tempInput.remove();

            alert(bankText + ' 계좌가 복사되었습니다');
        });
    });
</script>