HOME | 주식회사 에치엔지

<!DOCTYPE html> <html lang="ko"> <head> <meta name="title" content="HnG"> <meta name="description" content="HnG, 회사개요, 사업현황, 생산시스템, 재무정보, 채용안내"> <meta property="og:type" content="website"> <meta property="og:title" content="HnG"> <meta property="og:description" content="HnG, 회사개요, 사업현황, 생산시스템, 재무정보, 채용안내"> <meta property="og:image" content="https://www.HnG.com/images/common/img_copylogo.png"> <meta property="og:url" content="https://www.HnG.com"> <meta name="author" content="HnG"> <link rel="icon" href="favicon_kor.ico"> <link rel="canonical" href="https://www.HnG.com"> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" /> <title>HOME | 주식회사 에치엔지</title> <meta charset="utf-8"> <meta name="viewport" id="viewPort" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" /> <link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;700;900&display=swap" rel="stylesheet">      <link rel="stylesheet" href="/css/default.css" /> <link rel="stylesheet" href="/css/common.css" /> <link rel="stylesheet" href="/css/icomoon.css" /> <link rel="stylesheet" href="/css/sitemap.css" /> <link rel="stylesheet" href="/css/sub.css" /> <link rel="stylesheet" href="/css/sub_mo.css" /> <script type="text/javascript"> var pageNum = "0"; var subNum = "0"; var threeNum = ""; </script> <script src="/js/jquery-1.11.2.min.js"></script> <script src="/js/jquery-migrate-1.2.1.min.js"></script> <script src="/js/modernizr.custom.37565.js"></script> <script src="/js/common.js"></script> <script src="/js/iscroll.js"></script> <script src="/js/jquery.bxslider.min.js"></script> <script src="/js/TweenMax.min.js"></script> <script src="/js/ScrollMagic.min.js"></script> <script src="/js/debug.addIndicators.min.js"></script> <script src="/js/animation.gsap.min.js"></script> <script src="/js/bodyScrollLock.min.js"></script> <script src="/js/jquery.form.min.js"></script> <script src="/js/app.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/lodash.js/3.10.1/lodash.min.js"></script>  <dl class="accessibilityWrap"> <dt class="blind"><strong> 바로가기 메뉴</strong></dt> <dd><a href="#container">컨텐츠바로가기</a></dd> <dd><a href="#lnb">주메뉴바로가기</a></dd> <dd><a href="#footer">하단메뉴바로가기</a></dd> </dl> <section id="sitemap" class="wrap_sitemap"> <h1 class="h"> <a href="/"> <img src="/images/common/h_logo_mo.png" alt="HnG"> </a> </h1>  <div class="inr-c clearfix"> <div class="area col first"> <div class="inner"> <h2>회사소개</h2> <ul> <li class="s1"><a href="/about/about1.php"><span>CEO인사말</span></a></li> <li class="s2"><a href="/about/about2.php"><span>기업정보</span></a></li> <li class="s3"><a href="/about/about3.php"><span>기업이념</span></a></li> <li class="s4"><a href="/about/about4.php"><span>CI</span></a></li> <li class="s5"><a href="/about/about5.php"><span>회사연혁</span></a></li> <li class="s6"><a href="/about/about6.php"><span>찾아오시는 길</span></a></li> </ul> </div> </div> <div class="area col"> <div class="inner"> <h2>사업현황</h2> <ul> <li class="s1"><a href="/business/business1.php"><span>화장품</span></a></li> <li class="s2"><a href="/business/business2.php"><span>건강기능식품</span></a></li>  <li class="s4"><a href="/business/business4.php"><span>물류센터</span></a></li> <li class="s5"><a href="/business/business5.php"><span>인증현황</span></a></li>  </ul> </div> </div> <div class="area col"> <div class="inner"> <h2>생산시스템</h2> <ul> <li class="s1"><a href="/system/system1.php"><span>생산</span></a></li> <li class="s2"><a href="/system/system2.php"><span>품질관리</span></a></li> <li class="s3"><a href="/system/system3.php"><span>연구개발</span></a></li> </ul> </div> </div> <div class="area col"> <div class="inner"> <h2>재무정보</h2> <ul> <li class="s1"><a href="/ir/ir1.php"><span>재무상태표</span></a></li> <li class="s2"><a href="/ir/ir2.php"><span>손익계산서</span></a></li> </ul> </div> </div> <div class="area col"> <div class="inner"> <h2>채용안내</h2> <ul> <li class="s1"><a href="/careers/careers1.php"><span>채용절차</span></a></li> <li class="s2"><a href="/careers/careers2.php"><span>채용공고</span></a></li> <li class="s3"><a href="/careers/careers3.php"><span>인재상</span></a></li> <li class="s4"><a href="/careers/careers4.php"><span>복리후생</span></a></li> </ul> </div> </div> </div> <a href="#sitemap" class="btn_close" onclick="dm_modalPopup.close(this);"><i class="icon-android-close"></i></a> </section> <script type="text/javascript"> function body_lock(flag,i){ var id = i if(flag){ bodyScrollLock.disableBodyScroll(document.querySelector(id)); }else{ bodyScrollLock.enableBodyScroll(document.querySelector(id)); } } function dm_modalPopup(){ var $wrap; var ti = this; var iscrollFlag; var animate = []; ti.open = function(t){ $wrap = $(t).attr("href"); iscrollFlag = ( $($wrap).find(".wrap_iscroll").length > 0 ) ? true : false; ti.pageMotion("fade",true); ti.reSize(); $(window).on('resize.dm_modalPopup', _.debounce(function() { ti.reSize(); }, 300)); }; ti.reSize = function(){ // $wrap.scroll.css({ // "height": ( $(window).outerHeight() - $wrap.pageing.outerHeight() ) // }); // $wrap.iscroll.refresh(); }; ti.pageMotion = function(m , f){ var flag = f; var motion = m; if(flag){ $('html, body').css('overflow','hidden'); body_lock(true , $wrap); if(motion == "fade"){ animate.open = "fade-in"; $($wrap).css("display","block").addClass(animate.open); }else{ $($wrap).css("display","block"); } if(iscrollFlag){ $wrap.scroll = $($wrap).find(".wrap_iscroll"); $wrap.iscroll = new IScroll($wrap + " .wrap_iscroll", { scrollbars: true, scrollX: false, scrollY: true, freeScroll: false, mouseWheelSpeed:200, mouseWheel: true, //click:true, interactiveScrollbars: true, bounce:false }); } }else{ setTimeout(function(){ $(window).off("resize.dm_modalPopup"); if(iscrollFlag) $wrap.iscroll.destroy(); $($wrap).css("display","none").removeClass(animate.close); },500); if(motion == "fade"){ animate.close = "fade-out"; $($wrap).removeClass(animate.open).addClass(animate.close); } $('html, body').css('overflow',''); $('#header').removeClass('hide'); } } ti.close = function(){ body_lock(true , $wrap); ti.pageMotion("fade",false); }; }//dm_modalPopup window.dm_modalPopup = new dm_modalPopup(); </script> <div id="wrap"> <link rel="stylesheet" type="text/css" href="/css/swiper.css"> <script src="/js/swiper.min.js"></script> <link rel="stylesheet" href="/css/main.css" /> <link rel="stylesheet" href="/css/lnb.css" /> <header id="header"> <div class="top"> <div class="inr-c"> <h1 class="h"> <a href="/">HNG  <span class="view-m"><img src="/images/common/h_logo_mo.png" alt="HnG"></span> </a> </h1> </div> </div> <a href="/eng" class="m_lang">ENG</a> <div class="left">  <div class="btn-top-menu"> <a href="#lnb" id="nav-icon1" onclick="lnbFn.open(this); return false;"> <span class="view-m"><img src="/images/common/btn_sitemap_mo.png" alt=""></span> </a> </div> </div> <div class="inr-c"> <nav id="lnb"> <div class="m_top"> <button class="close" onclick="lnbFn.close();"><i class="icon-cross2"><span class="blind">닫기</span></i></button> <div class="m"> <a href="/question/question1.php"class="btns"><span>비즈니스문의</span></a>  </div> </div> <div class="scroll"> <ul class="menu inr-c clearfix"> <li class="mc m1"> <a href="/about/about1.php"><span>회사개요</span></a> <div class="depth2"> <div class="inner"> <ul> <li class="s1"><a href="/about/about1.php"><span>CEO인사말</span></a></li> <li class="s2"><a href="/about/about2.php"><span>기업정보</span></a></li> <li class="s3"><a href="/about/about3.php"><span>기업이념</span></a></li> <li class="s4"><a href="/about/about4.php"><span>CI</span></a></li> <li class="s5"><a href="/about/about5.php"><span>회사연혁</span></a></li> <li class="s6"><a href="/about/about6.php"><span>찾아오시는 길</span></a></li> </ul> </div> </div>  </li> <li class="mc m2"> <a href="/business/business1.php"><span>사업현황</span></a> <div class="depth2"> <div class="inner"> <ul> <li class="s1"><a href="/business/business1.php"><span>화장품</span></a></li> <li class="s2"><a href="/business/business2.php"><span>건강기능식품</span></a></li>  <li class="s4"><a href="/business/business4.php"><span>물류센터</span></a></li> <li class="s5"><a href="/business/business5.php"><span>인증현황</span></a></li>  </ul> </div> </div>  </li> <li class="mc m3"> <a href="/system/system1.php"><span>생산시스템</span></a> <div class="depth2"> <div class="inner"> <ul> <li class="s1"><a href="/system/system1.php"><span>생산</span></a></li> <li class="s2"><a href="/system/system2.php"><span>품질관리</span></a></li> <li class="s3"><a href="/system/system3.php"><span>연구개발</span></a></li> </ul> </div> </div>  </li> <li class="mc m4"> <a href="/ir/ir1.php"><span>재무정보</span></a> <div class="depth2"> <div class="inner"> <ul> <li class="s1"><a href="/ir/ir1.php"><span>재무상태표</span></a></li> <li class="s2"><a href="/ir/ir2.php"><span>손익계산서</span></a></li> </ul> </div> </div> </li> <li class="mc m5"> <a href="/careers/careers1.php"><span>채용안내</span></a> <div class="depth2"> <div class="inner"> <ul> <li class="s1"><a href="/careers/careers1.php"><span>채용절차</span></a></li> <li class="s2"><a href="/careers/careers2.php"><span>채용공고</span></a></li> <li class="s3"><a href="/careers/careers3.php"><span>인재상</span></a></li> <li class="s4"><a href="/careers/careers4.php"><span>복리후생</span></a></li> </ul> </div> </div>  </li> </ul> </div> <div class="area_rgh"> <div class="col"> <div class="vam"> <a href="/question/question1.php"class="btns"><span>비즈니스문의</span></a> </div> <div class="vam"> <a href="/eng" class="lang">ENG </a> </div> </div>  <a href="#sitemap" onclick="dm_modalPopup.open(this); return false;" class="col btn_sitemap"> <span class="vam"><span><img src="/images/common/btn_sitemap.png" alt=""></span></span> </a> </div> </nav> <div class="right clearfix"> <div class="col">  </div> <div class="col"> <div class="btn-top-menu"> <button id="nav-icon1" class=""> <span></span> <span></span> <span></span> </button> </div> <div class="area_sitemap"> <div class="cover"></div> <div class="head"> <p>Sitemap</p> </div> <div class="content clearfix"> <div class="col"> <div class="menu n1"> <p class="h">회사개요</p> <ul> <li class="s1"><a href="/about/about1.php"><span>CEO인사말</span></a></li> <li class="s2"><a href="/about/about2.php"><span>기업정보</span></a></li> <li class="s3"><a href="/about/about3.php"><span>기업이념</span></a></li> <li class="s4"><a href="/about/about4.php"><span>CI</span></a></li> <li class="s5"><a href="/about/about5.php"><span>회사연혁</span></a></li> <li class="s6"><a href="/about/about6.php"><span>찾아오시는 길</span></a></li> </ul> </div> </div> <div class="col"> <div class="menu n2"> <p class="h">계열사</p> <ul> <li class="s1"><a href="/business/business1.php"><span>화장품</span></a></li> <li class="s2"><a href="/business/business2.php"><span>건강기능식품</span></a></li>  <li class="s4"><a href="/business/business4.php"><span>물류센터</span></a></li> <li class="s5"><a href="/business/business5.php"><span>인증현황</span></a></li>  </ul> </div> <div class="menu n3"> <p class="h">투자정보</p> <ul> <li class="s1"><a href="/system/system1.php"><span>생산</span></a></li> <li class="s2"><a href="/system/system2.php"><span>품질관리</span></a></li> <li class="s3"><a href="/system/system3.php"><span>연구개발</span></a></li> </ul> </div> </div> <div class="col"> <div class="menu n5"> <p class="h">윤리경영</p> <ul> <li class="s1"><a href="/ir/ir1.php"><span>재무상태표</span></a></li> <li class="s2"><a href="/ir/ir2.php"><span>손익계산서</span></a></li> </ul> </div> </div> <div class="col"> <div class="menu n4"> <p class="h">문의/제보</p> <ul> <li class="s1"><a href="/careers/careers1.php"><span>채용절차</span></a></li> <li class="s2"><a href="/careers/careers2.php"><span>채용공고</span></a></li> <li class="s3"><a href="/careers/careers3.php"><span>인재상</span></a></li> <li class="s4"><a href="/careers/careers4.php"><span>복리후생</span></a></li> </ul> </div> </div> </div> </div> </div> </div> </div>  <div class="bg_lnb"></div> </header> <div id="header-fake"></div> <script type="text/javascript"> var mobileW = 840; var openModelPopup = null; function mobileSizeFlag(){ var wWeight = window.innerWidth || document.documentElement.clientWidth || document.body.clientWidth; var flag = mobileW >= wWeight; //con("mobileW > wHeight :: " + flag); return flag; } function pageOnMotion(){ if(pageNum > 0 && pageNum <= $("#lnb .mc").length){ $("#lnb .mc.on").removeClass("on"); $("#lnb .mc.m"+pageNum).addClass("on"); //.trigger("mouseenter"); } if(subNum > 0){ $("#lnb .mc.m"+pageNum).find(".depth2 .inner > ul > li.s"+subNum).addClass("on"); } } function startlnbTop(b){ var $lnb = $("#lnb"); var winH = $(window).height(); var h = winH - $lnb.find(".m_top").outerHeight(); var dep1H = 0; for (var i = 0; i < $lnb.find(".menu > li").length; i++) { dep1H = dep1H + $lnb.find(".menu > li:eq("+i+")").outerHeight(); } var dep2H = $lnb.find(".on .depth2 > ul").outerHeight(); if(b){ $lnb.css({"height":""}); $lnb.find(".scroll").css("height",""); $lnb.find(".menu").css("height",""); $lnb.find(".depth2").css("height",""); }else{ $lnb.css("height",winH); $lnb.find(".scroll").css("height",h); // con("h :: "+ h); // con("dep2H :: "+ dep2H); // con("dep2H :: "+ dep2H); if(h < dep1H){ $lnb.find(".menu").css("height",dep1H); $lnb.find(".depth2").css("height",dep1H); }else if(h < dep2H){ $lnb.find(".menu").css("height",dep2H); $lnb.find(".depth2").css("height",dep2H); }else{ $lnb.find(".menu").css("height",h); $lnb.find(".depth2").css("height",h); } } };//startlnbTop var lnbFn = { $btn:"", $area:"", $modal : ".modal-cover", event: true, init: function(t) { var $lnb = $("#lnb"); var setTime; $lnb.find(".scroll > .inr-c > li").on("mouseenter mouseleave",function(e){ if(!mobileSizeFlag()){ var $this = $(this); if(e.type == "mouseenter"){ $this.addClass("ovr"); clearInterval(setTime); if($this.find(".depth2").css("display") == "none"){ $lnb.find(".depth2").slideUp(0); $this.find(".depth2").fadeIn(200); $(".bg_lnb").slideDown(100); $("#header").addClass("menuopen"); } }else if(e.type == "mouseleave"){ $this.removeClass("ovr"); setTime = setTimeout(function(){ $lnb.find(".depth2").fadeOut(100,function(){ $lnb.find(".depth2").css("display",""); }); $(".bg_lnb").slideUp(100); if($lnb.find(".mc.on").length > 0){ //$lnb.find(".mc.on").find(".depth2").fadeIn(0); }else{ $(".bg_lnb").slideUp(100); } $("#header").removeClass("menuopen"); },300); } pageOnMotion(); }//if }); $lnb.find(".menu.inr-c > li").on("click",function(e){ if(mobileSizeFlag()){ var $this = $(this); var winH = $(window).height(); $this.siblings(".on").removeClass("on"); $this.addClass("on"); $(window).trigger("resize.lnb"); startlnbTop(false); lnbFn.scroll.refresh(); }//if }).find(">a").on("click",function(e){ if(mobileSizeFlag()){ e.preventDefault(); } }) $(window).on("resize.lnb",function(){ startlnbTop(true); if(!mobileSizeFlag()){ if(lnbFn.scroll != null){ lnbFn.scroll.destroy(); }; $lnb.css("display","").find(".menu").css({ "transition-timing-function":"", "transition-duration":"", "transform":"" }) if($lnb.find(".menu .on").length == 0){ $lnb.css("display","").find(".menu").find(" > li").find(".depth2").css("display",""); }else{ pageOnMotion(); } if(openModelPopup != null){ lnbFn.close(); $lnb.css("display",""); openModelPopup == null; } }else{ if($lnb.find(".menu .on").length == 0){ $lnb.find(".menu > li.m1").addClass("on").find(".depth2"); } startlnbTop(false); } }); $(window).trigger("resize.lnb"); }, open: function(t) { this.$btn = $(t); if (!this.$btn.hasClass("on")) { this.$btn.addClass("on"); this.$area = $(this.$btn.attr("href")); //con("openModelPopup::"+ openModelPopup); if(openModelPopup != null){ closeSwitchManager(openModelPopup); }else{ $("#header").append("<div class='modal-cover'>"); $(".modal-cover").animate({"opacity":1},300) } $(".modal-cover").off().on("click",function(){ lnbFn.close(); }); if(mobileSizeFlag()){ $("body").on("touchmove.lnb",function(e){e.preventDefault();}); lnbFn.scroll = new IScroll("#lnb .scroll", { scrollbars: false, scrollX: false, scrollY: true,freeScroll: false, mouseWheelSpeed:200, mouseWheel: true, click:true, interactiveScrollbars: false, bounce:false //bounceEasing: 'elastic', //bounceTime: 0 }); this.$area.css({ "display":"block", "margin-left":-50, "opacity":0 }).animate({ "opacity":1, "display":"", "margin-left":0 },300,function(){ $(this).css({"margin-left":""}); }); startlnbTop(false); lnbFn.scroll.refresh(); } openModelPopup = "lnb"; }else{ lnbFn.close(); } } ,close: function(s) { if (this.$btn.hasClass("on")) { this.$btn.removeClass("on"); if(!mobileSizeFlag()){ this.$area.slideUp(300); }else{ $("body").off("touchmove.lnb"); this.$area.animate({ "opacity":0, "margin-left":-50, "display":"" },300,function(){ $(this).css({ "margin-left":"", "opacity":"", "display":"" }); }); } if(s != "switch"){ $(".modal-cover").animate({"opacity":0},300,function(){$(this).remove(); }); } openModelPopup = null; } } };// lnbFn function init(){ $("#lnb .mc.m"+pageNum).addClass("on"); $("#lnb .mc.m"+pageNum+" .depth2 li.s"+subNum).addClass("on"); lnbFn.init(); } jQuery(document).ready(init); </script> <section id="container" class="main"> <section class="spot main total_h bx-ty1"> <div id="bxMain" class="bxSlide"> <div class="lst n1" data-num="0"> <div class="total_h"> <div class="bg"></div> <div class="cont al-vam"> <div class="inr-c"> <div class="fz"> <p class="h1">에치엔지로부터 <br>아름다움과 행복이 시작됩니다!</p> <p class="t1 f-en">THE BEAUTY AND HAPPINESS <br class="mo">BEGIN AT HNG!</p> <div class="bx_page"> <a href="#" class="n0"></a> <a href="#" class="n1"></a> <a href="#" class="n2"></a> </div> </div> </div> </div> </div> </div> <div class="lst n2" data-num="1"> <div class="total_h"> <div class="bg"></div> <div class="cont al-vam"> <div class="inr-c"> <div class="fz"> <p class="h1">에치엔지로부터 <br>아름다움과 행복이 시작됩니다!</p> <p class="t1 f-en">THE BEAUTY AND HAPPINESS <br class="mo">BEGIN AT HNG!</p> <div class="bx_page"> <a href="#" class="n0"></a> <a href="#" class="n1"></a> <a href="#" class="n2"></a> </div> </div> </div> </div> </div> </div>  <div class="lst n3" data-num="2"> <div class="total_h"> <div class="bg">  </div> <div class="cont al-vam"> <div class="inr-c"> <div class="fz"> <p class="h1">에치엔지로부터 <br>아름다움과 행복이 시작됩니다!</p> <p class="t1 f-en">THE BEAUTY AND HAPPINESS BEGIN AT HNG!</p> <div class="bx_page"> <a href="#" class="n0"></a> <a href="#" class="n1"></a> <a href="#" class="n2"></a> </div> </div> </div> </div> </div> </div> </div>  </section> <script src="/js/jquery.bxslider.min.js"></script> <script type="text/javascript"> var bxSlide; var $bx_pager = $(".spot.main .bx_page"); bxSlide = $("#bxMain").bxSlider({ mode: 'fade' , auto: true , autoControls: false , stopAuto: true , speed: 600 , pause: 6000 , swipeThreshold: 50 , onSliderLoad: function (currentIndex) { var currentIndex2 = "#bxMain .lst:eq(" + currentIndex + ")"; bxpager(currentIndex2); motion(currentIndex2); $bx_pager.find("a.n"+currentIndex).addClass("active"); } , onSlideBefore: function (currentIndex) { var index = $(currentIndex).data("num"); // //alert(currentIndex.length); // //console.log(currentIndex.prevObject.length); // if(index == currentIndex.prevObject.length - 1){ // bxSlide.stopAuto(); // } bxpagerOn(index); motion(currentIndex); } , onSlideAfter: function (currentIndex) {} }); $bx_pager.hover( function() { bxSlide.stopAuto(); }, function() { bxSlide.startAuto(); } ); function bxpager(currentIndex){ $bx_pager.each(function(index,item){ var $this = $(this); $this.find("a").on("click",function(){ var num = $(this).attr("class").replace("n",""); bxpagerOn(num); }); }); } function bxpagerOn(num){ $bx_pager.find("a.active").removeClass("active") $bx_pager.find("a.n"+num).addClass("active"); bxSlide.goToSlide(num); } function motion(currentIndex){ var index = $(currentIndex).data("num") + 1; // tabOn(index); var $obj = $('#bxMain .lst.n'+index) , $ele = { h1 : $obj.find(".h1"), t1 : $obj.find(".t1"), bg : $obj.find(".bg") }; TweenMax.set($ele.h1,{opacity:0,x:20}); TweenMax.set($ele.t1,{opacity:0,y:30}); TweenMax.set($ele.bg,{scale:1.05}); TweenMax.to($ele.h1,0.4,{opacity:1,x:0,delay:1.0}); TweenMax.to($ele.t1,0.4,{opacity:1,y:0,delay:1.2}); TweenMax.to($ele.bg,0.4,{scale:1.0}); } </script> <section class="main-page sec1"> <header class="tit-head"> <h1>기업이념</h1> <p class="t1 f-en">Corporate Notions</p> </header> <div class="lst_corp1"> <div class="inr-c"> <div class="thumb"> <img src="/images/main/img_copr1.jpg" alt="" class="pc"> <img src="/images/about/img_about3_2.png" alt="" class="mo"> </div> <ul class="lst"> <li> <p class="t1"><span class="img"><img src="/images/main/img1_41.jpg" alt=""></span>사람들의 행복한 삶을 위하여 <br class="mo">좋은 제품을 만들겠습니다.</p> </li> <li> <p class="t1"><span class="img"><img src="/images/main/img1_31.jpg" alt=""></span>도전하고 변화하며 새로운 비전을 <br class="mo">만들어 나가겠습니다.</p> </li> <li> <p class="t1"><span class="img"><img src="/images/main/img1_21.jpg" alt=""></span>고객을 위하여 늘 노력하고 <br class="mo">신뢰받는 기업이 되겠습니다.</p> </li> </ul> </div> </div> <div class="lst-col n4" style="display:none;"> <div class="inr-c"> <div class="item"> <div class="thumb"> <span class="img"><img src="/images/main/img1_1.png" alt=""></span>  <span class="t2">건강한 아름다움</span> </div> <div class="cont"> <p class="t3">세상을 바꾸는 <br>건강한 아름다움</p> </div> </div> <div class="item"> <div class="thumb"> <span class="img"><img src="/images/main/img1_2.png" alt=""></span>  <span class="t2">신뢰받는 최상의 품질</span> </div> <div class="cont"> <p class="t3">상호 신뢰를 구축하는 <br>최상의 처방 솔루션</p> </div> </div> <div class="item"> <div class="thumb"> <span class="img"><img src="/images/main/img1_3.png" alt=""></span>  <span class="t2">창의적 사고</span> </div> <div class="cont"> <p class="t3">차별화된 아이디어로 <br>헬스앤뷰티 신개념 가치창출</p> </div> </div> <div class="item"> <div class="thumb"> <span class="img"><img src="/images/main/img1_4.png" alt=""></span>  <span class="t2">열린혁신</span> </div> <div class="cont"> <p class="t3">열린 사고와 혁신 기술의 융복합으로 <br>시장 경쟁력 확보</p> </div> </div> </div> </div>  </section> <section class="main-page sec2"> <div class="wrap_rollring2 swiper-container"> <div class="swiper-wrapper"> <div class="item swiper-slide"> <div class="bg" style="background-image: url(/images/main/img2_1.jpg);"> <div class="vam"> <span class="f-en">cosmetics</span> </div> </div> <div class="article js-match-height"> <div class="head box"> <h2>화장품</h2> <p class="t1 f-en">Differentiated thinking is <br class="mo">our competitiveness.</p> </div> <div class="cont box"> <p class="t2">화장품 전문기업으로서 고객사의 최고 성공 파트너가 되기 위해 노력하고 있습니다. 에치엔지는 제품기획부터 개발, 생산, 최종 완제품 출하에 이르기까지, 차별화된 기술력과 생산품질을 바탕으로 신속 대응 시스템을 고객사에 제공합니다.</p> </div> </div> </div>  <div class="item swiper-slide"> <div class="bg" style="background-image: url(/images/main/img2_2.jpg);"> <div class="vam"> <span class="f-en">Health Functional Foods</span> </div> </div> <div class="article js-match-height"> <div class="head box"> <h2>건강기능식품</h2> <p class="t1 f-en">Differentiated thinking is <br class="mo">our competitiveness.</p> </div> <div class="cont box"> <p class="t2">에치엔지와 건강한 약속 지킴이 건강기능식품 GMP관리 시스템으로 체계적이고 효율적인 제조 및 품질관리를 통해 고품질의 제품을 현실화 합니다.</p> </div> </div> </div>   <div class="item swiper-slide"> <div class="bg" style="background-image: url(/images/main/img2_4.jpg);"> <div class="vam"> <span class="f-en">Logistics Center</span> </div> </div> <div class="article js-match-height"> <div class="head box"> <h2>물류센터</h2> <p class="t1 f-en">Differentiated thinking is <br class="mo">our competitiveness.</p> </div> <div class="cont box"> <p class="t2">고객이 물건을 안전하고 편안하게 믿고 이용, 더불어 가치 창출하는 물류 전문 플래너</p> </div> </div> </div>  </div>  <div class="swiper-button-next"></div> <div class="swiper-button-prev"></div> <div class="swiper-pagination"></div> </div> </section> <section class="main-page sec3"> <div class="bg"></div> <div class="inr-c"> <div class="box"> <div class="inner"> <h2><img src="/images/main/main_blogo.png" alt="HNG" class="mb_logo" /> <br>경쟁력 보기</h2> <p class="t1">HNG의 개요와 차별화 된 <br>경쟁력을 한눈에 보실 수 있습니다.</p> <div class="bot"> <a href="/system/system1.php" class="f-en">read more</a> </div> </div> </div> </div> </section> <section class="main-page sec4" style="display:none;"> <header class="tit-head"> <h1>제품소개</h1> <p class="t1 f-en">Product</p> </header> <div class="lst-col n3"> <div class="inr-c js-match-height clearfix"> <div class="item box n1"> <div class="thumb"> <span class="img"><img src="/images/main/img4_1.png" alt=""></span> </div> <h2> 도화랑 <br>옴므 블랙 </h2> <div class="cont"> <p class="t3">도화랑은 땅에서부터 시작된 아름다움을 복숭아 꽃으로 피운 전통 자연 발효 화장품 세트. 4계절 동안의 기다림, 자연 중에서도 기다림, 대지, 식물의 3가지 매커니즘을 기반으로 뛰어난 피부과학 기술이 접목되어 탄생 </p> </div> </div> <div class="item box n2"> <div class="thumb"> <span class="img"><img src="/images/main/img4_2.png" alt=""></span> </div> <h2> 에코필 피토 <br>모이스트 라인 </h2> <div class="cont"> <p class="t3">자연에 대한 철학을 담은 내추럴 컨셉의 스킨케어 브랜드. 피토 모이스트 라인(PHYTO MOIST LINE)은 에코서트 인증을 받은 위치하젤, 레몬밤잎 추출물을 포함한 5가지 귀한 허브 에너지를 담아 진정, 윤기, 보습에 복합적으로 도움을 주는 마일드한 스킨 케어 라인입니다.</p> </div> </div> <div class="item box n3"> <div class="thumb"> <span class="img"><img src="/images/main/img4_3.png" alt=""></span> </div> <h2> 더말로그 <br>스킨케어 라인 </h2> <div class="cont"> <p class="t3">더말로그 피부 트리트먼트 스킨케어 라인. 천연 유래 식물성분을 풍부하게 함유하여 지친 당신의 피부에 편안함과 휴식을 제공. 자연과 첨단과학이 만나 탄생한 차별화된 고감각 사용감과 촉촉함, 지속성을 느껴보세요.</p> </div> </div> </div> </div>  </section> </section> <script> var swiper22 = new Swiper('.swiper-container', { init: false, loop:true, slidesPerView: 'auto', centeredSlides: true, spaceBetween: 200, speed:1000, autoplay: { delay: 5000 }, navigation: { nextEl: '.swiper-button-next', prevEl: '.swiper-button-prev' }, breakpoints: { 0: { slidesPerView: 'auto', centeredSlides: true, spaceBetween: 20 }, 1024: { slidesPerView: 'auto', centeredSlides: true, spaceBetween: 50 }, 1420: { slidesPerView: 'auto', centeredSlides: true, spaceBetween: 200 }, }, pagination: { el: '.swiper-pagination', clickable: true // renderBullet: function (index, className) { // return '<span class="' + className + '">' + (index + 1) + '</span>'; // }, } }); function swiper22Motion(){ TweenMax.to($(".wrap_rollring2 .swiper-slide-active , .wrap_rollring2 .swiper-slide-duplicate-active"), 2,{ease:Expo.easeOut, scale:1 ,opacity:1 }); TweenMax.to($(".wrap_rollring2 .swiper-slide-next, .wrap_rollring2 .swiper-slide-prev"), 2,{ease:Expo.easeOut, scale:1 , opacity:1 }); } swiper22.on('init', function () { TweenMax.to($(".wrap_rollring2 .swiper-slide-active , .wrap_rollring2 .swiper-slide-duplicate-active"), 2,{ease:Expo.easeOut, scale:1 ,opacity:1 }); TweenMax.to($(".wrap_rollring2 .swiper-slide-next, .wrap_rollring2 .swiper-slide-prev"), 2,{ease:Expo.easeOut, scale:1 , opacity:1 }); }).on('slideChangeTransitionStart', function () { }).on('slideChangeTransitionStart', function () { swiper22Motion(); }).on('slideChangeTransitionEnd', function () { $(".wrap_rollring2 .swiper-slide-active").removeClass("ing"); }); swiper22.init(); if ($(".js-match-height").length > 0) { $(".js-match-height").each(function(){ var $this = $(this); $(this).find(' > .box').matchHeight({ }); }); $.fn.matchHeight._update(); } </script> <link rel="stylesheet" href="/css/footer.css" /> <footer id="footer"> <div class="inr-c pt clearfix"> <div class="area col n1"> <div class="logo"><img src="/images/common/h_logo_copy.jpg" alt="HnG"></div> <p class="t1 f-en">Customers are our top priority</p> <p class="t2">HNG는 고객을 최우선으로 하며,고객만족을 바탕으로 성장합니다.</p> </div> <div class="area col n2"> <p class="h2">회사정보</p> <div class="row"> <p class="h3">관정공장</p> <p class="t1">세종특별자치시 전의면 산단길 21-164</p> <p class="t1 f-en">T. 044-861-5400 F. 044-861-5401</p> </div> <div class="row"> <p class="h3">원성공장</p> <p class="t1">세종특별자치시 전의면 의당전의로 908</p> <p class="t1 f-en">T. 044-868-7552 F. 044-868-7553</p> </div> <div class="row"> <p class="h3">서울사무소</p> <p class="t1">서울특별시 서초구 사임당로 27 7층 (서초동, 평화빌딩)</p> <p class="t1 f-en">T. 02-583-7551 F. 02-583-1531</p> </div> </div> <div class="area col n3"> <p class="h2">고객지원</p> <ul> <li><a href="/careers/careers1.php">채용안내</a></li> <li><a href="/question/question1.php">비즈니스 문의</a></li>  </ul> </div> <a href="#wrap" class="btn_top"><img src="/images/common/btn_top.jpg" alt="HnG"></a> </div> <div class="bot"> <div class="inr-c clearfix"> <div class="area_fl"> <ul> <li><a href="/about/about1.php">회사소개</a></li> <li><a href="/privacy/privacy.php">개인정보처리방침</a></li>  <li><a href="/privacy/email_collection.php">이메일무단수집거부</a></li> </ul> </div> <div class="area_fr"> <p class="copy">Copyrightⓒ2020 HnG ALL RIGHTS RESERVED. 　Powerd by <a href="https://smallbigkorea.com/" target="_blank" style="text-decoration:underline;">smallbigkorea.</a></p> </div> </div> </div> </footer> </div> </body> </html>

CINXE.COM

HOME | 주식회사 에치엔지