Contact & Inquiries \u2013 BEAUNPL Clinic | Gangnam, Seoul<\/title>\n <meta name=\"description\" content=\"Contact BEAUNPL Clinic in Apgujeong, Gangnam. Book appointments, get directions, or inquire about business partnerships. Available in English, Korean, Chinese, Japanese.\">\n\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500&family=Inter:wght@300;400;500;600;700&display=swap\" rel=\"stylesheet\">\n <script>\n tailwind.config = {\n theme: {\n extend: {\n colors: {\n cream: '#F5F0EB',\n sand: '#E8E0D8',\n warm: '#D4C5B5',\n taupe: '#B8A9A0',\n 'taupe-light': '#C8BBB2',\n 'taupe-dark': '#9E8E84',\n gold: '#B8956A',\n dark: '#1A1A1A',\n muted: '#8B8B8B',\n 'muted-dark': '#6B6560',\n light: '#FAF9F6',\n charcoal: '#2A2625',\n marble: '#F0EBE3',\n border: '#EDEDED',\n },\n fontFamily: {\n serif: ['Playfair Display', 'Georgia', 'serif'],\n sans: ['Inter', 'system-ui', 'sans-serif'],\n },\n letterSpacing: {\n 'widest-plus': '0.25em',\n 'ultra': '0.35em',\n }\n }\n }\n }\n <\/script>\n <style>\n html { scroll-behavior: smooth; }\n body { font-family: 'Inter', sans-serif; overflow-x: hidden; background: #FAF9F6; color: #1A1A1A; }\n .font-serif { font-family: 'Playfair Display', Georgia, serif; }\n\n \/* Navbar *\/\n .nav-glass { backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px); transition: background 0.4s ease, box-shadow 0.4s ease; }\n .nav-glass.scrolled { background: rgba(250,249,246,0.92); box-shadow: 0 1px 0 rgba(0,0,0,0.04); }\n .nav-line { position: relative; }\n .nav-line::after { content:''; position:absolute; bottom:-2px; left:0; width:0; height:1px; background:#B8A9A0; transition:width 0.3s ease; }\n .nav-line:hover::after { width: 100%; }\n\n \/* Form *\/\n .form-input {\n width: 100%; padding: 14px 0; font-size: 0.9rem;\n border: none; border-bottom: 1px solid #EDEDED;\n background: transparent; color: #1A1A1A; outline: none;\n transition: border-color 0.3s ease;\n }\n .form-input:focus { border-bottom-color: #B8956A; }\n .form-input::placeholder { color: #C8BBB2; }\n .form-label {\n font-size: 0.7rem; letter-spacing: 0.1em; text-transform: uppercase;\n color: #B8A9A0; font-weight: 600; margin-bottom: 4px; display: block;\n }\n .form-select {\n width: 100%; padding: 14px 0; font-size: 0.9rem;\n border: none; border-bottom: 1px solid #EDEDED;\n background: transparent; color: #1A1A1A; outline: none;\n -webkit-appearance: none; cursor: pointer;\n background-image: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23B8A9A0' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'\/%3E%3C\/svg%3E\");\n background-repeat: no-repeat; background-position: right 0 center;\n }\n .form-select:focus { border-bottom-color: #B8956A; }\n textarea.form-input { resize: vertical; min-height: 120px; border: 1px solid #EDEDED; padding: 14px 16px; border-radius: 2px; }\n textarea.form-input:focus { border-color: #B8956A; }\n\n \/* Reveal animation *\/\n .reveal { opacity: 0; transform: translateY(30px); transition: opacity 0.8s cubic-bezier(0.16,1,0.3,1), transform 0.8s cubic-bezier(0.16,1,0.3,1); }\n .reveal.visible { opacity: 1; transform: translateY(0); }\n\n \/* Tabs *\/\n .tab-btn { position: relative; cursor: pointer; transition: color 0.3s ease; }\n .tab-btn::after { content:''; position:absolute; bottom:-8px; left:0; width:0; height:2px; background:#B8956A; transition:width 0.3s ease; }\n .tab-btn.active { color: #1A1A1A; }\n .tab-btn.active::after { width: 100%; }\n .tab-panel { display: none; }\n .tab-panel.active { display: block; }\n\n @media (prefers-reduced-motion: reduce) {\n .reveal { opacity:1; transform:none; transition:none; }\n }\n <\/style>\n<\/head>\n<body class=\"bg-light\">\n\n\n \n <section class=\"pt-32 sm:pt-40 pb-16 sm:pb-20 bg-gradient-to-b from-cream to-light\">\n <div class=\"max-w-4xl mx-auto px-4 sm:px-6 text-center\">\n <p class=\"reveal text-xs tracking-ultra text-taupe mb-4 font-semibold\">CONTACT<\/p>\n <h1 class=\"reveal font-serif text-4xl sm:text-5xl text-dark leading-tight mb-6\" style=\"transition-delay:0.1s\">\n Get in <em class=\"italic font-normal\">Touch<\/em>\n <\/h1>\n <p class=\"reveal text-base text-muted-dark font-light leading-relaxed max-w-xl mx-auto\" style=\"transition-delay:0.2s\">\n Whether you’re planning a visit, have questions about our treatments, or interested in business collaboration \u2014 we’d love to hear from you.\n <\/p>\n <\/div>\n <\/section>\n\n \n <section class=\"py-16 sm:py-20\">\n <div class=\"max-w-6xl mx-auto px-4 sm:px-6\">\n <div class=\"grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-6 reveal\">\n\n \n <div class=\"bg-white border border-border rounded-sm p-6 text-center hover:shadow-lg transition-shadow cursor-pointer group\">\n <div class=\"w-12 h-12 mx-auto mb-4 rounded-full bg-cream flex items-center justify-center group-hover:bg-sand transition-colors\">\n <svg class=\"w-5 h-5 text-taupe-dark\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" d=\"M2.25 6.75c0 8.284 6.716 15 15 15h2.25a2.25 2.25 0 002.25-2.25v-1.372c0-.516-.351-.966-.852-1.091l-4.423-1.106c-.44-.11-.902.055-1.173.417l-.97 1.293c-.282.376-.769.542-1.21.38a12.035 12.035 0 01-7.143-7.143c-.162-.441.004-.928.38-1.21l1.293-.97c.363-.271.527-.734.417-1.173L6.963 3.102a1.125 1.125 0 00-1.091-.852H4.5A2.25 2.25 0 002.25 4.5v2.25z\"\/><\/svg>\n <\/div>\n <p class=\"text-xs tracking-widest-plus text-taupe font-semibold mb-2\">PHONE<\/p>\n <a href=\"tel:+82-2-542-0545\" class=\"text-dark font-medium hover:text-gold transition-colors\">+82 2.542.0545<\/a>\n <\/div>\n\n \n <div class=\"bg-white border border-border rounded-sm p-6 text-center hover:shadow-lg transition-shadow cursor-pointer group\">\n <div class=\"w-12 h-12 mx-auto mb-4 rounded-full bg-cream flex items-center justify-center group-hover:bg-sand transition-colors\">\n <svg class=\"w-5 h-5 text-taupe-dark\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" d=\"M21.75 6.75v10.5a2.25 2.25 0 01-2.25 2.25h-15a2.25 2.25 0 01-2.25-2.25V6.75m19.5 0A2.25 2.25 0 0019.5 4.5h-15a2.25 2.25 0 00-2.25 2.25m19.5 0v.243a2.25 2.25 0 01-1.07 1.916l-7.5 4.615a2.25 2.25 0 01-2.36 0L3.32 8.91a2.25 2.25 0 01-1.07-1.916V6.75\"\/><\/svg>\n <\/div>\n <p class=\"text-xs tracking-widest-plus text-taupe font-semibold mb-2\">EMAIL<\/p>\n <a href=\"mailto:info@bnp.kr\" class=\"text-dark font-medium hover:text-gold transition-colors\">info@bnp.kr<\/a>\n <\/div>\n\n \n <div class=\"bg-white border border-border rounded-sm p-6 text-center hover:shadow-lg transition-shadow cursor-pointer group\">\n <div class=\"w-12 h-12 mx-auto mb-4 rounded-full bg-cream flex items-center justify-center group-hover:bg-sand transition-colors\">\n <svg class=\"w-5 h-5 text-taupe-dark\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" d=\"M15 10.5a3 3 0 11-6 0 3 3 0 016 0z\"\/><path stroke-linecap=\"round\" d=\"M19.5 10.5c0 7.142-7.5 11.25-7.5 11.25S4.5 17.642 4.5 10.5a7.5 7.5 0 1115 0z\"\/><\/svg>\n <\/div>\n <p class=\"text-xs tracking-widest-plus text-taupe font-semibold mb-2\">ADDRESS<\/p>\n <p class=\"text-sm text-muted-dark leading-relaxed\">14, Apgujeong-ro 50-gil<br>Gangnam-gu, Seoul<\/p>\n <\/div>\n\n \n <div class=\"bg-white border border-border rounded-sm p-6 text-center hover:shadow-lg transition-shadow cursor-pointer group\">\n <div class=\"w-12 h-12 mx-auto mb-4 rounded-full bg-cream flex items-center justify-center group-hover:bg-sand transition-colors\">\n <svg class=\"w-5 h-5 text-taupe-dark\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" viewBox=\"0 0 24 24\"><circle cx=\"12\" cy=\"12\" r=\"9.75\"\/><path stroke-linecap=\"round\" d=\"M12 7.5V12l3 1.5\"\/><\/svg>\n <\/div>\n <p class=\"text-xs tracking-widest-plus text-taupe font-semibold mb-2\">HOURS<\/p>\n <p class=\"text-sm text-muted-dark leading-relaxed\">Mon-Tue\/Thu\u2013Fri 10:30\u201320:30<br>Wed 10:30\u201319:30<br>Sat\u2013Sun 10:00\u201317:00<\/p>\n <\/div>\n <\/div>\n\n <\/div>\n <\/section>\n\n \n <section class=\"pb-10 sm:pb-12 reveal\">\n <div class=\"max-w-6xl mx-auto px-4 sm:px-6\">\n <div class=\"rounded-sm overflow-hidden shadow-sm border border-border\" style=\"aspect-ratio:21\/9\">\n <iframe\n src=\"https:\/\/maps.google.com\/maps?q=%EB%B7%B0%EC%95%A4%ED%94%8C%EC%9D%98%EC%9B%90&t=&z=16&ie=UTF8&iwloc=&output=embed\"\n width=\"100%\" height=\"100%\" style=\"border:0; display:block;\" allowfullscreen loading=\"lazy\"\n referrerpolicy=\"no-referrer-when-downgrade\"\n title=\"BEAUNPL Clinic Location - Apgujeong, Gangnam, Seoul\">\n <\/iframe>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section class=\"pb-16 sm:pb-20\">\n <div class=\"reveal flex flex-wrap justify-center gap-4\">\n <a href=\"https:\/\/naver.me\/53le2asG\" target=\"_blank\" rel=\"noopener\" class=\"inline-flex items-center gap-2 px-5 py-2.5 text-xs tracking-wider text-taupe-dark border border-border rounded-sm hover:border-taupe hover:text-dark transition-all cursor-pointer\">\n <svg class=\"w-3.5 h-3.5\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" d=\"M13.5 6H5.25A2.25 2.25 0 003 8.25v10.5A2.25 2.25 0 005.25 21h10.5A2.25 2.25 0 0018 18.75V10.5m-10.5 6L21 3m0 0h-5.25M21 3v5.25\"\/><\/svg>\n Naver Map\n <\/a>\n <a href=\"https:\/\/place.map.kakao.com\/470164828\" target=\"_blank\" rel=\"noopener\" class=\"inline-flex items-center gap-2 px-5 py-2.5 text-xs tracking-wider text-taupe-dark border border-border rounded-sm hover:border-taupe hover:text-dark transition-all cursor-pointer\">\n <svg class=\"w-3.5 h-3.5\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" d=\"M13.5 6H5.25A2.25 2.25 0 003 8.25v10.5A2.25 2.25 0 005.25 21h10.5A2.25 2.25 0 0018 18.75V10.5m-10.5 6L21 3m0 0h-5.25M21 3v5.25\"\/><\/svg>\n Kakao Map\n <\/a>\n <a href=\"https:\/\/maps.app.goo.gl\/4J7jEbjtXY9ajWWr5\" target=\"_blank\" rel=\"noopener\" class=\"inline-flex items-center gap-2 px-5 py-2.5 text-xs tracking-wider text-taupe-dark border border-border rounded-sm hover:border-taupe hover:text-dark transition-all cursor-pointer\">\n <svg class=\"w-3.5 h-3.5\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" d=\"M13.5 6H5.25A2.25 2.25 0 003 8.25v10.5A2.25 2.25 0 005.25 21h10.5A2.25 2.25 0 0018 18.75V10.5m-10.5 6L21 3m0 0h-5.25M21 3v5.25\"\/><\/svg>\n Google Map\n <\/a>\n <a href=\"https:\/\/wa.me\/821034769829\" target=\"_blank\" rel=\"noopener\" class=\"inline-flex items-center gap-2 px-5 py-2.5 text-xs tracking-wider text-white bg-dark rounded-sm hover:bg-charcoal transition-all cursor-pointer\">\n <svg class=\"w-3.5 h-3.5\" fill=\"currentColor\" viewBox=\"0 0 24 24\"><path d=\"M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51l-.57-.01c-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347z\"\/><\/svg>\n WhatsApp\n <\/a>\n <\/div>\n <\/section>\n\n \n <section class=\"py-16 sm:py-20 bg-white\">\n <div class=\"max-w-3xl mx-auto px-4 sm:px-6\">\n\n \n <div class=\"text-center mb-12 reveal\">\n <p class=\"text-xs tracking-ultra text-taupe mb-4 font-semibold\">INQUIRIES<\/p>\n <h2 class=\"font-serif text-3xl sm:text-4xl text-dark leading-tight mb-4\">\n How can we <em class=\"italic font-normal\">help?<\/em>\n <\/h2>\n <p class=\"text-sm text-muted-dark font-light leading-relaxed max-w-md mx-auto\">\n Choose the inquiry type that best matches your needs.\n <\/p>\n <\/div>\n\n \n <div class=\"flex justify-center gap-8 mb-10 border-b border-border pb-3 reveal\" style=\"transition-delay:0.1s\">\n <button class=\"tab-btn active text-sm font-medium text-dark tracking-wide\" data-tab=\"general\">General Inquiry<\/button>\n <button class=\"tab-btn text-sm font-medium text-muted tracking-wide\" data-tab=\"business\">Business Partnership<\/button>\n <\/div>\n\n \n <div class=\"tab-panel active reveal\" id=\"tab-general\" style=\"transition-delay:0.2s\">\n <form class=\"space-y-8\" id=\"form-general\">\n <div class=\"grid grid-cols-1 sm:grid-cols-2 gap-x-8 gap-y-6\">\n <div>\n <label class=\"form-label\" for=\"gen-name\">Full Name<\/label>\n <input type=\"text\" id=\"gen-name\" class=\"form-input\" placeholder=\"Jane Doe\" required>\n <\/div>\n <div>\n <label class=\"form-label\" for=\"gen-email\">Email Address<\/label>\n <input type=\"email\" id=\"gen-email\" class=\"form-input\" placeholder=\"jane@example.com\" required>\n <\/div>\n <div>\n <label class=\"form-label\" for=\"gen-phone\">Phone Number (optional)<\/label>\n <input type=\"tel\" id=\"gen-phone\" class=\"form-input\" placeholder=\"+82 10-1234-5678\">\n <\/div>\n <div>\n <label class=\"form-label\" for=\"gen-subject\">Subject<\/label>\n <select id=\"gen-subject\" class=\"form-select\" required>\n <option value=\"\" disabled selected>Select a topic<\/option>\n <option>Treatment Inquiry<\/option>\n <option>Booking Question<\/option>\n <option>Pricing Information<\/option>\n <option>Post-Treatment Care<\/option>\n <option>Other<\/option>\n <\/select>\n <\/div>\n <\/div>\n <div>\n <label class=\"form-label\" for=\"gen-message\">Message<\/label>\n <textarea id=\"gen-message\" class=\"form-input\" placeholder=\"Tell us about your inquiry...\" required><\/textarea>\n <\/div>\n <div class=\"flex flex-col sm:flex-row items-center gap-4\">\n <button type=\"submit\" class=\"w-full sm:w-auto px-10 py-3.5 bg-dark text-white text-xs tracking-widest-plus hover:bg-charcoal transition-colors cursor-pointer\">\n SEND MESSAGE\n <\/button>\n <p class=\"text-xs text-muted\">We typically respond within 24 hours.<\/p>\n <\/div>\n <\/form>\n <\/div>\n\n \n <div class=\"tab-panel reveal\" id=\"tab-business\" style=\"transition-delay:0.2s\">\n <div class=\"bg-cream\/50 border border-sand\/50 rounded-sm p-5 mb-8\">\n <p class=\"text-sm text-muted-dark leading-relaxed\">\n <strong class=\"text-dark\">Interested in collaborating with BEAUNPL?<\/strong> We welcome partnerships with brands, agencies, influencers, and businesses. Whether it’s product collaboration, our upcoming shopping mall, or cross-promotional opportunities \u2014 let’s explore how we can work together.\n <\/p>\n <\/div>\n <form class=\"space-y-8\" id=\"form-business\">\n <div class=\"grid grid-cols-1 sm:grid-cols-2 gap-x-8 gap-y-6\">\n <div>\n <label class=\"form-label\" for=\"biz-name\">Contact Person<\/label>\n <input type=\"text\" id=\"biz-name\" class=\"form-input\" placeholder=\"Full name\" required>\n <\/div>\n <div>\n <label class=\"form-label\" for=\"biz-company\">Company \/ Brand<\/label>\n <input type=\"text\" id=\"biz-company\" class=\"form-input\" placeholder=\"Company name\" required>\n <\/div>\n <div>\n <label class=\"form-label\" for=\"biz-email\">Business Email<\/label>\n <input type=\"email\" id=\"biz-email\" class=\"form-input\" placeholder=\"partner@company.com\" required>\n <\/div>\n <div>\n <label class=\"form-label\" for=\"biz-type\">Partnership Type<\/label>\n <select id=\"biz-type\" class=\"form-select\" required>\n <option value=\"\" disabled selected>Select type<\/option>\n <option>Product Collaboration<\/option>\n <option>Shopping Mall Partnership<\/option>\n <option>Brand \/ Agency Partnership<\/option>\n <option>Influencer Collaboration<\/option>\n <option>Media \/ Press Inquiry<\/option>\n <option>Other<\/option>\n <\/select>\n <\/div>\n <\/div>\n <div>\n <label class=\"form-label\" for=\"biz-website\">Website \/ Portfolio (optional)<\/label>\n <input type=\"url\" id=\"biz-website\" class=\"form-input\" placeholder=\"https:\/\/your-company.com\">\n <\/div>\n <div>\n <label class=\"form-label\" for=\"biz-message\">Proposal Details<\/label>\n <textarea id=\"biz-message\" class=\"form-input\" placeholder=\"Please describe your collaboration proposal, goals, and timeline...\" required><\/textarea>\n <\/div>\n <div class=\"flex flex-col sm:flex-row items-center gap-4\">\n <button type=\"submit\" class=\"w-full sm:w-auto px-10 py-3.5 bg-dark text-white text-xs tracking-widest-plus hover:bg-charcoal transition-colors cursor-pointer\">\n SUBMIT PROPOSAL\n <\/button>\n <p class=\"text-xs text-muted\">Our business team will respond within 2\u20133 business days.<\/p>\n <\/div>\n <\/form>\n <\/div>\n\n <\/div>\n <\/section>\n\n \n <section class=\"py-16 sm:py-20\">\n <div class=\"max-w-4xl mx-auto px-4 sm:px-6 text-center reveal\">\n <p class=\"text-xs tracking-ultra text-taupe mb-4 font-semibold\">CONNECT WITH US<\/p>\n <h2 class=\"font-serif text-2xl sm:text-3xl text-dark leading-tight mb-8\">\n Reach us on your preferred <em class=\"italic font-normal\">platform<\/em>\n <\/h2>\n <div class=\"flex flex-wrap justify-center gap-5\">\n <a href=\"#\" class=\"flex items-center gap-3 px-6 py-4 bg-white border border-border rounded-sm hover:shadow-md hover:border-taupe transition-all cursor-pointer group\">\n <svg class=\"w-5 h-5 text-taupe-dark group-hover:text-gold transition-colors\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" viewBox=\"0 0 24 24\"><rect x=\"2\" y=\"2\" width=\"20\" height=\"20\" rx=\"5\"\/><circle cx=\"12\" cy=\"12\" r=\"5\"\/><circle cx=\"17.5\" cy=\"6.5\" r=\"1.5\" fill=\"currentColor\" stroke=\"none\"\/><\/svg>\n <div class=\"text-left\">\n <p class=\"text-xs text-taupe font-medium\">Instagram<\/p>\n <p class=\"text-sm text-dark font-medium\">@beaunpl<\/p>\n <\/div>\n <\/a>\n <a href=\"https:\/\/wa.me\/821034769829\" class=\"flex items-center gap-3 px-6 py-4 bg-white border border-border rounded-sm hover:shadow-md hover:border-taupe transition-all cursor-pointer group\">\n <svg class=\"w-5 h-5 text-taupe-dark group-hover:text-gold transition-colors\" fill=\"currentColor\" viewBox=\"0 0 24 24\"><path d=\"M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51l-.57-.01c-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347z\"\/><\/svg>\n <div class=\"text-left\">\n <p class=\"text-xs text-taupe font-medium\">WhatsApp<\/p>\n <p class=\"text-sm text-dark font-medium\">Chat with us<\/p>\n <\/div>\n <\/a>\n <a href=\"#\" class=\"flex items-center gap-3 px-6 py-4 bg-white border border-border rounded-sm hover:shadow-md hover:border-taupe transition-all cursor-pointer group\">\n <svg class=\"w-5 h-5 text-taupe-dark group-hover:text-gold transition-colors\" fill=\"currentColor\" viewBox=\"0 0 24 24\"><path d=\"M19.59 6.69a4.83 4.83 0 01-3.77-4.25V2h-3.45v13.67a2.89 2.89 0 01-2.88 2.5 2.89 2.89 0 01-2.89-2.89 2.89 2.89 0 012.89-2.89c.28 0 .54.04.79.1v-3.5a6.37 6.37 0 00-.79-.05A6.34 6.34 0 003.15 15.2a6.34 6.34 0 0010.86 4.48 6.3 6.3 0 001.86-4.48V8.73a8.28 8.28 0 004.86 1.57v-3.46a4.84 4.84 0 01-1.14-.15z\"\/><\/svg>\n <div class=\"text-left\">\n <p class=\"text-xs text-taupe font-medium\">TikTok<\/p>\n <p class=\"text-sm text-dark font-medium\">@beaunpl<\/p>\n <\/div>\n <\/a>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section class=\"pb-20\">\n <div class=\"max-w-4xl mx-auto px-4 sm:px-6 reveal\">\n <div class=\"bg-dark rounded-sm p-10 sm:p-14 text-center\">\n <p class=\"text-xs tracking-ultra text-taupe-light mb-4 font-semibold\">MULTILINGUAL SUPPORT<\/p>\n <h2 class=\"font-serif text-2xl sm:text-3xl text-white leading-tight mb-4\">\n Available in <em class=\"italic font-normal text-warm\">4 languages<\/em>\n <\/h2>\n <p class=\"text-sm text-white\/60 leading-relaxed mb-8 max-w-md mx-auto\">\n Our staff provides consultations in English, Korean, Chinese, and Japanese to ensure you feel comfortable throughout your visit.\n <\/p>\n <div class=\"flex flex-wrap justify-center gap-3\">\n <span class=\"px-4 py-2 text-xs tracking-wider text-white\/80 border border-white\/20 rounded-sm\">English<\/span>\n <span class=\"px-4 py-2 text-xs tracking-wider text-white\/80 border border-white\/20 rounded-sm\">\ud55c\uad6d\uc5b4<\/span>\n <span class=\"px-4 py-2 text-xs tracking-wider text-white\/80 border border-white\/20 rounded-sm\">\u4e2d\u6587<\/span>\n <span class=\"px-4 py-2 text-xs tracking-wider text-white\/80 border border-white\/20 rounded-sm\">\u65e5\u672c\u8a9e<\/span>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n\n <script>\n \/\/ Reveal\n const observer = new IntersectionObserver((entries) => {\n entries.forEach(e => { if (e.isIntersecting) e.target.classList.add('visible'); });\n }, { threshold: 0.1, rootMargin: '0px 0px -40px 0px' });\n document.querySelectorAll('.reveal').forEach(el => observer.observe(el));\n\n \/\/ Navbar scroll\n window.addEventListener('scroll', () => {\n document.getElementById('navbar').classList.toggle('scrolled', window.scrollY > 20);\n });\n\n \/\/ Tabs\n document.querySelectorAll('.tab-btn').forEach(btn => {\n btn.addEventListener('click', () => {\n document.querySelectorAll('.tab-btn').forEach(b => b.classList.remove('active'));\n document.querySelectorAll('.tab-panel').forEach(p => p.classList.remove('active'));\n btn.classList.add('active');\n document.getElementById('tab-' + btn.dataset.tab).classList.add('active');\n });\n });\n <\/script>\n\n \n <script>\n (function() {\n var API = '\/wp-json\/beaunpl\/v1\/inquiry';\n\n function submitForm(form, type) {\n form.addEventListener('submit', function(e) {\n e.preventDefault();\n var btn = form.querySelector('button[type=\"submit\"]');\n var origText = btn.textContent;\n btn.textContent = 'SENDING...';\n btn.disabled = true;\n\n var data = { inquiry_type: type, website_url_hp: '' };\n\n if (type === 'general') {\n data.name = form.querySelector('#gen-name').value;\n data.email = form.querySelector('#gen-email').value;\n data.phone = form.querySelector('#gen-phone').value;\n data.subject = form.querySelector('#gen-subject').value;\n data.message = form.querySelector('#gen-message').value;\n } else {\n data.name = form.querySelector('#biz-name').value;\n data.email = form.querySelector('#biz-email').value;\n data.company = form.querySelector('#biz-company').value;\n data.partnership_type = form.querySelector('#biz-type').value;\n data.website = form.querySelector('#biz-website').value;\n data.message = form.querySelector('#biz-message').value;\n }\n\n fetch(API, {\n method: 'POST',\n headers: { 'Content-Type': 'application\/json' },\n body: JSON.stringify(data)\n })\n .then(function(r) { return r.json(); })\n .then(function(res) {\n if (res.success) {\n var msg = type === 'general'\n ? 'Your inquiry has been submitted. We will respond within 24 hours.'\n : 'Proposal received! Our business team will respond within 2-3 business days.';\n form.innerHTML = '<div style=\"text-align:center;padding:40px 0;\">'\n + '<p style=\"font-size:20px;margin-bottom:8px;\">Thank you!<\/p>'\n + '<p style=\"color:#8B8B8B;\">' + msg + '<\/p><\/div>';\n } else {\n alert(res.message || 'Something went wrong.');\n btn.textContent = origText;\n btn.disabled = false;\n }\n })\n .catch(function() {\n alert('Network error. Please try again.');\n btn.textContent = origText;\n btn.disabled = false;\n });\n });\n }\n\n var genForm = document.getElementById('form-general');\n var bizForm = document.getElementById('form-business');\n if (genForm) submitForm(genForm, 'general');\n if (bizForm) submitForm(bizForm, 'business');\n })();\n <\/script>\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>Contact & Inquiries \u2013 BEAUNPL Clinic | Gangnam, Seoul CONTACT Get in Touch Whether you’re planning a visit, have questions about our treatments, or interested in business collaboration \u2014 we’d love to hear from you. PHONE +82 2.542.0545 EMAIL info@bnp.kr ADDRESS 14, Apgujeong-ro 50-gilGangnam-gu, Seoul HOURS Mon-Tue\/Thu\u2013Fri 10:30\u201320:30Wed 10:30\u201319:30Sat\u2013Sun 10:00\u201317:00 Naver Map Kakao Map Google […]<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-886","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/beaunpl.com\/ko\/wp-json\/wp\/v2\/pages\/886","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/beaunpl.com\/ko\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/beaunpl.com\/ko\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/beaunpl.com\/ko\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/beaunpl.com\/ko\/wp-json\/wp\/v2\/comments?post=886"}],"version-history":[{"count":5,"href":"https:\/\/beaunpl.com\/ko\/wp-json\/wp\/v2\/pages\/886\/revisions"}],"predecessor-version":[{"id":1097,"href":"https:\/\/beaunpl.com\/ko\/wp-json\/wp\/v2\/pages\/886\/revisions\/1097"}],"wp:attachment":[{"href":"https:\/\/beaunpl.com\/ko\/wp-json\/wp\/v2\/media?parent=886"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":886,"date":"2026-04-07T10:47:35","date_gmt":"2026-04-07T01:47:35","guid":{"rendered":"https:\/\/beaunpl.com\/?page_id=886"},"modified":"2026-04-18T14:01:53","modified_gmt":"2026-04-18T05:01:53","slug":"contact","status":"publish","type":"page","link":"https:\/\/beaunpl.com\/ko\/contact\/","title":{"rendered":"contact"},"content":{"rendered":"\n\n\n\n \n \n Contact & Inquiries \u2013 BEAUNPL Clinic | Gangnam, Seoul<\/title>\n <meta name=\"description\" content=\"Contact BEAUNPL Clinic in Apgujeong, Gangnam. Book appointments, get directions, or inquire about business partnerships. Available in English, Korean, Chinese, Japanese.\">\n\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500&family=Inter:wght@300;400;500;600;700&display=swap\" rel=\"stylesheet\">\n <script>\n tailwind.config = {\n theme: {\n extend: {\n colors: {\n cream: '#F5F0EB',\n sand: '#E8E0D8',\n warm: '#D4C5B5',\n taupe: '#B8A9A0',\n 'taupe-light': '#C8BBB2',\n 'taupe-dark': '#9E8E84',\n gold: '#B8956A',\n dark: '#1A1A1A',\n muted: '#8B8B8B',\n 'muted-dark': '#6B6560',\n light: '#FAF9F6',\n charcoal: '#2A2625',\n marble: '#F0EBE3',\n border: '#EDEDED',\n },\n fontFamily: {\n serif: ['Playfair Display', 'Georgia', 'serif'],\n sans: ['Inter', 'system-ui', 'sans-serif'],\n },\n letterSpacing: {\n 'widest-plus': '0.25em',\n 'ultra': '0.35em',\n }\n }\n }\n }\n <\/script>\n <style>\n html { scroll-behavior: smooth; }\n body { font-family: 'Inter', sans-serif; overflow-x: hidden; background: #FAF9F6; color: #1A1A1A; }\n .font-serif { font-family: 'Playfair Display', Georgia, serif; }\n\n \/* Navbar *\/\n .nav-glass { backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px); transition: background 0.4s ease, box-shadow 0.4s ease; }\n .nav-glass.scrolled { background: rgba(250,249,246,0.92); box-shadow: 0 1px 0 rgba(0,0,0,0.04); }\n .nav-line { position: relative; }\n .nav-line::after { content:''; position:absolute; bottom:-2px; left:0; width:0; height:1px; background:#B8A9A0; transition:width 0.3s ease; }\n .nav-line:hover::after { width: 100%; }\n\n \/* Form *\/\n .form-input {\n width: 100%; padding: 14px 0; font-size: 0.9rem;\n border: none; border-bottom: 1px solid #EDEDED;\n background: transparent; color: #1A1A1A; outline: none;\n transition: border-color 0.3s ease;\n }\n .form-input:focus { border-bottom-color: #B8956A; }\n .form-input::placeholder { color: #C8BBB2; }\n .form-label {\n font-size: 0.7rem; letter-spacing: 0.1em; text-transform: uppercase;\n color: #B8A9A0; font-weight: 600; margin-bottom: 4px; display: block;\n }\n .form-select {\n width: 100%; padding: 14px 0; font-size: 0.9rem;\n border: none; border-bottom: 1px solid #EDEDED;\n background: transparent; color: #1A1A1A; outline: none;\n -webkit-appearance: none; cursor: pointer;\n background-image: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23B8A9A0' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'\/%3E%3C\/svg%3E\");\n background-repeat: no-repeat; background-position: right 0 center;\n }\n .form-select:focus { border-bottom-color: #B8956A; }\n textarea.form-input { resize: vertical; min-height: 120px; border: 1px solid #EDEDED; padding: 14px 16px; border-radius: 2px; }\n textarea.form-input:focus { border-color: #B8956A; }\n\n \/* Reveal animation *\/\n .reveal { opacity: 0; transform: translateY(30px); transition: opacity 0.8s cubic-bezier(0.16,1,0.3,1), transform 0.8s cubic-bezier(0.16,1,0.3,1); }\n .reveal.visible { opacity: 1; transform: translateY(0); }\n\n \/* Tabs *\/\n .tab-btn { position: relative; cursor: pointer; transition: color 0.3s ease; }\n .tab-btn::after { content:''; position:absolute; bottom:-8px; left:0; width:0; height:2px; background:#B8956A; transition:width 0.3s ease; }\n .tab-btn.active { color: #1A1A1A; }\n .tab-btn.active::after { width: 100%; }\n .tab-panel { display: none; }\n .tab-panel.active { display: block; }\n\n @media (prefers-reduced-motion: reduce) {\n .reveal { opacity:1; transform:none; transition:none; }\n }\n <\/style>\n<\/head>\n<body class=\"bg-light\">\n\n\n \n <section class=\"pt-32 sm:pt-40 pb-16 sm:pb-20 bg-gradient-to-b from-cream to-light\">\n <div class=\"max-w-4xl mx-auto px-4 sm:px-6 text-center\">\n <p class=\"reveal text-xs tracking-ultra text-taupe mb-4 font-semibold\">CONTACT<\/p>\n <h1 class=\"reveal font-serif text-4xl sm:text-5xl text-dark leading-tight mb-6\" style=\"transition-delay:0.1s\">\n Get in <em class=\"italic font-normal\">Touch<\/em>\n <\/h1>\n <p class=\"reveal text-base text-muted-dark font-light leading-relaxed max-w-xl mx-auto\" style=\"transition-delay:0.2s\">\n Whether you’re planning a visit, have questions about our treatments, or interested in business collaboration \u2014 we’d love to hear from you.\n <\/p>\n <\/div>\n <\/section>\n\n \n <section class=\"py-16 sm:py-20\">\n <div class=\"max-w-6xl mx-auto px-4 sm:px-6\">\n <div class=\"grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-6 reveal\">\n\n \n <div class=\"bg-white border border-border rounded-sm p-6 text-center hover:shadow-lg transition-shadow cursor-pointer group\">\n <div class=\"w-12 h-12 mx-auto mb-4 rounded-full bg-cream flex items-center justify-center group-hover:bg-sand transition-colors\">\n <svg class=\"w-5 h-5 text-taupe-dark\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" d=\"M2.25 6.75c0 8.284 6.716 15 15 15h2.25a2.25 2.25 0 002.25-2.25v-1.372c0-.516-.351-.966-.852-1.091l-4.423-1.106c-.44-.11-.902.055-1.173.417l-.97 1.293c-.282.376-.769.542-1.21.38a12.035 12.035 0 01-7.143-7.143c-.162-.441.004-.928.38-1.21l1.293-.97c.363-.271.527-.734.417-1.173L6.963 3.102a1.125 1.125 0 00-1.091-.852H4.5A2.25 2.25 0 002.25 4.5v2.25z\"\/><\/svg>\n <\/div>\n <p class=\"text-xs tracking-widest-plus text-taupe font-semibold mb-2\">PHONE<\/p>\n <a href=\"tel:+82-2-542-0545\" class=\"text-dark font-medium hover:text-gold transition-colors\">+82 2.542.0545<\/a>\n <\/div>\n\n \n <div class=\"bg-white border border-border rounded-sm p-6 text-center hover:shadow-lg transition-shadow cursor-pointer group\">\n <div class=\"w-12 h-12 mx-auto mb-4 rounded-full bg-cream flex items-center justify-center group-hover:bg-sand transition-colors\">\n <svg class=\"w-5 h-5 text-taupe-dark\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" d=\"M21.75 6.75v10.5a2.25 2.25 0 01-2.25 2.25h-15a2.25 2.25 0 01-2.25-2.25V6.75m19.5 0A2.25 2.25 0 0019.5 4.5h-15a2.25 2.25 0 00-2.25 2.25m19.5 0v.243a2.25 2.25 0 01-1.07 1.916l-7.5 4.615a2.25 2.25 0 01-2.36 0L3.32 8.91a2.25 2.25 0 01-1.07-1.916V6.75\"\/><\/svg>\n <\/div>\n <p class=\"text-xs tracking-widest-plus text-taupe font-semibold mb-2\">EMAIL<\/p>\n <a href=\"mailto:info@bnp.kr\" class=\"text-dark font-medium hover:text-gold transition-colors\">info@bnp.kr<\/a>\n <\/div>\n\n \n <div class=\"bg-white border border-border rounded-sm p-6 text-center hover:shadow-lg transition-shadow cursor-pointer group\">\n <div class=\"w-12 h-12 mx-auto mb-4 rounded-full bg-cream flex items-center justify-center group-hover:bg-sand transition-colors\">\n <svg class=\"w-5 h-5 text-taupe-dark\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" d=\"M15 10.5a3 3 0 11-6 0 3 3 0 016 0z\"\/><path stroke-linecap=\"round\" d=\"M19.5 10.5c0 7.142-7.5 11.25-7.5 11.25S4.5 17.642 4.5 10.5a7.5 7.5 0 1115 0z\"\/><\/svg>\n <\/div>\n <p class=\"text-xs tracking-widest-plus text-taupe font-semibold mb-2\">ADDRESS<\/p>\n <p class=\"text-sm text-muted-dark leading-relaxed\">14, Apgujeong-ro 50-gil<br>Gangnam-gu, Seoul<\/p>\n <\/div>\n\n \n <div class=\"bg-white border border-border rounded-sm p-6 text-center hover:shadow-lg transition-shadow cursor-pointer group\">\n <div class=\"w-12 h-12 mx-auto mb-4 rounded-full bg-cream flex items-center justify-center group-hover:bg-sand transition-colors\">\n <svg class=\"w-5 h-5 text-taupe-dark\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" viewBox=\"0 0 24 24\"><circle cx=\"12\" cy=\"12\" r=\"9.75\"\/><path stroke-linecap=\"round\" d=\"M12 7.5V12l3 1.5\"\/><\/svg>\n <\/div>\n <p class=\"text-xs tracking-widest-plus text-taupe font-semibold mb-2\">HOURS<\/p>\n <p class=\"text-sm text-muted-dark leading-relaxed\">Mon-Tue\/Thu\u2013Fri 10:30\u201320:30<br>Wed 10:30\u201319:30<br>Sat\u2013Sun 10:00\u201317:00<\/p>\n <\/div>\n <\/div>\n\n <\/div>\n <\/section>\n\n \n <section class=\"pb-10 sm:pb-12 reveal\">\n <div class=\"max-w-6xl mx-auto px-4 sm:px-6\">\n <div class=\"rounded-sm overflow-hidden shadow-sm border border-border\" style=\"aspect-ratio:21\/9\">\n <iframe\n src=\"https:\/\/maps.google.com\/maps?q=%EB%B7%B0%EC%95%A4%ED%94%8C%EC%9D%98%EC%9B%90&t=&z=16&ie=UTF8&iwloc=&output=embed\"\n width=\"100%\" height=\"100%\" style=\"border:0; display:block;\" allowfullscreen loading=\"lazy\"\n referrerpolicy=\"no-referrer-when-downgrade\"\n title=\"BEAUNPL Clinic Location - Apgujeong, Gangnam, Seoul\">\n <\/iframe>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section class=\"pb-16 sm:pb-20\">\n <div class=\"reveal flex flex-wrap justify-center gap-4\">\n <a href=\"https:\/\/naver.me\/53le2asG\" target=\"_blank\" rel=\"noopener\" class=\"inline-flex items-center gap-2 px-5 py-2.5 text-xs tracking-wider text-taupe-dark border border-border rounded-sm hover:border-taupe hover:text-dark transition-all cursor-pointer\">\n <svg class=\"w-3.5 h-3.5\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" d=\"M13.5 6H5.25A2.25 2.25 0 003 8.25v10.5A2.25 2.25 0 005.25 21h10.5A2.25 2.25 0 0018 18.75V10.5m-10.5 6L21 3m0 0h-5.25M21 3v5.25\"\/><\/svg>\n Naver Map\n <\/a>\n <a href=\"https:\/\/place.map.kakao.com\/470164828\" target=\"_blank\" rel=\"noopener\" class=\"inline-flex items-center gap-2 px-5 py-2.5 text-xs tracking-wider text-taupe-dark border border-border rounded-sm hover:border-taupe hover:text-dark transition-all cursor-pointer\">\n <svg class=\"w-3.5 h-3.5\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" d=\"M13.5 6H5.25A2.25 2.25 0 003 8.25v10.5A2.25 2.25 0 005.25 21h10.5A2.25 2.25 0 0018 18.75V10.5m-10.5 6L21 3m0 0h-5.25M21 3v5.25\"\/><\/svg>\n Kakao Map\n <\/a>\n <a href=\"https:\/\/maps.app.goo.gl\/4J7jEbjtXY9ajWWr5\" target=\"_blank\" rel=\"noopener\" class=\"inline-flex items-center gap-2 px-5 py-2.5 text-xs tracking-wider text-taupe-dark border border-border rounded-sm hover:border-taupe hover:text-dark transition-all cursor-pointer\">\n <svg class=\"w-3.5 h-3.5\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" d=\"M13.5 6H5.25A2.25 2.25 0 003 8.25v10.5A2.25 2.25 0 005.25 21h10.5A2.25 2.25 0 0018 18.75V10.5m-10.5 6L21 3m0 0h-5.25M21 3v5.25\"\/><\/svg>\n Google Map\n <\/a>\n <a href=\"https:\/\/wa.me\/821034769829\" target=\"_blank\" rel=\"noopener\" class=\"inline-flex items-center gap-2 px-5 py-2.5 text-xs tracking-wider text-white bg-dark rounded-sm hover:bg-charcoal transition-all cursor-pointer\">\n <svg class=\"w-3.5 h-3.5\" fill=\"currentColor\" viewBox=\"0 0 24 24\"><path d=\"M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51l-.57-.01c-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347z\"\/><\/svg>\n WhatsApp\n <\/a>\n <\/div>\n <\/section>\n\n \n <section class=\"py-16 sm:py-20 bg-white\">\n <div class=\"max-w-3xl mx-auto px-4 sm:px-6\">\n\n \n <div class=\"text-center mb-12 reveal\">\n <p class=\"text-xs tracking-ultra text-taupe mb-4 font-semibold\">INQUIRIES<\/p>\n <h2 class=\"font-serif text-3xl sm:text-4xl text-dark leading-tight mb-4\">\n How can we <em class=\"italic font-normal\">help?<\/em>\n <\/h2>\n <p class=\"text-sm text-muted-dark font-light leading-relaxed max-w-md mx-auto\">\n Choose the inquiry type that best matches your needs.\n <\/p>\n <\/div>\n\n \n <div class=\"flex justify-center gap-8 mb-10 border-b border-border pb-3 reveal\" style=\"transition-delay:0.1s\">\n <button class=\"tab-btn active text-sm font-medium text-dark tracking-wide\" data-tab=\"general\">General Inquiry<\/button>\n <button class=\"tab-btn text-sm font-medium text-muted tracking-wide\" data-tab=\"business\">Business Partnership<\/button>\n <\/div>\n\n \n <div class=\"tab-panel active reveal\" id=\"tab-general\" style=\"transition-delay:0.2s\">\n <form class=\"space-y-8\" id=\"form-general\">\n <div class=\"grid grid-cols-1 sm:grid-cols-2 gap-x-8 gap-y-6\">\n <div>\n <label class=\"form-label\" for=\"gen-name\">Full Name<\/label>\n <input type=\"text\" id=\"gen-name\" class=\"form-input\" placeholder=\"Jane Doe\" required>\n <\/div>\n <div>\n <label class=\"form-label\" for=\"gen-email\">Email Address<\/label>\n <input type=\"email\" id=\"gen-email\" class=\"form-input\" placeholder=\"jane@example.com\" required>\n <\/div>\n <div>\n <label class=\"form-label\" for=\"gen-phone\">Phone Number (optional)<\/label>\n <input type=\"tel\" id=\"gen-phone\" class=\"form-input\" placeholder=\"+82 10-1234-5678\">\n <\/div>\n <div>\n <label class=\"form-label\" for=\"gen-subject\">Subject<\/label>\n <select id=\"gen-subject\" class=\"form-select\" required>\n <option value=\"\" disabled selected>Select a topic<\/option>\n <option>Treatment Inquiry<\/option>\n <option>Booking Question<\/option>\n <option>Pricing Information<\/option>\n <option>Post-Treatment Care<\/option>\n <option>Other<\/option>\n <\/select>\n <\/div>\n <\/div>\n <div>\n <label class=\"form-label\" for=\"gen-message\">Message<\/label>\n <textarea id=\"gen-message\" class=\"form-input\" placeholder=\"Tell us about your inquiry...\" required><\/textarea>\n <\/div>\n <div class=\"flex flex-col sm:flex-row items-center gap-4\">\n <button type=\"submit\" class=\"w-full sm:w-auto px-10 py-3.5 bg-dark text-white text-xs tracking-widest-plus hover:bg-charcoal transition-colors cursor-pointer\">\n SEND MESSAGE\n <\/button>\n <p class=\"text-xs text-muted\">We typically respond within 24 hours.<\/p>\n <\/div>\n <\/form>\n <\/div>\n\n \n <div class=\"tab-panel reveal\" id=\"tab-business\" style=\"transition-delay:0.2s\">\n <div class=\"bg-cream\/50 border border-sand\/50 rounded-sm p-5 mb-8\">\n <p class=\"text-sm text-muted-dark leading-relaxed\">\n <strong class=\"text-dark\">Interested in collaborating with BEAUNPL?<\/strong> We welcome partnerships with brands, agencies, influencers, and businesses. Whether it’s product collaboration, our upcoming shopping mall, or cross-promotional opportunities \u2014 let’s explore how we can work together.\n <\/p>\n <\/div>\n <form class=\"space-y-8\" id=\"form-business\">\n <div class=\"grid grid-cols-1 sm:grid-cols-2 gap-x-8 gap-y-6\">\n <div>\n <label class=\"form-label\" for=\"biz-name\">Contact Person<\/label>\n <input type=\"text\" id=\"biz-name\" class=\"form-input\" placeholder=\"Full name\" required>\n <\/div>\n <div>\n <label class=\"form-label\" for=\"biz-company\">Company \/ Brand<\/label>\n <input type=\"text\" id=\"biz-company\" class=\"form-input\" placeholder=\"Company name\" required>\n <\/div>\n <div>\n <label class=\"form-label\" for=\"biz-email\">Business Email<\/label>\n <input type=\"email\" id=\"biz-email\" class=\"form-input\" placeholder=\"partner@company.com\" required>\n <\/div>\n <div>\n <label class=\"form-label\" for=\"biz-type\">Partnership Type<\/label>\n <select id=\"biz-type\" class=\"form-select\" required>\n <option value=\"\" disabled selected>Select type<\/option>\n <option>Product Collaboration<\/option>\n <option>Shopping Mall Partnership<\/option>\n <option>Brand \/ Agency Partnership<\/option>\n <option>Influencer Collaboration<\/option>\n <option>Media \/ Press Inquiry<\/option>\n <option>Other<\/option>\n <\/select>\n <\/div>\n <\/div>\n <div>\n <label class=\"form-label\" for=\"biz-website\">Website \/ Portfolio (optional)<\/label>\n <input type=\"url\" id=\"biz-website\" class=\"form-input\" placeholder=\"https:\/\/your-company.com\">\n <\/div>\n <div>\n <label class=\"form-label\" for=\"biz-message\">Proposal Details<\/label>\n <textarea id=\"biz-message\" class=\"form-input\" placeholder=\"Please describe your collaboration proposal, goals, and timeline...\" required><\/textarea>\n <\/div>\n <div class=\"flex flex-col sm:flex-row items-center gap-4\">\n <button type=\"submit\" class=\"w-full sm:w-auto px-10 py-3.5 bg-dark text-white text-xs tracking-widest-plus hover:bg-charcoal transition-colors cursor-pointer\">\n SUBMIT PROPOSAL\n <\/button>\n <p class=\"text-xs text-muted\">Our business team will respond within 2\u20133 business days.<\/p>\n <\/div>\n <\/form>\n <\/div>\n\n <\/div>\n <\/section>\n\n \n <section class=\"py-16 sm:py-20\">\n <div class=\"max-w-4xl mx-auto px-4 sm:px-6 text-center reveal\">\n <p class=\"text-xs tracking-ultra text-taupe mb-4 font-semibold\">CONNECT WITH US<\/p>\n <h2 class=\"font-serif text-2xl sm:text-3xl text-dark leading-tight mb-8\">\n Reach us on your preferred <em class=\"italic font-normal\">platform<\/em>\n <\/h2>\n <div class=\"flex flex-wrap justify-center gap-5\">\n <a href=\"#\" class=\"flex items-center gap-3 px-6 py-4 bg-white border border-border rounded-sm hover:shadow-md hover:border-taupe transition-all cursor-pointer group\">\n <svg class=\"w-5 h-5 text-taupe-dark group-hover:text-gold transition-colors\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" viewBox=\"0 0 24 24\"><rect x=\"2\" y=\"2\" width=\"20\" height=\"20\" rx=\"5\"\/><circle cx=\"12\" cy=\"12\" r=\"5\"\/><circle cx=\"17.5\" cy=\"6.5\" r=\"1.5\" fill=\"currentColor\" stroke=\"none\"\/><\/svg>\n <div class=\"text-left\">\n <p class=\"text-xs text-taupe font-medium\">Instagram<\/p>\n <p class=\"text-sm text-dark font-medium\">@beaunpl<\/p>\n <\/div>\n <\/a>\n <a href=\"https:\/\/wa.me\/821034769829\" class=\"flex items-center gap-3 px-6 py-4 bg-white border border-border rounded-sm hover:shadow-md hover:border-taupe transition-all cursor-pointer group\">\n <svg class=\"w-5 h-5 text-taupe-dark group-hover:text-gold transition-colors\" fill=\"currentColor\" viewBox=\"0 0 24 24\"><path d=\"M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51l-.57-.01c-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347z\"\/><\/svg>\n <div class=\"text-left\">\n <p class=\"text-xs text-taupe font-medium\">WhatsApp<\/p>\n <p class=\"text-sm text-dark font-medium\">Chat with us<\/p>\n <\/div>\n <\/a>\n <a href=\"#\" class=\"flex items-center gap-3 px-6 py-4 bg-white border border-border rounded-sm hover:shadow-md hover:border-taupe transition-all cursor-pointer group\">\n <svg class=\"w-5 h-5 text-taupe-dark group-hover:text-gold transition-colors\" fill=\"currentColor\" viewBox=\"0 0 24 24\"><path d=\"M19.59 6.69a4.83 4.83 0 01-3.77-4.25V2h-3.45v13.67a2.89 2.89 0 01-2.88 2.5 2.89 2.89 0 01-2.89-2.89 2.89 2.89 0 012.89-2.89c.28 0 .54.04.79.1v-3.5a6.37 6.37 0 00-.79-.05A6.34 6.34 0 003.15 15.2a6.34 6.34 0 0010.86 4.48 6.3 6.3 0 001.86-4.48V8.73a8.28 8.28 0 004.86 1.57v-3.46a4.84 4.84 0 01-1.14-.15z\"\/><\/svg>\n <div class=\"text-left\">\n <p class=\"text-xs text-taupe font-medium\">TikTok<\/p>\n <p class=\"text-sm text-dark font-medium\">@beaunpl<\/p>\n <\/div>\n <\/a>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section class=\"pb-20\">\n <div class=\"max-w-4xl mx-auto px-4 sm:px-6 reveal\">\n <div class=\"bg-dark rounded-sm p-10 sm:p-14 text-center\">\n <p class=\"text-xs tracking-ultra text-taupe-light mb-4 font-semibold\">MULTILINGUAL SUPPORT<\/p>\n <h2 class=\"font-serif text-2xl sm:text-3xl text-white leading-tight mb-4\">\n Available in <em class=\"italic font-normal text-warm\">4 languages<\/em>\n <\/h2>\n <p class=\"text-sm text-white\/60 leading-relaxed mb-8 max-w-md mx-auto\">\n Our staff provides consultations in English, Korean, Chinese, and Japanese to ensure you feel comfortable throughout your visit.\n <\/p>\n <div class=\"flex flex-wrap justify-center gap-3\">\n <span class=\"px-4 py-2 text-xs tracking-wider text-white\/80 border border-white\/20 rounded-sm\">English<\/span>\n <span class=\"px-4 py-2 text-xs tracking-wider text-white\/80 border border-white\/20 rounded-sm\">\ud55c\uad6d\uc5b4<\/span>\n <span class=\"px-4 py-2 text-xs tracking-wider text-white\/80 border border-white\/20 rounded-sm\">\u4e2d\u6587<\/span>\n <span class=\"px-4 py-2 text-xs tracking-wider text-white\/80 border border-white\/20 rounded-sm\">\u65e5\u672c\u8a9e<\/span>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n\n <script>\n \/\/ Reveal\n const observer = new IntersectionObserver((entries) => {\n entries.forEach(e => { if (e.isIntersecting) e.target.classList.add('visible'); });\n }, { threshold: 0.1, rootMargin: '0px 0px -40px 0px' });\n document.querySelectorAll('.reveal').forEach(el => observer.observe(el));\n\n \/\/ Navbar scroll\n window.addEventListener('scroll', () => {\n document.getElementById('navbar').classList.toggle('scrolled', window.scrollY > 20);\n });\n\n \/\/ Tabs\n document.querySelectorAll('.tab-btn').forEach(btn => {\n btn.addEventListener('click', () => {\n document.querySelectorAll('.tab-btn').forEach(b => b.classList.remove('active'));\n document.querySelectorAll('.tab-panel').forEach(p => p.classList.remove('active'));\n btn.classList.add('active');\n document.getElementById('tab-' + btn.dataset.tab).classList.add('active');\n });\n });\n <\/script>\n\n \n <script>\n (function() {\n var API = '\/wp-json\/beaunpl\/v1\/inquiry';\n\n function submitForm(form, type) {\n form.addEventListener('submit', function(e) {\n e.preventDefault();\n var btn = form.querySelector('button[type=\"submit\"]');\n var origText = btn.textContent;\n btn.textContent = 'SENDING...';\n btn.disabled = true;\n\n var data = { inquiry_type: type, website_url_hp: '' };\n\n if (type === 'general') {\n data.name = form.querySelector('#gen-name').value;\n data.email = form.querySelector('#gen-email').value;\n data.phone = form.querySelector('#gen-phone').value;\n data.subject = form.querySelector('#gen-subject').value;\n data.message = form.querySelector('#gen-message').value;\n } else {\n data.name = form.querySelector('#biz-name').value;\n data.email = form.querySelector('#biz-email').value;\n data.company = form.querySelector('#biz-company').value;\n data.partnership_type = form.querySelector('#biz-type').value;\n data.website = form.querySelector('#biz-website').value;\n data.message = form.querySelector('#biz-message').value;\n }\n\n fetch(API, {\n method: 'POST',\n headers: { 'Content-Type': 'application\/json' },\n body: JSON.stringify(data)\n })\n .then(function(r) { return r.json(); })\n .then(function(res) {\n if (res.success) {\n var msg = type === 'general'\n ? 'Your inquiry has been submitted. We will respond within 24 hours.'\n : 'Proposal received! Our business team will respond within 2-3 business days.';\n form.innerHTML = '<div style=\"text-align:center;padding:40px 0;\">'\n + '<p style=\"font-size:20px;margin-bottom:8px;\">Thank you!<\/p>'\n + '<p style=\"color:#8B8B8B;\">' + msg + '<\/p><\/div>';\n } else {\n alert(res.message || 'Something went wrong.');\n btn.textContent = origText;\n btn.disabled = false;\n }\n })\n .catch(function() {\n alert('Network error. Please try again.');\n btn.textContent = origText;\n btn.disabled = false;\n });\n });\n }\n\n var genForm = document.getElementById('form-general');\n var bizForm = document.getElementById('form-business');\n if (genForm) submitForm(genForm, 'general');\n if (bizForm) submitForm(bizForm, 'business');\n })();\n <\/script>\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>Contact & Inquiries \u2013 BEAUNPL Clinic | Gangnam, Seoul CONTACT Get in Touch Whether you’re planning a visit, have questions about our treatments, or interested in business collaboration \u2014 we’d love to hear from you. PHONE +82 2.542.0545 EMAIL info@bnp.kr ADDRESS 14, Apgujeong-ro 50-gilGangnam-gu, Seoul HOURS Mon-Tue\/Thu\u2013Fri 10:30\u201320:30Wed 10:30\u201319:30Sat\u2013Sun 10:00\u201317:00 Naver Map Kakao Map Google […]<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-886","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/beaunpl.com\/ko\/wp-json\/wp\/v2\/pages\/886","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/beaunpl.com\/ko\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/beaunpl.com\/ko\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/beaunpl.com\/ko\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/beaunpl.com\/ko\/wp-json\/wp\/v2\/comments?post=886"}],"version-history":[{"count":5,"href":"https:\/\/beaunpl.com\/ko\/wp-json\/wp\/v2\/pages\/886\/revisions"}],"predecessor-version":[{"id":1097,"href":"https:\/\/beaunpl.com\/ko\/wp-json\/wp\/v2\/pages\/886\/revisions\/1097"}],"wp:attachment":[{"href":"https:\/\/beaunpl.com\/ko\/wp-json\/wp\/v2\/media?parent=886"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}