CINXE.COM
HK inno.N
<!DOCTYPE html> <html lang="ko"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=1920"> <meta name="keywords" content="inno.N, HK inno.N, CJ PHARM, CJ PHARMA, CONDITION, anti hangover, hutgaesoo, hongsamjin, ESG, Lactic Acid Bacillus, derma cosmetics, microbiome, pharmaceutical, korea pharma, healthcare, cj pharmaceutical, drug, nce, new drug, biologicals, generic, imd, drink, health functional food, food, CMO, open innovation, CJ-12420, tegoprazan, PCAB, licensing, licensing in, licensing out, api, cell gene"> <meta name="description" content="HK inno.N"> <link rel="canonical" href="https://www.inno-n.com/eng/business/beauty/view"> <meta property="og:title" content="HK inno.N"> <meta property="og:type" content="website"> <meta property="og:url" content="https://www.inno-n.com/eng/business/beauty/view"> <meta property="og:image" content="https://www.inno-n.com/assets/img/common/og_image.png"> <meta property="og:site_name" content="HK inno.N"> <meta property="og:description" content="HK inno.N"> <title>HK inno.N</title> <link rel="icon" href="https://www.inno-n.com/assets/img/common/favicon.png"> <link rel="stylesheet" href="https://www.inno-n.com/assets/front/pc/css/plugin/swiper.min.css"> <link rel="stylesheet" href="https://www.inno-n.com/assets/front/pc/css/plugin/simplebar.min.css"> <link rel="stylesheet" href="https://www.inno-n.com/assets/front/pc/css/common.en.css?ver=20241123223857?>"> <link rel="stylesheet" href="https://www.inno-n.com/assets/front/pc/css/main.en.css?ver=20241123223857?>"> <link rel="stylesheet" href="https://www.inno-n.com/assets/front/pc/css/business.en.css?ver=20241123223857?>"> <script src="https://www.inno-n.com/assets/front/pc/js/plugin/jquery-2.2.4.min.js"></script> <script src="https://www.inno-n.com/assets/front/pc/js/plugin/jquery.easing.1.3.js"></script> <script src="https://www.inno-n.com/assets/front/pc/js/plugin/jquery.highlight-4.js"></script> <script src="https://www.inno-n.com/assets/front/pc/js/plugin/swiper.min.js"></script> <script src="https://www.inno-n.com/assets/front/pc/js/plugin/simplebar.min.js"></script> <script src="https://www.inno-n.com/assets/lib/front.js?ver=20241123223857"></script> <script src="https://www.inno-n.com/assets/front/pc/js/common.js?ver=20241123223857"></script> </head> <body> <!-- SITE --> <div class="site"> <!-- HEADER --> <header class="header"> <div class="header_inner"> <h1><a href="/eng">inno.N</a></h1> <nav class="gnb"> <div class="gnb_bg"></div> <div class="gnb_list_1"> <ul> <li> <!-- <span class="link active">COMPANY</span> --><!-- 현재 페이지일 경우 active 클래스 추가 --> <a class="link">COMPANY</a><!-- 현재 페이지일 경우 active 클래스 추가 --> <div class="gnb_list_2"> <div class="hgroup"> <div class="text"> <strong>COMPANY</strong> <p><span>innovate New & Next </span>inno.N is making the leap towards becoming the next global bio healthcare company</p> </div> </div> <ul> <li> <div class="gnb_list_3"> <a href="/eng/company/about/innoN" class="category">Company Overview</a> <ul> <li><a href="/eng/company/about/innoN" class="link">About inno.N</a></li> <li><a href="/eng/company/about/business" class="link">inno.N’s Philosophy</a></li> <li><a href="/eng/company/about/infra" class="link">inno.N's Production Site</a></li> </ul> </div> </li> <li> <div class="gnb_list_3"> <a href="/eng/company/greetings" class="category">Greetings</a> </div> </li> <li> <div class="gnb_list_3"> <a href="/eng/company/history" class="category">History</a> </div> </li> <li> <div class="gnb_list_3"> <a href="/eng/company/location/domestic" class="category">Location</a> <ul> <li><a href="/eng/company/location/domestic" class="link">In Korea</a></li> <li><a href="/eng/company/location/overseas" class="link">Global</a></li> </ul> </div> </li> </ul> </div> </li> <li> <a class="link">BUSINESS</a> <div class="gnb_list_2"> <div class="hgroup"> <div class="text"> <strong>BUSINESS</strong> <p>The following products capture<br>some of the best in inno.N’s ability<br>to offer high quality products<br>as a leading pharmaceutical firm<br>of Korea.</p> </div> </div> <ul> <li> <div class="gnb_list_3"> <a href="/eng/business/medicine/list?page_no=1&sort=desc&sch_cd=&sch_sub_cd=&sch_text=" class="category">Prescription Drugs</a> </div> </li> <li> <div class="gnb_list_3"> <a href="/eng/business/health/list?page_no=1&sort=desc&sch_cd=&sch_sub_cd=&sch_text=" class="category">HEALTH</a> <ul> <li><a href="/eng/business/health/list?page_no=1&sort=desc&sch_cd=P203&sch_sub_cd=&sch_text=" class="link">Hangover Relief Product</a></li> <li><a href="/eng/business/health/list?page_no=1&sort=desc&sch_cd=P202&sch_sub_cd=&sch_text=" class="link">Ready to Drink</a></li> <li><a href="/eng/business/health/list?page_no=1&sort=desc&sch_cd=P201&sch_sub_cd=&sch_text=" class="link">Health Supplements</a></li> <li><a href="/eng/business/health/list?page_no=1&sort=desc&sch_cd=P204&sch_sub_cd=&sch_text=" class="link">Health Functional Food</a></li> </ul> </div> </li> <li> <div class="gnb_list_3"> <a href="/eng/business/beauty/list?page_no=1&sort=desc&sch_cd=&sch_sub_cd=&sch_text=" class="category">BEAUTY</a> <ul> <li><a href="/eng/business/beauty/list?page_no=1&sort=desc&sch_cd=P301&sch_sub_cd=&sch_text=" class="link">Medical Devices</a></li> <li><a href="/eng/business/beauty/list?page_no=1&sort=desc&sch_cd=P302&sch_sub_cd=&sch_text=" class="link">Skincare Products</a></li> <!--<li><a href="/eng/business/beauty/list?page_no=1&sort=desc&sch_cd=P303&sch_sub_cd=&sch_text=" class="link">Other Products</a></li>--> </ul> </div> </li> </ul> </div> </li> <li> <a class="link">R&D</a> <div class="gnb_list_2"> <div class="hgroup"> <div class="text"> <strong>R&D</strong> <p>inno.N charts the course for<br>a healthier tomorrow through<br>innovation in research<br>and development.</p> </div> </div> <ul> <li> <div class="gnb_list_3"> <a href="/eng/rnd/about" class="category">Introduction</a> </div> </li> <li> <div class="gnb_list_3"> <a href="/eng/rnd/performance" class="category">Achievements</a> </div> </li> <li> <div class="gnb_list_3"> <a href="/eng/rnd/pipeline" class="category">Pipeline</a> </div> </li> <li> <div class="gnb_list_3"> <a href="/eng/rnd/medicine" class="category">Access to Healthcare</a> </div> </li> </ul> </div> </li> <li> <a class="link">ESG</a> <div class="gnb_list_2"> <div class="hgroup"> <div class="text"> <strong>ESG</strong> <p>Committed to becoming<br>a responsible member of society,<br>inno.N practices ESG value-driven<br>management to help<br>build a sustainable world.</p> </div> </div> <ul> <li> <div class="gnb_list_3"> <a href="/eng/esg/direction/strategy" class="category">Strategic Direction of ESG</a> <ul> <li><a href="/eng/esg/direction/strategy" class="link">ESG Management Strategies</a></li> <li><a href="/eng/esg/direction/structure" class="link">ESG Management System</a></li> <li><a href="/eng/esg/direction/achievement" class="link">ESG Performance</a></li> </ul> </div> </li> <li> <div class="gnb_list_3"> <a href="/eng/esg/esh/policy" class="category">ESH Management</a> <ul> <li><a href="/eng/esg/esh/policy" class="link">Management Policies</a></li> <li><a href="/eng/esg/esh/activity" class="link">Environmental Management</a></li> <li><a href="/eng/esg/esh/safety_health" class="link">Safety & Health Management</a></li> </ul> </div> </li> <li> <div class="gnb_list_3"> <a href="/eng/esg/csr/human_rights/policy" class="category">Socially Responsible<br>Management</a> <ul> <li><a href="/eng/esg/csr/human_rights/policy" class="link">Human Rights Management</a></li> <li><a href="/eng/esg/csr/co_prosperity/management" class="link">Mutual Growth Management</a></li> <li><a href="/eng/esg/csr/contribute/introduce" class="link">Social Contribution</a></li> </ul> </div> </li> <li> <div class="gnb_list_3"> <a href="/eng/esg/governance/compliance/" class="category">Governance</a> <ul> <li><a href="/eng/esg/governance/compliance/" class="link">Compliance</a></li> <li><a href="/eng/esg/governance/structure/" class="link">Corporate Governance</a></li> </ul> </div> </li> <li> <div class="gnb_list_3"> <a href="/eng/esg/data/policy" class="category">Sustainability Materials</a> <ul> <li><a href="/eng/esg/data/policy" class="link">ESG Polities</a></li> <li><a href="/eng/esg/data/cert" class="link">Certifications</a></li> <li><a href="/eng/esg/data/sustainable" class="link">Sustainability Report</a></li> </ul> </div> </li> </ul> </div> </li> <li> <a class="link">IR</a> <div class="gnb_list_2"> <div class="hgroup"> <div class="text"> <strong>IR</strong> <p>By providing transparent information on the management of inno.N, we further boost the company’s value.</p> </div> </div> <ul> <li> <div class="gnb_list_3"> <a href="/eng/ir/finance" class="category">Financial Information</a> </div> </li> <li> <div class="gnb_list_3"> <a href="/eng/ir/stock" class="category">Stock Information</a> </div> </li> <li> <div class="gnb_list_3"> <a href="/eng/ir/report/ir_report/list" class="category">IR Reports</a> </div> </li> </ul> </div> </li> <li> <a class="link">PR</a> <div class="gnb_list_2"> <div class="hgroup"> <div class="text"> <strong>PR</strong> <p>Find out the latest news of inno.N as it continues its rise as a global biotechnology and pharmaceuticals company.</p> </div> </div> <ul> <li> <div class="gnb_list_3"> <a href="/eng/pr/news/list" class="category">NEWS</a> </div> </li> <li> <div class="gnb_list_3"> <a href="/eng/pr/enterprise/video" class="category">Corporate PR</a> <ul> <li><a href="/eng/pr/enterprise/video" class="link">Corporate PR Videos</a></li> <li><a href="https://www.youtube.com/@CH_inno.N" class="link" target="_blank">YouTube</a></li> <li><a href="/eng/pr/enterprise/brochure" class="link">Brochures</a></li> </ul> </div> </li> <li> <div class="gnb_list_3"> <a href="/eng/pr/brands/all/" class="category">Brands</a> <ul class="col-2"> <li><a href="/eng/pr/brands/condition/" class="link">CONDITION</a></li> <li><a href="/eng/pr/brands/scalpmed/" class="link">ScalpMed</a></li> <!-- <li><a href="/eng/pr/brands/nutine/" class="link">Nutine</a></li> --> <li><a href="/eng/pr/brands/hutgaesoo/" class="link">Oriental Raisin Water<span class="small">(Hutgaesoo)</span></a></li> <li><a href="/eng/pr/brands/klederma/" class="link">Klederma</a></li> <li><a href="/eng/pr/brands/saessagbori/" class="link">Sprout barley Tea<span class="small">(Saessakbori)</span></a></li> <li><a href="/eng/pr/brands/bewants/" class="link">bewants</a></li> <li><a href="/eng/pr/brands/tealog/" class="link">Tealog</a></li> <li><span class="blank"> </span></li> </ul> </div> </li> </ul> </div> </li> </ul> </div> </nav> <div class="other"> <div class="menu"> <ul> <li><a href="javascript:popup();">Contact Us</a></li> <li><a href="/eng/whistle/report/"><b>Whistle-blower Hotline</b></a></li> </ul> </div> <div class="lang"> <button type="button"><span>ENG</span></button> <ul> <li><a href="/">KOR</a></li> <li><a href="https://inno-n.vn/" target="_blank">VN</a></li> </ul> </div> <button type="button" class="product-search-open">검색</button> </div> </div> </header> <div class="product-search"> <div class="product-search_form"> <div class="product-search_inner"> <form id="searchFrm" name="searchFrm" method="get" action="/eng/business/product/list"> <input type="hidden" id="page_no" name="page_no" value="1"/> <input type="hidden" id="sort" name="sort" value="desc" /> <div class="search-field"> <input type="text" maxlength="30" autocomplete="off" placeholder="Products search" name="prd_sch_text"> <button type="submit">Search</button> </div> <div class="result"> <ul> <li> <strong class="category">Product name <span class="num">0</span></strong> <div class="result-data" data-simplebar data-simplebar-auto-hide="false"> <ul> <!-- 루프 영역 --> <!-- <li><a href="#"><i>제품</i>명 제품명</a></li> --> <!-- //루프 영역 --> </ul> </div> </li> <li> <strong class="category">Ingredient <span class="num">0</span></strong> <div class="result-data" data-simplebar data-simplebar-auto-hide="false"> <ul> <!-- 루프 영역 --> <!-- <li><a href="#"><i>제품</i>명 제품명</a></li> --> <!-- //루프 영역 --> </ul> </div> </li> <li> <strong class="category">Indication(Benefit) <span class="num">0</span></strong> <div class="result-data" data-simplebar data-simplebar-auto-hide="false"> <ul> <!-- 루프 영역 --> <!-- <li><a href="#"><i>제품</i>명 제품명</a></li> --> <!-- //루프 영역 --> </ul> </div> </li> </ul> </div> <div class="helper"> <div class="option"> <strong>Search by the initial alphabet</strong> <div class="initial"> <ul> <li><a href="javascript:void(0);" onclick="product_search('cst','A')" >A</a></li> <li><a href="javascript:void(0);" onclick="product_search('cst','B')" >B</a></li> <li><a href="javascript:void(0);" onclick="product_search('cst','C')" >C</a></li> <li><a href="javascript:void(0);" onclick="product_search('cst','D')" >D</a></li> <li><a href="javascript:void(0);" onclick="product_search('cst','E')" >E</a></li> <li><a href="javascript:void(0);" onclick="product_search('cst','F')" >F</a></li> <li><a href="javascript:void(0);" onclick="product_search('cst','G')" >G</a></li> <li><a href="javascript:void(0);" onclick="product_search('cst','H')" >H</a></li> <li><a href="javascript:void(0);" onclick="product_search('cst','I')" >I</a></li> <li><a href="javascript:void(0);" onclick="product_search('cst','J')" >J</a></li> <li><a href="javascript:void(0);" onclick="product_search('cst','K')" >K</a></li> <li><a href="javascript:void(0);" onclick="product_search('cst','L')" >L</a></li> <li><a href="javascript:void(0);" onclick="product_search('cst','M')" >M</a></li> <li><a href="javascript:void(0);" onclick="product_search('cst','N')" >N</a></li> <li><a href="javascript:void(0);" onclick="product_search('cst','O')" >O</a></li> <li><a href="javascript:void(0);" onclick="product_search('cst','P')" >P</a></li> <li><a href="javascript:void(0);" onclick="product_search('cst','Q')" >Q</a></li> <li><a href="javascript:void(0);" onclick="product_search('cst','R')" >R</a></li> <li><a href="javascript:void(0);" onclick="product_search('cst','S')" >S</a></li> <li><a href="javascript:void(0);" onclick="product_search('cst','T')" >T</a></li> <li><a href="javascript:void(0);" onclick="product_search('cst','U')" >U</a></li> <li><a href="javascript:void(0);" onclick="product_search('cst','V')" >V</a></li> <li><a href="javascript:void(0);" onclick="product_search('cst','W')" >W</a></li> <li><a href="javascript:void(0);" onclick="product_search('cst','X')" >X</a></li> <li><a href="javascript:void(0);" onclick="product_search('cst','Y')" >Y</a></li> <li><a href="javascript:void(0);" onclick="product_search('cst','Z')" >Z</a></li> <input type="hidden" id="sch_const" name="sch_const" /> </ul> </div> </div> <div class="option"> <strong>Recommended content</strong> <div class="hashtag"> <ul> </ul> </div> </div> </div> <a href="http://www.health.kr/searchIdentity/search.asp" target="_blank" class="properties">Search by<br>pharmaceutical<br>ingredient</a> </form> <button type="button" class="product-search-close">닫기</button> </div> </div> </div> <script> function product_search(type, schTxt){ if( type == "cst" ){ $("#sch_const").val(schTxt); } $("#searchFrm").submit(); } </script> <!-- MAIN --> <div class="main"> <!-- CONTENTS --> <div class="product-header"> <div class="container"> <h2>KLEDERMA RX Ultra Intensive Lotion MD</h2> <div class="path"> <ul id="ctgr_ui"> <li id="dep_1"> <button type="button" ><span>BEAUTY</span></button> <div class="path_list" data-simplebar data-simplebar-auto-hide="false"> <ul> <li><a href="javascript:void(0)" class="" onclick="create_ctgr_ui('P1')">Prescription drugs</a></li> <li><a href="javascript:void(0)" class="" onclick="create_ctgr_ui('P2')">Health</a></li> <li><a href="javascript:void(0)" class="active" onclick="create_ctgr_ui('P3')">Beauty</a></li> </ul> </div> </li> <li id="prdt"> <button type="button" class="lg"><span>KLEDERMA RX Ultra Intensive Lotion MD</span></button> <div class="path_list" data-simplebar data-simplebar-auto-hide="false"> <ul id="prdt_list"> <li><a href="javascript:void(0)" class="" onclick="">Select a product</a></li> </ul> </div> </li> </ul> </div> </div> </div> <div class="contents"> <div class="content"> <div class="content_body"> <div class="container"> <div class="product-detail"> <div class="img"> <div class="slider"> <div class="swiper-container"> <ul class="swiper-wrapper"> <li class="swiper-slide"> <img src="/upload/product/20220323135424.png" alt=""> </li> </ul> </div> </div> <div class="slider-nav"> <div class="swiper-container"> <ul class="swiper-wrapper"> <li class="swiper-slide"> <button type="button" class="focus"> <span><img src="/upload/product/20220323135424.png" alt=""></span> </button> </li> </ul> </div> <button type="button" class="prev" disabled>PREV</button> <button type="button" class="next">NEXT</button> <div class="counter"> <span class="current">1</span> <span class="bar">/</span> <span class="total">1</span> </div> </div> </div> <script> function prdSubSliderRedraw(current){ $(".product-detail .slider-nav button.prev").attr("disabled", (current === 0)); $(".product-detail .slider-nav button.next").attr("disabled", (current === Number(prdMainSlider.slides.length - 1))); $(".product-detail .slider-nav .counter .current").text(current + 1); } var prdMainSlider = new Swiper(".product-detail .slider .swiper-container", { on:{ slideChangeTransitionStart:function(){ var current = $(".product-detail .slider .swiper-slide-active").index(); $(".product-detail .slider-nav .swiper-slide button").removeClass("focus").eq(current).addClass("focus"); prdSubSlider.slideTo(current); prdSubSliderRedraw(current); } } }); var prdSubSlider = new Swiper(".product-detail .slider-nav .swiper-container", { slidesPerView:3 }); $(".product-detail .slider-nav button.prev").click(function(e){ var current = $(".product-detail .slider-nav .swiper-slide button.focus").parent().index(); if(current - 1 >= 0){ current--; $(".product-detail .slider-nav .swiper-slide").eq(current).find("button").click(); prdSubSliderRedraw(current); } }); $(".product-detail .slider-nav button.next").click(function(e){ var current = $(".product-detail .slider-nav .swiper-slide button.focus").parent().index(); if(current + 1 < prdMainSlider.slides.length){ current++; $(".product-detail .slider-nav .swiper-slide").eq(current).find("button").click(); prdSubSliderRedraw(current); } }); $(".product-detail .slider-nav .swiper-slide button").click(function(e){ var current = $(this).parent().index(); $(".product-detail .slider-nav .swiper-slide button").removeClass("focus").eq(current).addClass("focus"); prdMainSlider.slideTo(current); prdSubSlider.slideTo(current); prdSubSliderRedraw(current); }); $(".product-detail .slider-nav .counter .total").text($(".product-detail .slider .swiper-slide").length); </script> <div class="info"> <div class="hashtag"> <ul> </ul> </div> <div class="hgroup"> <h3>KLEDERMA RX Ultra Intensive Lotion MD</h3> </div> <dl> <!-- 필수 값 --> <!-- 필수 노출 --> <dt>Key ingredients</dt> <dd></dd> <dt>Dose</dt> <dd>200g / CASE</dd> <!-- //필수 노출 --> <!-- 의료기기 --> </dl> <div class="category"> <ul> <li> <i class="icon"> <img src="/upload/product/beauty.png" alt=""> </i> <span>Beauty products</span> </li> <li> <i class="icon"> <img src="/upload/product/20220328152502.png" alt=""> </i> <span>Medical devices</span> </li> </ul> </div> <div class="action"> <a href="/eng/business/beauty/list?page_no=1&sort=desc&sch_cd=&sch_sub_cd=&sch_text=" class="button secondary lg list">List</a> <span class="button primary lg disabled">View more brands</span> <!-- 영문사이트에는 문의가 존재하지 않음 <a href="/inquiry/customer/write" class="button lg">제품 문의</a> --> </div> </div> </div> </div> </div> </div> <!-- 영문사이트에서는 공지사항이 없음 --> </div> </div> <!-- //MAIN --> <script> var prdt_flag = false; var prdt_init = false; function create_ctgr_ui(search_cd, select_dep){ var dep_1 = "P3"; var dep_2 = "01"; var dep_3 = ""; var step = false; prdt_flag = false; if( search_cd != "" ){ step = true; prdt_init = false; dep_1 = ""; dep_2 = ""; dep_3 = ""; if( search_cd.length == 4 ){ dep_1 = search_cd.substr(0,2); dep_2 = search_cd.substr(2,2); } else if( search_cd.length == 6 ) { dep_1 = search_cd.substr(0,2); dep_2 = search_cd.substr(2,2); dep_3 = search_cd.substr(4,2); } else { dep_1 = search_cd.substr(0,2); } } else { prdt_init = true; prdt_flag = true; $('#prdt li:gt(0)').remove(); } $.ajax({ type:"GET", url:"/eng/business/product_view_catg?dep_1="+dep_1+"&dep_2="+dep_2+"&dep_3="+dep_3, dataType:"JSON", success:function(data){ var html = ""; // 2depth $(".dep_1_in").remove(); if( data.catg.ctg_list.length > 0 ){ var dep_1_btn_text = "Select a category"; for(var i = 0; i < data.catg.ctg_list.length; i++) { var def_dep = data.catg.ctg_list[i].bpc_cd; var cur_dep = dep_1+dep_2; if( def_dep == cur_dep ) { dep_1_btn_text = data.catg.ctg_list[i].bpc_nm; break; } else { dep_1_btn_text = "Select a category"; } } html += '<li class="dep_1_in">'; html += ' <button type="button"><span>'; html += dep_1_btn_text; html += '</span></button>'; html += ' <div class="path_list" data-simplebar data-simplebar-auto-hide="false">'; html += ' <ul>'; html += ' <li><a href="javascript:void(0)" class="">Select a category</a></li>'; for(var i = 0; i < data.catg.ctg_list.length; i++) { html += ' <li>'; var def_dep = data.catg.ctg_list[i].bpc_cd; var cur_dep = dep_1+dep_2; html += " <a href='javascript:void(0)' class='"+(def_dep == cur_dep ? 'active' : '' )+"' onclick='create_ctgr_ui(\""+data.catg.ctg_list[i].bpc_cd+"\",\"select_dep_2\")' >"; html += data.catg.ctg_list[i].bpc_nm; html += ' </a>'; html += ' </li>'; } html += ' </ul>'; html += ' </div>'; html += '</li>'; } // 3depth $(".dep_2_in").remove(); if( data.catg.ctg_sub_list.length > 0 ){ var dep_2_btn_text = "Select a category"; for(var i = 0; i < data.catg.ctg_sub_list.length; i++) { var def_dep = data.catg.ctg_sub_list[i].bpc_cd; var cur_dep = dep_1+dep_2+dep_3; if( def_dep == cur_dep ) { dep_2_btn_text = data.catg.ctg_sub_list[i].bpc_nm; break; } else { dep_2_btn_text = "Select a category"; } } html += '<li class="dep_2_in">'; html += ' <button type="button"><span>'+dep_2_btn_text+'</span></button>'; html += ' <div class="path_list" data-simplebar data-simplebar-auto-hide="false">'; html += ' <ul>'; html += ' <li><a href="javascript:void(0)" class="">Select a category</a></li>'; if(select_dep == "select_dep_2" || select_dep == "select_dep_3" || prdt_init) { for (var i = 0; i < data.catg.ctg_sub_list.length; i++) { var def_dep = data.catg.ctg_sub_list[i].bpc_cd; var cur_dep = dep_1+dep_2+dep_3; html += ' <li>'; html += " <a href='javascript:void(0)' class='"+(def_dep == cur_dep ? 'active' : '' )+"' onclick='create_ctgr_ui(\"" + data.catg.ctg_sub_list[i].bpc_cd + "\",\"select_dep_3\")'>"; html += data.catg.ctg_sub_list[i].bpc_nm; html += ' </a>'; html += '</li>'; } } html += ' </ul>'; html += ' </div>'; html += '</li>'; } $("#dep_1").after(html); // 제품 if( !prdt_init ){ $("#prdt").find("button").text("Select a product").removeClass("expand"); } if( !prdt_flag ) { $('#prdt li:gt(0)').remove(); } if( select_dep == "select_dep_2" && data.catg.ctg_sub_list.length < 1 ) { prdt_flag = true; } if( select_dep == "select_dep_3" ){ prdt_flag = true; } if( prdt_flag ) { html = ""; $.ajax({ type: "GET", url: "/eng/business/product_view_prdts?dep_1=" + dep_1 + "&dep_2=" + dep_2 + "&dep_3=" + dep_3, dataType: "JSON", success: function (data) { if ( data.prdt.prdt_list.length > 0 ) { for( var i = 0; i < data.prdt.prdt_list.length; i++ ){ var ltn_type = "medicine"; if( dep_1 == 'P2' ){ ltn_type = "health"; } else if( dep_1 == 'P3') { ltn_type = "beauty"; } var cur_prdt_nm = data.prdt.prdt_list[i].bp_nm; var def_prdt_nm = "KLEDERMA RX Ultra Intensive Lotion MD"; var active = cur_prdt_nm == def_prdt_nm ? 'active' : ''; html += '<li><a href="/eng/business/'+ltn_type+'/view?no='+data.prdt.prdt_list[i].bp_seq+'&bpc_cd='+data.prdt.prdt_list[i].bpc_cd+'" class="'+active+'">'+data.prdt.prdt_list[i].bp_nm+'</a></li>'; } } $("#prdt_list").append(html); }, error: function (xhr, status, error) { } }) } }, error:function(xhr, status, error){ } }); } create_ctgr_ui(""); </script> <!-- FOOTER --> <footer class="footer"> <div class="footer_inner"> <div class="footer_top"> <div class="menu"> <ul> <li><a href="/eng/frontCommon/personal"><b>Policies on personal data</b></a></li> <li><a href="/eng/frontCommon/conditions">Terms of Use and Legal Notice</a></li> <!-- <li><a href="/eng/frontCommon/conditions">Terms and conditions</a></li> <li><a href="/eng/frontCommon/legal">Legal notice</a></li> --> <li><a href="/eng/frontCommon/pemailgathering">Denial of consent to the unauthorized collection of emails</a></li> <li><a href="javascript:popup();">Contact Us</a></li> <li><a href="/eng/frontCommon/sitemap">Site map</a></li> <li><a href="javascript:setting_cookies();">Cookie Settings</a></li> </ul> </div> <div class="family"> <button type="button"><span>Family site</span></button> <div class="family_list" data-simplebar data-simplebar-auto-hide="false"> <ul> <li><a href="http://www.kolmarholdings.co.kr/kor/" target="_blank">Kolmar Holdings</a></li> <li><a href="https://www.kolmar.co.kr/" target="_blank">Kolmar Korea</a></li> <li><a href="https://www.kolmarbnh.co.kr/" target="_blank">Kolmar BNH</a></li> <li><a href="http://www.hngc.co.kr/" target="_blank">HNG</a></li> <li><a href="http://hkkolmar.cn/" target="_blank">Kolmar Wuxi</a></li> <li><a href="http://www.kolmar.com.cn/chn/" target="_blank">Kolmar Beijing</a></li> <li><a href="https://www.kolmarusa.com/" target="_blank">Kolmar USA</a></li> <li><a href="https://kolmar.ca/" target="_blank">Kolmar Canada</a></li> <li><a href="http://www.kolmask.kr/kor/" target="_blank">Kolmask</a></li> <li><a href="http://naturalstory.co.kr/" target="_blank">Kolmar UX</a></li> <li><a href="http://yeojuacademy.kolmar.co.kr/" target="_blank">Yeoju Academy</a></li> <li><a href="https://www.planit147.com/" target="_blank">Planit 147</a></li> <li><a href="http://nextandbio.com/" target="_blank">Next&Bio</a></li> <li><a href="http://www.yonwookorea.com/" target="_blank">Yonwoo</a></li> <li><a href="https://www.mynutine.com/" target="_blank">Nutine.mall</a></li> </ul> </div> </div> </div> <div class="footer_bottom"> <strong class="logo">inno.N</strong> <div class="footer_info"> <dl> <dt>Company name</dt> <dd>HK inno.N Corporation</dd> </dl> <dl> <dt>CEO and President</dt> <dd>Dalwon Kwak</dd> <dt>Business registration number</dt> <dd>201-86-38914</dd> </dl> <dl> <dt>Address</dt> <dd>239, Osongsaengmyeong 2-ro, Osong-eup, Heungdeok-gu, Cheongju-si, Chungcheongbuk-do, Republic of Korea</dd> <dt>Tel</dt> <dd>02-6477-0000</dd> </dl> <!-- <dl> <dt>개인정보보호책임자</dt> <dd>원승찬</dd> </dl> --> <p class="copyright">All Rights Reserved. HK inno.N Corp.</p> </div> <!-- 영문은 문의하기 메뉴가 삭제됩니다 해당영역 어떻게 할지 정의 필요 <div class="cs"> <strong>고객서비스</strong> <p>궁금한 사항을 문의하시면 빠르게 답변 드리겠습니다.</p> <a href="/inquiry/index">문의하러가기</a> </div> --> </div> <a href="#" id="top">TOP</a> </div> <!-- 쿠키 안내 모달 --> <style> .cookie-modal { position:fixed;top:0;left:0;z-index:1100;width:100%;height:100%; } .cookie-modal .bg { position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0, 0, 0, 0.5); } .cookie-modal .container { position:relative; } .cookie-modal .guide { position:absolute;bottom:0;left:0;width:100%;padding:40px 0;background-color:#fff;box-shadow: 0 0 16px 0 rgba(0, 0, 0, 0.16); } .cookie-modal .guide h2 { font-size:18px;font-weight:700; } .cookie-modal .guide p { width:936px;margin-top:16px;color:#6f7b85;font-size:14px;letter-spacing:-.32px; } .cookie-modal .guide .button-group { display:flex;position:absolute;bottom:0;right:48px; } .cookie-modal .guide .button-group .button { width:228px; } .cookie-modal .button-group .button + .button { margin-left:8px; } .cookie-modal .preference { position:absolute;top:50%;left:50%;width:700px;padding:40px 40px;border-radius:16px;background-color:#fff;box-shadow: 0 0 16px 0 rgba(0, 0, 0, 0.16);transform:translate(-50%, -50%); } .cookie-modal .preference .group { position:relative; } .cookie-modal .preference .group + .group { margin-top:16px;padding-top:16px;border-top:1px solid #e0e0e0; } .cookie-modal .preference h2 { margin-bottom:16px;padding-bottom:16px;border-bottom:1px solid #e0e0e0;color:#276ef1;font-size:18px;font-weight:700; } .cookie-modal .preference h3 { color:#727b8b;font-size:16px;font-weight:700; } .cookie-modal .preference p { margin-top:12px;color:#727b8b;font-size:12px; } .cookie-modal .preference .toggle { position:absolute;top:16px;right:0; } .cookie-modal .preference .toggle input { overflow:hidden;position:absolute;width:1px;height:1px;margin:-1px;padding:0;border:none;white-space:nowrap;clip:rect(0, 0, 0, 0); } .cookie-modal .preference .toggle input + span { display:block;position:relative;width:40px;height:24px;border-radius:12px;background-color:#e0e0e0; } .cookie-modal .preference .toggle input + span:before { content:"";display:block;position:absolute;top:2px;left:2px;width:20px;height:20px;border-radius:50%;background-color:#fff;box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.07); } .cookie-modal .preference .toggle input:checked + span { background-color:#276ef1; } .cookie-modal .preference .toggle input:checked + span:before { right:2px;left:auto; } .cookie-modal .preference .button { display:block;margin:24px auto 0; } </style> <div id="setting" class="cookie-modal" style="display:none;"> <div class="bg"></div> <div class="guide"> <div class="container"> <h2>Cookies</h2> <p>We use cookies to to analyze site usage and to count number of visits.<br>Only Necessary Cookies will be stored by default, and by clicking “Allow All Cookies”, you agree to the storage of all cookies on your device.<br>You may personalize your preferences and withdraw or change your consent at any time by clicking on “Cookie Preferences” or obtain more information by visiting our Privacy Policy link available on the site.<br>For more information, please visit our Privacy Policy, which explains how we collect your personal information, what we do with it and your rights in respect of it.</p> <div class="button-group"> <input type="button" value="Cookie Preferences" id="ck_option" class="button"> <input type="button" value="Allow All Cookies" id="ck_agree" class="button primary"> </div> </div> </div> <div id="detail_setting" class="preference" style="display:none;"> <h2>Cookie Preferences</h2> <div class="group"> <h3>Strictly Necessary Cookies</h3> <p>inno.N uses these cookies that are essential for the website to function and cannot be switched off in our systems. These cookies are usually only set in response to actions made by you that amount to a request for services, such as setting your privacy preferences or filling in forms. You can set your browser to block or alert you about these cookies, but blocking these cookies will prevent the site from working. These cookies will generally be first-party session cookies and do not store personal data thereby it is not required to obtain consent for these cookies.</p> </div> <div class="group"> <h3>Statistics Cookies (or Performance Cookies)</h3> <p>inno.N uses these cookies to count visits and traffic sources so we can measure and improve the performance of our site. These cookies help us understand how our sites are being used, such as which sites are the most and least popular. The information collected in these cookies are aggregated and therefore anonymized, meaning that the do not relate to you personally. Opting out of these cookies will prevent us from knowing when you have visited our site and will prevent us from monitoring site performance. This includes cookies from third-party analytics services as long as the cookies are for the exclusive use of the owner of the website visited.</p> <label class="toggle"> <input type="checkbox" name="dt_analy_yn"> <span></span> </label> </div> <input type="button" value="Confirm Your Preferences" id="ck_select_agree" class="button primary"> </div> </div> <!-- //쿠키 안내 모달 --> <!-- CONTACT US 모달 --> <style> .popup { z-index: 1100; position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); width: 700px; height: 420px; padding: 40px; border-radius: 16px; background-color: #ffffff; } .popup .close { overflow: hidden; position: absolute; top: 40px; right: 40px; width: 18px; height: 18px; padding: 0; border: none; background-color: transparent; white-space: nowrap; text-indent: 100%; cursor: pointer; } .popup .close::before, .popup .close::after { content: ''; display: block; position: absolute; top: 7px; width: 18px; height: 2px; background-color: #000000; } .popup .close::before { transform: rotate(45deg); -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); } .popup .close::after { transform: rotate(135deg); -webkit-transform: rotate(135deg); -ms-transform: rotate(135deg); } .popup .container {width: 100%; padding: 0; } .popup .container h2 { margin-bottom: 4px; font-size: 18px; font-weight: bold; letter-spacing: -.4px; color: #276ef1; } .popup .container > p { line-height: 24px; font-size: 16px; letter-spacing: -.36px; color: #727b8b; } .popup .container .list::after { content: ''; display: block; clear: both; } .popup .container .list li { display: flex; float: left; width: calc(50% - 12px); height: 120px; margin: 24px 0 0 0; border-radius: 8px; background-color: #f4f8fe; justify-content: center; align-items: center; text-align: center; } .popup .container .list li:nth-child(odd) { margin: 24px 24px 0 0; } .popup .container .list li div b { margin-bottom: 4px; line-height: 24px; font-size: 16px; letter-spacing: -.36px; color: #727b8b; } .popup .container .list li div p { line-height: 20px; font-size: 14px; letter-spacing: -.31px; color: #727b8b; } </style> <div id="contact" class="popup" style="display:none;"> <button type="button" name="button" class="close">close</button> <div class="container"> <h2>Contact Us</h2> <p>For inquiries about inno.N, please contact us at the e-mail address below.</p> <ul class="list"> <li><div> <b>Global Business</b> <p>HKIN_business@inno-n.com</p> </div></li> <li><div> <b>R&D Business Development </b> <p>HKIN_business@inno-n.com</p> </div></li> <li><div> <b>IR</b> <p>IR@inno-n.com</p> </div></li> <li><div> <b>HR</b> <p>recruit@inno-n.com</p> </div></li> </ul> </div> </div> <!-- //CONTACT US 모달 --> </footer> <!-- //FOOTER --> <a href="#" id="top">TOP</a> </div> </body> <script> // 쿠키 동의 여부 ( dt_en_cookie ), 애널리틱스 동의 여부 ( dt_en_analy_cookie ) var Cookie = { set:function(name, value, option){ var cookie = encodeURIComponent(name) + "=" + encodeURIComponent(value); if(option && option.constructor === Object){ for(var key in option){ cookie = cookie + ";" + key + "=" + option[key] + ";path=/"; } } document.cookie = cookie; }, get:function(name){ var match = document.cookie.match(new RegExp(name + "=([^;]*)", "g")); return match ? decodeURIComponent(match[0].split("=").pop()) : ""; }, remove:function(name){ Cookie.set(name, "", { "max-age":0 }); } }; if(Cookie.get("dt_en_cookie") != "Y" ){ $("#setting").show(); } // 애널리틱스 코드여부 if(Cookie.get("dt_en_analy_cookie") == "Y"){ $("input[name='dt_analy_yn']").prop("checked", true); // $("#dt_analy_y").attr("checked",true); // $("#dt_analy_n").attr("checked",false); (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){ (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o), m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m) })(window,document,'script','https://www.google-analytics.com/analytics.js','ga'); ga('create', 'UA-48136792-2', 'auto'); ga('send', 'pageview'); } else { $("input[name='dt_analy_yn']").prop("checked", false); // $("#dt_analy_y").attr("checked",false); // $("#dt_analy_n").attr("checked",true); } function setting_cookies(){ $("#setting").show(); //$("#detail_setting").show(); } function agree_cookie(type){ if( type == "all" ){ // 쿠키동의여부 true, 애널리틱스여부 true var date = new Date(); date.setDate(date.getDate() + 365); Cookie.set("dt_en_cookie", "Y", { expires:date.toUTCString() }); Cookie.set("dt_en_analy_cookie", "Y", { expires:date.toUTCString() }); $("#setting").hide(); $("#detail_setting").hide(); } } $(document).ready(function(){ $("#ck_option").on("click", function(){ $("#detail_setting").show(); }); $("#ck_agree").on("click", function(){ agree_cookie("all"); }); $("#ck_select_agree").on("click", function(){ var date = new Date(); date.setDate(date.getDate() + 365); Cookie.set("dt_en_cookie", "Y", { expires:date.toUTCString() }); var analy_flag = $("input[name='dt_analy_yn']").is(":checked") ? "Y" : "N"; /*var analy_flag = $("input[name='dt_analy_yn']:checked").val();*/ Cookie.set("dt_en_analy_cookie", analy_flag, { expires:date.toUTCString() }); $("#setting").hide(); $("#detail_setting").hide(); }); }); $("#setting .bg").click(function(e){ $("#setting").hide(); $("#detail_setting").hide(); if(Cookie.get("dt_en_analy_cookie") == "Y"){ $("input[name='dt_analy_yn']").prop("checked", true); }else{ $("input[name='dt_analy_yn']").prop("checked", false); } }); function popup(){ $("#contact").show(); } $("#contact .close").on("click", function(){ $("#contact").hide(); }); </script> </html>