CINXE.COM
동물해방물결 후원페이지
<!DOCTYPE html> <html lang="ko"> <head> <meta charset="utf-8"> <title>동물해방물결 후원페이지</title> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no"> <link rel="stylesheet" href="/static/css/bootstrap-css/bootstrap.min.css"> <link href="https://fonts.googleapis.com/css?family=Open+Sans" rel="stylesheet"> <link rel="stylesheet" href="/static/css/common.css?v=20231012"/> <link rel="stylesheet" href="/static/css/shop-dropdown.css?v=20220818"/> <link rel="icon" href="https://media.donus.org/MediaFile/donghaemul/page/24502fd9-577f-4e9e-b303-c553affa4f2f.jpg" type="image/png" /> <style> /* 결제페이지 배경 이미지 */ #donate-page-background {background-image: url(https://cdn.donus.org/media-file/EBC6648E-1A96-4D34-8550-3843D06B5935/page/d974a5ee-7783-4035-85c6-1a320e41070b.jpg);} /* 결제페이지 Step3 배경 이미지 */ #donate-confirm-page-background {background-image: url(https://media.donus.org/MediaFile/donghaemul/page/9a796cb2-f5df-44eb-ad71-c371dd34cfa8.jpg);} /* 주요 색상: 배경 - 결제페이지 데스크탑 상단 박스 배경색상 */ #nav .member, .donate-page-box, .submit, .submit-100, .btn-modal-agree {background-color: #000000;} #donate-page-left, #donate-confirm-left {border-top: 5px solid #000000;} /* 주요 색상: 폰트 */ #nav .member, .donate-page-box, .submit, .submit-100, #nav .logout, .btn-modal-agree {color: #ffffff;} #nav .logout {border: 1px solid #ffffff;} #nav .mydonus {border: 1px solid #ffffff;} /* 보조 색상: 배경 */ .dtype input[type="radio"]:checked + label { background-color: #454545 !important; border: 1px solid #454545 !important; } .pay-dtype input[type="radio"]:checked + label { background-color: rgba(6, 198, 132, 0.04) !important; border: 1px solid rgba(6, 198, 132, 1) !important; } .step_list04 .step_list04_input.onf {background: #454545;} #nav .menu {background-color: #454545;} #nav .menu li.active {background-color: #454545;} @media screen and (max-width: 1024px) {#nav {background-color: #454545;}} /* 보조 색상: 폰트 */ .dtype input[type="radio"]:checked + label {color: #ffffff !important;} .pay-dtype input[type="radio"]:checked + label {color: black !important;} .step_list04 .step_list04_input.onf {color: #ffffff;} #nav .menu li a {color: #ffffff; opacity: 0.7;} #nav .menu li .dropdown-btn {background-color: #454545;} #nav .menu li .dropdown-btn.down {background-color: #000000;} #nav .menu .dropdown-container {background-color: #000000;} .dropdown-menu-arrow { width: 0; height: 0; border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 6px solid #fff; position: relative; top: 35%; left: 5%; } #nav .menu li.active, #nav .menu li.active a, #nav .menu li a:hover {color: #ffffff !important; opacity: 1;} #nav .menu li div a {color: #ffffff; opacity: 0.7;} /* 결제페이지 모바일 상단 박스 배경 이미지 */ @media screen and (max-width: 767px) { .donate-page-box:before {background-image: url(https://cdn.donus.org/media-file/EBC6648E-1A96-4D34-8550-3843D06B5935/page/d1998d87-cef9-4ad7-ba53-7d623ba4e0c3.jpg);} .donate-page-box {background-color: #000; color: #fff;} } /* 마이페이지 로그인 배경 이미지 */ #login-page-background {background-image: url(https://media.donus.org/MediaFile/donghaemul/page/cbf34031-5cbc-4719-be0b-b21e7b6277cd.jpg);} /* 마이페이지 로그인 우측 디스플레이 이미지 */ #login-page-right:before {background-image: url(https://media.donus.org/MediaFile/donghaemul/page/36632bb1-9b13-402f-b3ed-bad74d3816f2.jpg);} /* 마이페이지 배경 이미지 */ #support-page-background {background-image: url(https://media.donus.org/MediaFile/donghaemul/page/a9b525cf-55cb-453c-b751-b58d7de46b67.jpg);} #memberinfo-page-right .btn50.confirm {background-color: #000000; color: #ffffff !important; border: 1px solid #9c9c9c !important;} /* 마이페이지 약정상세화면 버튼 색상 */ #recordinfo-page-right .btn40.active { background-color: #454545 !important; color: #ffffff !important; border:0;} #recordinfo-page-right .btn40.disabled {background-color: #F0F0F0 !important; color: #9C9C9C !important;} #recordinfo-page-right .btn50.confirm {background-color: #454545 !important; color: #ffffff !important;} .pay-subfontcolor { color: #ffffff; } .pay-subbgcolor { background-color: #454545; } </style> <!--<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>--> <script type="text/javascript" src="/js/jquery-1.11.3.min.js"></script> <script type="text/javascript" src="/static/js/jquery.mousewheel.js"></script> <script type="text/javascript" src="/static/js/jquery.jscrollpane.min.js"></script> <script type="text/javascript" src="/static/js/jquery.nice-select.js"></script> <script type="text/javascript" src="/static/js/bootstrap-js/bootstrap.min.js"></script> <script type="text/javascript" src="/static/js/scrolltopcontrol.js?v=220823"></script> <script type="text/javascript" src="/static/js/common.js?version=6"></script> <script type="text/javascript" src="/static/js/moment/moment.min.js"></script> <script type="text/javascript" src="/static/js/signature_pad/signature_pad.umd.min.js"></script> <!-- Google Tag Manager (확장) start --> <!-- Google Tag Manager (확장) end --> <!-- Google Tag Manager (기본 (도너스 사용)) start --> <script> (function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-MK4QNS6'); </script> <!-- Google Tag Manager (기본 (도너스 사용)) end --> <!-- Google Tag Manager (기본 (테넌트 사용)) start --> <script> (function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-N6FP5K6'); </script> <!-- Google Tag Manager (기본 (테넌트 사용)) end --> <!-- Google Analytics (기본) start --> <script async src="https://www.googletagmanager.com/gtag/js?id=UA-186427934-1"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); </script> <!-- Google Analytics (기본) end --> <!-- Google Analytics (확장 (테넌트 사용)) start --> <script> gtag('config', 'UA-186427934-1',{ 'user_id': '', 'custom_map': { 'dimension1': 'userId', 'dimension2': 'email', 'dimension3': 'paymentMethod' }, 'groups': 'ua', }); </script> <!-- Google Analytics (확장 (테넌트 사용)) end --> <!-- Google Analytics (확장 (테넌트 사용)) start --> <!-- Google Analytics (확장 (테넌트 사용)) end --> <!-- DAUM ZIPCODE API --> <script src="https://ssl.daumcdn.net/dmaps/map_js_init/postcode.v2.js"></script> <!-- PAY COMMON VARIABLE --> <script> var g_tenantcode = "donghaemul"; var g_ismobile = ""; var g_csrf_token = "csrf_donuspay_token"; var g_csrf_hash = "18a80bff0ec6f6642d088f18ddb5c89b"; var g_callback = $.Callbacks(); var g_paymethodbtnkeyword = "정기:일시"; </script> <!-- PAY COMMON JS --> <script type="text/javascript" src="/js/pay_util.js?v=20241214_v1"></script> <script type="text/javascript" src="/js/pay_service.js?v=20241214_v1"></script> <script>$(document).ready(function() {service.init();});</script> <!-- Facebook Open Graph Data --> <meta property="og:title" content="동물해방물결 후원하기" /> <meta property="og:type" content=" " /> <meta property="og:url" content="https://secure.donus.org/donghaemul/pay/" /> <meta property="og:image" content="https://media.donus.org/MediaFile/donghaemul/page/5bc929a5-7436-46c0-92bb-f06f6ef96eac.jpg" /> <meta property="og:description" content="동물 해방을 위한 한 걸음, 동물해방물결 후원으로 함께하세요!" /> <!-- dropdown menu --> <script> $(document).ready(function() { var dropdownBtn = document.getElementsByClassName("dropdown-btn"); var i; for (i = 0; i < dropdownBtn.length; i++) { dropdownBtn[i].addEventListener("click", function() { this.classList.toggle("down"); if ($(".dropdown-container").hasClass("hidden")) { $(".dropdown-container").removeClass('hidden'); } else { $(".dropdown-container").addClass('hidden'); } }); } }); </script> <!-- dropdown menu --> <script> var g_redirecturl = ""; var g_useReceiptPage = true; </script> <script type="text/javascript" src="/js/mypage/mypage_login.js?v=20241214_v1"></script> </head> <body> <!-- Google Tag Manager (noscript) --> <noscript> <iframe src="https://www.googletagmanager.com/ns.html?id=GTM-N6FP5K6" height="0" width="0" style="display:none;visibility:hidden"></iframe> </noscript> <!-- End Google Tag Manager (noscript) --> <div id="wrap-login"> <div id="login-page-background"> <!-- ie 10 이하 브라우저 미지원 --> <script> $(function () { var ieVersion = (function () { var version = -1; if ( navigator.appName == 'Microsoft Internet Explorer' && navigator.userAgent.toLowerCase().indexOf('msie') != -1 && new RegExp('MSIE ([0-9]{1,}[\./0-9]{0,})').exec(navigator.userAgent) != null ) { version = parseInt(RegExp.$1); } return version; })(); if (ieVersion !== -1 && ieVersion < 11) { $("#header-ie10-noti").removeClass('hidden'); }else{ $("#header-ie10-noti").addClass('hidden'); } }); (function checkIeAndRedirectToEdge() { if (/MSIE \d|Trident.*rv:/.test(navigator.userAgent)) { window.location.href = "microsoft-edge:" + window.location.href; setTimeout(function () { window.location.href = "https://go.microsoft.com/fwlink/?linkid=2151617"; }, 100); } })(); </script> <header> <div id="header-ie10-noti" class="hidden"> <div class="header-ie10-noti-icon"> <span class="numberCircle">!</span> </div> <div class="header-ie10-noti-info"> 인터넷 익스플로러 10 이하에서는 정상적으로 동작하지 않을 수 있습니다.<br/> 브라우저를 최신 버전으로 업데이트하거나 다른 브라우저 사용을 권장드립니다. </div> </div> <div id="header-desktop"> <a href="http://www.donghaemul.com/"> <img src="https://media.donus.org/MediaFile/donghaemul/page/bc2c0a9b-c4fe-4151-ad39-83f2003e97d2.jpg" alt="logo"/> </a> </div> <div id="header-mobile-logo"> <a href="http://www.donghaemul.com/"> <img src="https://media.donus.org/MediaFile/donghaemul/page/efc17c7c-3f60-4678-bb75-86920eb3d9cf.jpg" alt="logo"/> </a> </div> </header> <div id="login-page-frame"> <div class="login-page-outer"> <div class="login-page-inner"> <div class="login-page-centered"> <div id="login-page-left"> <div class="login-page-left-title"> <h1>마이페이지</h1> <p>* 로그인 정보 불일치로 실패 시 메일 또는 전화주세요.</p> </div> <form> <div class="form-row"> <label>이름</label> <input id="name" type="text" placeholder="" class="input-name" maxlength="30" onblur="this.value=this.value.trim();" /> </div> <div class="form-row"> <label>인증수단</label> <ul class="auth"> <li role="presentation" class="dtype select-phone" href="#CallForm"> <input type="radio" name="auth-method" value="1" id="authmethod1" class="radio-auth-way" checked="checked" onclick="service.otp_authmethod = 1;"> <label for="authmethod1"> <span>휴대전화</span> </label> </li> <li role="presentation" class="dtype" href="#EmailForm"> <input type="radio" name="auth-method" value="2" id="authmethod2" class="radio-auth-way" onclick=" service.otp_authmethod=2;"> <label for="authmethod2"> <span>이메일</span> </label> </li> </ul> </div> <div class="tab-content"> <div role="tabpanel" class="tab-pane active" id="CallForm"> <div class="form-row-contact row-call"> <label>휴대전화</label> <select id="cellphone1" class="nice"> <option value="010">010</option> <option value="011">011</option> <option value="016">016</option> <option value="017">017</option> <option value="018">018</option> <option value="019">019</option> </select> <div class="hyphen">−</div> <input type="tel" id="cellphone2" pattern="[0-9]*" inputmode="numeric" maxlength="4" class="input-call" onkeyup="this.value=this.value.replace(/[^\d]+/, '');if(this.value.length == 4){document.getElementById('cellphone3').focus();}" onblur="this.value=this.value.replace(/[^\d]+/, '');" /> <div class="hyphen">−</div> <input type="tel" id="cellphone3" pattern="[0-9]*" inputmode="numeric" maxlength="4" class="input-call" onkeyup="this.value=this.value.replace(/[^\d]+/, '');" onblur="this.value=this.value.replace(/[^\d]+/, '');" /> </div> <div class="form-row-contact row-email" hidden> <label>이메일</label> <input type="text" id="email" class="input-email" /> </div> <a class="explain-name" id="sendotp" href="#" onclick=""> 인증번호 받기 </a> <div class="explain"> <span class="explain-icon"> <a class="question_w"> <img src="/static/img/service/question-mark_webBg.png" alt="tooltip" /> </a> <a class="question_m"> <img src="/static/img/service/question-mark_Mbg.png" alt="tooltip" /> </a> <span class="explain-text1"> 인증번호는 카카오톡 알림톡으로 발송되며, 카카오톡 미이용자일 경우 문자메시지로 발송됩니다. </span> </span> </div> <div class="form-row"> <label>인증번호</label> <input type="tel" id="otp_login" pattern="[0-9]*" inputmode="numeric" class="input-number" maxlength="6" onkeyup="this.value=this.value.replace(/[^\d]/, '');" onblur="this.value=this.value.replace(/[^\d]/, '');" /> <div class="desc-box"> <div class="desc-rowAuto content-stress hidden"> <span id="otp_counter_login">(남은시간:)</span> </div> </div> </div> </div> </div> </form> <div class="submit-100"> <a id="btnLogin" href="javascript:void(0);">로그인</a> </div> </div> <div id="login-page-right"> <div class="text-frame"> <h1></h1> </div> </div> </div> </div> </div> </div> </div> <footer> <div class="footer-pc"> <ul class="company-info-pc"> <li></li>대표 : 이지연 | 전화번호 : 02-554-8835 | 이메일 : donghaemul@donghaemul.com <li></li>주소 : 서울시 종로구 성균관로 19 2층 (우) 03073 | 고유번호 : 411-82-80516 <li></li>후원 : 신한 100 032 648005 동물해방물결 </ul> <div class="footer-pc-logo"> <a href="https://donus.org?utm_source=donusPayStandard&utm_medium=ownedMedia&utm_content=footerLogo&utm_campaign=20180327&utm_term=donghaemul" target="_blank"> <img src="/static/img/donuspay_logo.png" alt="도너스페이 로고"> </a> </div> </div> <div class="footer-mobile"> <div class="company-info-mobile"> <p class="company-info-mobile-title"></p> <p class="company-info-mobile-description">대표 : 이지연 | 전화번호 : 02-554-8835 <br>이메일 : donghaemul@donghaemul.com <br>주소 : 서울시 종로구 성균관로 19 2층 (우) 03073 <br>고유번호 : 411-82-80516 <br>후원 : 신한 100 032 648005 동물해방물결</p> </div> <div class="footer-mobile-logo"> <a href=" https://donus.org?utm_source=donusPayStandard&utm_medium=ownedMedia&utm_content=footerLogo&utm_campaign=20180327&utm_term=donghaemul" target="_blank"> <img src="/static/img/donuspay_logo_m.png" alt="도너스페이 로고"> </a> </div> </div> </footer> </div> </body> </html>