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/company/greetings"> <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/company/greetings"> <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=20250217192023?>"> <link rel="stylesheet" href="https://www.inno-n.com/assets/front/pc/css/main.en.css?ver=20250217192023?>"> <link rel="stylesheet" href="https://www.inno-n.com/assets/front/pc/css/company.en.css?ver=20250217192023?>"> <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=20250217192023"></script> <script src="https://www.inno-n.com/assets/front/pc/js/common.js?ver=20250217192023"></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> </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="contents-header" style="background-image:url(/assets/front/pc/img/company/header_bg.png);"> <div class="container"> <div class="hgroup"> <h2>Greetings</h2> <p>innovate New & Next, inno.N is making the leap towards becoming the next global bio health care company.</p> </div> <div class="path"> <ul> <li><a href="/eng" class="home">홈</a></li><li> <button type="button"><span>COMPANY</span></button> <div class="path_list" data-simplebar data-simplebar-auto-hide="false"> <ul> <li> <a href="/eng/company/about/innoN" class="active" >COMPANY </a> </li> <li> <a href="/eng/business/medicine/list?page_no=1&sort=desc&sch_cd=&sch_sub_cd=&sch_text=" class="" >BUSINESS </a> </li> <li> <a href="/eng/rnd/about" class="" >R&D </a> </li> <li> <a href="/eng/esg/direction/strategy" class="" >ESG </a> </li> <li> <a href="/eng/ir/finance" class="" >IR </a> </li> <li> <a href="/eng/pr/news/list" class="" >PR </a> </li> </ul> </div></li><li> <button type="button"><span>Greetings</span></button> <div class="path_list" data-simplebar data-simplebar-auto-hide="false"> <ul> <li> <a href="/eng/company/about/innoN" class="" >Company Overview </a> </li> <li> <a href="/eng/company/greetings" class="active" >Greetings </a> </li> <li> <a href="/eng/company/history" class="" >History </a> </li> <li> <a href="/eng/company/location/domestic" class="" >Location </a> </li> </ul> </div></li> </ul> </div> </div> </div> <div class="contents"> <div class="content"> <div class="content_header"> <div class="container"> <h3>Greetings</h3> </div> </div> <div class="content_body greetings"> <div class="container padding-left clear"> <div class="ceo__img l-mb40"> <img src="/assets/front/pc/img/company/ceo_img_en.png" > <div class="title"> <p class="ft-c">Heal the World for a Better Life</p> <p>inno.N is continues to make<br>concerted efforts in innovation<br>to help customers have a healthier life.</p> </div> </div> <div class="ceo__txt"> <div class="desc l-mb24"> I extend my heartfelt appreciation for your interest in inno.N. The pharmaceutical industry is a highly technology-intensive industry that bears great responsibility for the future industrial development of a country. After first stepping into the field of pharmaceutical manufacturing as a department within CJ Cheil Jedang in 1984, the company opened a new chapter in 2020 by being renamed as ‘inno.N’. </div> <div class="desc l-mb24"> The past journey of inno.N has been that of constant creation and challenges. With the launch of K-CAB in 2019, the 30th novel drug to be developed and registered in Korea, inno.N saw its R&D efforts bear some of the most remarkable fruit in Korea. By manufacturing and exporting pharmaceutical ingredients and finished pharmaceutical products based on innovative technologies, inno.N showcased how far Korea’s pharmaceutical prowess had come. ‘Condition’, an anti-hangover beverage, opened up a new market for anti-hangover products and continue to hold its number one position in the market<span style="color:#727b8b;">*</span> to wide acclaim both at home and abroad.<br> <span style="color:#727b8b;font-size:14px;">* Based on sales of anti-hangover brands, as of 2023(Nielsen Korea)</span> </div> <div class="desc l-mb24"> Throughout these years that have seen great achievements, inno.N has not forgotten its obligations as a corporate citizen of the community. The certification of ISO 37001 and the adoption of ISO 37301 which are global standards for rooting out corruption in business management while staying compliant with the laws, is one such way for inno.N to ensure transparency in its business operations. </div> <div class="desc"> inno.N will not be complacent with today's results. It will focus on researching new drugs and biopharmaceuticals for cancer/immune/chronic diseases, as well as securing future technologies to expand its high value-added pipeline. It will also leap forward as a proud global bio-health company through active global cooperation. In doing so, the company aims to become a proud corporation that continues to push the envelope in its field, earn the trust of its customers, seek exciting new collaboration opportunities, and presents a new future through leadership in the global pharmaceutical industry. </div> </div> <div class="ceo__sign clear"> <div class="txt"> <!-- <p class="date"></p> --> <span>inno.N</span> <p><b>Dalwon Kwak,</b> CEO</p> </div> <div class="img"><img src="/assets/front/pc/img/company/ceo_sign.png" ></div> </div> </div> <!-- //CONTAINER --> </div> </div> <!-- //CONTENT --> </div> <!-- //CONTENTS --> </div> <!-- //MAIN --> <!-- 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.kolmarglobal.com/" target="_blank">Kolmar Global</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>031-5176-4000</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>