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/esg/direction/achievement"> <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/esg/direction/achievement"> <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=20241127171537?>"> <link rel="stylesheet" href="https://www.inno-n.com/assets/front/pc/css/main.en.css?ver=20241127171537?>"> <link rel="stylesheet" href="https://www.inno-n.com/assets/front/pc/css/esg.en.css?ver=20241127171537?>"> <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=20241127171537"></script> <script src="https://www.inno-n.com/assets/front/pc/js/common.js?ver=20241127171537"></script> </head> <body>  <div class="site">  <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>  <a class="link">COMPANY</a> <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>  </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/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>    </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>    </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>    </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> <div class="main">  <div class="contents-header" style="background-image:url(/assets/front/pc/img/esg/header_bg.png);"> <div class="container"> <div class="hgroup"> <h2>Strategic Direction of ESG</h2> <p> HK inno.N promotes ESG values in its corporate management by focusing on 9 focused areas under the categories of<br> “the 4 C’s” -- Climate Action, Collective Growth, Community Impact, and Compliance Management. </p> </div> <div class="path"> <ul> <li><a href="/eng" class="home">홈</a></li><li> <button type="button"><span>ESG</span></button> <div class="path_list" data-simplebar data-simplebar-auto-hide="false"> <ul> <li> <a href="/eng/company/about/innoN" class="" >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="active" >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>Strategic Direction of ESG</span></button> <div class="path_list" data-simplebar data-simplebar-auto-hide="false"> <ul> <li> <a href="/eng/esg/direction/strategy" class="active" >Strategic Direction of ESG </a> </li> <li> <a href="/eng/esg/esh/policy" class="" >ESH Management </a> </li> <li> <a href="/eng/esg/csr/human_rights" class="" >Socially Responsible Management </a> </li> <li> <a href="/eng/esg/governance/compliance/" class="" >Governance </a> </li> <li> <a href="/eng/esg/data/policy" class="" >Sustainability Materials </a> </li> </ul> </div></li><li> <button type="button"><span>ESG Performance</span></button> <div class="path_list" data-simplebar data-simplebar-auto-hide="false"> <ul> <li> <a href="/eng/esg/direction/strategy" class="" >ESG Management Strategies </a> </li> <li> <a href="/eng/esg/direction/structure" class="" >ESG Management System </a> </li> <li> <a href="/eng/esg/direction/achievement" class="active" >ESG Performance </a> </li> </ul> </div></li> </ul> </div> </div> </div> <div class="contents pull-down"> <div class="content"> <div class="content_header"> <div class="container"> <h3>ESG Performance</h3> </div> </div> <div class="content_body"> <div class="container side-space"> <div class="head clear text-data"> <p class="container__tit"><b>ESG initiatives</b></p> <div class="box flex"> <div class="box-inner"> <img src="/assets/front/pc/img/esg/achievement01.png" class="logo" alt=""> <p>UNGC(UN Global Compact)</p> <span> UNGC, or UN Global Compact, is an international organization that encourages corporations around the world to adopt and implement corporate policies that promote sustainability and social responsibility. HK inno.N joined UNGC in October of 2021 and ever since has been submitting an annual report (COP) on how it has implemented the 10 principles of UNGC in its business operations. </span> </div> <div class="box-inner"> <img src="/assets/front/pc/img/esg/achievement02.png?ver=230706" class="logo" alt=""> <p>K-RE100, or a Korean version of RE 100</p> <span> RE 100 is a global renewable energy initiative aiming to have power generated using environment-friendly and renewable energy sources, such as through photovoltaic power or wind power, make up 100% of the electric power demanded. Since joining the Korean version of RE 100, often referred to as K-RE 100, in 2023, HK inno.N has been implementing detailed programs to have 100% of its energy needs met through renewable energy sources by year 2050. </span> </div>  </div> </div> </div> <div class="container side-space space160"> <div class="head clear text-data"> <p class="container__tit l-left"><b>ESG Ratings</b></p> <div class="text l-right"> <strong class="grey">Ratings by evaluation agency</strong> <table class="table-type01"> <colgroup> <col width="auto"> <col width="160px"> <col width="320px"> </colgroup> <tr class="thead"> <th rowspan="4"><img src="/assets/front/pc/img/esg/achievement07.png" class="logo04" alt=""></th> <th>Year</th> <th>Overall rating</th> </tr> <tr> <td>2023</td> <td>BBB</td> </tr> </table> <table class="table-type01"> <colgroup> <col width="auto"> <col width="160px"> <col width="80px"> <col width="80px"> <col width="80px"> <col width="80px"> </colgroup> <tr class="thead"> <th rowspan="4"><img src="/assets/front/pc/img/esg/achievement06.png" class="logo03" alt=""></th> <th>Year</th> <th>Overall rating</th> <th>E</th> <th>S</th> <th>G</th> </tr> <tr> <td>2023</td> <td>A</td> <td>A</td> <td>A+</td> <td>A</td> </tr> </table> <table class="table-type01"> <colgroup> <col width="auto"> <col width="160px"> <col width="160px"> <col width="160px"> </colgroup> <tr class="thead"> <th rowspan="5"><img src="/assets/front/pc/img/esg/achievement05.png" class="logo02" alt=""></th> <th>Year</th> <th>Rating by scale</th> <th>Overall rating</th> </tr> <tr> <td>First half of 2024</td> <td>AA</td> <td>AA</td> </tr> <tr> <td>Second half of 2023</td> <td>AA</td> <td>AA</td> </tr> <tr> <td>First half of 2023</td> <td>AA</td> <td>AA</td> </tr> </table> </div> </div> </div> </div> </div> </div>  </div>   <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/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>  <p class="copyright">All Rights Reserved. HK inno.N Corp.</p> </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>   <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>  </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>

CINXE.COM

HK inno.N