CINXE.COM

<!DOCTYPE html> <html lang="eng"> <head> <meta name="title" content="Kolmar Korea"> <meta name="author" content="OKTOMATO"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <title>Kolmar Korea</title> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <link rel="apple-touch-icon" sizes="180x180" href="/img/common/favi180.png"> <link rel="icon" type="image/png" sizes="32x32" href="/img/common/favi32.png"> <link rel="icon" type="image/png" sizes="16x16" href="/img/common/favi16.png"> <link rel="stylesheet" href="/css/default.css" /> <link rel="stylesheet" href="/css/swiper.min.css" /> <link rel="stylesheet" href="/css/layout0730.css" />  <link rel="stylesheet" href="/css/sub.css" /> <link rel="stylesheet" href="/css/responsive.css" /> <link rel="stylesheet" href="/eng/css/renew/eng.css" /> <link href='//cdn.rawgit.com/theeluwin/NotoSansKR-Hestia/master/stylesheets/NotoSansKR-Hestia.css' rel='stylesheet' type='text/css'> <link rel="stylesheet" href="/css/slick.css" /> <script type="text/javascript" src="//code.jquery.com/jquery-1.11.2.js"></script> <script src="//code.jquery.com/ui/1.11.0/jquery-ui.js"></script>   <script type="text/javascript" src="/js/html5.js"></script>  <script type="text/javascript" src="/js/slick.js"></script> <link rel="stylesheet" href="/fancybox/fancybox.css" /> <script type="text/javascript" src="/fancybox/fancybox.js"></script> <script src='https://ir.gsifn.io/devcon/lib/js/jquery.iframeResizer.min.js'></script>   <script type="text/javascript"> (function (w) { // version check var ua = window.navigator.userAgent; var msie = ua.indexOf("MSIE "); if (msie > 0 && parseInt(ua.substring(msie + 5, ua.indexOf(".", msie)), 10) < 7) { //IE6으로 접근했을때 리턴하는 페이지 location.href = '/NoticeIE6.asp'; } })(window); </script> <script> // function setViewPort() { // var windowWidth = window.innerWidth || document.documentElement.clientWidth || document.body.clientWidth; // if (windowWidth <= 420 ){ // $("meta[name=viewport]").attr("content", "width=420, target-densitydpi=device-dpi , user-scalable=no"); // } else { // $("meta[name=viewport]").attr("content", "width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no, target-densitydpi=medium-dpi"); // } // } // setViewPort(); </script> </head> <body>  <div id="wrap" > <div class="movieBox_bg"></div> <header id="header" > <h1 id="logo"><a href="/eng">한국콜마</a></h1> <ul id="lnb" class="clearfix"> <li> <a href="/eng/about/summary.php">COMPANY</a> <ul class="depth"> <li><a href="/eng/about/summary.php"><span>About Us</span></a></li>  <li><a href="/eng/about/history.php"><span>History</span></a></li> <li><a href="/eng/about/philosophy.php"><span>Management Philosophy</span></a></li> <li><a href="/eng/about/ci.php"><span>CI</span></a></li> <li><a href="/eng/about/location.php"><span>Directions</span></a></li> </ul> </li> <li> <a href="/eng/businessinfo/info.php">BUSINESS</a> <ul class="depth"> <li><a href="/eng/businessinfo/info.php"><span>Business Information</span></a></li> <li><a href="/eng/businessinfo/korea.php"><span>Business Areas</span></a></li> <li><a href="/eng/businessinfo/business.php"><span>Business Inquiry</span></a></li>  </ul> </li> <li> <a href="/eng/rd/total.php">R&D</a> <ul class="depth"> <li><a href="/eng/rd/total.php"><span>R&D Complex</span></a></li> <li><a href="/eng/rd/result.php"><span>Research Performance</span></a></li> </ul> </li> <li> <a href="/eng/esg/environment.php">ESG</a> <ul class="depth"> <li><a href="/eng/esg/environment.php"><span>Environmental Management</span></a></li> <li><a href="/eng/esg/contribution.php"><span>Social Contribution</span></a></li> <li><a href="/eng/esg/ethics.php"><span>Ethical Management</span></a></li> <li><a href="/eng/esg/compliance.php"><span>Compliance</span></a></li> <li><a href="/eng/esg/governance.php"><span>Governance</span></a></li> <li><a href="/eng/esg/sustainability_report.php"><span>Sustainability Report</span></a></li> </ul> </li> <li> <a href="/eng/pr/prmovie.php">PR</a> <ul class="depth"> <li><a href="/eng/pr/prmovie.php"><span>Promotional Video</span></a></li>  </ul> </li> <li> <a href="/eng/ir/finance.php">IR</a> <ul class="depth"> <li><a href="/eng/ir/finance.php"><span>Financial Information</span></a></li> <li><a href="/eng/ir/stock.php"><span>Stock Information</span></a></li>  <li><a href="/eng/ir/report.php"><span>IR Report</span></a></li> <li><a href="/eng/ir/disclosure_information.php"><span>Disclosure Information</span></a></li> </ul> </li> </ul> <div class="lang_w"> <button class="btn-sel">EN</button> <div class="dep"> <ul> <li><a href="/">Korean</a></li> <li><a href="/eng">English</a></li> <li><a href="/chn">Chinese</a></li>  </ul> </div> </div> <div class="lnb_bg"></div> <button type="button" id="btn-menu">메뉴</button> <nav id="lnb_m"> <div class="in"> <ul id="top_nav_m" class="clearfix"> <li> <a href="/eng/about/summary.php">COMPANY</a> <ul class="depth"> <li><a href="/eng/about/summary.php"><span>About Us</span></a></li>  <li><a href="/eng/about/history.php"><span>History</span></a></li> <li><a href="/eng/about/philosophy.php"><span>Management Philosophy</span></a></li> <li><a href="/eng/about/ci.php"><span>CI</span></a></li> <li><a href="/eng/about/location.php"><span>Directions</span></a></li> </ul> </li> <li> <a href="/eng/businessinfo/info.php">BUSINESS</a> <ul class="depth"> <li><a href="/eng/businessinfo/info.php"><span>Business Information</span></a></li> <li><a href="/eng/businessinfo/korea.php"><span>Business Areas</span></a></li> <li><a href="/eng/businessinfo/business.php"><span>Business Inquiry</span></a></li>  </ul> </li> <li> <a href="/eng/rd/total.php">R&D</a> <ul class="depth"> <li><a href="/eng/rd/total.php"><span>R&D Complex</span></a></li> <li><a href="/eng/rd/result.php"><span>Research Performance</span></a></li> </ul> </li> <li> <a href="/eng/esg/environment.php">ESG</a> <ul class="depth"> <li><a href="/eng/esg/environment.php"><span>Environmental Management</span></a></li> <li><a href="/eng/esg/contribution.php"><span>Social Contribution</span></a></li> <li><a href="/eng/esg/ethics.php"><span>Ethical Management</span></a></li> <li><a href="/eng/esg/compliance.php"><span>Compliance</span></a></li> <li><a href="/eng/esg/governance.php"><span>Governance</span></a></li> <li><a href="/eng/esg/sustainability_report.php"><span>Sustainability Report</span></a></li> </ul> </li> <li> <a href="/eng/pr/prmovie.php">PR</a> <ul class="depth"> <li><a href="/eng/pr/prmovie.php"><span>Promotional Video</span></a></li>  </ul> </li> <li> <a href="/eng/ir/finance.php">IR</a> <ul class="depth"> <li><a href="/eng/ir/finance.php"><span>Financial Information</span></a></li> <li><a href="/eng/ir/stock.php"><span>Stock Information</span></a></li>  <li><a href="/eng/ir/report.php"><span>IR Report</span></a></li> <li><a href="/eng/ir/disclosure_information.php"><span>Disclosure Information</span></a></li> </ul> </li> </ul> </div> </nav> </header> <script> $(".lang_w .btn-sel").click(function(){ $(".lang_w .dep").slideToggle(150) }) var matchHeight = function () { function init() { eventListeners(); matchHeight(); } function eventListeners(){ $(window).on('resize', function() { matchHeight(); }); } function matchHeight(){ var groupName = $('#lnb .depth'); var groupHeights = []; groupName.css('min-height', 'auto'); groupName.each(function() { groupHeights.push($(this).outerHeight()); }); var maxHeight = Math.max.apply(null, groupHeights); groupName.css('min-height', maxHeight); depth = $("#lnb .depth").height() $(".lnb_bg").css("height",depth + 79) }; return { init: init }; } (); $(document).ready(function() { matchHeight.init(); }); $("#lnb").mouseenter(function(){ $("#lnb .depth, .lnb_bg").show() $("#header").addClass("active") }) $("#header").mouseleave(function(){ $("#lnb .depth, .lnb_bg").hide() $("#header").removeClass("active") }) $("#btn-menu").click(function(){ if ($(this).hasClass("open")){ $(this).removeClass("open") $("#lnb_m").show().animate({left:"-100%"},300) $(".allmenu_bg").remove() }else{ $(this).addClass("open") $("#lnb_m").css("height",$("#wrap").height()) $("#lnb_m").show().animate({left:"0"},300) $("#header").append("<div class='allmenu_bg'></div>") if ($("#top_nav_m > li").hasClass("active")){ $("#lnb_m").addClass("opend") } } }) $("#top_nav_m > li > a").click(function(){ $("#lnb_m").addClass("opend"); $("#top_nav_m > li").removeClass("active"); $("#top_nav_m .depth").fadeOut(); if(!$(this).next().is(":visible")) { $(this).next().fadeIn(); $("#lnb_m").addClass("opend"); $(this).parent("li").addClass("active"); }else{ $("#lnb_m").removeClass("opend"); $(this).parent("li").removeClass("active"); } return false; }) </script>   <link rel="stylesheet" href="/eng/css/main_new5.css" /> <style type="text/css"> /*수동팝업*/ .pop_event {position:absolute; top:30px; width:550px; z-index:999; display:none;} .pop_event > table {width:100%; margin:0 auto;} .pop_event > table > tbody > tr > td {padding-left:10px; padding-right:10px;} .pop_event > table > tbody > tr > .contents_td {padding-top:10px; padding-bottom:10px; background-color:#f0f3f0;} .pop_event > table > tbody > tr > .close_td {padding-top:5px; padding-bottom:5px; background-color:#d6d7d6;} .pop_event > table > tbody > tr > .close_td label {cursor:pointer;} .pop_event > table > tbody > tr > .close_td label > input {vertical-align:middle;} .pop_event > table > tbody > tr > .close_td label > span {font-size:12px; color:#666666; vertical-align:middle;} .pop_event > table > tbody > tr > .close_td a {display:inline-block; *display:inline; zoom:1; width:43px; border:1px solid #626160; background-color:#7e7d79; text-align:center; font-size:12px; color:#ffffff; line-height:22px;} #pop_event01 {left:100px;} #main_visual_new video{ margin: auto; position: absolute; left: 50%; top: 49%; transform:translate(-50%,-50%); max-width: 100%; min-height: 100%; width: auto; height: auto; } #main_visual_new .iframe{position: relative; width: 100%; padding-bottom: 49%; overflow: hidden;} @media (max-width:380px){ #main_visual_new .iframe{padding-bottom: 63%;} #main_visual_new video{min-width: 100%; max-width: 115%} } </style> <section id="main"> <section id="main_visual_new"> <div class="iframe"> <video autoplay muted loop playsinline> <source src="/main3.mp4" type="video/mp4"> </video> </div>   <script> // var $status = $('.pagingInfo'); // $('#main_visual .s').on('init reInit afterChange', function (event, slick, currentSlide, nextSlide) { // //currentSlide is undefined on init -- set it to 0 in this case (currentSlide is 0 based) // var i = (currentSlide ? currentSlide : 0) + 1; // $status.text(i + '/' + slick.slideCount); // }); // $('#main_visual .s').slick({ // fade:true, // arrows:false, // dots:true, // autoplay : true, // autoplaySpeed : 2000, // adaptiveHeight: true // }); $visual_current = $('.pagingInfo .current'); $visual_total = $('.pagingInfo .total'); $mainvisual = $('#main_visual .s'); $mainvisual.on('init', function(slick) { $('#main_visual .slick-dots button').on('click',function() { $mainvisual.slick('slickPlay'); }); }).slick({ fade:true, arrows:false, dots:true, autoplay : true, autoplaySpeed : 2000, adaptiveHeight: true, pauseOnHover:false, pauseOnDotsHover:false, draggable:false }) // $mainvisual.on('touchcancel touchmove', e => { // $mainvisual.slick('slickPlay'); // }); $visual_current.text('1'); $visual_total.text( $mainvisual.find('.slick-slide:not(.slick-cloned)').length ); $mainvisual.on('afterChange', function(event, slick, currentSlide, nextSlide){ }); $mainvisual.on('beforeChange', function(event, slick, currentSlide, nextSlide){ $('#main_visual .slick-dots li').removeClass('slick-active').attr('aria-hidden','true'); $('#main_visual .slick-dots button').focus(function() { this.blur(); }); $visual_current.text( ( nextSlide + 1 ) ); }); </script> </section> <section id="m1"> <div class="inner"> <ul class="clearfix dev"> <li class="w20 ttt"> <div class="tit-main"> <span class="color-blue label ff-kg">Company</span> <p class="big ff-kg">No.1 Platform <br class="m"> Service Provider <br class="m">  </p> <p class="txt">We provide total service based on global No.1 technology and quality control know-how.</p> <a href="/eng/about/summary.php" class="view">view more <span class="ico-plus"></span></a> </div> </li> <li class="w60"> <img src="/eng/img/main/model.jpg" alt=""> </li> <li class="w20" id="m1_3"> <div class="sect"> <strong class="ff-kg"><span class="ico"><img src="/img/main/com_ico1.jpg" alt=""></span> ODM</strong> <span>First cosmetics ODM company to exist in Korea</span> </div> <div class="sect"> <strong class="ff-kg"><span class="ico"><img src="/img/main/com_ico2.jpg" alt=""></span> CGMP</strong> <span>Designated as Korea’s 1st and 2nd CGMP conforming companies</span> </div> <div class="sect"> <strong class="ff-kg"><span class="ico"><img src="/img/main/com_ico3.jpg" alt=""></span> First</strong> <span>Established world’s first Convergent Research Center</span> </div> </li> </ul> </div> </section> <section class="m_add"> <div class="inner"> <ul class="clearfix"> <li class="i1"><a href="/eng/businessinfo/business.php"><span class="ff-kg t">Business Inquiry</span> <span class="more color-blue">view more +</span></a></li>  </ul> </div> </section> <section id="m3"> <div class="inner"> <ul class="clearfix dev"> <li class="w20 ttt"> <div class="tit-main"> <span class="color-blue label ff-kg">Business/R&D</span> <p class="big ff-kg">Technical prowess is the core driver of 30 years of continuous progress made by Kolmar Korea.</p>  <a href="/eng/rd/total.php" class="view">view more <span class="ico-plus"></span></a> </div> </li> <li class="w80" id="m3_2_new"> <button class="prev">이전</button> <ul class="clearfix s"> <li class="i1"> <div class="img"><img src="/img/main/m3_2_1.jpg" alt=""></div> <div class="cont"> <strong class="t">Skin Care R&D Lab.</strong> <p class="txt">Kolmar Korea’s technical prowess serving as the basis for various home/overseas cosmetic brands starts from our Skin Care R&D Lab.</p> </div> </li> <li class="i2"> <div class="img"><img src="/img/main/m3_2_2.jpg" alt=""></div> <div class="cont"> <strong class="t">Make-up Lab.</strong> <p class="txt">Our Make-up Lab. reaching around the world develops cosmetic products of excellent quality.</p> </div> </li> <li class="i3"> <div class="img"><img src="/img/main/m3_2_9.jpg" alt=""></div> <div class="cont"> <strong class="t">Personal Care Lab.</strong> <p class="txt">Our researchers with expertise develop personal care products, ranging from hair to body, to upgrade our consumers' lifestyles.</p> </div> </li> <li class="i4"> <div class="img"><img src="/img/main/m3_2_10.jpg" alt=""></div> <div class="cont"> <strong class="t">UV Tech Innovation Lab.</strong> <p class="txt">UV Tech Innovation Lab. develops UV protection materials based on our technologies which has led to the growth of suncare products. We will continue to promote technological innovation to lead the Korean suncare market.</p> </div> </li> <li class="i5"> <div class="img"><img src="/img/main/m3_2_3.jpg" alt=""></div> <div class="cont"> <strong class="t">Convergence Technology Lab.</strong> <p class="txt">Our researchers with excellent creativity and expertise in each field promote technological innovation through diverse technological synergy effects. We create the new values of a new era through creative fusion and creative thinking that surpass the pre-existing framework.</p> </div> </li> <li class="i6"> <div class="img"><img src="/img/main/m3_2_4.jpg" alt=""></div> <div class="cont"> <strong class="t">Skin & Natural Products Lab.</strong> <p class="txt">We research core technologies that add value to precious living resources provided by nature. We develop higher value-added materials based on the natural-product-driven ingredients and efficacy researches and secure product safety through skin clinical trials and various tests to provide reliable products to consumers.</p> </div> </li> <li class="i7"> <div class="img"><img src="/img/main/m3_2_5.jpg" alt=""></div> <div class="cont"> <strong class="t">Biome Lab.</strong> <p class="txt">Our Biome Lab. at the center of future promising new growth power discovers innovative biomaterials and builds platform technologies, and, thereby, develops future fundamental technology applicable to the development of in-house cosmetics, health supplements and pharmaceuticals.</p> </div> </li> <li class="i8"> <div class="img"><img src="/img/main/m3_2_6.jpg" alt=""></div> <div class="cont"> <strong class="t">Health Food Lab.</strong> <p class="txt">Our Health Food Lab. holds high-level formulation technologies and packaging technologies as source technologies, and develops customized products for customers. It leads technical innovation with its passion for the research and development of new functional formulations.</p> </div> </li> <li class="i9"> <div class="img"><img src="/img/main/m3_2_7.jpg" alt=""></div> <div class="cont"> <strong class="t">Perfumery Lab.</strong> <p class="txt">This is a sensitive research center that enhances the value of products by breathing spirit and life into products with charming fragrance. Our best Perfumery Lab. researchers with a delicate sense develop and research fragrances applicable to cosmetics, pharmaceuticals and health supplements in a way providing customers with satisfaction.</p> </div> </li> </ul> <button class="next">다음</button> <script> $('#m3_2_new .s').slick({ //autoplay : true, //autoplaySpeed : 3000, slidesToShow: 2, slidesToScroll: 1, prevArrow: $('#m3_2_new .prev'), nextArrow: $('#m3_2_new .next'), responsive: [ { breakpoint: 720, settings: { slidesToShow: 1 } } ] }); $('#m3_2_new .s').on('beforeChange', function(event, slick, currentSlide, nextSlide){ $("#m3_2_new .s").addClass("active") }); $('#m3_2_new .s').on('afterChange', function(event, slick, currentSlide, nextSlide){ $("#m3_2_new .s").removeClass("active") }); </script> </li> </ul> </div> </section> <section id="m4"> <strong class="t ff-kg">“Delivering happiness with healthy beauty”</strong>  </section> <section id="m5"> <div class="inner"> <ul class="clearfix"> <li class="clearfix"> <div class="tit-main"> <span class="color-blue label ff-kg">ESG</span> <p class="big ff-kg">We promise to become a company <br class="m"> that contributes to society through sustainable management.</p> <p class="txt">We use our best endeavors based on the belief that we must <br class="m"> make progress in our society.</p> <a href="/eng/esg/contribution.php" class="view">view more <span class="ico-plus"></span></a> </div> <div class="group m5_2"> <div class="cont"> <div class="t"><strong class="ff-kg">Environmental Management</strong></div> <div class="txt">We comply with the environmental and safety/health management systems to become one of the world’s first-class R&D/manufacturing companies. </div> </div> </div> </li> <li> <div class="group m5_3"> <div class="cont"> <div class="t"> <strong class="ff-kg">Social Contribution</strong></div> <div class="txt"> We play our part to contribute to our society by providing warm-heartedness to many aspects of our society </div> </div> </div> <div class="group m5_4"> <div class="cont"> <div class="t"> <strong class="ff-kg">Corporate Governance</strong></div> <div class="txt"> We make continuous efforts to construct an advanced governance system that maintains containment and balance between the Board of Directors and the Management. </div> </div> </div> </li> </ul> </div> </section>  </section>  <script language="javascript">  </script> <footer id="footer"> <div class="top"> <div class="inner clearfix"> <ul class="clearfix l"> <li><a href="https://kolmar.recruiter.co.kr/appsite/company/index" target="_blank">Recruit</a></li>  </ul> <div class="r"> <select onchange="visit(this)"> <option>Family Site</option> <option value="http://www.kolmarholdings.co.kr/" target="_blank">Kolmar Holdings</option> <option value="http://www.inno-n.com/" target="_blank">HK inno.N</option> <option value="http://www.kolmarbnh.co.kr/" target="_blank">KolmarBNH</option> <option value="http://www.hngc.co.kr/" target="_blank">HNG</option> <option value="http://hkkolmar.cn/" target="_blank">Kolmar Wuxi</option> <option value="http://www.kolmar.com.cn/chn/" target="_blank">Kolmar Beijing</option> <option value="https://www.kolmarusa.com/" target="_blank">Kolmar USA</option> <option value="https://kolmarlabs.com/index.php" target="_blank">Kolmar Laboratories</option> <option value="https://kolmar.ca/" target="_blank">Kolmar Canada</option> <option value="http://www.kolmask.kr/kor/" target="_blank">Kolmask</option> <option value="http://naturalstory.co.kr/" target="_blank">Kolmar UX</option> <option value="http://yeojuacademy.kolmar.co.kr" target="_blank">Yeoju Academy</option> <option value="https://www.planit147.com/?lang=en" target="_blank">Planit 147</option> <option value="http://nextandbio.com/" target="_blank">Next&Bio</option> <option value="http://www.yonwookorea.com/" target="_blank">Yonwoo</option> <option value="https://www.kolmarglobal.com/" target="_blank">Kolmar Global</option> </select> </div> </div> </div> <div class="bot inner"> <div class="in"> <div class="logo"><img src="/img/common/logo_active.png" alt=""></div> <div class="copy"> <p class="add"> <span>HQ : 12-11, Deokgogae-gil, Jeonui-myeon, Sejong Metropolitan Autonomous City, TEL: +82.2.515.0150</span> <span>R&D Complex: 61, 8-gil, Heolleung-ro, Seocho-gu, Seoul, TEL: +82.2.515.0150</span> Copyright ⓒ 2016 KOLMAR KOREA. All rights Reserved. </p> </div> <div class="sns_w"> <a href="https://www.youtube.com/channel/UCKsnQxvZ67NftJ1zW46D1HQ" target="_blank"><img src="/img/common/sns-y.png" alt=""></a> <a href="https://www.facebook.com/kolmar.korea" target="_blank"><img src="/img/common/sns-f.png" alt=""></a> <a href="https://instagram.com/kolmar.official" target="_blank"><img src="/img/common/sns-i.png" alt=""></a> <a href="https://blog.naver.com/madongeee" target="_blank"><img src="/img/common/sns-b.png" alt=""></a> </div> </div> </div> <button type="button" class="go_top"></button> </footer> <script> $(".modal-inquiry").fancybox({ maxWidth : 1400, maxHeight : 2500, fitToView : false, width : '95%', height : '95%', autoSize : false, closeClick : false, openEffect : 'none', closeEffect : 'none', padding: 0 }); function visit(select){ var url = select.options[select.selectedIndex].getAttribute('value'); if(url) window.open(url,'_blank'); } $(".go_top").css("cursor", "pointer").click(function() { $('body, html').animate({scrollTop:0}, 500); }); $(window).scroll(function () { if ($(this).scrollTop() > 100) { $('.go_top').fadeIn(); } else { $('.go_top ').fadeOut(); } }); // var wrapH = $("#navi_wrap").height(); // var menuH= $(".allmenu").height(); // // $(function(){ // $( ".btn_menu").off('click').click(function() { // if ($(this).hasClass("on")){ // // $(this).removeClass("on") // $( ".allmenu" ).stop().animate({ "left": "-100%"},200); // $( ".bg" ).css({"display":"none","height":""}); // }else{ // $(this).addClass("on") // $( ".allmenu" ).stop().animate({ "left": "0"},200); // $( ".allmenu").css("height",$("#navi_wrap").height()); // $( ".bg" ).css({"display":"block","height":$("#navi_wrap").height()}); // } // // // // $(".btn_close,.bg").off('click').click(function(){ // $( ".allmenu" ).stop().animate({ "left": "-100%"},200); // $( ".allmenu").css("height",""); // $(".btn_menu").removeClass("on") // $( ".bg" ).css({"display":"none","height":""}); // }); // }); // }); // // // $(".allmenu ul>li>strong").off('click').click(function(){ // // $(this).parent().siblings("li").find("ul").slideUp(200); // // if ($(this).parent().find("ul").css("display") == "none"){ // $(this).parent().find("ul").slideDown(200); // $(this).find("span").addClass("on"); // $(this).parent().siblings("li").find("span").removeClass("on"); // $(this).parent().find(">ul >li >a.d3").attr("href","#none"); // }else{ // $(this).parent().find("ul").slideUp(200); // $(this).find("span").removeClass("on"); // } // }); // // $(".allmenu > .inner > ul > li > ul> li> a").click(function(){ // if ($(this).next().css("display")=="none"){ // // $(this).next().slideDown(100); // $(this).parent().siblings("li").find('.dep3').slideUp(100); // // }else{ // // $(this).next().slideUp(100); // // } // // }); </script> <div class="pop_bg"></div> <script type="text/javascript"> // $(function(){ // // $(".view_btn.pop").click(function(){ // // var top = $(window).scrollTop(); // var width = $(".view_box").outerWidth(); // var windowHeight = $(window).height(); // var height = $(".view_box").outerHeight(); // // $(".view_box.pop").css("display","block"); // $(".pop_bg").css("display","block"); // $(".view_box").css({ "top":(windowHeight - height)/2}) // // return false // }) // // $(".view_box_btn").click(function(){ // $(".view_box").css("display","none"); // $(".pop_bg").css("display","none"); // // }); // }); // // $(window).resize(function(){ // // var top = $(window).scrollTop(); // var width = $(".view_box").outerWidth(); // var windowHeight = $(window).height(); // var height = $(".view_box").outerHeight(); // // $(".view_box").css({ "top": (windowHeight - height)/2}) // // $(".view_btn.pop").click(function(){ // // $(".view_box.pop").css("display","block"); // $(".pop_bg").css("display","block"); // $(".view_box").css({ "top": (windowHeight - height)/2}) // // return false // }) // // $(".view_box_btn").click(function(){ // $(".view_box").css("display","none"); // $(".pop_bg").css("display","none"); // // }); // }); </script> </div> <script type="text/javascript"> $(function(){ var pageNum = "0"; var subNum = "0"; var thirdNum = "0"; var lnb = $("#header #lnbArea .lst_lnb>ul>li"); var lnb_t = $("#header #lnbArea .lst_lnb>ul>li >a"); var snb =$("#aside .lst_aside ul li"); //var $division = ( pageNum == "0" && pageNum <= $lnb.length); var $division = ( pageNum == "0"); if (!$division) { $(lnb).eq(pageNum-1).addClass("on"); $(snb).eq(subNum-1).addClass("on"); $(lnb).eq(pageNum-1).find(".dep2>ul>li").eq(subNum-1).addClass("on"); } $(lnb).mouseover(function(){ $(this).find('.dep2').slideDown(100) }); $(lnb).mouseleave(function(){ $(this).find('.dep2').slideUp(100) }); }); $(".btn_allMenu button").click(function(){ $("#pcallMenu").css("display","block") $("#pcallMenu").animate({"opacity":1},200) }); $("#pcallMenu .btn_close").click(function(){ $("#pcallMenu").css("display","none") $("#pcallMenu").animate({"opacity":0},200) }); </script> <script type="text/javascript" src="/js/common.js"></script> </body> </html>