1<!DOCTYPE html> 2<html lang="ko" data-clay-theme="light-only"> 3<head> 4 <meta charset="utf-8"> 5 <meta name="viewport" content="width=device-width, initial-scale=1.0"> 6 <meta name="description" content=""> 7 <meta name="author" content=""> 8 <meta name="robots" content="noindex"> 9 <!--<link href="http://cocoaphp.com/publish/bootstrap/css/material-design-iconic-font.min.css" rel="stylesheet">--> 10
10<script> 11 var TEST_SERVER = false; 12 var VENDOR_DOMAIN = 'https://vendor-cdn.imweb.me'; 13 var UPLOAD_URL = '/upload/'; 14 var CDN_UPLOAD_URL = 'https://cdn.imweb.me/upload/'; 15 var IS_MAIN = false; 16 var IS_MOBILE = false; 17 var IS_IE = false; 18 var ADMIN_URL = '/admin/'; 19 var THUMBNAIL_URL= '/thumbnail/'; 20 var CDN_THUMBNAIL_URL= 'https://cdn.imweb.me/thumbnail/'; 21 var SITE_CODE = 'S20210801be668fd10ebc6'; 22 var UNIT_CODE = 'u2021080161065df646b12'; 23 var IS_PARTNER_SITE = false; 24 var IS_B2B_SITE = false; 25 var MAIN_DOMAIN = 'hoodadakshop.kr'; 26 var CURRENT_DOMAIN = 'hoodadakshop.kr'; 27 var CURRENT_PROTOCOL = 'https://'; 28 var GOOGLE_API_KEY = 'AIzaSyA8CCexf9XTJcH09mStr-HRW4nin4k8J7w'; 29 var FROALA_VERSION = 311; 30 var FROALA_KEY = '6LF5g1B3D3F3C6C3E2F-11SLJCKHXOSLMc1YGSGb1ZXHSe1CgB5A4D4C3E3C2A13A19B7B2=='; 31 var UNIT_NAME = "\ud6c4\ub2e4\ub2e5 \uacf5\uad6c\ubab0"; 32 var SITE_VERSION = 'pro'; 33 var siteOutboundBlocked = true; 34 var MEMBER_NAME = null; 35 var MEMBER_EMAIL = null; 36 var IS_OWNER = false; 37 var IS_ANDROID_APP = 'N'; 38 var IS_IOS_APP = 'N'; 39 var APP_VERSION = '0'; 40 var ADOBE_AVIARY_KEY = '94bd22b5cc05424494c5e7aeabab8466'; 41 var LIMIT_API_LIST = []; 42 var NO_IMAGE_URL = '/img/no-image.png'; 43 var ADMIN_LANG_CODE = 'KR'; 44 var SITE_COUNTRY_CODE = 'kr'; 45 var VIEWER_COUNTRY = "US"; 46 var KOREA_COUNTRY_CODE = 'kr'; 47 var TAIWAN_COUNTRY_CODE = 'tw'; 48 var IS_GUEST = true; 49 var MEMBER_HASH = ''; 50 var CHECK_OFFICE = false; 51 var LANG_CODE = 'KR'; 52 var EXPIRE_TYPE = ''; 53 var EXPIRE_PERIOD = 0; // ë§ë£ ë ì§ 54 var USE_OMS = true; 55 var ADDRESS_MODE = 'daum'; 56 57 /****************************************************************/ 58 /* m_Completepayment ì¤ëª */ 59 /****************************************************************/ 60 /* ì¸ì¦ìë£ì ì¬ê· í¨ì */ 61 /* í´ë¹ í¨ìëª ì ì ë ë³ê²½íë©´ ìë©ëë¤. */ 62 /* í´ë¹ í¨ìì ìì¹ë payplus.js ë³´ë¤ë¨¼ì ì ì¸ëì´ì¬ í©ëë¤. */ 63 /* Web ë°©ìì ê²½ì° ë¦¬í´ ê°ì´ form ì¼ë¡ ëì´ì´ */ 64 /* EXE ë°©ìì ê²½ì° ë¦¬í´ ê°ì´ json ì¼ë¡ ëì´ì´ */ 65 /****************************************************************/ 66 function m_Completepayment( FormOrJson, closeEvent ) 67 { 68 var frm = document.order_info; 69 70 /********************************************************************/ 71 /* FormOrJsonì ê°ë§¹ì ìì íì© ê¸ì§ */ 72 /* frm ê°ì FormOrJson ê°ì´ ì¤ì ë¨ frm ê°ì¼ë¡ íì© íì ì¼ ë©ëë¤. */ 73 /* FormOrJson ê°ì íì© íìë ¤ë©´ 기ì ì§ìíì¼ë¡ 문ìë°ëëë¤. */ 74 /********************************************************************/ 75 GetField( frm, FormOrJson ); 76 77 78 if( frm.res_cd.value == "0000" ) 79 { 80 /* 81 ê°ë§¹ì 리í´ê° ì²ë¦¬ ìì 82 */ 83 84 frm.submit(); 85 } 86 else 87 { 88 alert( "[" + frm.res_cd.value + "] " + frm.res_msg.value ); 89 90 closeEvent(); 91 } 92 } 93 </script>
93 94
94<script src="/js/localize/KR_KRW_currency.js?1790749197"></script>
94<script src="/js/localize/admin/KR.js?1790749200"></script>
94 95 <style>.fallback-root{--gnb-width: 224px;--gnb-min-width: 60px;display:block;.fallback-container{position:relative;min-width:var(--gnb-min-width);height:100dvh}.fallback-content{position:relative;width:var(--gnb-width);height:100%;background-color:var(--clay-surface-sub);box-shadow:0 4px 4px #0000000a,0 0 8px #0000000a;&[data-open=false]{position:absolute;top:0;left:0;width:var(--gnb-min-width);z-index:1000}&[data-open=false]:hover{width:var(--gnb-width)}}}.notify-modal{--panel-border-radius: 8px;--contents-width: 380px;--contents-height: 680px;position:fixed;top:92px;left:224px;z-index:var(--clay-zIndex-modal)}.notify-modal--narrow{left:60px}.notify-modal__backdrop{position:fixed;inset:0;display:none;background-color:#00000026;z-index:-1}.notify-modal__panel{display:block}.notify-modal__contents{width:var(--contents-width);height:var(--contents-height);transform:translate(-6px);background-color:#fff;border-radius:var(--panel-border-radius);box-shadow:0 14px 32px #4b515b1f,0 10px 14px #4b515b0f,0 0 0 1px #4b515b08,0 0 1px #4b515b33;overflow:hidden}.notify-modal__iframe{width:100%;height:100%;border:none}@media (min-width: 588px) and (max-width: 992px){.notify-modal{--panel-border-radius: 16px;--contents-margin: 32px;--contents-width: 540px;--contents-height: calc(100% - var(--contents-margin) * 2);inset:0}.notify-modal__backdrop{display:block}.notify-modal__panel{display:flex;justify-content:center;height:100%;overflow:hidden auto}.notify-modal__contents{height:100%;max-height:var(--contents-height);margin:var(--contents-margin);transform:none;box-shadow:0 25px 80px #4b515b33,0 0 1px #4b515b33}}@media screen and (max-width: 587px){.notify-modal{--panel-border-radius: 0;--contents-width: 100%;--contents-height: 100%;inset:0}.notify-modal__panel{height:100%}.notify-modal__contents{transform:none;box-shadow:none}} 96</style><link rel="stylesheet" href="/brand-admin/_astro/gnb.BZBi7U3h.css"><link rel="stylesheet" href="/brand-admin/_astro/Editor.D93C6ejO.css"><link rel="stylesheet" href="/brand-admin/_astro/container.DjRsPqZ2.css"><link rel="stylesheet" href="/brand-admin/_astro/client-provider.7E25a_e5.css"><link rel="stylesheet" type="text/css" href="https://vendor-cdn.imweb.me/css/bootstrap.css?1630317764"/><link rel="stylesheet" type="text/css" href="https://vendor-cdn.imweb.me/css/jquery-ui.css?1577682282"/><link rel="stylesheet" type="text/css" href="https://vendor-cdn.imweb.me/css/ii.css?1738631657"/><link rel="stylesheet" type="text/css" href="https://vendor-cdn.imweb.me/css/db-icons.css?1765355390"/><link rel="stylesheet" type="text/css" href="https://vendor-cdn.imweb.me/css/material-design-iconic-font.min.css?1577682282"/><link rel="stylesheet" type="text/css" href="https://vendor-cdn.imweb.me/css/bootstrap-datepicker.css?1577682282"/><link rel="stylesheet" type="text/css" href="https://vendor-cdn.imweb.me/css/black-tie.css?1608189400"/><link rel="stylesheet" type="text/css" href="https://vendor-cdn.imweb.me/css/simple-line-icons.css?1608179394"/><link rel="stylesheet" type="text/css" href="https://vendor-cdn.imweb.me/fonts/im-icon/style.css?1706507651"/><link rel="stylesheet" type="text/css" href="https://vendor-cdn.imweb.me/fonts/pretendard/web/variable/pretendardvariable.css?1669875619"/><link rel="stylesheet" type="text/css" href="https://vendor-cdn.imweb.me/fonts/froala-emoji-tap/style.css?1669163161"/><link rel="stylesheet" type="text/css" href="https://vendor-cdn.imweb.me/css/preloader.css?1577682282"/><link rel="stylesheet" type="text/css" href="https://vendor-cdn.imweb.me/css/owl.carousel2.css?1577682282"/><link rel="stylesheet" type="text/css" href="https://vendor-cdn.imweb.me/css/slick.css?1577682282"/><link rel="stylesheet" type="text/css" href="https://vendor-cdn.imweb.me/css/animate.css?1577682282"/><link rel="stylesheet" type="text/css" href="https://vendor-cdn.imweb.me/css/nprogress.css?1577682282"/><link rel="stylesheet" type="text/css" href="https://vendor-cdn.imweb.me/css/trackpad-scroll-emulator.css?1577682282"/><link rel="stylesheet" type="text/css" href="https://vendor-cdn.imweb.me/css/font-awesome.min.css?1626931454"/><link rel="stylesheet" type="text/css" href="https://vendor-cdn.imweb.me/css/font-awesome5.min.css?1669163183"/><link rel="stylesheet" type="text/css" href="https://vendor-cdn.imweb.me/froala_311/css/froala_editor.pkgd.css?1669163161"/><link rel="stylesheet" type="text/css" href="https://vendor-cdn.imweb.me/froala_311/css/froala_style.min.css?1669163161"/><link rel="stylesheet" type="text/css" href="https://vendor-cdn.imweb.me/css/emoji.css?1669163161"/><link rel="stylesheet" type="text/css" href="https://vendor-cdn.imweb.me/css/froala/custom-theme-v3.css?1691644561"/><link rel="stylesheet" type="text/css" href="https://vendor-cdn.imweb.me/css/colorpicker.css?1577682282"/><link rel="stylesheet" type="text/css" href="https://vendor-cdn.imweb.me/css/codemirror.css?1577682282"/><link rel="stylesheet" type="text/css" href="https://vendor-cdn.imweb.me/css/bootstrap-spinner.css?1577682282"/><link rel="stylesheet" type="text/css" href="https://vendor-cdn.imweb.me/css/chosen.css?1617331870"/><link rel="stylesheet" type="text/css" href="https://vendor-cdn.imweb.me/css/fullcalendar.min.css?1577682282"/><link rel="stylesheet" type="text/css" href="https://vendor-cdn.imweb.me/css/morris.core.css?1577682282"/><link rel="stylesheet" type="text/css" href="https://vendor-cdn.imweb.me/css/lightgallery.min.css?1596596378"/><link rel="stylesheet" type="text/css" href="https://vendor-cdn.imweb.me/css/im_component.css?1698001225"/><link rel="stylesheet" type="text/css" href="https://vendor-cdn.imweb.me/css/site/admin/admin.css?1776238233"/><link rel="stylesheet" type="text/css" href="https://vendor-cdn.imweb.me/css/site/admin/toastr.css?1593569516"/><link rel="stylesheet" type="text/css" href="https://vendor-cdn.imweb.me/css/site/alarm_menu.css?1678083003"/><link rel="stylesheet" type="text/css" href="https://vendor-cdn.imweb.me/css/vanilla-calendar.css?1707108717"/><link rel="stylesheet" type="text/css" href="https://vendor-cdn.imweb.me/css/vanilla-calendar.light.css?1707108717"/><link rel="stylesheet" type="text/css" href="https://vendor-cdn.imweb.me/css/web_components/io/style.css?1719869369"/><link rel="stylesheet" type="text/css" href="https://vendor-cdn.imweb.me/fonts/fontello/src
96/css/fontello.css?1669066661"/><link rel="stylesheet" type="text/css" href="https://vendor-cdn.imweb.me/css/site/admin/bootstrap-theme-dashboard.css?1698001225"/><link rel="stylesheet" type="text/css" href="https://vendor-cdn.imweb.me/css/site/admin/dashboard.css?1768280174"/><link rel="stylesheet" type="text/css" href="https://vendor-cdn.imweb.me/css/site/admin/select2.css?1590627710"/><link rel="stylesheet" type="text/css" href="https://vendor-cdn.imweb.me/css/site/admin/accordion.css?1653367465"/><link rel="stylesheet" type="text/css" href="https://vendor-cdn.imweb.me/css/tailwind.css?1780980950"/><link rel="stylesheet" type="text/css" href="https://vendor-cdn.imweb.me/css/swiper.min.css?1652070481"/><link rel="stylesheet" type="text/css" href="/admin/js/components/imweb-datepicker/imweb-datepicker.css?1707108717"/><link rel="stylesheet" type="text/css" href="/admin/js/components/imweb-datepicker/imweb-datepicker-modal.css?1707108717"/><link rel="stylesheet" type="text/css" href="https://static.imweb.me/design-system/clay/font-face.css"/><link rel="stylesheet" type="text/css" href="https://static.imweb.me/design-system/clay/vars.css"/>
96<script src="https://vendor-cdn.imweb.me/js/jquery.js?1627517460"></script>
96<script src="https://vendor-cdn.imweb.me/js/jquery.browser.js?1577682292"></script>
96<script src="https://vendor-cdn.imweb.me/js/jquery-ui.min.js?1577682292"></script>
96<script src="https://vendor-cdn.imweb.me/js/bootstrap.min.js?1630317768"></script>
96<script src="https://vendor-cdn.imweb.me/js/[email protected]?1669067096"></script>
96<script src="https://vendor-cdn.imweb.me/js/[email protected]?1669067096"></script>
96<script src="https://vendor-cdn.imweb.me/js/tinycolor-min.js?1577682292"></script>
96<script src="https://vendor-cdn.imweb.me/js/im_component.js?1779923336"></script>
96<script src="https://vendor-cdn.imweb.me/js/admin_common.js?1781073096"></script>
96<script src="https://vendor-cdn.imweb.me/js/table_list.js?1633057104"></script>
96<script src="https://vendor-cdn.imweb.me/js/data.js?1577682292"></script>
96<script src="https://vendor-cdn.imweb.me/js/owl.carousel2.js?1638150602"></script>
96<script src="https://vendor-cdn.imweb.me/js/slick.min.js?1577682292"></script>
96<script src="https://vendor-cdn.imweb.me/js/preloader.js?1577682292"></script>
96<script src="https://vendor-cdn.imweb.me/js/jquery.lazyload.min.js?1577682292"></script>
96<script src="https://vendor-cdn.imweb.me/js/jquery.trackpad-scroll-emulator.js?1577682292"></script>
96<script src="https://vendor-cdn.imweb.me/js/jquery.fileupload.js?1577682292"></script>
96<script src="https://vendor-cdn.imweb.me/js/nprogress.js?1577682292"></script>
96<script src="https://vendor-cdn.imweb.me/froala_311/js/froala_editor.min.js?1608673099"></script>
96<script src="https://vendor-cdn.imweb.me/froala_311/js/plugins/align.min.js?1607673165"></script>
96<script src="https://vendor-cdn.imweb.me/froala_311/js/plugins/char_counter.min.js?1607673165"></script>
96<script src="https://vendor-cdn.imweb.me/froala_311/js/plugins/code_beautifier.min.js?1607673167"></script>
96<script src="https://vendor-cdn.imweb.me/froala_311/js/plugins/code_view.min.js?1608643124"></script>
96<script src="https://vendor-cdn.imweb.me/froala_311/js/plugins/colors.min.js?1607673167"></script>
96<script src="https://vendor-cdn.imweb.me/froala_311/js/plugins/draggable.min.js?1607673168"></script>
96<script src="https://vendor-cdn.imweb.me/froala_311/js/plugins/emoticons.min.js?1669163161"></script>
96<script src="https://vendor-cdn.imweb.me/froala_311/js/plugins/entities.min.js?1607673170"></script>
96<script src="https://vendor-cdn.imweb.me/froala_311/js/plugins/file.min.js?1607673170"></script>
96<script src="https://vendor-cdn.imweb.me/froala_311/js/plugins/font_family.min.js?1607673170"></script>
96<script src="https://vendor-cdn.imweb.me/froala_311/js/plugins/font_size.min.js?1607673170"></script>
96<script src="https://vendor-cdn.imweb.me/froala_311/js/plugins/forms.min.js?1607673170"></script>
96<script src="https://vendor-cdn.imweb.me/froala_311/js/plugins/fullscreen.min.js?1607673170"></script>
96<script src="https://vendor-cdn.imweb.me/froala_311/js/plugins/image.min.js?1607673172"></script>
96<script src="https://vendor-cdn.imweb.me/froala_311/js/plugins/image_manager.min.js?1607673172"></script>
96<script src="https://vendor-cdn.imweb.me/froala_311/js/plugins/inline_style.min.js?1607673173"></script>
96<script src="https://vendor-cdn.imweb.me/froala_311/js/plugins/line_breaker.min.js?1607673173"></script>
96<script src="https://vendor-cdn.imweb.me/froala_311/js/plugins/link.min.js?1607673173"></script>
96<script src="https://vendor-cdn.imweb.me/froala_311/js/plugins/lists.min.js?1607673174"></script>
96<script src="https://vendor-cdn.imweb.me/froala_311/js/plugins/paragraph_format.min.js?1607673174"></script>
96<script src="https://vendor-cdn.imweb.me/froala_311/js/plugins/paragraph_style.min.js?1607673174"></script>
96<script src="https://vendor-cdn.imweb.me/froala_311/js/plugins/quote.min.js?1607673174"></script>
96<script src="https://vendor-cdn.imweb.me/froala_311/js/plugins/save.min.js?1607673174"></script>
96<script src="https://vendor-cdn.imweb.me/froala_311/js/plugins/table.min.js?1607673177"></script>
96<script src="https://vendor-cdn.imweb.me/froala_311/js/plugins/url.min.js?1607673177"></script>
96<script src="https://vendor-cdn.imweb.me/froala_311/js/plugins/video.min.js?1625125569"></script>
96<script src="https://vendor-cdn.imweb.me/froala_311/js/plugins/line_height.min.js?1607673173"></script>
96<script src="https://vendor-cdn.imweb.me/froala_311/js/third_party/font_awesome.min.js?1607673192"></script>
96<script src="https://vendor-cdn.imweb.me/froala_311/js/languages/ko.js?1669875597"></script>
96<script src="https://vendor-cdn.imweb.me/froala_311/js/languages/zh_tw.js?1669875597"></script>
96<script src="https://vendor-cdn.imweb.me/js/jquery-scrolltofixed-min.js?1577682292"></script>
96<script src="https://vendor-cdn.imweb.me/js/colorpicker.js?1577682292"></script>
96<script src="https://vendor-cdn.imweb.me/js/jquery.chosen.js?1619084781"></script>
96<script src="https://vendor-cdn.imweb.me/js/jquery.timepicker.min.js?1577682292"></script>
96<script src="https://vendor-cdn.imweb.me/js/jquery.print.js?1577682292"></script>
96<script src="https://vendor-cdn.imweb.me/js/autolinker.js?1577682292"></script>
96<script src="https://vendor-cdn.imweb.me/js/ThreeCanvas.js?1700717292"></script>
96<script src="https://vendor-cdn.imweb.me/js/snow.js?1700717292"></script>
96<script src="https://vendor-cdn.imweb.me/js/lightgallery-vimeo-compat.js?1785999963"></script>
96<script src="https://vendor-cdn.imweb.me/js/lightgallery-all.min.js?1596595980"></script>
96<script src="https://vendor-cdn.imweb.me/js/lottie.min.js?1691611275"></script>
96<script src="https://vendor-cdn.imweb.me/js/autosize.js?1577682292"></script>
96<script src="https://vendor-cdn.imweb.me/js/froala_with_emoticon.js?1669875619"></script>
96<script src="https://vendor-cdn.imweb.me/js/common.js?1785734435"></script>
96<script src="https://vendor-cdn.imweb.me/js/clarity_script.js?1698643406"></script>
96<script src="https://vendor-cdn.imweb.me/js/web_components/io/index.js?1784104195"></script>
96<link rel="stylesheet" type="text/css" href="https://vendor-cdn.imweb.me/css/lightgallery.css?1698001225"/>
96<script src="https://vendor-cdn.imweb.me/js/jquery.nestable.doznut.js?1728881996"></script>
96<script src="https://vendor-cdn.imweb.me/js/jquery.number.min.js?1577682292"></script>
96<script src="https://vendor-cdn.imweb.me/js/masonry.pkgd.min.js?1577682292"></script>
96<script src="https://vendor-cdn.imweb.me/js/Chart.js?1577682292"></script>
96<script src="https://vendor-cdn.imweb.me/js/swiper-bundle.min.js?1669875597"></script>
96<script src="https://vendor-cdn.imweb.me/js/jquery.autosize.min.js?1577682292"></script>
96<script src="https://vendor-cdn.imweb.me/js/codemirror.js?1577682292"></script>
96<script src="https://vendor-cdn.imweb.me/js/mode/xml/xml.js?1577682292"></script>
96<script src="https://vendor-cdn.imweb.me/js/mode/javascript/javascript.js?1577682292"></script>
96<script src="https://vendor-cdn.imweb.me/js/mode/css/css.js?1577682292"></script>
96<script src="https://vendor-cdn.imweb.me/js/mode/htmlmixed/htmlmixed.js?1577682292"></script>
96<script src="https://vendor-cdn.imweb.me/js/jquery.select2.js?1577682292"></script>
96<script src="https://vendor-cdn.imweb.me/js/jquery.select2_ko.js?1577682292"></script>
96<script src="https://vendor-cdn.imweb.me/js/imagesloaded.pkgd.min.js?1577682292"></script>
96<script src="https://vendor-cdn.imweb.me/js/jquery.nanoscroller.min.js?1577682292"></script>
96<script src="https://vendor-cdn.imweb.me/js/html5shiv.js?1577682292"></script>
96<script src="https://vendor-cdn.imweb.me/js/jquery.validate.js?1724199075"></script>
96<script src="https://vendor-cdn.imweb.me/js/jquery.inputmask.bundle.min.js?1577682292"></script>
96<script src="https://vendor-cdn.imweb.me/js/moment-with-locales.js?1781507908"></script>
96<script src="https://vendor-cdn.imweb.me/js/moment-timezone.js?1781666316"></script>
96<script src="https://vendor-cdn.imweb.me/js/bootstrap-datepicker.js?1687222780"></script>
96<script src="https://vendor-cdn.imweb.me/js/ie-checker-min.js?1577682292"></script>
96<script src="https://vendor-cdn.imweb.me/dist/fe-common.min.js?1695343433"></script>
96<script src="https://vendor-cdn.imweb.me/js/excel-password.js?1671429942"></script>
96<script src="https://vendor-cdn.imweb.me/js/vanilla-calendar.min.js?1706506408"></script>
96<script src="https://vendor-cdn.imweb.me/js/lodash.min.js?1771820111"></script>
96<script src="/admin/js/doz_post.js?1577682293"></script>
96<script src="/admin/js/admin.js?1782885225"></script>
96<script src="/admin/js/coupon.js?1769416042"></script>
96<script src="/admin/js/doznut.js?1765355390"></script>
96<script src="/admin/js/event_check.js?1585896056"></script>
96<script src="/js/site_member.js?1790056326"></script>
96<script src="/js/alarm_menu.js?1683615433"></script>
96<script src="/admin/js/site_manage.js?1755727259"></script>
96<script src="/admin/js/admin_search.js?1639983006"></script>
96<script src="/admin/js/dashboard.js?1756688811"></script>
96<script src="/admin/js/config.js?1790819293"></script>
96<script src="/admin/js/member.js?1790792005"></script>
96<script src="/admin/js/permission.js?1765355390"></script>
96<script src="/admin/js/contents.js?1788438287"></script>
96<script src="/admin/js/payment.js?1787117512"></script>
96<script src="/admin/js/toastr.js?1577682293"></script>
96<script src="/admin/js/contents_list.js?1673856329"></script>
96<script src="/admin/js/components/imweb-datepicker/imweb-datepicker.js?1707108717"></script>
96<script src="/admin/js/components/imweb-datepicker/imweb-datepicker-modal.js?1707108717"></script>
96<script src="/admin/js/mixpanel.js?1789373089"></script>
96<script src="//t1.daumcdn.net/kas/static/kp.js"></script>
96<script src="https://static-cdn.crm.imweb.me/sdk/main.min.js"></script>
96<script src="https://vendor-cdn.imweb.me/external/npm/vue@3/dist/vue.global.prod.js"></script>
96<script src="https://vendor-cdn.imweb.me/js/unleash-proxy-client.min.js"></script>
96<script> 97 (function(){ 98 var customTooltipAllowList = $.fn.tooltip.Constructor.DEFAULTS.whiteList; 99 customTooltipAllowList.table = []; 100 customTooltipAllowList.thead = []; 101 customTooltipAllowList.tbody = []; 102 customTooltipAllowList.tr = []; 103 customTooltipAllowList.td = ["rowspan", "colspan"]; 104 customTooltipAllowList.th = []; 105 customTooltipAllowList.caption = []; 106 customTooltipAllowList["*"].push("style"); 107 })(); 108 109function determineDropDirection(){ 110 var $window = $(window); 111 var window_height = $window.innerHeight(); 112 var window_scrolltop = $window.scrollTop(); 113 $(".dropdown-menu").each( function(){ 114 var $that = $(this); 115 var prv_style = $that.attr("style"); 116 $that.css({ 117 visibility: "hidden", 118 display: "block" 119 }); 120 $that.parent().removeClass("dropup"); 121 /* ëë¡ë¤ì´ íë¨ì ê³µê°ì´ ìì ê²½ì° ìë¨ì ê³µê°ì´ ìë¤ë©´ ë°©í¥ ì í */ 122 if ($that.offset().top + $that.outerHeight() + 60 > window_height + window_scrolltop && $that.offset().top > $that.outerHeight() + 60){ 123 124 $that.parent().addClass("dropup"); 125 $that.removeAttr("style"); 126 }else{ 127 $that.removeAttr("style"); 128 $that.attr("style",prv_style); 129 } 130 }); 131} 132 133determineDropDirection(); 134 135$(window).scroll(determineDropDirection); 136 ; const message_script_allow_domains = ['https://kginicis.imtest.me','http://app-v2.mp.imlocal.me','https://app-v2.mp.imlocal.me','https://app-v2.mp.imtest.me','https://app-v2.mp.imweb.me']; 137 window.addEventListener('message', function(event) { 138 if (message_script_allow_domains.includes(event.origin)) { //íì© ëë©ì¸ íì¸ 139 if (typeof event.data === 'object' && event.data !== null) { // ë°°ì´ì¸ì§ íì¸ 140 if (typeof event.data.type === 'undefined') { 141 return; 142 } 143 switch (event.data.type) { 144 case 'call-channel-IO-api': 145 const { type, method, options } = event.data; 146 147 ChannelIO(method, ...Object.values(options || {})); 148 break; 149 default: 150 return; 151 } 152 } 153 } 154 });</script>
154 155 <!-- Clarity Setting Code --> 156
156<script type="text/javascript"> 157 (function () { 158 const clarity = new ClarityScript(); 159 let project_id = null; 160 let IS_DESIGNMODE = false; 161 162 const { CLARITY_PROJECT_ID } = clarity; 163 164 if(TEST_SERVER){ 165 if(IS_DESIGNMODE) { 166 project_id = CLARITY_PROJECT_ID.TEST_SERVER.DESIGNMODE; 167 } else { 168 project_id = CLARITY_PROJECT_ID.TEST_SERVER.ADMIN; 169 } 170 } else { 171 if(IS_DESIGNMODE) { 172 project_id = CLARITY_PROJECT_ID.LIVE_SERVER.DESIGNMODE; 173 } else { 174 project_id = CLARITY_PROJECT_ID.LIVE_SERVER.ADMIN; 175 } 176 } 177 178 clarity.setClarityScript(project_id); 179 })(); 180 </script>
180 181
181<script type="module"> 182 import {} from 'https://static.imweb.me/vendor/js/deploy_strategy.js'; 183 184 const options = { 185 accesstype: 'BO', 186 features : {"FS-3754":false,"AC-216":false,"IMOPS-15383":false,"AC-217":false,"CB-4394":true,"ANA-679":false,"FS-3354":false,"ANA-586":false,"CB-4354":true,"ANA-580":false,"FS-3517":false,"FS-2846":true,"CXOPS-762":true,"DISABLE-TWO-FACTOR-SMS":true,"CB-4434":false,"AC-164":false,"FS-3663":false,"FS-3654-exchange":false,"FS-3654":false,"IB-ISMS-mask":false,"IB-ISMS-search":false,"IB-ISMS-list":false,"CXOPS-818":false,"CB-4430":true,"FS-3638":false,"FS-3585":false,"ANA-584":false,"FS-3602":false,"CB-4144":false,"AC-136":false,"MIGRATION-001":false,"CRM-2157":false,"FS-3587":false,"naverpay-billing":false,"QUEUE-ADMISSION-V2":false,"CB-4315":true,"ANA-568":true,"ANA-566":false,"AC-107":false,"AC-106":false,"AC-95":false,"AC-51":false,"FS-3395":false,"CB-4300":true,"FS-3463":false,"IMTURBO-BO-PROMO-NUDGE":true,"DEMO-1482":false,"ANA-512":false,"CB-4229":true,"CRM-2070":false,"FS-3353":false,"CB-4227":true,"ANA-421":false,"DDOS-DTC-V2-OBS":false,"CB-4226":true,"FS-3264":true,"FS-3238":true,"FS-3212":false,"CRM-2067":true,"HYEON-301":false,"IMOPS-14172":false,"SITE-EDGE-HTML-CACHE-RESP":false,"SITE-EDGE-HTML-CACHE":false,"ANA-352":true,"BO_CHAT":false,"PROXY":false,"DEMO-348":true,"ANA-358":false,"FS-2639":false,"CB-2696":false,"ANA-353":true,"ANA-326":true,"tf-product-stock":false,"ANA-335":false,"FS-2095":false,"kakaopay_promotion":true,"tosspay_promotion":true}, 187 syncPeriod: 60000, 188 } 189 190 DeployStrategy.init(options); 191 </script>
191 192
192<script type="module"> 193 import { createImdog } from 'https://static.imweb.me/design-system/imdog/imdog.js'; 194 195 const imdog = createImdog(); 196 imdog.init({ 197 applicationId: 'b731945c-96ce-43e6-abc3-1a63ea2e28a6', 198 clientToken: 'pub376dbe781bbcb7dc7ace34500f859aa4', 199 service: 'brand-admin', 200 env: 'prod', 201 version: '260131', 202 sessionSampleRate: IS_GUEST ? 0 : 100, 203 sessionReplaySampleRate: 0, 204 customConfig : { 205 strategy: { 206 type: 'action-threshold', 207 actionThreshold: 10, 208 }, 209 receiver: { transport: 'auto' }, 210 domInteraction: { trackClicks: true }, 211 debug: false, 212 }, 213 beforeSend: function(event) { 214 if (event.type === 'resource') { 215 var resource = event.resource; 216 if (resource && (resource.type === 'fetch' || resource.type === 'xhr')) { 217 return event; 218 } 219 if (resource && resource.url && resource.url.includes('/_/')) { 220 return event; 221 } 222 return null; 223 } 224 return event; 225 }, 226 }); 227 228 if (!IS_GUEST) { 229 imdog.setUser({ 230 id: MEMBER_HASH, 231 role: IS_OWNER ? 'owner' : 'manager', 232 }); 233 234 imdog.setAccount({ 235 id: SITE_CODE, 236 name: UNIT_NAME, 237 unit_code: UNIT_CODE, 238 main_domain: MAIN_DOMAIN, 239 current_domain: CURRENT_DOMAIN, 240 site_version: SITE_VERSION, 241 is_partner_site: IS_PARTNER_SITE, 242 is_b2b_site: IS_B2B_SITE, 243 country_code: SITE_COUNTRY_CODE, 244 use_oms: USE_OMS, 245 is_office: CHECK_OFFICE, 246 }); 247 } 248 </script>
248 249</head> 250<meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=0,maximum-scale=10,user-scalable=no"> 251<style> 252 * { 253 box-sizing: border-box; 254 margin: 0; 255 padding: 0; 256 } 257 body { 258 background-color: var(--surface, #ffffff); 259 font-family: var(--typeface-default, 'imweb Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans KR', sans-serif); 260 -webkit-font-smoothing: antialiased; 261 -moz-osx-font-smoothing: grayscale; 262 } 263 /* íì´ì§ ë ì´ìì */ 264 .login-page { 265 display: flex; 266 align-items: center; 267 justify-content: center; 268 min-height: 100vh; 269 padding: var(--space-12, 48px) var(--space-5, 20px); 270 } 271 .login-contents { 272 width: 100%; 273 max-width: 360px; 274 } 275 /* ë¡ê³ /íì´í ìì */ 276 .login-title { 277 display: flex; 278 flex-direction: column; 279 align-items: center; 280 margin-bottom: 48px; 281 } 282 .login-title img { 283 height: 44px; 284 width: auto; 285 max-width: 100%; 286 } 287 .login-title h1 { 288 margin: 0; 289 color: var(--text, #15181E); 290 text-align: center; 291 font-family: var(--typeface-large, Pretendard); 292 font-size: var(--scale-text-2xlarge, 24px); 293 font-style: normal; 294 font-weight: var(--weight-font-bold, 700); 295 line-height: var(--leading-8, 32px); 296 } 297 /* í¼ ë ì´ìì */ 298 .login-form { 299 display: flex; 300 flex-direction: column; 301 } 302 /* íë 그룹 */ 303 .field-group { 304 display: flex; 305 flex-direction: column; 306 gap: var(--space-15, 6px); 307 } 308 .field-group + .field-group { 309 margin-top: var(--space-4, 16px); 310 } 311 .field-group label { 312 margin: 0; 313 padding: 0; 314 color: var(--text, #15181E); 315 font-family: var(--typeface-base, "imweb Sans"); 316 font-size: var(--scale-text-small, 14px); 317 font-style: normal; 318 font-weight: var(--weight-font-semibold, 600); 319 line-height: var(--leading-6, 24px); 320 } 321 /* ì ë ¥ íë */ 322 .input-wrapper { 323 position: relative; 324 } 325 .input-wrapper input { 326 width: 100%; 327 min-height: var(--space-12, 48px); 328 padding: var(--space-3, 12px) var(--space-4, 16px); 329 padding-right: 42px; 330 border: none; 331 border-radius: var(--rounded-medium, 8px); 332 outline: 1px solid #dbdee3; 333 outline-offset: -1px; 334 font-family: var(--clay-typeface-base); 335 font-weight: var(--clay-font-normal); 336 font-size: var(--clay-text-base); 337 line-height: var(--clay-leading-6); 338 color: var(--text, #15181e); 339 background: var(--surface, #ffffff); 340 caret-color: var(--focus, #15181e); 341 transition: background 0.15s; 342 } 343 .input-wrapper input::placeholder { 344 color: var(--text-sub, #717680); 345 } 346 .input-wrapper input:hover:not(:focus):not(.has-error):not(:read-only), 347 .field-group:hover .input-wrapper input:not(:focus):not(.has-error):not(:read-only) { 348 outline: 1px solid var(--border-hover, #9fa3ab); 349 } 350 .input-wrapper input:focus { 351 outline: 2px solid var(--focus, #15181e); 352 } 353 /* ìë¬ ìí: ì ìì, ë°°ê²½ë§ ë³ê²½ */ 354 .input-wrapper input.has-error { 355 background: var(--surface-critical, #ffeeee); 356 outline: none; 357 } 358 /* ìë¬+hover: 1px ì íì (textCritical ìì) â field-group hover ììë ì ì© */ 359 .input-wrapper input.has-error:hover:not(:focus), 360 .field-group:hover .input-wrapper input.has-error:not(:focus) { 361 outline: 1px solid var(--text-critical, #ed1515); 362 } 363 /* ìë¬+focus: ë°°ê²½ í°ì ë³µì, 2px ê²ì ì */ 364 .input-wrapper input.has-error:focus { 365 background: var(--surface, #ffffff); 366 outline: 2px solid var(--focus, #15181e); 367 } 368 .input-error-icon { 369 position: absolute; 370 right: var(--space-4, 16px); 371 top: 50%; 372 transform: translateY(-50%); 373 display: none; 374 pointer-events: none; 375 color: var(--text-critical, #ed1515); 376 line-height: 0; 377 } 378 .input-error-icon.show { 379 display: block; 380 } 381 /* ë¹ë°ë²í¸ í ê¸ ë²í¼ */ 382 .pass-toggle-btn { 383 position: absolute; 384 right: var(--space-4, 16px); 385 top: 50%; 386 transform: translateY(-50%); 387 background: none; 388 border: none; 389 padding: 0; 390 cursor: pointer; 391 display: none; 392 color: var(--text-sub, #717680); 393 line-height: 0; 394 } 395 .pass-toggle-btn.show { 396 display: block; 397 } 398 .input-wrapper input.has-error ~ .pass-toggle-btn { 399 display: none !important; 400 } 401 /* ì´ë©ì¼ ëë©ì¸ ìëìì± */ 402 .email-autocomplete { 403 position: absolute; 404 top: calc(100% + 4px); 405 left: 0; 406 right: 0; 407 background: var(--surface, #ffffff); 408 border: 1px solid var(--border, #dbdee3); 409 border-radius: var(--rounded-medium, 8px); 410 box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1); 411 z-index: 100; 412 display: none; 413 overflow: hidden; 414 } 415 .email-autocomplete.show { 416 display: block; 417 } 418 .email-autocomplete-item { 419 padding: var(--space-25, 10px) var(--space-4, 16px); 420 font-family: var(--typeface-default, 'imweb Sans'); 421 font-size: var(--scale-text-small, 14px); 422 color: var(--text, #15181e);
423 cursor: pointer; 424 line-height: var(--leading-6, 24px); 425 } 426 .email-autocomplete-item:hover, 427 .email-autocomplete-item.selected { 428 background: var(--surface-sub, #f8f9fb); 429 } 430 /* ìë¬ ë©ìì§ */ 431 .field-error-msg { 432 font-family: var(--clay-typeface-base); 433 font-weight: var(--clay-font-normal); 434 font-size: var(--clay-text-xsmall); 435 line-height: var(--clay-leading-4); 436 color: var(--text-critical, #ed1515); 437 margin-top: var(--space-15, 6px); 438 display: none; 439 } 440 .field-error-msg.show { 441 display: block; 442 } 443 /* ë¡ê·¸ì¸ ë²í¼ */ 444 .login-btn { 445 width: 100%; 446 min-height: var(--space-12, 48px); 447 background: var(--action-primary, #24282f); 448 color: var(--on-action-primary, #ffffff); 449 border: none; 450 border-radius: var(--rounded-medium, 8px); 451 font-family: var(--typeface-default, 'imweb Sans'); 452 font-size: var(--scale-text-base, 16px); 453 font-weight: var(--weight-font-semibold, 600); 454 line-height: var(--leading-6, 24px); 455 cursor: pointer; 456 margin-top: var(--space-5, 20px); 457 transition: background 0.15s; 458 text-align: center; 459 } 460 .login-btn:hover:not(:disabled) { 461 background: var(--action-primary-hover, #3d4149); 462 } 463 .login-btn:active:not(:disabled) { 464 background: var(--action-primary-pressed, #4b515b); 465 } 466 .login-btn:disabled { 467 background: var(--action-primary-pressed, #4b515b); 468 color: var(--text-inverse, #ffffff); 469 cursor: not-allowed; 470 } 471 .login-btn .btn-spinner { 472 display: inline-block; 473 width: 16px; 474 height: 16px; 475 vertical-align: middle; 476 animation: spin 1s linear infinite; 477 } 478 .login-btn .btn-spinner svg { 479 display: block; 480 width: 16px; 481 height: 16px; 482 } 483 @keyframes spin { 484 to { transform: rotate(360deg); } 485 } 486 /* í¸í° ìì */ 487 .login-footer { 488 display: flex; 489 justify-content: center; 490 align-items: center; 491 gap: var(--space-2, 8px); 492 margin-top: var(--space-12, 48px); 493 font-family: var(--typeface-default, 'imweb Sans'); 494 font-size: var(--scale-text-small, 14px); 495 color: var(--text-sub, #717680); 496 line-height: var(--leading-6, 24px); 497 } 498 .login-footer a { 499 color: var(--text-accent, #0090d4); 500 font-weight: var(--weight-font-semibold, 600); 501 text-decoration: none; 502 } 503 /* ìë¬ í ì¤í¸ (io-toast ì¤íì¼) */ 504 .login-toast { 505 position: fixed; 506 bottom: 64px; 507 left: 50%; 508 transform: translateX(-50%); 509 min-height: 48px; 510 background: var(--surface-toast-critical, rgba(255, 64, 64, 0.85)); 511 padding: 12px 20px; 512 border-radius: var(--rounded-large, 24px); 513 display: flex; 514 align-items: center; 515 gap: 8px; 516 width: max-content; 517 max-width: 90vw; 518 white-space: pre-line; 519 box-shadow: 0 14px 32px 0 rgba(75, 81, 91, 0.12), 0 10px 14px 0 rgba(75, 81, 91, 0.06), 0 0 0 1px rgba(75, 81, 91, 0.03), 0 0 1px 0 rgba(75, 81, 91, 0.20); 520 backdrop-filter: blur(3px); 521 z-index: 9999; 522 pointer-events: none; 523 animation: toastFadeIn 0.5s ease forwards; 524 } 525 .login-toast .toast-icon { 526 display: block; 527 width: 16px; 528 height: 16px; 529 flex-shrink: 0; 530 } 531 .login-toast .toast-msg { 532 overflow: hidden; 533 color: var(--text-on, #FFF); 534 text-align: center; 535 text-overflow: ellipsis; 536 font-family: var(--typeface-base, "imweb Sans"); 537 font-size: var(--scale-text-base, 16px); 538 font-style: normal; 539 font-weight: var(--weight-font-normal, 400); 540 line-height: var(--leading-6, 24px); 541 } 542 @keyframes toastFadeIn { 543 from { 544 bottom: 0; 545 opacity: 0; 546 } 547 to { 548 bottom: 64px; 549 opacity: 1; 550 } 551 } 552 @keyframes toastFadeOut { 553 from { 554 bottom: 64px; 555 opacity: 1; 556 } 557 to { 558 bottom: 64px; 559 opacity: 0; 560 } 561 } 562 @media (max-width: 599px) { 563 .login-footer { 564 margin-top: var(--space-8, 32px); 565 } 566 } 567 /* 모ë°ì¼ ë°ìí */ 568 @media (max-width: 480px) { 569 .login-contents { 570 max-width: 100%; 571 padding: 0 var(--space-5, 20px); 572 } 573 .login-title img { 574 height: 44px; 575 } 576 } 577 @media (max-width: 340px) { 578 .login-footer { 579 flex-direction: column; 580 } 581 } 582</style> 583 584<div class="login-page"> 585 <div class="login-contents"> 586 <div class="login-title"> 587 <svg width="200" height="44" viewBox="0 0 200 44" fill="none" xmlns="http://www.w3.org/2000/svg"> 588<path d="M141.525 18.6479C137.919 20.3961 135.529 22.9438 133.629 26.4725C129.22 34.6662 132.409 43.5074 141.36 43.5074C150.311 43.5074 155.232 37.6413 156.841 35.9709C157.511 35.2425 158.155 34.4849 158.773 33.7112C159.026 33.394 159.515 33.7177 159.324 34.077C159.117 34.4687 158.896 34.8572 158.667 35.236C157.265 37.528 157.721 40.5387 159.861 42.1639C160.832 42.902 162.163 43.3941 163.982 43.3941C169.69 43.3941 174.39 38.9395 176.365 36.7381C176.601 36.4694 176.831 36.2007 177.061 35.9255C177.262 35.6795 178.006 34.7
588536 178.311 34.3457C178.553 34.022 179.052 34.3328 178.871 34.6954C178.744 34.9511 178.612 35.2069 178.476 35.4561C177.679 36.9129 177.637 38.674 178.35 40.1762C179.217 42.0085 180.816 43.5106 183.704 43.5106C185.941 43.5106 189.551 42.3905 192.911 39.2859C199.755 32.9569 200.341 27.6606 199.881 26.2848C198.712 22.7852 194.416 24.8344 190.321 27.8516C190.049 28.0524 189.687 27.7642 189.823 27.4534C191.004 24.7632 193.461 18.2271 191.14 14.8084C188.401 10.7812 182.817 13.2448 177.291 17.4177C177.035 17.612 176.682 17.3594 176.783 17.0551C177.653 14.3876 179.56 7.27516 176.401 4.11552C169.181 -3.10373 153.859 16.4044 149.492 22.3288C149.282 22.6169 148.828 22.4097 148.906 22.0601C149.175 20.8428 149.139 19.9526 148.987 19.4929C148.152 17.0001 144.383 17.2656 141.531 18.6511L141.525 18.6479Z" fill="black"/> 589<path d="M153.178 12.652C156.005 9.72657 156.591 5.70854 154.489 3.6775C152.386 1.64647 148.391 2.37153 145.565 5.29698C142.739 8.22243 142.152 12.2405 144.255 14.2715C146.357 16.3025 150.352 15.5775 153.178 12.652Z" fill="black"/> 590<path d="M65.5396 16.9192L69.7126 29.6128L73.2866 16.9192H79.6965L73.0697 38.3018H66.5724L61.9268 24.4914L57.3654 38.3018H50.7386L44.0276 16.9192H50.826L54.3968 29.5675L58.6118 16.9192H65.5396Z" fill="black"/> 591<path d="M100.254 32.1509C99.221 35.8512 95.8218 38.9493 90.3992 38.9493C84.5041 38.9493 79.2563 34.731 79.2563 27.5474C79.2563 20.3638 84.3778 16.275 89.9266 16.275C96.5534 16.275 100.639 20.3638 100.639 27.2463C100.639 28.1495 100.552 29.1402 100.509 29.2697H85.6209C85.7504 31.6782 87.9453 33.4005 90.4834 33.4005C92.8499 33.4005 94.1837 32.2804 94.7858 30.6034L100.25 32.1509H100.254ZM94.3164 25.0514C94.229 23.4166 93.1121 21.4385 90.014 21.4385C87.259 21.4385 85.8832 23.4619 85.7537 25.0514H94.3164Z" fill="black"/> 592<path d="M102.967 38.3018V7.15218H109.377V18.9425C110.28 17.6088 112.646 16.4045 115.573 16.4045C121.769 16.4045 125.511 21.1375 125.511 27.5474C125.511 33.9573 121.293 38.7777 115.314 38.7777C112.475 38.7777 110.28 37.5313 109.289 35.8932V38.3018H102.963H102.967ZM114.155 22.2964C111.617 22.2964 109.292 23.9734 109.292 27.5895C109.292 31.2056 111.617 32.9246 114.155 32.9246C116.693 32.9246 118.975 31.1602 118.975 27.5895C118.975 24.0187 116.696 22.2964 114.155 22.2964Z" fill="black"/> 593<path d="M10.1423 38.0849V16.6991H16.3807V19.153C17.4555 17.2592 20.2104 16.0549 22.5348 16.0549C25.5909 16.0549 27.7858 17.3012 28.8606 19.412C30.5375 17.0034 32.6029 16.0549 35.4874 16.0549C39.5308 16.0549 43.4059 18.4214 43.4059 24.2291V38.0849H37.0802V25.6924C37.0802 23.6691 36.0054 22.0795 33.681 22.0795C31.3566 22.0795 30.1102 23.8439 30.1102 25.7377V38.0882H23.6549V25.6956C23.6549 23.6723 22.5802 22.0828 20.2137 22.0828C17.8472 22.0828 16.685 23.8471 16.685 25.7831V38.0882H10.1456L10.1423 38.0849Z" fill="black"/> 594<path d="M6.87559 16.699H0.336182V38.0848H6.87559V16.699Z" fill="black"/> 595<path d="M7.52355 10.8557C7.52355 12.9341 5.84014 14.6175 3.76178 14.6175C1.68341 14.6175 0 12.9341 0 10.8557C0 8.77733 1.68341 7.09391 3.76178 7.09391C5.84014 7.09391 7.52355 8.77733 7.52355 10.8557Z" fill="black"/> 596</svg> 597 </div> 598 <form class="login-form" id="login-form" action="/backpg/login.cm?back_url=L2FkbWluLw%3D%3D" method="post" target="hidden_frame"> 599 <div class="field-group"> 600 <label for="txt_email">ì´ë©ì¼</label> 601 <div class="input-wrapper"> 602 <input type="text" name="uid" id="txt_email" placeholder="[email protected]" autocomplete="off"> 603 <span class="input-error-icon" id="email-error-icon"> 604 <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"> 605 <path fill-rule="evenodd" clip-rule="evenodd" d="M7.99952 0.933105C8.37042 0.933105 8.73509 1.03143 9.05714 1.21729C9.37897 1.40307 9.64715 1.67024 9.83741 1.9917L9.83936 1.99365L14.7808 10.4507C14.9671 10.7815 15.0659 11.156 15.0669 11.5366C15.0679 11.9172 14.9711 12.2918 14.7866 12.6235C14.6021 12.9553 14.3356 13.2331 14.0122 13.4282C13.6887 13.6234 13.3197 13.7287 12.9429 13.7329H3.05616C2.67947 13.7286 2.31119 13.6233 1.9878 13.4282C1.66435 13.2331 1.39695 12.9554 1.21241 12.6235C1.02806 12.2919 0.932111 11.9171 0.933113 11.5366C0.934153 11.156 1.03291 10.7815 1.21925 10.4507L1.22218 10.4448L6.16163 1.9917C6.35192 1.67012 6.62094 1.40309 6.94288 1.21729C7.26481 1.03149 7.62876 0.933173 7.99952 0.933105ZM7.99952 10.0669C7.66843 10.0671 7.40009 10.3354 7.39991 10.6665V10.7339C7.40021 11.0649 7.6685 11.3333 7.99952 11.3335C8.33071 11.3335 8.59883 11.065 8.59913 10.7339V10.6665C8.59895 10.3353 8.33078 10.0669 7.99952 10.0669ZM7.99952 4.73389C7.66832 4.73408 7.39991 5.00225 7.39991 5.3335V8.6665C7.4 8.99768 7.66837 9.26689 7.99952 9.26709C8.33084 9.26709 8.59904 8.9978 8.59913 8.6665V5.3335C8.59913 5.00213 8.33089 4.73389 7.99952 4.73389Z" fill="#ED1515"/> 606 </svg> 607 </span> 608 <div class="email-autocomplete" id="email-autocomplete"></div>
609 </div> 610 <span class="field-error-msg" id="email-error-msg"></span> 611 </div> 612 <div class="field-group"> 613 <label for="txt_pass">ë¹ë°ë²í¸</label> 614 <div class="input-wrapper"> 615 <input type="password" name="passwd" id="txt_pass" placeholder="â¢â¢â¢â¢â¢â¢â¢â¢" autocomplete="current-password"> 616 <span class="input-error-icon" id="pass-error-icon"> 617 <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"> 618 <path fill-rule="evenodd" clip-rule="evenodd" d="M7.99952 0.933105C8.37042 0.933105 8.73509 1.03143 9.05714 1.21729C9.37897 1.40307 9.64715 1.67024 9.83741 1.9917L9.83936 1.99365L14.7808 10.4507C14.9671 10.7815 15.0659 11.156 15.0669 11.5366C15.0679 11.9172 14.9711 12.2918 14.7866 12.6235C14.6021 12.9553 14.3356 13.2331 14.0122 13.4282C13.6887 13.6234 13.3197 13.7287 12.9429 13.7329H3.05616C2.67947 13.7286 2.31119 13.6233 1.9878 13.4282C1.66435 13.2331 1.39695 12.9554 1.21241 12.6235C1.02806 12.2919 0.932111 11.9171 0.933113 11.5366C0.934153 11.156 1.03291 10.7815 1.21925 10.4507L1.22218 10.4448L6.16163 1.9917C6.35192 1.67012 6.62094 1.40309 6.94288 1.21729C7.26481 1.03149 7.62876 0.933173 7.99952 0.933105ZM7.99952 10.0669C7.66843 10.0671 7.40009 10.3354 7.39991 10.6665V10.7339C7.40021 11.0649 7.6685 11.3333 7.99952 11.3335C8.33071 11.3335 8.59883 11.065 8.59913 10.7339V10.6665C8.59895 10.3353 8.33078 10.0669 7.99952 10.0669ZM7.99952 4.73389C7.66832 4.73408 7.39991 5.00225 7.39991 5.3335V8.6665C7.4 8.99768 7.66837 9.26689 7.99952 9.26709C8.33084 9.26709 8.59904 8.9978 8.59913 8.6665V5.3335C8.59913 5.00213 8.33089 4.73389 7.99952 4.73389Z" fill="#ED1515"/> 619 </svg> 620 </span> 621 <button type="button" class="pass-toggle-btn" id="pass-toggle-btn" tabindex="-1"> 622 <!-- eye-open: ë¹ë°ë²í¸ ë³´ì ìí --> 623 <svg id="pass-icon-eye" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"> 624 <path d="M1.61342 8.47537C1.52262 8.33161 1.47723 8.25973 1.45182 8.14886C1.43273 8.06558 1.43273 7.93425 1.45182 7.85097C1.47723 7.74011 1.52262 7.66823 1.61341 7.52447C2.36369 6.33648 4.59693 3.33325 8.00027 3.33325C11.4036 3.33325 13.6369 6.33648 14.3871 7.52447C14.4779 7.66823 14.5233 7.74011 14.5487 7.85097C14.5678 7.93425 14.5678 8.06558 14.5487 8.14886C14.5233 8.25973 14.4779 8.33161 14.3871 8.47537C13.6369 9.66336 11.4036 12.6666 8.00027 12.6666C4.59693 12.6666 2.36369 9.66336 1.61342 8.47537Z" stroke="#4B515B" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/> 625 <path d="M8.00027 9.99992C9.10484 9.99992 10.0003 9.10449 10.0003 7.99992C10.0003 6.89535 9.10484 5.99992 8.00027 5.99992C6.8957 5.99992 6.00027 6.89535 6.00027 7.99992C6.00027 9.10449 6.8957 9.99992 8.00027 9.99992Z" stroke="#4B515B" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/> 626 </svg> 627 <!-- eye-off: ë¹ë°ë²í¸ ì¨ê¹ ìí --> 628 <svg id="pass-icon-eye-off" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" style="display:none"> 629 <path d="M7.16196 3.39488C7.4329 3.35482 7.7124 3.33333 8.00028 3.33333C11.4036 3.33333 13.6369 6.33656 14.3871 7.52455C14.4779 7.66833 14.5233 7.74023 14.5488 7.85112C14.5678 7.93439 14.5678 8.06578 14.5487 8.14905C14.5233 8.25993 14.4776 8.3323 14.3861 8.47705C14.1862 8.79343 13.8814 9.23807 13.4777 9.7203M4.48288 4.47669C3.0415 5.45447 2.06297 6.81292 1.61407 7.52352C1.52286 7.66791 1.47725 7.74011 1.45183 7.85099C1.43273 7.93426 1.43272 8.06563 1.45181 8.14891C1.47722 8.25979 1.52262 8.33168 1.61342 8.47545C2.36369 9.66344 4.59694 12.6667 8.00028 12.6667C9.37255 12.6667 10.5546 12.1784 11.5259 11.5177M2.00028 2L14.0003 14M6.58606 6.58579C6.22413 6.94772 6.00028 7.44772 6.00028 8
629C6.00028 9.10457 6.89571 10 8.00028 10C8.55256 10 9.05256 9.77614 9.41449 9.41421" stroke="#4B515B" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/> 630 </svg> 631 </button> 632 </div> 633 <span class="field-error-msg" id="pass-error-msg"></span> 634 </div> 635 <button type="submit" class="login-btn">ë¡ê·¸ì¸</button> 636 </form> 637 <div class="login-footer"> 638 ìì ë¡ê·¸ì¸ì¼ë¡ ê°ì íì ¨ëì?<a href="//hoodadakshop.kr/?mode=login&back_url=L2FkbWluLw%3D%3D">ì¬ì´í¸ë¡ ì´ë</a> 639 </div> 640 </div> 641</div> 642 643<div id="login-toast-container"></div> 644 645<iframe name="hidden_frame" style="display: none" onload="if(typeof setLoginLoading==='function')setLoginLoading(false)"></iframe> 646
647<script> 648 // ë¡ê·¸ì¸ ë²í¼ ë¡ë© ìí ê´ë¦¬ 649 var loginBtn = document.querySelector('.login-btn'); 650 var loginBtnText = 'ë¡ê·¸ì¸'; 651 652 var spinnerSvg = '<span class="btn-spinner"><svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M14.75 8C15.1642 8 15.5039 7.66338 15.4625 7.25123C15.3501 6.13087 14.9865 5.04679 14.3948 4.08126C13.6721 2.90192 12.6373 1.9454 11.4049 1.31745C10.1725 0.689506 8.79046 0.414598 7.41156 0.52312C6.03265 0.631642 4.71062 1.11937 3.59161 1.93237C2.4726 2.74538 1.60022 3.85199 1.0709 5.12988C0.541588 6.40776 0.375962 7.80712 0.592338 9.17326C0.808713 10.5394 1.39866 11.8191 2.29696 12.8709C3.03239 13.7319 3.95104 14.4128 4.98183 14.8659C5.36102 15.0326 5.78614 14.8136 5.91414 14.4196C6.04214 14.0257 5.82382 13.6068 5.44891 13.4307C4.67966 13.0693 3.99324 12.5473 3.43756 11.8967C2.71893 11.0553 2.24697 10.0315 2.07387 8.93861C1.90077 7.8457 2.03327 6.7262 2.45672 5.7039C2.88017 4.6816 3.57808 3.7963 4.47329 3.1459C5.36849 2.49549 6.42612 2.10531 7.52924 2.0185C8.63237 1.93168 9.73801 2.1516 10.7239 2.65396C11.7099 3.15632 12.5377 3.92153 13.1158 4.86501C13.5629 5.59453 13.8472 6.40866 13.9532 7.25194C14.0048 7.66292 14.3358 8 14.75 8Z" fill="currentColor"/></svg></span>'; 653 654 function setLoginLoading(loading) { 655 if (loading) { 656 loginBtn.disabled = true; 657 loginBtn.innerHTML = spinnerSvg + ' ' + loginBtnText; 658 } else { 659 loginBtn.disabled = false; 660 loginBtn.textContent = loginBtnText; 661 } 662 } 663 664 // iframe(login.cm)ìì í¸ì¶íë ìë¬ í ì¤í¸ íì í¨ì 665 function showLoginToast(message) { 666 setLoginLoading(false); 667 var container = document.getElementById('login-toast-container'); 668 // 기존 í ì¤í¸ ì ê±° 669 var existing = container.querySelector('.login-toast'); 670 if (existing) existing.remove(); 671 672 var toast = document.createElement('div'); 673 toast.className = 'login-toast'; 674 toast.innerHTML = '<svg class="toast-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">' + 675 '<path fill-rule="evenodd" clip-rule="evenodd" d="M8.00026 0.933289C7.62936 0.933289 7.26528 1.03131 6.94323 1.21716C6.62127 1.40297 6.3526 1.67002 6.1623 1.99161L1.22231 10.4452L1.21921 10.4507C1.03287 10.7815 0.934642 11.1558 0.933602 11.5364C0.932562 11.9171 1.02875 12.2919 1.21326 12.6237C1.3978 12.9556 1.66459 13.2334 1.98805 13.4285C2.31155 13.6236 2.68008 13.729 3.05691 13.7333L12.9327 13.7333L12.9436 13.7332C13.3204 13.7289 13.6889 13.6236 14.0125 13.4285C14.3359 13.2334 14.6027 12.9556 14.7873 12.6237C14.9718 12.2919 15.068 11.9171 15.0669 11.5364C15.0659 11.1558 14.9678 10.7815 14.7814 10.4506L9.83933 1.99351L9.83821 1.99162C9.64791 1.67003 9.37926 1.40298 9.05729 1.21716C8.73524 1.03131 8.37116 0.933289 8.00026 0.933289ZM7.40063 10.6664V10.7337C7.40085 11.0649 7.669 11.3334 8.00024 11.3334C8.33148 11.3334 8.59964 11.0649 8.59985 10.7337V10.6664C8.59968 10.3351 8.33151 10.0668 8.00024 10.0668C7.66898 10.0668 7.40081 10.3351 7.40063 10.6664ZM7.40063 5.33335V8.66636C7.40063 8.99773 7.66887 9.26695 8.00024 9.26695C8.33161 9.26695 8.59985 8.99773 8.59985 8.66636V5.33335C8.59985 5.00198 8.33161 4.73374 8.00024 4.73374C7.66887 4.73374 7.40063 5.00198 7.40063 5.33335Z" fill="white"/>' + 676 '</svg>' + 677 '<span class="toast-msg">
677' + message.replace(/\\n/g, '\n') + '</span>'; 678 container.appendChild(toast); 679 680 setTimeout(function() { 681 toast.style.animation = 'toastFadeOut 0.5s ease forwards'; 682 setTimeout(function() { 683 if (toast.parentNode) toast.remove(); 684 }, 500); 685 }, 2300); 686 } 687 688 // íë ìë¬ íì í¨ì 689 function showFieldError(inputEl, iconEl, msgEl, message) { 690 inputEl.classList.add('has-error'); 691 iconEl.classList.add('show'); 692 msgEl.textContent = message; 693 msgEl.classList.add('show'); 694 } 695 696 // íë ìë¬ ì´ê¸°í í¨ì 697 function clearFieldError(inputEl, iconEl, msgEl) { 698 inputEl.classList.remove('has-error'); 699 iconEl.classList.remove('show'); 700 msgEl.textContent = ''; 701 msgEl.classList.remove('show'); 702 } 703 704 // ì´ë©ì¼ íì ê²ì¬ 705 function isValidEmail(email) { 706 return /^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(email); 707 } 708 709 // í¼ í´ë¼ì´ì¸í¸ ì¬ì´ë ì í¨ì± ê²ì¬ 710 document.getElementById('login-form').addEventListener('submit', function(e) { 711 var emailInput = document.getElementById('txt_email'); 712 var emailIcon = document.getElementById('email-error-icon'); 713 var emailMsg = document.getElementById('email-error-msg'); 714 var passInput = document.getElementById('txt_pass'); 715 var passIcon = document.getElementById('pass-error-icon'); 716 var passMsg = document.getElementById('pass-error-msg'); 717 718 clearFieldError(emailInput, emailIcon, emailMsg); 719 clearFieldError(passInput, passIcon, passMsg); 720 721 var hasError = false; 722 723 // ë¹ë°ë²í¸ ê²ì¬ (ììì ìëë¡ ìë¬ íì ììì ì´ë©ì¼ 먼ì ) 724 if (passInput.value === '') { 725 showFieldError(passInput, passIcon, passMsg, 'ë¹ë°ë²í¸ë¥¼ ì ë ¥í´ ì£¼ì¸ì'); 726 hasError = true; 727 } 728 729 // ì´ë©ì¼ ê²ì¬ (ëì¤ì ê²ì¬í´ì¼ í¬ì»¤ì¤ê° ì´ë©ì¼ë¡ ì´ë) 730 if (emailInput.value === '') { 731 showFieldError(emailInput, emailIcon, emailMsg, 'ì´ë©ì¼ì ì ë ¥í´ ì£¼ì¸ì'); 732 hasError = true; 733 } 734 735 if (hasError) { 736 e.preventDefault(); 737 return false; 738 } 739 740 setLoginLoading(true); 741 }); 742 743 // dirty íëê·¸: í ë²ì´ë¼ë ì ë ¥í ì ìëì§ ì¶ì 744 var emailDirty = false; 745 var passDirty = false; 746 747 // ì ë ¥ ì ì¤ìê° ì í¨ì± ê²ì¬ (ë¹ì´ìëì§ë§ ì²´í¬) 748 document.getElementById('txt_email').addEventListener('input', function() { 749 emailDirty = true; 750 var icon = document.getElementById('email-error-icon'); 751 var msg = document.getElementById('email-error-msg'); 752 clearFieldError(this, icon, msg); 753 if (this.value === '') { 754 showFieldError(this, icon, msg, 'ì´ë©ì¼ì ì ë ¥í´ ì£¼ì¸ì'); 755 } 756 updateEmailAutocomplete(this.value); 757 }); 758 document.getElementById('txt_pass').addEventListener('input', function() { 759 passDirty = true; 760 var icon = document.getElementById('pass-error-icon'); 761 var msg = document.getElementById('pass-error-msg'); 762 clearFieldError(this, icon, msg); 763 if (this.value === '') { 764 showFieldError(this, icon, msg, 'ë¹ë°ë²í¸ë¥¼ ì ë ¥í´ ì£¼ì¸ì'); 765 } 766 updatePassToggleIcon(); 767 }); 768 769 // ââ ë¹ë°ë²í¸ eye í ê¸ ââââââââââââââââââââââââââââââââââââââ 770 var passInput = document.getElementById('txt_pass'); 771 var passToggleBtn = document.getElementById('pass-toggle-btn'); 772 var passIconEye = document.getElementById('pass-icon-eye'); 773 var passIconEyeOff = document.getElementById('pass-icon-eye-off'); 774 775 // í¬ì»¤ì¤/ë¸ë¬ì ë°ë¼ í ê¸ ë²í¼ ë ¸ì¶ 776 passInput.addEventListener('focus', function() { 777 if (!this.classList.contains('has-error')) { 778 passToggleBtn.classList.add('show'); 779 } 780 updatePassToggleIcon(); 781 }); 782 passInput.addEventListener('blur', function() { 783 // ë²í¼ í´ë¦ ì blur ë°ìíë¯ë¡ ì½ê° ì§ì° í ì²ë¦¬ 784 setTimeout(function() { 785 if (document.activeElement !== passToggleBtn) { 786 if (!passInput.value) { 787 passToggleBtn.classList.remove('show'); 788 // ë¸ë¬ ì íì password íì ì¼ë¡ ë³µì 789 passInput.type = 'password'; 790 updatePassToggleIcon(); 791 } 792 } 793 }, 150); 794 }); 795 796 // ìì´ì½ ìí ì ë°ì´í¸ (미ì ë ¥ â eye-open, ì ë ¥ ì¤ â eye-slash) 797 function updatePassToggleIcon() { 798 var isVisible = (passInput.type === 'text'); 799 if (passInput.value === '') { 800 // 미ì ë ¥: eye-open íì 801 passIconEye.style.display = ''; 802 passIconEyeOff.style.display = 'none'; 803 } else { 804 // ì ë ¥ ì¤: íì¬ íì ì ë°ë¼ ìì´ì½ ê²°ì 805 passIconEye.style.display = isVisible ? '' : 'none'; 806 passIconEyeOff.style.display = isVisible ? 'none' : ''; 807 } 808 } 809 810 // í ê¸ ë²í¼ í´ë¦ 811 passToggleBtn.addEventListener('mousedown', function(e) { 812 e.preventDefault(); // blur ë°©ì§ 813 }); 814 passToggleBtn.addEventListener('click', function() { 815 if (passInput.value === '') return; 816 passInput.type = (passInput.type === 'password') ? 'text' : 'password'; 817 updatePassToggleIcon(); 818 passInput.focus(); 819 }); 820 821 // ââ ì´ë©ì¼ ëë©ì¸ ìëìì± ââââââââââââââââââââââââââââââââââ 822 var emailInput = document.getElementById('txt_email'); 823 var autocompleteEl = document.getElementById('email-autocomplete'); 824 var EMAIL_DOMAINS = ['gmail.com', 'naver.com', 'nate.com', 'hanmail.net', 'daum.net', 'kakao.com']; 825 var selectedIdx = -1; 826 827 function updateEmailAutocomplete(value) { 828 var atIdx = value.indexOf('@'); 829 if (atIdx === -1) { 830 hideAutocomplete(); 831 return; 832 } 833 var localPart = value.substring(0, atIdx); 834 var domainPart = value.substring(atIdx + 1).toLowerCase(); 835 var filtered = EMAIL_DOMAINS.filter(function(d) { 836 return domainPart === '' || d.indexOf(domainPart) === 0; 837 }); 838 839 if (filtered.length === 0) { 840 hideAutocomplete(); 841 return; 842 } 843 844 selectedIdx = -1; 845 autocompleteEl.innerHTML = ''; 846 filtered.forEach(function(domain, i) { 847 var item = document.createElement('div'); 848 item.className = 'email-autocomplete-item';
849 item.textContent = localPart + '@' + domain; 850 item.addEventListener('mousedown', function(e) { 851 e.preventDefault(); 852 }); 853 item.addEventListener('click', function() { 854 emailInput.value = localPart + '@' + domain; 855 clearFieldError( 856 emailInput, 857 document.getElementById('email-error-icon'), 858 document.getElementById('email-error-msg') 859 ); 860 hideAutocomplete(); 861 emailInput.focus(); 862 }); 863 autocompleteEl.appendChild(item); 864 }); 865 866 autocompleteEl.classList.add('show'); 867 } 868 869 function hideAutocomplete() { 870 autocompleteEl.classList.remove('show'); 871 autocompleteEl.innerHTML = ''; 872 selectedIdx = -1; 873 } 874 875 // í¤ë³´ë ë°©í¥í¤/ìí°ë¡ ëª©ë¡ íì 876 emailInput.addEventListener('keydown', function(e) { 877 var items = autocompleteEl.querySelectorAll('.email-autocomplete-item'); 878 if (!autocompleteEl.classList.contains('show') || items.length === 0) return; 879 880 if (e.key === 'ArrowDown') { 881 e.preventDefault(); 882 selectedIdx = Math.min(selectedIdx + 1, items.length - 1); 883 } else if (e.key === 'ArrowUp') { 884 e.preventDefault(); 885 selectedIdx = Math.max(selectedIdx - 1, -1); 886 } else if (e.key === 'Enter' && selectedIdx >= 0) { 887 e.preventDefault(); 888 items[selectedIdx].click(); 889 return; 890 } else if (e.key === 'Escape') { 891 hideAutocomplete(); 892 return; 893 } else { 894 return; 895 } 896 897 items.forEach(function(item, i) { 898 item.classList.toggle('selected', i === selectedIdx); 899 }); 900 }); 901 902 // ì¸ë¶ í´ë¦ ì ëë¡ë¤ì´ ë«ê¸° 903 document.addEventListener('click', function(e) { 904 if (!emailInput.contains(e.target) && !autocompleteEl.contains(e.target)) { 905 hideAutocomplete(); 906 } 907 }); 908 909 // ì´ë©ì¼ íë ë¸ë¬ ì ëë¡ë¤ì´ ë«ê¸° 910 emailInput.addEventListener('blur', function() { 911 setTimeout(hideAutocomplete, 150); 912 }); 913</script>
vendor: 1 bytes, line 913
913
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.