/wedding

Primary LanguageJavaScript

<!DOCTYPE html>
<!-- saved from url=(0042)https://www.barunsonmcard.com/m/august10th -->
<html lang="ko"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <!-- 전화번호 a 태그로 자동 인식되는 현상 방지 -->
    <meta name="format-detection" content="telephone=no">
        <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=0.5, maximum-scale=2.0, user-scalable=yes">
    <meta name="ROBOTS" content="NOINDEX">
    <meta property="og:url" content="https://mosfet1kg.github.io/wedding/readme">
    <meta property="og:title" content="규범♡혜연의 결혼식에 초대합니다.">
    <meta property="og:type" content="website">
        <meta property="og:image" content="./mobile_cards_files/b8647c57-7819-4e05-9843-3429e7091690.jpg">
        <meta property="og:image:width" content="586">
        <meta property="og:image:height" content="492">
    <meta property="og:description" content="바른손카드 모바일청첩장">
    <meta property="fb:app_id" content="555274031340396">

    <title>모바일청첩장</title>

    <link rel="stylesheet" href="./mobile_cards_files/photoswipe.css">
    <link rel="stylesheet" href="./mobile_cards_files/swiper-bundle.min.css">
    <link href="./mobile_cards_files/css2" rel="stylesheet"><!--Noto Sans-->
    <link href="./mobile_cards_files/css2(1)" rel="stylesheet"><!--나눔 고딕-->
    <link href="./mobile_cards_files/css2(2)" rel="stylesheet"><!--나눔 고딕 코딩-->
    <link href="./mobile_cards_files/css2(3)" rel="stylesheet"><!--나눔 명조-->
    <link href="./mobile_cards_files/css2(4)" rel="stylesheet"> <!--나눔 펜 스크립트-->
    <link href="./mobile_cards_files/css2(5)" rel="stylesheet"> <!--나눔 브러쉬 스크립트-->
    <link href="./mobile_cards_files/css2(6)" rel="stylesheet"> <!--Cinzel-->
    <link href="./mobile_cards_files/css" rel="stylesheet">
    <link href="./mobile_cards_files/nanum-barun-pen.css" rel="stylesheet">
    <link href="./mobile_cards_files/nanum-barun-gothic.css" rel="stylesheet">
    <link href="./mobile_cards_files/nanum-square-round.css" rel="stylesheet">
    <link href="./mobile_cards_files/nanum-square.css" rel="stylesheet">

    <link rel="stylesheet" type="text/css" href="./mobile_cards_files/extra_font.css">
    <link rel="stylesheet" type="text/css" href="./mobile_cards_files/style.css">
    <link rel="stylesheet" type="text/css" href="./mobile_cards_files/loader.css">
    <link rel="stylesheet" type="text/css" href="./mobile_cards_files/jquery.mCustomScrollbar.min.css">
    <link rel="stylesheet" type="text/css" href="./mobile_cards_files/m2page.css">

<script src="./mobile_cards_files/jquery.mousewheel.min.js"></script></head>
<body>
    <div id="wrap">
        <input type="hidden" id="eventDateTime" value="2024-08-10 토요일 오후 1시">
        <input type="hidden" id="eventDate" value="2024-08-10">
            
    <div id="area1" idx="1" class="templatearea bindarea" style="height:1423px; ">
        
    <div id="8857021" class="item ITC02" style="position: absolute; top: 230px; left: 33px;">
        <img class="img" src="./mobile_cards_files/c19373bc-2a46-4267-93ee-797beb548cbd.png" style="width:734px; height:768px;" alt="image">
    </div>

        
    <div id="8857022" class="item photo ITC03" style="position:absolute; top:230px; left: 33px; width:734px; height:769px;">
        <img class="img" src="./mobile_cards_files/b04522b2-5b76-4c92-9431-507281e09529.jpg" style="max-width:734px; max-height:769px; width:100%;" alt="photo">
    </div>

        
    <div id="8857023" class="item ITC02" style="position:absolute; top:0px; left: 0px;">
        <img class="img" src="./mobile_cards_files/f01d3c8a-31f8-4f51-bc48-360029d6bb1d.png" style="width:800px; height:1423px;" alt="image">
    </div>

        
    <div id="8857024" class="item ITC01" style="position: absolute; top: 1069px; left: 0px; width: 369px; height: 72px; align-items: center;">
        <div class="text" style="font-family: &#39;Nanum Myeongjo&#39;, serif;color: #333333;font-size: 48px;font-weight: bold;text-align: right;letter-spacing: 0.39em;line-height: 1.4em;">
            최규범
        </div>
    </div>

        
    <div id="8857025" class="item ITC01" style="position: absolute; top: 1069px; left: 447px; width: 353px; height: 72px; align-items: center;">
        <div class="text" style="font-family: &#39;Nanum Myeongjo&#39;, serif;color: #333333;font-size: 48px;font-weight: bold;text-align: left;letter-spacing: 0.39em;line-height: 1.4em;">
            채혜연
        </div>
    </div>

        
    <div id="8857026" class="item ITC01" style="position: absolute; top: 1194px; left: 0px; width: 800px; height: 45px; align-items: center;">
        <div class="text" style="font-family: &#39;Nanum Myeongjo&#39;, serif;color: #333333;font-size: 30px;font-weight: bold;text-align: center;letter-spacing: 0.07em;line-height: 1.4em;">
            2024.08.10 SAT PM 1:00
        </div>
    </div>

        
    <div id="8857027" class="item ITC01" style="position: absolute; top: 1239px; left: 0px; width: 800px; height: 45px; align-items: center;">
        <div class="text" style="font-family: &#39;Nanum Myeongjo&#39;, serif;color: #333333;font-size: 30px;font-weight: bold;text-align: center;letter-spacing: 0em;line-height: 1.4em;">
            네이버1784  스카이홀
        </div>
    </div>

    </div>
    <div id="area2" idx="2" class="templatearea bindarea" style="height: 757px; background-color: rgb(244, 244, 244); min-height: 825px;">
        
    <div id="8857028" class="item ITC02" style="position:absolute; top:0px; left: 0px;">
        <img class="img" src="./mobile_cards_files/5994248d-fd78-4e48-a214-0b940bb2aead.png" style="width:800px; height:258px;" alt="image">
    </div>

        
    <div id="8857029" class="item ITC01" style="position: absolute; top: 256px; left: 0px; width: 800px; height: 469px; align-items: flex-start;">
        <div class="text" style="font-family: &#39;Nanum Myeongjo&#39;, serif;color: #333333;font-size: 34px;text-align: center;letter-spacing: 0em;line-height: 2.3em;">
            새로운 마음과 새 의미를 간직하며<br>저희 두 사람이 새 출발의<br>첫걸음을 내딛습니다.<br>바른 뜻으로 올바르게 살 수 있도록<br>격려해 주신다면<br>더없는 기쁨으로 간직하겠습니다.
        </div>
    </div>

    </div>

    <!-- 연락처  -->
    <div id="area4" idx="4" class="call">
        <div class="grid_box">
            <dl>
                <dt>
                    <span class="blue">신랑</span>
                </dt>
                <dd><a href="tel:01028640911"><img src="./mobile_cards_files/ico_24_call.svg" width="24" alt="전화 아이콘"></a></dd>
                <dd><a href="sms:01028640911"><img src="./mobile_cards_files/ico_24_sms.svg" width="24" alt="SMS 아이콘"></a></dd>
            </dl>
            <dl>
                <dt>
                    <span class="blue">신부</span>
                </dt>
                <dd><a href="tel:01030555241"><img src="./mobile_cards_files/ico_24_call.svg" width="24" alt="전화 아이콘"></a></dd>
                <dd><a href="sms:01030555241"><img src="./mobile_cards_files/ico_24_sms.svg" width="24" alt="SMS 아이콘"></a></dd>
            </dl>
        </div>
            <section class="onoff_2">
                <div class="list_wrap">
                    <button type="button" class="info_detail">정보 더보기</button>
                    <ul class="grid_box">
                        <li>
                            <h3>신랑 측 혼주</h3>
                                <div class="list_con" style="display: block;">
                                    <p>
                                            <span>아버지</span>
                                            <span>
                                                최시하
                                            </span>
                                    </p>
                                    <div class="btn_wrap">
                                            <a href="tel:01097002081"><img src="./mobile_cards_files/ico_24_call.svg" width="20" alt="전화 아이콘"></a>
                                            <a href="sms:01097002081"><img src="./mobile_cards_files/ico_24_sms.svg" width="21" alt="SMS 아이콘"></a>
                                        </div>
                                </div>
                                <div class="list_con" style="display: block;">
                                    <p>
                                            <span>어머니</span>
                                            <span>
                                                박복순
                                            </span>
                                    </p>
                                    <div class="btn_wrap">
                                            <a href="tel:01085862088"><img src="./mobile_cards_files/ico_24_call.svg" width="20" alt="전화 아이콘"></a>
                                            <a href="sms:01085862088"><img src="./mobile_cards_files/ico_24_sms.svg" width="21" alt="SMS 아이콘"></a>
                                        </div>
                                </div>
                        </li>
                        <li>
                            <h3>신부 측 혼주</h3>
                                <div class="list_con" style="display: block;">
                                    <p>
                                            <span>아버지</span>
                                            <span>
                                                채희봉
                                            </span>
                                    </p>
                                    <div class="btn_wrap">
                                            <a href="tel:01066915245"><img src="./mobile_cards_files/ico_24_call.svg" width="20" alt="전화 아이콘"></a>
                                            <a href="sms:01066915245"><img src="./mobile_cards_files/ico_24_sms.svg" width="21" alt="SMS 아이콘"></a>
                                    </div>
                                </div>
                                <div class="list_con" style="display: block;">
                                    <p>
                                            <span>어머니</span>
                                            <span>
                                                이애숙
                                            </span>
                                    </p>
                                    <div class="btn_wrap">
                                            <a href="tel:01066945245"><img src="./mobile_cards_files/ico_24_call.svg" width="20" alt="전화 아이콘"></a>
                                            <a href="sms:01066945245"><img src="./mobile_cards_files/ico_24_sms.svg" width="21" alt="SMS 아이콘"></a>
                                    </div>
                                </div>
                        </li>
                    </ul>
                </div>
            </section>
    </div>
    <!-- //신랑 & 신부 연락 -->


    
<section>
    <!-- 갤러리 타이틀 이미지 -->
        <div id="area5" idx="5" class="templatearea bindarea" style="height:246px; ">
                
    <div id="8857030" class="item ITC02" style="position:absolute; top:0px; left: 0px;">
        <img class="img" src="./mobile_cards_files/0e6aede1-47cc-4f91-8baa-d2897fb710d7.png" style="width:800px; height:246px;" alt="image">
    </div>

        </div>
    <!-- 갤러리 -->
    <div id="area6" idx="6">
        <section class="gallery line" id="gallery">
            <div class="area">
                    <!-- 갤러리 타입01 / 바둑판 썸네일 확대 -->
                    <div class="gallery_type01">
                        <div class="skin_gallery" data-pswp-uid="1">
                                <figure>
                                    <a href="https://resources.barunsonmcard.com/upload/invitation/240616/634593/gallery/b23b46c5-4e51-43b8-ae6d-0edec3b67925.jpg" style="background: url(https://resources.barunsonmcard.com/upload/invitation/240616/634593/gallery/d336cca1-5431-4c5a-8775-55041ff43494.jpg) no-repeat center center" itemprop="contentUrl" data-size="800x1200.7407" class="setimgsize">
                                        <img src="./mobile_cards_files/img_frame.png" class="img_frame" itemprop="thumbnail" alt="">
                                    </a> 
                                </figure>
                                <figure>
                                    <a href="https://resources.barunsonmcard.com/upload/invitation/240616/634593/gallery/cac438ec-4cff-4c29-9291-ae8cfb3a4d80.jpg" style="background: url(https://resources.barunsonmcard.com/upload/invitation/240616/634593/gallery/2569359f-3bea-4ab2-b0b8-bdfe71cd6a38.jpg) no-repeat center center" itemprop="contentUrl" data-size="800x1200.7407" class="setimgsize">
                                        <img src="./mobile_cards_files/img_frame.png" class="img_frame" itemprop="thumbnail" alt="">
                                    </a> 
                                </figure>
                                <figure>
                                    <a href="https://resources.barunsonmcard.com/upload/invitation/240616/634593/gallery/6df6687c-68ca-460e-8b09-869340a2546d.jpg" style="background: url(https://resources.barunsonmcard.com/upload/invitation/240616/634593/gallery/b157a79f-629e-4a7f-9ca5-3f48600898fe.jpg) no-repeat center center" itemprop="contentUrl" data-size="800x533.00433" class="setimgsize">
                                        <img src="./mobile_cards_files/img_frame.png" class="img_frame" itemprop="thumbnail" alt="">
                                    </a> 
                                </figure>
                                <figure>
                                    <a href="https://resources.barunsonmcard.com/upload/invitation/240616/634593/gallery/013b22a5-30f0-469f-9e18-37a5ccb8be9a.jpg" style="background: url(https://resources.barunsonmcard.com/upload/invitation/240616/634593/gallery/052527c6-aff3-43fd-9fd5-aea2b8f29fd7.jpg) no-repeat center center" itemprop="contentUrl" data-size="800x1200.7407" class="setimgsize">
                                        <img src="./mobile_cards_files/img_frame.png" class="img_frame" itemprop="thumbnail" alt="">
                                    </a> 
                                </figure>
                                <figure>
                                    <a href="https://resources.barunsonmcard.com/upload/invitation/240616/634593/gallery/3cf3e4fa-4b65-4a81-a58d-d15bc0f0b2b7.jpg" style="background: url(https://resources.barunsonmcard.com/upload/invitation/240616/634593/gallery/0915f64c-51e6-42fc-a8c8-0b9e3c6c58c0.jpg) no-repeat center center" itemprop="contentUrl" data-size="800x1200.7407" class="setimgsize">
                                        <img src="./mobile_cards_files/img_frame.png" class="img_frame" itemprop="thumbnail" alt="">
                                    </a> 
                                </figure>
                                <figure>
                                    <a href="https://resources.barunsonmcard.com/upload/invitation/240616/634593/gallery/6f28d166-9a19-4afc-b2b9-ca3dae116650.jpg" style="background: url(https://resources.barunsonmcard.com/upload/invitation/240616/634593/gallery/bb8bd45b-2e39-4b53-90c0-26d929909abc.jpg) no-repeat center center" itemprop="contentUrl" data-size="800x1200.7407" class="setimgsize">
                                        <img src="./mobile_cards_files/img_frame.png" class="img_frame" itemprop="thumbnail" alt="">
                                    </a> 
                                </figure>
                                <figure>
                                    <a href="https://resources.barunsonmcard.com/upload/invitation/240616/634593/gallery/9548bc09-c473-4ac0-bef2-25f8abe9d02f.jpg" style="background: url(https://resources.barunsonmcard.com/upload/invitation/240616/634593/gallery/794c3ac2-5256-4dcd-9d3b-84d281796928.jpg) no-repeat center center" itemprop="contentUrl" data-size="800x1200.7407" class="setimgsize">
                                        <img src="./mobile_cards_files/img_frame.png" class="img_frame" itemprop="thumbnail" alt="">
                                    </a> 
                                </figure>
                                <figure>
                                    <a href="https://resources.barunsonmcard.com/upload/invitation/240616/634593/gallery/5a910a3c-da2c-4e94-9592-d2b3a402a39d.jpg" style="background: url(https://resources.barunsonmcard.com/upload/invitation/240616/634593/gallery/3a6fa867-0ad8-41fe-bbda-2f20d33a3df0.jpg) no-repeat center center" itemprop="contentUrl" data-size="800x533.00433" class="setimgsize">
                                        <img src="./mobile_cards_files/img_frame.png" class="img_frame" itemprop="thumbnail" alt="">
                                    </a> 
                                </figure>
                                <figure>
                                    <a href="https://resources.barunsonmcard.com/upload/invitation/240616/634593/gallery/6b5116d9-f65a-4f13-a684-9053b3da6339.jpg" style="background: url(https://resources.barunsonmcard.com/upload/invitation/240616/634593/gallery/0c688d17-7697-49c1-905a-9de553cf5853.jpg) no-repeat center center" itemprop="contentUrl" data-size="800x1200.7407" class="setimgsize">
                                        <img src="./mobile_cards_files/img_frame.png" class="img_frame" itemprop="thumbnail" alt="">
                                    </a> 
                                </figure>
                        </div>
                        <!-- 갤러리 확대 -->
                        <div class="pswp" tabindex="-1" role="dialog" aria-hidden="true">
                            <div class="pswp__bg"></div>
                            <div class="pswp__scroll-wrap">
                                <div class="pswp__container">
                                    <div class="pswp__item"></div>
                                    <div class="pswp__item"></div>
                                    <div class="pswp__item"></div>
                                </div>
                                <div class="pswp__ui pswp__ui--hidden">
                                    <div class="pswp__top-bar">
                                        <div class="pswp__counter"></div>
                                        <button class="pswp__button pswp__button--close" title="Close (Esc)"></button>
                                        <div class="pswp__preloader">
                                            <div class="pswp__preloader__icn">
                                                <div class="pswp__preloader__cut">
                                                    <div class="pswp__preloader__donut"></div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="pswp__share-modal pswp__share-modal--hidden pswp__single-tap">
                                        <div class="pswp__share-tooltip"></div>
                                    </div>
                                    <button class="pswp__button pswp__button--arrow--left" title="Previous (arrow left)"> </button>
                                    <button class="pswp__button pswp__button--arrow--right" title="Next (arrow right)"> </button>
                                    <div class="pswp__caption">
                                        <div class="pswp__caption__center"></div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <!-- / 갤러리 확대 -->
                    </div>
                    <!-- //갤러리 타입01 / 바둑판 썸네일 확대 -->
            </div>
        </section>
    </div>
</section>
    
<!-- 오시는 타이틀 이미지 -->
    <div id="area9" idx="9" class="templatearea bindarea" style="height:246px; ">
            
    <div id="8857032" class="item ITC02" style="position:absolute; top:0px; left: 0px;">
        <img class="img" src="./mobile_cards_files/a3ab3400-56d6-4a38-b1f3-05b266ee97c9.png" style="width:800px; height:246px;" alt="image">
    </div>

    </div>
<!-- 오시는 길 -->
<div id="area10" idx="10" class="location line">
    <div class="area">
        <div class="map_info">
            <dl class="map_title">
                <dt>
                    <span>네이버1784</span>
                    <span> 스카이홀</span>
                </dt>
                <dd id="addressDetail">경기 성남시 분당구 정자일로 95</dd>
                <dd></dd>
            </dl>
            <div class="location_button_box">
                
                        <a href="https://m.map.naver.com/map.naver?lat=37.3585194&amp;lng=127.1053187&amp;dlevel=20&amp;mapMode=&amp;pinTitle=%EB%84%A4%EC%9D%B4%EB%B2%841784&amp;boundary=&amp;traffic=" class="map_btn" target="_blank" data-lat="37.3585194" data-lng="127.1053187" data-name="네이버1784">지도</a>

            </div>
        </div>
                <div class="map_wrap">
                    <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3171.3211148064956!2d127.10274311155418!3d37.358578071976794!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x357b594ad4a5f637%3A0x3c6d14451c54d784!2z64Sk7J2067KEIDE3ODQ!5e0!3m2!1sko!2skr!4v1718533864412!5m2!1sko!2skr" width="600" height="450" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
                </div>
        
    </div>
</div>
    <!-- 기타정보 -->
<div id="area11" idx="11" class="etcarea">
    <div class="etc_info">
        <ul>
                <li>
                    <strong>버스 안내</strong>
                    <span>서울역-정자역: M4102, 8100<br>강남역-정자역: 1101<br>정자역-네이버: 2, 2-1</span>
                </li>
                <li>
                    <strong>자가용 안내</strong>
                    <span>네이버1784 지하주차장 이용</span>
                </li>
                <li>
                    <strong>신랑측 전세버스 (구미출발)</strong>
                    <span>⊙ 버스정보: 경북75바9127, 그랜드관광<br>⊙ 일시: 2024년 8월 10일(토) 09:00<br>⊙ 장소: 구미시농산물도매시장 (고아읍 선산대로 309)</span>
                </li>
                <li>
                    <strong>신부측 전세버스 (대구출발)</strong>
                    <span>⊙ 1호차(대구70바2705, 위너스투어)<br>&nbsp;&nbsp;&nbsp;&nbsp;- 7:30 고산역 4번 출구<br>&nbsp;&nbsp;&nbsp;&nbsp;- 7:50 반월당역 18번 출구<br>&nbsp;&nbsp;&nbsp;&nbsp;- 8:10 용산역 5번 출구<br>⊙ 2호차(대구78바 2227, 일석고속관광)<br>※ 탑승하실 분은 미리 혼주에게 연락해주시기 바랍니다.</span>
                </li>
        </ul>
    </div>
</div>


        <!-- 신랑 & 신부에게 마음 전하기 -->
    <div class="remittance">
            <div id="area12" idx="12" class="templatearea bindarea" style="height:223px; ">
                    
    <div id="8857020" class="item ITC02" style="position:absolute; top:0px; left: 0px;">
        <img class="img" src="./mobile_cards_files/tit_remittance.png" style="width:800px; height:223px;" alt="image">
    </div>

            </div>
        <div id="area13" idx="13" class="btn_wrap">
                <a href="https://www.barunsonmcard.com/m/august10th#" class="btn an_btn type03 groom" data-idx="1">신랑 측 계좌번호</a>
                <a href="https://www.barunsonmcard.com/m/august10th#" class="btn an_btn type03 bride" data-idx="2">신부 측 계좌번호</a>
        </div>
    </div>
    <!-- 계좌번호 팝업 -->
        <div class="account_pop" data-idx="1">
            <div class="layer_pop">
                <div class="account_list">
                        <dl>
                            <dt>
                                <span>신랑</span>&nbsp;&nbsp;계좌
                                <a href="https://www.barunsonmcard.com/m/august10th#" class="copy_account copy_btn" data-account="110474531163">복사하기</a>
                            </dt>
                            <dd>
                                <span>
                                    신한은행
                                </span>&nbsp;&nbsp;(예금주 : <span>최규범</span>)
                            </dd>
                            <dd>
                                <span>110474531163</span>
                            </dd>
                        </dl>
                        <dl>
                            <dt>
                                <span>부</span>&nbsp;&nbsp;계좌
                                <a href="https://www.barunsonmcard.com/m/august10th#" class="copy_account copy_btn" data-account="61320104366747">복사하기</a>
                            </dt>
                            <dd>
                                <span>
                                    KB국민
                                </span>&nbsp;&nbsp;(예금주 : <span>최시하</span>)
                            </dd>
                            <dd>
                                <span>61320104366747</span>
                            </dd>
                        </dl>
                        <dl>
                            <dt>
                                <span>모</span>&nbsp;&nbsp;계좌
                                <a href="https://www.barunsonmcard.com/m/august10th#" class="copy_account copy_btn" data-account="74109251009239">복사하기</a>
                            </dt>
                            <dd>
                                <span>
                                    지역농축협
                                </span>&nbsp;&nbsp;(예금주 : <span>박복순</span>)
                            </dd>
                            <dd>
                                <span>74109251009239</span>
                            </dd>
                        </dl>
                </div>
                <div class="btn_wrap type01">
                    <a href="https://www.barunsonmcard.com/m/august10th#" class="btn close">닫기</a>
                </div>

            </div>
            <div class="pop_mask"></div>
        </div>
        <div class="account_pop" data-idx="2">
            <div class="layer_pop">
                <div class="account_list">
                        <dl>
                            <dt>
                                <span>신부</span>&nbsp;&nbsp;계좌
                                <a href="https://www.barunsonmcard.com/m/august10th#" class="copy_account copy_btn" data-account="100026577128">복사하기</a>
                            </dt>
                            <dd>
                                <span>
                                    토스뱅크
                                </span>&nbsp;&nbsp;(예금주 : <span>채혜연</span>)
                            </dd>
                            <dd>
                                <span>100026577128</span>
                            </dd>
                        </dl>
                        <dl>
                            <dt>
                                <span>부</span>&nbsp;&nbsp;계좌
                                <a href="https://www.barunsonmcard.com/m/august10th#" class="copy_account copy_btn" data-account="75312037406">복사하기</a>
                            </dt>
                            <dd>
                                <span>
                                    NH농협
                                </span>&nbsp;&nbsp;(예금주 : <span>채희봉</span>)
                            </dd>
                            <dd>
                                <span>75312037406</span>
                            </dd>
                        </dl>
                        <dl>
                            <dt>
                                <span>모</span>&nbsp;&nbsp;계좌
                                <a href="https://www.barunsonmcard.com/m/august10th#" class="copy_account copy_btn" data-account="70206156005070">복사하기</a>
                            </dt>
                            <dd>
                                <span>
                                    NH농협
                                </span>&nbsp;&nbsp;(예금주 : <span>이애숙</span>)
                            </dd>
                            <dd>
                                <span>70206156005070</span>
                            </dd>
                        </dl>
                </div>
                <div class="btn_wrap type01">
                    <a href="https://www.barunsonmcard.com/m/august10th#" class="btn close">닫기</a>
                </div>

            </div>
            <div class="pop_mask"></div>
        </div>


        <!-- 안내문구 팝업 -->
        <div class="toast"></div>

        <!-- footer -->
        <footer class="footer">
            <input type="hidden" id="url" value="https://www.barunsonmcard.com/m/">
            <ul class="sns_list">
                <li><a href="https://www.facebook.com/sharer/sharer.php?u=https://www.barunsonmcard.com/m/august10th" target="_blank"><img src="./mobile_cards_files/facebook_icon.png" width="12" alt="페이스북"></a></li>
                    <li><a href="javascript:shareMessage();" id="kakao-link-btn"><img src="./mobile_cards_files/kakao_icon.png" width="40" alt="카카오톡"></a></li>
                <li><a href="https://www.barunsonmcard.com/m/august10th" class="copy_url"><img src="./mobile_cards_files/linkcopy_icon.png" width="24" alt="링크복사"></a></li>
            </ul>
            <div class="dvfooter">
                
            </div>
        </footer>
        <!-- //footer -->
    </div>


    <div class="loader_mcard" style="display: none;">
        <div class="lds-ellipsis"><div></div><div></div><div></div><div></div></div>
    </div>

    <script type="text/javascript" src="./mobile_cards_files/jquery-1.12.4.min.js"></script>
    <script type="text/javascript" src="./mobile_cards_files/swiper-bundle.min.js"></script>
    <script type="text/javascript" src="./mobile_cards_files/photoswipe.js"></script>
    <script type="text/javascript" src="./mobile_cards_files/photoswipe-ui-default.min.js"></script>
    <script type="text/javascript" src="./mobile_cards_files/photoswipe-gallery.js"></script>
    <script src="./mobile_cards_files/kakao.min.js" integrity="sha384-6MFdIr0zOira1CHQkedUqJVql0YtcZA1P0nbPrQYJXVJZUkTk/oX4U9GhUIs3/z8" crossorigin="anonymous"></script>
    <script type="text/javascript" src="./mobile_cards_files/jquery.mCustomScrollbar.js"></script>
    <script type="text/javascript" src="./mobile_cards_files/m2page.js"></script>
        <script type="text/javascript">
            $(document).ready(function (e) {
                var _image = $('meta[property="og:image"]').attr('content');
                
                Kakao.init('94a08cfa99972d4a71c99401069b1311');

                if (_image == null || _image.length == 0) {
                    $("#kakao-link-btn").hide();
                }

                //축의금 내용이 없으면 버튼 숨김
                const idxs = [];
                $(".account_pop").each(function (i) {
                    idxs.push($(this).attr("data-idx"));
                });

                //신랑
                if (idxs.indexOf("1") == -1){
                    $(".groom").hide();
                }

                //신부
                if (idxs.indexOf("2") == -1) {
                    $(".bride").hide();
                }
            });

            function shareMessage() {
                var _url = $('meta[property="og:url"]').attr('content');
                var _title = $('meta[property="og:title"]').attr('content');
                var _desc = $('meta[property="og:description"]').attr('content');
                var _image = $('meta[property="og:image"]').attr('content');
                var _imgWidth = $('meta[property="og:image:width"]').attr('content');
                var _imgHeight = $('meta[property="og:image:height"]').attr('content');
                var _eventDateTime = $("#eventDateTime").val();
                var _addressDetail = $("#addressDetail").text();

                var lat = $('.map_btn').data('lat');
                var lng = $('.map_btn').data('lng');
                var loc = $('.map_btn').data('name');

                var params = [];
                params.push('lat='+lat);
                params.push('lot='+lng);
                params.push('name='+loc);

                var mapUrl = window.location.origin+'/m2/mapredirect?' + params.join('&');

                var kakaoDesc = _desc;
                if (_eventDateTime.length > 0) {
                    kakaoDesc = _eventDateTime + "\n" + _desc;
                }

                if ((_addressDetail != null && _addressDetail.length > 0)) {
                    Kakao.Share.sendDefault({
                        objectType: 'feed',         // 카카오톡 링크 타입
                        content: {
                            title: _title,              // 타이틀
                            description: kakaoDesc,
                            imageUrl: _image,           // 이미지
                            link: {
                                mobileWebUrl: _url,     // 모바일 주소
                                webUrl: _url            // 웹 주소
                            },
                            imageWidth: parseInt(_imgWidth == null ? 0 : _imgWidth),
                            imageHeight: parseInt(_imgHeight == null ? 0 : _imgWidth)
                        },
                        social: {
                        },
                        buttons: [
                            {
                                title: '자세히 보기',
                                link: {
                                    mobileWebUrl: _url,
                                    webUrl: _url
                                }
                            },
                            {
                                title: '위치 보기',
                                link: {
                                    mobileWebUrl: mapUrl,
                                    webUrl: mapUrl
                                }
                            },
                        ]

                    });
                    //공유할 예식장 주소가 없으면
                } else if ((_addressDetail.length == 0)) {
                    Kakao.Share.sendDefault({
                        objectType: 'feed',
                        content: {
                            title: _title,
                            description: kakaoDesc,
                            imageUrl: _image,
                            link: {
                                mobileWebUrl: _url,
                                webUrl: _url,
                            },
                            imageWidth: parseInt(_imgWidth == null ? 0 : _imgWidth),
                            imageHeight: parseInt(_imgHeight == null ? 0 : _imgWidth)
                        },
                        buttons: [
                            {
                                title: '자세히 보기',
                                link: {
                                    mobileWebUrl: _url,
                                    webUrl: _url,
                                },
                            }
                        ],
                    });
                }
            }
        </script>

<deepl-input-controller><template shadowrootmode="open"><link rel="stylesheet" href="chrome-extension://cofdbpoegempjloogbagkncekinflcnj/build/content.css"><div dir="ltr"><div class="dl-input-translation-container svelte-95aucy"><div></div></div></div></template></deepl-input-controller></body></html>