CINXE.COM

<!doctype html> <html lang="en-US" prefix="og: https://ogp.me/ns#" > <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <meta name="description" content="자동차 내장부품 제조 전문업체, 시트커버, 선바이저, 헤드라이닝,커스터마이징 제품 등 취급"/> <meta property="og:title" content="주식회사 용산"/> <meta property="og:description" content="자동차 내장부품 제조 전문업체, 시트커버, 선바이저, 헤드라이닝,커스터마이징 제품 등 취급"/> <meta property="og:url" content="http://www.yong-san.com" /> <link rel="canonical" href="http://www.yong-san.com" />  <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-NFSM4PS');</script>   <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=0"><link rel="shortcut icon" href="https://www.yong-san.com/wordpress/wp-content/uploads/2020/07/favicon-16x16.png"><link rel="apple-touch-icon" href="https://www.yong-san.com/wordpress/wp-content/uploads/2020/07/apple-icon-57x57.png"><link rel="apple-touch-icon" sizes="120x120" href="https://www.yong-san.com/wordpress/wp-content/uploads/2020/07/apple-icon-120x120.png"><link rel="apple-touch-icon" sizes="76x76" href="https://www.yong-san.com/wordpress/wp-content/uploads/2020/07/apple-icon-76x76.png"><link rel="apple-touch-icon" sizes="152x152" href="https://www.yong-san.com/wordpress/wp-content/uploads/2020/07/apple-icon-152x152.png"> <title>CONTACT US | YONGSAN</title> <script> /* You can add more configuration options to webfontloader by previously defining the WebFontConfig with your options */ if ( typeof WebFontConfig === "undefined" ) { WebFontConfig = new Object(); } WebFontConfig['google'] = {families: ['Nanum+Gothic:400,700,800', 'Open+Sans', 'Montserrat&subset=korean']}; (function() { var wf = document.createElement( 'script' ); wf.src = 'https://www.yong-san.com/wordpress/wp-content/themes/unicon/framework/admin/ReduxCore/assets/js/webfont.js'; wf.type = 'text/javascript'; wf.async = 'true'; var s = document.getElementsByTagName( 'script' )[0]; s.parentNode.insertBefore( wf, s ); })(); </script>  <meta name="description" content="CONTACT US" /> <meta name="keywords" content="contact us,map,navigation,navi,phone,office,call,factory,오시는길,찾아오는길,약도,지도,연락처,전화번호,공장" /> <script type="application/ld+json" class="aioseop-schema">{"@context":"https://schema.org","@graph":[{"@type":"Organization","@id":"https://www.yong-san.com/en/#organization","url":"https://www.yong-san.com/en/","name":"yongsan","sameAs":[],"logo":{"@type":"ImageObject","@id":"https://www.yong-san.com/en/#logo","url":"http://www.yong-san.com/wordpress/wp-content/uploads/2020/07/yongsan_logo_compact_142x30.png"},"image":{"@id":"https://www.yong-san.com/en/#logo"}},{"@type":"WebSite","@id":"https://www.yong-san.com/en/#website","url":"https://www.yong-san.com/en/","name":"YONGSAN","publisher":{"@id":"https://www.yong-san.com/en/#organization"},"potentialAction":{"@type":"SearchAction","target":"https://www.yong-san.com/en/?s={search_term_string}","query-input":"required name=search_term_string"}},{"@type":"WebPage","@id":"https://www.yong-san.com/en/contact-us/#webpage","url":"https://www.yong-san.com/en/contact-us/","inLanguage":"en-US","name":"CONTACT US","isPartOf":{"@id":"https://www.yong-san.com/en/#website"},"breadcrumb":{"@id":"https://www.yong-san.com/en/contact-us/#breadcrumblist"},"description":"CONTACT US","datePublished":"2020-07-03T00:48:57+00:00","dateModified":"2024-11-12T07:59:40+00:00"},{"@type":"BreadcrumbList","@id":"https://www.yong-san.com/en/contact-us/#breadcrumblist","itemListElement":[{"@type":"ListItem","position":1,"item":{"@type":"WebPage","@id":"https://www.yong-san.com/en/","url":"https://www.yong-san.com/en/","name":"㈜용산"}},{"@type":"ListItem","position":2,"item":{"@type":"WebPage","@id":"https://www.yong-san.com/en/contact-us/","url":"https://www.yong-san.com/en/contact-us/","name":"CONTACT US"}}]}]}</script> <link rel="canonical" href="http://www.yong-san.com/contact-us" /> <meta property="og:type" content="article" /> <meta property="og:title" content="CONTACT US | YONGSAN" /> <meta property="og:description" content="CONTACT US" /> <meta property="og:url" content="https://www.yong-san.com/en/contact-us/" /> <meta property="og:site_name" content="YONGSAN" /> <meta property="og:image" content="https://www.yong-san.com/wordpress/wp-content/uploads/2020/07/yongsan_logo_compact_284x60.png" /> <meta property="article:published_time" content="2020-07-03T00:48:57Z" /> <meta property="article:modified_time" content="2024-11-12T07:59:40Z" /> <meta property="og:image:secure_url" content="https://www.yong-san.com/wordpress/wp-content/uploads/2020/07/yongsan_logo_compact_284x60.png" /> <meta name="twitter:card" content="summary" /> <meta name="twitter:title" content="CONTACT US | YONGSAN" /> <meta name="twitter:description" content="CONTACT US" /> <meta name="twitter:image" content="https://www.yong-san.com/wordpress/wp-content/uploads/2020/07/yongsan_logo_compact_284x60.png" /> <script type="text/javascript" > window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date; ga('create', 'UA-176300957-1', { 'cookieDomain': 'yong-san.com' } ); // Plugins ga('send', 'pageview'); </script> <script async src="https://www.google-analytics.com/analytics.js"></script>  <link rel='dns-prefetch' href='//s.w.org' /> <link rel="alternate" type="application/rss+xml" title="YONGSAN » Feed" href="https://www.yong-san.com/en/feed/" /> <link rel="alternate" type="application/rss+xml" title="YONGSAN » Comments Feed" href="https://www.yong-san.com/en/comments/feed/" /> <script type="text/javascript"> window._wpemojiSettings = {"baseUrl":"https:\/\/s.w.org\/images\/core\/emoji\/11\/72x72\/","ext":".png","svgUrl":"https:\/\/s.w.org\/images\/core\/emoji\/11\/svg\/","svgExt":".svg","source":{"concatemoji":"https:\/\/www.yong-san.com\/wordpress\/wp-includes\/js\/wp-emoji-release.min.js?ver=4.9.15"}}; !function(a,b,c){function d(a,b){var c=String.fromCharCode;l.clearRect(0,0,k.width,k.height),l.fillText(c.apply(this,a),0,0);var d=k.toDataURL();l.clearRect(0,0,k.width,k.height),l.fillText(c.apply(this,b),0,0);var e=k.toDataURL();return d===e}function e(a){var b;if(!l||!l.fillText)return!1;switch(l.textBaseline="top",l.font="600 32px Arial",a){case"flag":return!(b=d([55356,56826,55356,56819],[55356,56826,8203,55356,56819]))&&(b=d([55356,57332,56128,56423,56128,56418,56128,56421,56128,56430,56128,56423,56128,56447],[55356,57332,8203,56128,56423,8203,56128,56418,8203,56128,56421,8203,56128,56430,8203,56128,56423,8203,56128,56447]),!b);case"emoji":return b=d([55358,56760,9792,65039],[55358,56760,8203,9792,65039]),!b}return!1}function f(a){var c=b.createElement("script");c.src=a,c.defer=c.type="text/javascript",b.getElementsByTagName("head")[0].appendChild(c)}var g,h,i,j,k=b.createElement("canvas"),l=k.getContext&&k.getContext("2d");for(j=Array("flag","emoji"),c.supports={everything:!0,everythingExceptFlag:!0},i=0;i<j.length;i++)c.supports[j[i]]=e(j[i]),c.supports.everything=c.supports.everything&&c.supports[j[i]],"flag"!==j[i]&&(c.supports.everythingExceptFlag=c.supports.everythingExceptFlag&&c.supports[j[i]]);c.supports.everythingExceptFlag=c.supports.everythingExceptFlag&&!c.supports.flag,c.DOMReady=!1,c.readyCallback=function(){c.DOMReady=!0},c.supports.everything||(h=function(){c.readyCallback()},b.addEventListener?(b.addEventListener("DOMContentLoaded",h,!1),a.addEventListener("load",h,!1)):(a.attachEvent("onload",h),b.attachEvent("onreadystatechange",function(){"complete"===b.readyState&&c.readyCallback()})),g=c.source||{},g.concatemoji?f(g.concatemoji):g.wpemoji&&g.twemoji&&(f(g.twemoji),f(g.wpemoji)))}(window,document,window._wpemojiSettings); </script> <style type="text/css"> img.wp-smiley, img.emoji { display: inline !important; border: none !important; box-shadow: none !important; height: 1em !important; width: 1em !important; margin: 0 .07em !important; vertical-align: -0.1em !important; background: none !important; padding: 0 !important; } </style> <link rel='stylesheet' id='rs-plugin-settings-css' href='https://www.yong-san.com/wordpress/wp-content/plugins/revslider/public/assets/css/rs6.css?ver=6.1.5' type='text/css' media='all' /> <style id='rs-plugin-settings-inline-css' type='text/css'> #rs-demo-id {} </style> <link rel='stylesheet' id='stylesheet-css' href='https://www.yong-san.com/wordpress/wp-content/themes/unicon/style.css?ver=1' type='text/css' media='all' /> <link rel='stylesheet' id='js_composer_front-css' href='https://www.yong-san.com/wordpress/wp-content/plugins/js_composer/assets/css/js_composer.min.css?ver=6.1' type='text/css' media='all' /> <link rel='stylesheet' id='shortcodes-css' href='https://www.yong-san.com/wordpress/wp-content/themes/unicon/framework/css/shortcodes.css?ver=4.9.15' type='text/css' media='all' /> <link rel='stylesheet' id='responsive-css' href='https://www.yong-san.com/wordpress/wp-content/themes/unicon/framework/css/responsive.css?ver=4.9.15' type='text/css' media='all' /> <script type='text/javascript' src='https://www.yong-san.com/wordpress/wp-includes/js/jquery/jquery.js?ver=1.12.4'></script> <script type='text/javascript' src='https://www.yong-san.com/wordpress/wp-includes/js/jquery/jquery-migrate.min.js?ver=1.4.1'></script> <script type='text/javascript' src='https://www.yong-san.com/wordpress/wp-content/plugins/revslider/public/assets/js/revolution.tools.min.js?ver=6.0'></script> <script type='text/javascript' src='https://www.yong-san.com/wordpress/wp-content/plugins/revslider/public/assets/js/rs6.min.js?ver=6.1.5'></script> <link rel='https://api.w.org/' href='https://www.yong-san.com/en/wp-json/' /> <link rel="EditURI" type="application/rsd+xml" title="RSD" href="https://www.yong-san.com/wordpress/xmlrpc.php?rsd" /> <link rel="wlwmanifest" type="application/wlwmanifest+xml" href="https://www.yong-san.com/wordpress/wp-includes/wlwmanifest.xml" /> <meta name="generator" content="WordPress 4.9.15" /> <link rel='shortlink' href='https://www.yong-san.com/en/?p=19918' /> <link rel="alternate" type="application/json+oembed" href="https://www.yong-san.com/en/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fwww.yong-san.com%2Fen%2Fcontact-us%2F" /> <link rel="alternate" type="text/xml+oembed" href="https://www.yong-san.com/en/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fwww.yong-san.com%2Fen%2Fcontact-us%2F&format=xml" /> <style type="text/css"> .qtranxs_flag_ko {background-image: url(https://www.yong-san.com/wordpress/wp-content/plugins/qtranslate-x/flags/kr.png); background-repeat: no-repeat;} .qtranxs_flag_en {background-image: url(https://www.yong-san.com/wordpress/wp-content/plugins/qtranslate-x/flags/us.png); background-repeat: no-repeat;} .qtranxs_flag_zh {background-image: url(https://www.yong-san.com/wordpress/wp-content/plugins/qtranslate-x/flags/cn.png); background-repeat: no-repeat;} </style> <link hreflang="ko" href="https://www.yong-san.com/ko/contact-us/" rel="alternate" /> <link hreflang="en" href="https://www.yong-san.com/en/contact-us/" rel="alternate" /> <link hreflang="cn" href="https://www.yong-san.com/zh/contact-us/" rel="alternate" /> <link hreflang="x-default" href="https://www.yong-san.com/ko/contact-us/" rel="alternate" /> <meta name="generator" content="qTranslate-X 3.4.6.8" /> <style type="text/css"> body{ font: 400 13px 'Nanum Gothic', Arial, Helvetica, sans-serif; color: #777777; line-height: 1.9;} .wrapall, .boxed-layout{ background-color: #ffffff; } body.page-template-page-blank-php{ background: #ffffff !important; } :root { --ys-main-color: #3c5faa; --ys-sub-color: #777777; } h1, .title-h1{ font: 28px 'Nanum Gothic', Arial, Helvetica, sans-serif; color: #444444; } h2{ font: 24px 'Nanum Gothic', Arial, Helvetica, sans-serif; color: #444444; } h3{ font: 20px 'Nanum Gothic', Arial, Helvetica, sans-serif; color: #444444; } h4{ font: 16px 'Nanum Gothic', Arial, Helvetica, sans-serif; color: #444444; } h5{ font: 16px 'Nanum Gothic', Arial, Helvetica, sans-serif; color: #444444; } h6{ font: 16px 'Nanum Gothic', Arial, Helvetica, sans-serif; color: #444444; } .title{ font-family: 'Nanum Gothic', Arial, Helvetica, sans-serif; } h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { font-weight: inherit; color: inherit; } h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover, a:hover h1, a:hover h2, a:hover h3, a:hover h4, a:hover h5, a:hover h6 { color: #333333; } a{ color: #3c5faa; } a:hover{ color: #333333; } input[type='text'], input[type='password'], input[type='email'], input[type='tel'], input[type='date'], input[type='number'], textarea, select { font-family: 'Nanum Gothic', Arial, Helvetica, sans-serif; font-size: 13px; } #sidebar .widget h3{ font: 14px 'Nanum Gothic', Arial, Helvetica, sans-serif; color: #333333; } .container .twelve.alt.sidebar-right, .container .twelve.alt.sidebar-left, #sidebar.sidebar-right #sidebar-widgets, #sidebar.sidebar-left #sidebar-widgets{ border-color: #efefef;} #topbar{ background: #f5f5f5; color: #777777; } #topbar a{ color: #999999; } #topbar a:hover{ color: #333333; } @media only screen and (max-width: 767px) { #topbar .topbar-col1{ background: #f5f5f5; } } /* Navigation */ #navigation > ul > li > a{ font: 400 15px 'Nanum Gothic', Arial, Helvetica, sans-serif; color: #777777; } #navigation > ul > li:hover > a, #navigation > ul > li > a:hover { color: #3c5faa; font-weight: bold; } #navigation li.current-menu-item > a:hover, #navigation li.current-page-ancestor > a:hover, #navigation li.current-menu-ancestor > a:hover, #navigation li.current-menu-parent > a:hover, #navigation li.current_page_ancestor > a:hover, #navigation > ul > li.sfHover > a { color: #3c5faa; font-weight: bold;} #navigation li.current-menu-item > a, #navigation li.current-page-ancestor > a, #navigation li.current-menu-ancestor > a, #navigation li.current-menu-parent > a, #navigation li.current_page_ancestor > a { color: #3c5faa; font-weight: bold;} #navigation ul li:hover{ border-color: #3c5faa; } #navigation li.current-menu-item, #navigation li.current-page-ancestor, #navigation li.current-menu-ancestor, #navigation li.current-menu-parent, #navigation li.current_page_ancestor{ border-color: #3c5faa; } #navigation .sub-menu{ background: #262626; } #navigation .sub-menu li a{ font: 400 13px 'Nanum Gothic', Arial, Helvetica, sans-serif; color: #bbbbbb; } #navigation .sub-menu li a:hover{ color: #ffffff; } #navigation .sub-menu li.current_page_item > a, #navigation .sub-menu li.current_page_item > a:hover, #navigation .sub-menu li.current-menu-item > a, #navigation .sub-menu li.current-menu-item > a:hover, #navigation .sub-menu li.current-page-ancestor > a, #navigation .sub-menu li.current-page-ancestor > a:hover, #navigation .sub-menu li.current-menu-ancestor > a, #navigation .sub-menu li.current-menu-ancestor > a:hover, #navigation .sub-menu li.current-menu-parent > a, #navigation .sub-menu li.current-menu-parent > a:hover, #navigation .sub-menu li.current_page_ancestor > a, #navigation .sub-menu li.current_page_ancestor > a:hover{ color: #ffffff; } #navigation .sub-menu li a, #navigation .sub-menu ul li a{ border-color: #333333; } #navigation > ul > li.megamenu > ul.sub-menu{ background: #262626; border-color: #3c5faa; } #navigation > ul > li.megamenu > ul > li { border-right-color: #333333 !important; } #navigation > ul > li.megamenu ul li a{ color:#bbbbbb; } #navigation > ul > li.megamenu > ul > li > a { color:#ffffff; } #navigation > ul > li.megamenu > ul ul li a:hover, #header #navigation > ul > li.megamenu > ul ul li.current-menu-item a { color: #ffffff !important; background-color: #333333 !important; } /* Header General */ #search-btn, #shopping-btn, #close-search-btn { color: #bbbbbb; } #search-btn:hover, #shopping-btn:hover, #close-search-btn:hover { color: #999999; } #slogan{ font: 400 20px 'Open Sans', Arial, Helvetica, sans-serif; color: #777777; margin-top: 26px; } /* Mobile Header */ #mobile-navigation{ background: #262626; } #mobile-navigation ul li a{ font: 400 13px 'Nanum Gothic', Arial, Helvetica, sans-serif; color: #bbbbbb; border-bottom-color: #333333 !important; } #mobile-navigation ul li a:hover, #mobile-navigation ul li a:hover [class^='fa-'], #mobile-navigation li.open > a, #mobile-navigation ul li.current-menu-item > a, #mobile-navigation ul li.current-menu-ancestor > a{ color: #ffffff; } body #mobile-navigation li.open > a [class^='fa-']{ color: #ffffff; } #mobile-navigation form, #mobile-navigation form input{ background: #444444; color: #cccccc; } #mobile-navigation form:before{ color: #cccccc; } #mobile-header{ background: #ffffff; height: 90px; } #mobile-navigation-btn, #mobile-cart-btn, #mobile-shopping-btn{ color: #bbbbbb; line-height: 90px; } #mobile-navigation-btn:hover, #mobile-cart-btn:hover, #mobile-shopping-btn:hover { color: #999999; } #mobile-header .logo{ margin-top: 34px; } /* Header V1 */ #header.header-v1 { height: 90px; background: #ffffff; } .header-v1 .logo{ margin-top: 34px; } .header-v1 #navigation > ul > li{ height: 90px; padding-top: 35px; } .header-v1 #navigation .sub-menu{ top: 90px; } .header-v1 .header-icons-divider{ line-height: 90px; background: #efefef; } #header.header-v1 .widget_shopping_cart{ top: 90px; } .header-v1 #search-btn, .header-v1 #close-search-btn, .header-v1 #shopping-btn{ line-height: 90px; } .header-v1 #search-top, .header-v1 #search-top input{ height: 90px; } .header-v1 #search-top input{ color: #666666; font-family: 'Nanum Gothic', Arial, Helvetica, sans-serif; } /* Header V3 */ #header.header-v3 { background: #ffffff; } .header-v3 .navigation-wrap{ background: #ffffff; border-top: 1px solid #efefef; } .header-v3 .logo { margin-top: 30px; margin-bottom: 30px; } /* Header V4 */ #header.header-v4 { background: #ffffff; } .header-v4 .navigation-wrap{ background: #ffffff; border-top: 1px solid #efefef; } .header-v4 .logo { margin-top: 30px; margin-bottom: 30px; } /* Transparent Header */ #transparentimage{ padding: 90px 0 0 0; } .header-is-transparent #mobile-navigation{ top: 90px; } /* Stuck */ .stuck{ background: #ffffff; } /* Titlebars */ .titlebar h1, .title-h1{ font: 22px 'Open Sans', Arial, Helvetica, sans-serif; color: #777777; } #fulltitle{ background: #f9f9f9; border-bottom: 1px solid #efefef; } #breadcrumbs{ margin-top: 6px; } #breadcrumbs, #breadcrumbs a{ font: 13px 'Open Sans', Arial, Helvetica, sans-serif; color: #aaaaaa; } #breadcrumbs a:hover{ color: #666666; } #fullimagecenter h1, #transparentimage h1, #fullimagecenter .title-h1, #transparentimage .title-h1{ font: 42px 'Montserrat', Arial, Helvetica, sans-serif; color: #ffffff; text-transform: uppercase; letter-spacing: 1px; text-align: center; } /*ys-add*/ .font-special { text-transform: none !important; } /* Footer */ #footer .widget h3{ font: 13px 'Nanum Gothic', Arial, Helvetica, sans-serif; color: #ffffff; } #footer{ color: #888888; border-top: 4px none #3c5faa; } #footer{ background-color: #262626; } #footer a, #footer .widget ul li:after { color: #888888; } #footer a:hover, #footer .widget ul li:hover:after { color: #ffffff; } #footer .widget ul li{ border-bottom-color: #333333; } /* Copyright */ #copyright{ background: #2d3032; color: #ffffff; } #copyright a { color: #999999; } #copyright a:hover { color: #cccccc; } /* Color Accent */ .highlight{color:#3c5faa !important;} ::selection{ background: #3c5faa; } ::-moz-selection { background: #3c5faa; } #shopping-btn span{background:#3c5faa;} .blog-page .post h1 a:hover,.blog-page .post h2 a:hover{color:#3c5faa;} .entry-image .entry-overlay{background:#3c5faa;} .entry-quote a:hover{background:#3c5faa;} .entry-link a:hover{background:#3c5faa;} .blog-single .entry-tags a:hover{color:#3c5faa;} .sharebox ul li a:hover{color:#3c5faa;} .commentlist li.bypostauthor .comment-text{border-color: #3c5faa;} #pagination .current a{background:#3c5faa;} #filters ul li a:hover{color:#3c5faa;} #filters ul li a.active{color:#3c5faa;} #back-to-top a:hover{background-color:#3c5faa;} #sidebar .widget ul li a:hover{color:#3c5faa;} #sidebar .widget ul li:hover:after{color:#3c5faa;} .widget_tag_cloud a:hover,.widget_product_tag_cloud a:hover{background:#3c5faa;border-color:#3c5faa;} .widget_portfolio .portfolio-widget-item .portfolio-overlay{background:#3c5faa;} #sidebar .widget_nav_menu ul li a:hover{color:#3c5faa;} #footer .widget_tag_cloud a:hover,#footer .widget_product_tag_cloud a:hover{background:#3c5faa;border-color:#3c5faa;} /* Shortcodes */ .box.style-2{border-top-color:#3c5faa;} .box.style-4{border-color:#3c5faa;} .box.style-6{background:#3c5faa;} a.button,input[type=submit],button,.minti_button{background:#3c5faa;border-color:#3c5faa;} a.button.color-2{color:#3c5faa;border-color:#3c5faa;} a.button.color-3{background:#3c5faa;border-color:#3c5faa;} a.button.color-9{color:#3c5faa;} a.button.color-6:hover{background:#3c5faa;border-color:#3c5faa;} a.button.color-7:hover{background:#3c5faa;border-color:#3c5faa;} .counter-number{color:#3c5faa;} .divider-title.align-center:after, .divider-title.align-left:after { background-color:#3c5faa } .divider5{border-bottom-color:#3c5faa;} .dropcap.dropcap-circle{background-color:#3c5faa;} .dropcap.dropcap-box{background-color:#3c5faa;} .dropcap.dropcap-color{color:#3c5faa;} .toggle .toggle-title.active, .color-light .toggle .toggle-title.active{ background:#3c5faa; border-color: #3c5faa;} .iconbox-style-1.icon-color-accent i.boxicon,.iconbox-style-2.icon-color-accent i.boxicon,.iconbox-style-3.icon-color-accent i.boxicon,.iconbox-style-8.icon-color-accent i.boxicon,.iconbox-style-9.icon-color-accent i.boxicon{color:#3c5faa!important;} .iconbox-style-4.icon-color-accent i.boxicon,.iconbox-style-5.icon-color-accent i.boxicon,.iconbox-style-6.icon-color-accent i.boxicon,.iconbox-style-7.icon-color-accent i.boxicon,.flip .icon-color-accent.card .back{background:#3c5faa;} .latest-blog .blog-item .blog-overlay{background:#3c5faa;} .latest-blog .blog-item .blog-pic i{color:#3c5faa;} .latest-blog .blog-item h4 a:hover{color:#3c5faa;} .progressbar .progress-percentage{background:#3c5faa;} .wpb_widgetised_column .widget ul li a:hover{color:#3c5faa;} .wpb_widgetised_column .widget ul li:hover:after{color:#3c5faa;} .wpb_accordion .wpb_accordion_wrapper .ui-state-active .ui-icon{background-color:#3c5faa;} .wpb_accordion .wpb_accordion_wrapper .ui-state-active.wpb_accordion_header a{color:#3c5faa;} .wpb_accordion .wpb_accordion_wrapper .wpb_accordion_header a:hover,.wpb_accordion .wpb_accordion_wrapper .wpb_accordion_header a:hover .ui-state-default .ui-icon{color:#3c5faa;} .wpb_accordion .wpb_accordion_wrapper .wpb_accordion_header:hover .ui-icon{background-color:#3c5faa!important;} .wpb_content_element.wpb_tabs .wpb_tabs_nav li.ui-tabs-active{border-bottom-color:#3c5faa;} .portfolio-item h4 a:hover{ color: #3c5faa; } .portfolio-filters ul li a:hover { color: #3c5faa; } .portfolio-filters ul li a.active { color: #3c5faa; } .portfolio-overlay-icon .portfolio-overlay{ background: #3c5faa; } .portfolio-overlay-icon i{ color: #3c5faa; } .portfolio-overlay-effect .portfolio-overlay{ background: #3c5faa; } .portfolio-overlay-name .portfolio-overlay{ background: #3c5faa; } .portfolio-detail-attributes ul li a:hover{ color: #3c5faa; } a.catimage:hover .catimage-text{ background: #3c5faa; } /* WooCommerce */ .products li h3{font: 400 13px Nanum Gothic, Arial, Helvetica, sans-serif; color: #777777;} .woocommerce .button.checkout-button{background:#3c5faa;border-color:#3c5faa;} .woocommerce .products .onsale{background:#3c5faa;} .product .onsale{background:#3c5faa;} button.single_add_to_cart_button:hover{background:#3c5faa;} .woocommerce-tabs > ul > li.active a{color:#3c5faa;border-bottom-color:#3c5faa;} p.stars a:hover{background:#3c5faa;} p.stars a.active,p.stars a.active:after{background:#3c5faa;} .product_list_widget a{color:#3c5faa;} .woocommerce .widget_layered_nav li.chosen a{color:#3c5faa!important;} .woocommerce .widget_product_categories > ul > li.current-cat > a{color:#3c5faa!important;} .woocommerce .widget_product_categories > ul > li.current-cat:after{color:#3c5faa!important;} .woocommerce-message{ background: #3c5faa; } .bbp-topics-front ul.super-sticky .bbp-topic-title:before, .bbp-topics ul.super-sticky .bbp-topic-title:before, .bbp-topics ul.sticky .bbp-topic-title:before, .bbp-forum-content ul.sticky .bbp-topic-title:before{color: #3c5faa!important; } #subscription-toggle a:hover{ background: #3c5faa; } .bbp-pagination-links span.current{ background: #3c5faa; } div.wpcf7-mail-sent-ok,div.wpcf7-mail-sent-ng,div.wpcf7-spam-blocked,div.wpcf7-validation-errors{ background: #3c5faa; } .wpcf7-not-valid{ border-color: #3c5faa !important;} .products .button.add_to_cart_button{ color: #3c5faa!important; } .minti_list.color-accent li:before{ color: #3c5faa!important; } .blogslider_text .post-categories li a{ background-color: #3c5faa; } .minti_zooming_slider .flex-control-nav li .minti_zooming_slider_ghost { background-color: #3c5faa; } .minti_carousel.pagination_numbers .owl-dots .owl-dot.active{ background-color: #3c5faa; } .wpb_content_element.wpb_tour .wpb_tabs_nav li.ui-tabs-active, .color-light .wpb_content_element.wpb_tour .wpb_tabs_nav li.ui-tabs-active{ background-color: #3c5faa; } .masonry_icon i{ color: #3c5faa; } .woocommerce-MyAccount-navigation-link.is-active a{ color: #3c5faa;} /* Special Font */ .font-special, .button, .counter-title, h6, .wpb_accordion .wpb_accordion_wrapper .wpb_accordion_header a, .pricing-plan .pricing-plan-head h3, a.catimage, .divider-title, button, input[type='submit'], input[type='reset'], input[type='button'], .vc_pie_chart h4, .page-404 h3, .minti_masonrygrid_item h4{ font-family: Nanum Gothic, Lucida Sans Unicode, Lucida Grande, sans-serif, Arial, Helvetica, sans-serif; /*letter-spacing: 0px; font-weight: ;*/} .ui-helper-reset{ line-height: 1.9; } /* User CSS from Theme Options */ @media only screen and (max-width: 1199px) { #header/*, .sticky-wrapper ys-annotation */{display:none;} #mobile-header{display:inherit} } </style><meta name="generator" content="Powered by WPBakery Page Builder - drag and drop page builder for WordPress."/> <meta name="generator" content="Powered by Slider Revolution 6.1.5 - responsive, Mobile-Friendly Slider Plugin for WordPress with comfortable drag and drop interface." /> <script type="text/javascript">function setREVStartSize(t){try{var h,e=document.getElementById(t.c).parentNode.offsetWidth;if(e=0===e||isNaN(e)?window.innerWidth:e,t.tabw=void 0===t.tabw?0:parseInt(t.tabw),t.thumbw=void 0===t.thumbw?0:parseInt(t.thumbw),t.tabh=void 0===t.tabh?0:parseInt(t.tabh),t.thumbh=void 0===t.thumbh?0:parseInt(t.thumbh),t.tabhide=void 0===t.tabhide?0:parseInt(t.tabhide),t.thumbhide=void 0===t.thumbhide?0:parseInt(t.thumbhide),t.mh=void 0===t.mh||""==t.mh||"auto"===t.mh?0:parseInt(t.mh,0),"fullscreen"===t.layout||"fullscreen"===t.l)h=Math.max(t.mh,window.innerHeight);else{for(var i in t.gw=Array.isArray(t.gw)?t.gw:[t.gw],t.rl)void 0!==t.gw[i]&&0!==t.gw[i]||(t.gw[i]=t.gw[i-1]);for(var i in t.gh=void 0===t.el||""===t.el||Array.isArray(t.el)&&0==t.el.length?t.gh:t.el,t.gh=Array.isArray(t.gh)?t.gh:[t.gh],t.rl)void 0!==t.gh[i]&&0!==t.gh[i]||(t.gh[i]=t.gh[i-1]);var r,a=new Array(t.rl.length),n=0;for(var i in t.tabw=t.tabhide>=e?0:t.tabw,t.thumbw=t.thumbhide>=e?0:t.thumbw,t.tabh=t.tabhide>=e?0:t.tabh,t.thumbh=t.thumbhide>=e?0:t.thumbh,t.rl)a[i]=t.rl[i]<window.innerWidth?0:t.rl[i];for(var i in r=a[0],a)r>a[i]&&0<a[i]&&(r=a[i],n=i);var d=e>t.gw[n]+t.tabw+t.thumbw?1:(e-(t.tabw+t.thumbw))/t.gw[n];h=t.gh[n]*d+(t.tabh+t.thumbh)}void 0===window.rs_init_css&&(window.rs_init_css=document.head.appendChild(document.createElement("style"))),document.getElementById(t.c).height=h,window.rs_init_css.innerHTML+="#"+t.c+"_wrapper { height: "+h+"px }"}catch(t){console.log("Failure at Presize of Slider:"+t)}};</script> <style type="text/css" id="wp-custom-css"> /* ESG_테이블*/ .kpi .tr td:not(:first-child) { text-align: center; } .kpi .right td:not(:first-child){ text-align: right; } .kpi .center{ text-align: center; } .kpi .table { border: 1px solid black; width: 1200px; height: 1000px; border-collapse: collapse; } .kpi .table td, table th { border: 1px solid black; } /* ESG_테이블*/ .ys-h-rpad10 { display: inline !important; padding-right: 4px; } .ys-font-ysblue, .ys-font-ysblue * { color: #3c5faa !important; } .ys-font-lgray, .ys-font-lgray * { color: #777777; } .ys-font-dgray, .ys-font-dgray * { color: #555555 !important; } .ys-font-white, .ys-font-white * { color: #ffffff !important; } div.ys-divider.ys-border-color-ysblue, .ys-border-color-ysblue div.ys-divider { border-color: #3c5faa; } div.ys-divider.ys-border-color-dgray, .ys-border-color-dgray div.ys-divider { border-color: #555555; } .ys-font-pd10 { padding: 0 10px; } .ys-font-pd5 { padding: 0 5px; } .ys-lsp-dot1em { letter-spacing: 0.1em; } a.button.custom.large.pr_process_btn{ width:300px; height:50px; font-size:25px; display: flex; justify-content: center; align-items: center; text-align: center; margin:auto; } li.vc_tta-tab.vc_active{ width: 200px; height: 100px; font-size: 15px; color: black; } li.vc_tta-tab{ width: 140px; height: 100px; text-align: center; } a.vc_tta-tab{ width: 150px; } .ys-lsp-dot2em { letter-spacing: 0.2em; } .ys-company-p p { padding: 0 0 0 10px; margin: 0; line-height: 2.5em; color: #777777 !important; white-space: nowrap; font-size: 1.1em; } button.pr_bottom{ color: white; } .pr_btn1{ background-color: white; color: black; } .ys-company-p h2 { white-space: nowrap; } div.ys-divider { border-bottom-width: 2px; border-bottom-style: solid; margin: 5px 0 20px 0; } mark.dark2 { background-color: #3c5faa; color: #fff; } a.button:hover { background-color: #3c5faa !important; border-color: #3c5faa !important; } .wpb-js-composer .vc_tta.vc_general .vc_tta-tab { display: inline-block !important; } .wpb-js-composer .vc_tta.vc_tta-tabs .vc_tta-tabs-container { display: block !important; } .wpb-js-composer .vc_tta.vc_tta-tabs .vc_tta-panel-heading { display: none !important; } .wpb-js-composer .vc_tta.vc_general .vc_tta-tab > a { padding: 14px 15px !important; } .vc_responsive .wpb_row .vc_col-sm-12 { padding: 0; } #mobile-navigation ul li i.minti-icon { display: inline-block; padding: 0 !important; float: none; } .pp_content_container { margin: 0; } .portfolio-masonry .portfolio-item.regular { width: 24.999%; } .wpb_row .span_12 > .col.ysci { padding: 5% !important; } .ysci div { margin-top: 0 !important; } .ysci > .wpb_wrapper > .wpb_row { margin: 0 !important; } @media only screen and (max-width: 959px) { .portfolio-masonry .portfolio-item.regular { width: 100% !important; } .ys-spacer { height: 15vh !important; } .ys-spacer2 { height: 7vh !important; } .insa-p-mar0{ margin : 0px !important } .ys_recruit_icon_div-side{ width : 100% !important; padding : 20px 0px 0px 0px !important; margin : 0px !important } .ys_recruit_icon_div{ width : 100% !important; padding : 20px 0px 0px 0px !important; border : none !important; margin : 0px !important } .ys-insa-pad-t-10{ padding : 10% 12% 3% 12% !important; } } @media only screen and (max-width: 490px) { .ys-insa-background{ margin-left : 0px !important; } } @media only screen and (max-width: 767px) and (min-width: 480px) { .timeline-year:before { width: 300px !important; } div.timeline-year + div { margin-top: -61px !important; } } @media only screen and (max-width: 479px) { div.timeline-year + div { margin-top: -80px !important; } } @media only screen and (max-width: 767px) { .recruit-chayongan{ padding-bottom : 0px !important; } .recruit_dotted{ display :none !important; } .ys-insa-border>div>div{ border-left : none !important; } .ys-product-p { padding-right: 5% !important; } .ys-insa-background{ margin-left : 50px; } .ys-insa-mar-19{ margin-top : -19px !important; } .ys-insa-pad-tb-40{ padding-top : 40px !important; padding-bottom : 40px !important; } .ys-recruit-min-faq{ padding : 0px !important; } #FAQ{ margin-top : -5px !important; } .ys-insa-bok-mar{ margin : -40px 0px 0px 0px !important; padding : 0px 0px 3% 7% !important; } .ys_insa_mar_0{ margin : 0px !important; } .ys_insa_img_pad_0{ padding : 0px !important; } .ys-insa-border>div>div { margin-left: 15px !important; padding-left: 10px !important; padding-right: 10px !important; text-align: justify; } .ys-recruit-min-h32{ min-height : 50px !important } .ys-recruit-min-h64{ min-height : 50px !important } .ys-recruit-min-h168{ min-height : 50px !important } .ys-recruit-mar_pad_0{ margin : 0px !important; padding : 50px 0px 20px 0px !important; } .ys-recruit-padding{ padding : 0px !important; min-height : 450px; } .ys_recruit_div1{ padding-left : 0px !important; } .ys_recruit_div{ width : 140px !important; } .ys-hidden-mob-767 { display: none !important; } .ys-show-mob-767 { display: block !important; } .ys_recruit_background{ background-color : #ffffff !important; padding : 0px 0px 40px 20px !important; } .ys_recruit_div{ margin-top : 40px !important; } div.ys-divider { width: 70%; } .ys-capsule .wpb_wrapper:after { width: 80% !important; top: 74px !important; } .history-rnd .vc_col-sm-2 { text-align: left !important; color: #fff !important; background: linear-gradient(0.25turn, #3c5faa, #3c5faa, #00236d) !important; } .no-tabs-in-mob p { padding-left: 10px !important; } }/*EOF-CssInMobile*/ .cool-timeline .timeline-post .timeline-content h2.content-title { text-transform: none !important; } .ys-vision-center:after{ content: ''; position: absolute; display: block; left: calc(15% - 2px); margin-top: -50%; width: 70%; padding-top: 70%; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; border: 2px solid; } .ys-hidden-mob-767 { display: block; } .ys-show-mob-767 { display: none; } .pp_hoverContainer { top: 43px; } .pp_nav { margin: 5px 10px 0 0px; } /*--- nav3 ---*/ .ys-nav3-wrapper { text-align: center; position: absolute; top: 90px; height: 60px !important; background-color: #3c5faa; width: 100vw; display: block; overflow: hidden; } .ys-nav3 { position: relative !important; height: 60px; font-size: 16px; list-style: none; color: #fff; width: auto !important; background-color: transparent; /*text-transform: uppercase;*/ display: inline-block; touch-action: pan-y; margin: 0 auto; text-align: center; } .ys-nav3__cir { position: relative; float: left; } .ys-nav3__cir a { cursor: pointer; } .ys-nav3__cir:hover a:after { width: 80%; left: 10%; height: 2px; } .ys-nav3__cir * { color: #fff !important; } .ys-nav3__cir a:after { content: ''; position: absolute; width: 0; height: 0; background: #fff; left: 50%; bottom: 0; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -ms-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s; } .ys-nav3__cir.ys__current a:after { width: 80%; left: 10%; height: 2px; } .ys-nav3__title { position: relative; display: inline-block; white-space: nowrap; color: #fff; } ul.ys-nav3 > li { height: 26px; padding-top: 15px; } ul.ys-nav3 > li > a { padding: 0 0.7em; } .ys-nav3__cir--pop { text-decoration-line: underline; } .ys-no-height { height: 0 !important; } /*EOF-[ys-nav3]*/ @keyframes fade-in { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes ys-pop { 50% { -webkit-transform: scale(0.7); -moz-transform: scale(0.7); -ms-transform: scale(0.7); -o-transform: scale(0.7); transform: scale(0.7); -webkit-backface-visibility: hidden; } 100% { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); -webkit-backface-visibility: hidden; } } .ys-ul-history { position: fixed; top: 140px; width: 50%; z-index: 29; float: left; } .ys-li-history { position: absolute !important; } .top200m { top: -200px; z-index: 10; } .top450m { top: -450px; } @keyframes ys-scroll { 0% { opacity: 1; } 90%, 90% { opacity: 0; } 100% { opacity: 0; transform: translateY(50px); } } .ys-anima { animation: ys-scroll 2s infinite ease-in-out; } .wpb_content_element.wpb_tabs .wpb_tour_tabs_wrapper .wpb_tab { border-bottom: 1px solid #efefef; } .wpb_tabs .wpb_tabs_nav li { margin: 0 !important; } /* .wpb_content_element.wpb_tabs .wpb_tour_tabs_wrapper .wpb_tabs_nav2 a { padding: 15px 2px 0 2px !important; } .wpb_content_element.wpb_tabs .wpb_tabs_nav li.ui-tabs-active2 a { padding: 13px 2px 0 2px !important; } .wpb_tabs_nav li.ui-tabs-active2 { border-bottom-color: transparent !important; border-bottom: none !important; border-top: 3px solid #3c5faa; } */ .tp10 { top: 10px !important; } .page-section .wpb_row .wpb_row.asusual { margin-bottom: -120px !important; } @media only screen and (max-width: 590px) { .asusual-right, .asusual-left { width: 98px !important; } .asusual-center { width: calc(45% - 30vw) !important; } .asusual2 .target2.vc_column_container { width: calc(90% - 60vw) !important; } .nanumBS, .nanumBS * { font-size: 6vw; } .ystube { padding-left: 0 !important; } .ystubeinner { width: 100% !important; height: 100% !important; } .ys-recruit-padding{ padding : 0px !important; min-height : 450px; } } @media only screen and (min-width: 591px) { .asusual-right, .asusual-left { width: 170px !important; } .asusual-center { width: calc(45% - 36vw) !important; } .asusual2 .target2.vc_column_container { width: calc(90% - 72vw) !important; } } @media only screen and (min-width: 591px) and (max-width: 1140px) { .nanumBS, .nanumBS * { font-size: 5vw; } .ystube { padding-left: 15% !important; } .ystubeinner { width: 70% !important; height: 70% !important; } } @media only screen and (min-width: 1141px) { .nanumBS, .nanumBS * { font-size: 4vw; } .ystube { padding-left: 20% !important; } .ystubeinner { width: 60% !important; height: 60% !important; } } .asusual { margin: 0 !important; } .asusualwp { margin: 0 !important; } .asusual > .asusual-left .wpb_content_element, .asusual > .asusual-right .wpb_content_element { margin-bottom: 2vw !important; } .asusual > div, .asusual2 > div { display: inline-block !important; } .asusual-main { min-width: 100% !important; width: auto !important; margin: 0 !important; height: 0; } .asusual .wpb_content_element { margin-bottom: 8px !important; } .asusual div { vertical-align: middle !important; } .asusualwp > div > div { float: left !important; } .bulb-icon > i { height: 30%; font-size: calc(1.5rem + 1vw); margin: 0; } .bulb-icon > span { font-size: calc(0.3rem + 0.5vw) !important; } .bulb-icon > div { font-size: calc(0.6rem + 0.6vw) !important; } .bulb-icon > i:after { content: "\A.........."; white-space: pre; } .nanumBS { font-family: "Nanum Brush Script"; letter-spacing: 0.2em; } .owl-stage-outer { height: 100% !important; } .imagebox.wpb_content_element { min-height: 415px !important; } .ys-quotes:before { content: '" '; font-family: "Nanum Gothic"; } .ys-quotes:after { content: ' "'; font-family: "Nanum Gothic"; } blockquote { color: #777777 !important; } .divider-title.div-addr { margin: 0 0 40px 0 !important; } .divider-title.div-addr:after { width: 100% !important; } .div-addr span { font-size: 1.1rem; font-weight: bold; } .ysmap { border: 1px solid #000; } .customoverlay { position: relative; bottom: 85px; border-radius: 6px; border: 1px solid #ccc; border-bottom: 2px solid #ddd; float: left; } .customoverlay:nth-of-type(n) { border: 0; box-shadow: 0px 1px 2px #888; } .customoverlay a { display: block; text-decoration: none; color: #000; text-align: center; border-radius: 6px; font-size: 14px; font-weight: bold; overflow: hidden; background: #3c5faa; background: #3c5faa url(https://t1.daumcdn.net/localimg/localimages/07/mapapidoc/arrow_white.png) no-repeat right 14px center; } .customoverlay .title { display: block; text-align: center; background: #fff; margin-right: 35px; padding: 10px 15px; font-size: 14px; font-weight: bold; } .customoverlay:after { content: ""; position: absolute; margin-left: -12px; left: 50%; bottom: -12px; width: 22px; height: 12px; background: url("https://t1.daumcdn.net/localimg/localimages/07/mapapidoc/vertex_white.png"); } .vc_tta-tab.vc_active a { background-color: #3c5faa !important; color: #fff !important; } /*---kibum recruit mail radio setting--*/ .attr-reset-button { display: none; } .sticky-wrapper { transition: top 0.4s; } .ys-nav3-wrapper { transition: height 0.4s; } #header, #mobile-header { top: 0; } .site-wrapper > div.sticky-wrapper:first-child { z-index: 99999 !important; } .nav-up { top: -90px; } /* .timeline-main-title, .content-details { visibility: hidden !important; } .content-title { border-radius: 5px !important; border: 2px solid #3c5faa !important; } .timeline-post.odd .content-title { color: #525252 !important; } .timeline-post.odd .content-title:before { right: -32px !important; } .timeline-post.even .content-title:before { left: -32px !important; } .content-title:before { top: 12px !important; } .cool-timeline.white-timeline .timeline-post.odd .timeline-content .content-title:before { border-left-color: #3c5faa !important; } .cool-timeline.white-timeline .timeline-post.odd .icon-dot-full, .cool-timeline.one-sided.white-timeline .timeline-post .icon-dot-full { background-color: #3c5faa !important; } .cool-timeline .timeline-post { margin-bottom: 0 !important; } .cool-timeline .timeline-post .icon-dot-full, .cool-timeline.one-sided .timeline-post .icon-dot-full { background: #000; margin: 19px 0 0 -10px !important; } .ultimate-style .timeline-post .timeline-content .content-details { padding: 0 !important; } */ #ys-foreign-tabs, #ys-foreign-topmap { display: none; } #ys-domestic-topmap2 { display: none; } .ys-nowrap.vc_col-sm-6 { width: 50%; } .ys-nowrap { float: left !important; } .ys-wide-thumbnail img { width: auto !important; border: 3px solid #cfcfcf !important; border-radius: 7px; } .ys-img-overlay { width: 100%; height: 100%; background: rgb(0, 0, 0); opacity: 0.2; } .ysscripts { display: none !important; } .ys-no-submargin * { margin: 0 !important; } .ys-button-full { padding: 95% 20px !important; font-size: 1.5rem !important; } .ys-button-full { height: 100%; } .ys-hidden-mob { display: block; } .ys-show-mob { display: none; } .ys-hidden-mob-all div { display: none; } @media only screen and (max-width: 767px) { .ys-button-full { padding: 20px 20px !important; margin-bottom: 20px !important; font-size: 1rem !important; } .ys-hidden-mob { display: none; } .ys-show-mob { display: block; } .cool-timeline-wrapper { padding: 0 0 0 10% !important; } .cool-timeline .timeline-post .timeline-meta .meta-details { margin: 0 5px 5px 70px; } .ultimate-style .timeline-post .timeline-content { padding-left: 65px; } /* .cool-timeline.white-timeline .timeline-post.odd .timeline-content .content-title:before { border-right-color: #3c5faa !important; width: 0; left: -32px; border-left-color: transparent !important; } .cool-timeline .timeline-post, .cool-timeline .timeline-post { padding: 0 0 0 42px !important; } */ #ys-domestic-topmap { transform: scale(1.5); margin-top: 15% !important; margin-bottom: 15% !important; } #copyright .copyfight-col2-ys { text-align: left !important; margin-left: 0 !important; } #copyright .copyfight-col3-ys { margin-top: 20px !important; margin-left: 0 !important; } #copyright, #copyright .copyright-col1{ text-align: left !important; } .ys-company-p { padding: 5% !important; } .min-padding-top-in-mob { padding-top: 0 !important; } } @media only screen and (max-width: 1199px) and (min-width: 768px) { .timeline-year:before { width: 57vw !important; } } @media only screen and (max-width: 1199px) { ul#mobile-nav { text-align: center !important; } .fa-chevron-down { float: none !important; display: inline-block !important; padding: 0 0 0 40px !important; margin: -7px 0 0 -31px !important; } #copyright .copyright-col3-ys { margin-top: 20px !important; margin-left: 0 !important; float: left !important; } div.ys-min-h300, div.ys-min-h330 { min-height: auto !important; } div.ys-product-subtitle, div.ys-product-subtitle-right { background-color: #fff !important; height: auto !important; } .ys-vision-center { box-shadow: 0 0 0 2px inset; border-radius: 50%; } .ys-vision-center:before { content: ''; background-color: #fff; width: 100%; height: 100%; position: absolute; display: block; top: 0; left: 0; z-index: -1; } .ys-vision-center:after { border: none !important; } .ys-landing-bg .column_container > .wpb_wrapper:before { -webkit-transform: translateZ(0) scale(0.8,0.8) !important; -moz-transform: translateZ(0) scale(0.8,0.8) !important; -ms-transform: translateZ(0) scale(0.8,0.8) !important; -o-transform: translateZ(0) scale(0.8,0.8) !important; transform: translateZ(0) scale(0.8,0.8) !important; top: 10%; left: 10%; } .ys-rnd-p { padding: 2% 0 !important; } .ys-hidden-mob2 { display: none !important; } .ys-show-mob2 { display: block !important; } /* #ys-nav3 > li > a { font-size: 2.5vw; } */ } @media only screen and (min-width: 768px){ div.ys-min-h300 { min-height: 300px !important; } div.ys-min-h330 { min-height: 330px !important; } div.timeline-year + div { margin-top: -32px !important; } /* .cool-timeline.white-timeline .timeline-post.odd .timeline-content .content-title:before { border-right-color: transparent !important; } .cool-timeline .timeline-post.odd { padding: 0 30px 0 0 !important; } .cool-timeline .timeline-post.even { padding: 0 0 0 30px !important; } */ } .ys-half-width img { width: 50% !important; max-width: 180px !important; } .ys-half-height img { max-height: 50vh !important; } .ys-box .column_container{ height: 20vh !important; } .ctl_info.event-description img{ border-radius: 10px; border-top: 2px; } .ys-divbutton-big { cursor: pointer; position: relative; } .menu-multilangmain-container { vertical-align: middle; } .ys-catimg-wrapper .catimage-text { background: rgba(255,255,255,0.25); } .ys-catimg-wrapper .wpb_content_element { margin-bottom: 20px; } #copyright .copyright-col1 { display: block; margin: 0; padding: 0 7% 31px 0 !important; line-height: 1.5; } #copyright .copyright-col2-ys { display: block; margin: 0; line-height: 1.5; float: left; } #copyright .copyright-col3-ys { display: block; float: right; } .ysmg-btm-pct-m15 { margin-bottom: -15% !important; } #mobile-navigation-btn i { font-size: 1.2em; } h2.ys-no-mg-btm { margin-bottom: 0 !important; } div.ys-no-mg-btm, div.ys-no-mg-btm .wpb_column { margin-bottom: 0 !important; } div.ys-mg-btm-1p, div.ys-mg-btm-1p .wpb_column { margin-bottom: 1% !important; } .ys-no-mg-btm.wpb_content_element { margin-bottom: 0 !important; } div.ys-no-mg-top .wpb_wrapper { margin-top: 0 !important; } .ys-no-padding-btm { padding-bottom: 0 !important; } .ys-padding-lr-5p { padding: 0 5% !important; } .ys-product-p p { text-align: justify !important; margin: 0; line-height: 2.5em; } .ys-product-p-quad-2 { padding: 0 6% !important; } .ys-product-p-quad-4 { padding: 0 6% 6% 0 !important; } .ys-underline-gray { background-image: linear-gradient(180deg, rgb(255 255 255 / 0%) 75%, #e2e2e2 40%); background-image: -ms-linear-gradient(270deg, transparent 60%, #e2e2e2 40%); padding-right: 20px; line-height: 1.2; } .ys-underline-gray-recruit { background-image: linear-gradient(300deg, rgb(255 255 255 / 0%) 60%, #e2e2e2 40%); } .ys-nowrap-parent { vertical-align: baseline !important; } .ys-nowrap { white-space: nowrap !important; } .ys-landing-bg .column_container > .wpb_wrapper { position: relative; height: 420px; overflow: hidden; display: flex; justify-content: center; color: #fff; } /* .ys-landing-bg .column_container > .wpb_wrapper:before { content: ''; width: 100%; height:100%; position: relative; background-repeat: no-repeat; background-position: 95% 0; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform: translateZ(0) scale(1.0,1.0); -moz-transform: translateZ(0) scale(1.0,1.0); -ms-transform: translateZ(0) scale(1.0,1.0); -o-transform: translateZ(0) scale(1.0,1.0); transform: translateZ(0) scale(1.0,1.0); background-image: url(/wordpress/wp-content/uploads/2020/08/main-makki-min2.png); z-index: -2; } */ .ys-landing-bg .column_container > .wpb_wrapper:after { content: ''; position: absolute; z-index: -1; left: 0; bottom: 0; } .main-title-text p { font-family: 'Noto Serif KR', serif !important; } .main-p3.main-p44, .main-p3-2.main-p44, .main-p3-3.main-p44 { color: #fff !important; text-shadow: #005fff 1px 0 10px; } .main-p3 { position: absolute; top: 15%; left: 4%; color: #777777 !important; letter-spacing: -0.35px; -webkit-animation-duration: 2s; animation-duration: 2s; font-weight: bold; } .main-p3-2 { position: absolute; top: 33%; left: 6%; color: #777777 !important; letter-spacing: -0.35px; -webkit-animation-duration: 2s; animation-duration: 2s; font-weight: bold; } .main-p3-3 { position: absolute; top: 51%; left: 8%; color: #777777 !important; letter-spacing: -0.35px; -webkit-animation-duration: 2s; animation-duration: 2s; font-weight: bold; } .main-title-img { position: absolute; top: -21%; right: 0; width: 35%; background-color: rgba(0,0,0,0.3); padding: 250px 2%; transition-duration: 2.5s; -webkit-transition-duration: 2.5s; } .bgp-btm { background-position: bottom; } .ofh .wpb_wrapper { overflow: hidden; } .ys-divider-short { display: block; padding: 0; font-size: 15px; color: #777777; /* text-transform: uppercase; */ letter-spacing: 1px; line-height: 14px; font-weight: 600; position: relative; text-align: center; } .ys-divider-short:after { background-color: #3c5faa; content: ""; display: inline-block; height: 1px; width: 26px; position: absolute; left: 50%; margin-left: -13px; bottom: -20px; } .ft-nanumgthic, .ft-nanumgthic * { font-family: 'nanumgothic' !important; } .summary-content * { font-weight: 600; color: #777777; } .iconbox-style-4 i.boxicon { font-size: 60px; width: 120px; height: 120px; line-height: 120px; margin-bottom: 0px !important; } .ys-capsule a { color: #555555 !important; font-size: 24px; } .ys-capsule .wpb_wrapper:after { content: '\0020'; width: 90%; height: 4px; position:absolute; left: 16px; top: 36px; background: url(/wordpress/wp-content/uploads/2020/09/underline-wide.png) no-repeat left bottom; } .ys-capsule2 a { color: #3c5faa !important; font-size: 24px; } /* .ys-capsule:hover a:after { width: 80%; left: 10%; } .ys-capsule a:hover { color: #777777 !important; background: #3c5faa; left: 50%; bottom: 0; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } */ .ys-capsule a:hover { color: #777777 !important; } .ys-capsule2 a:hover { color: #2196f3 !important; } /* .ys-capsule a { padding: 12px 38px; border: 2px solid #c9c9ca; -webkit-border-radius: 5px; border-radius: 5px; background-color: transparent; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: background,color,border-color; transition-property: background,color,border-color; -webkit-transition-timing-function: ease-in-out; transition-timing-function: ease-in-out; margin-bottom: 2px; } .ys-capsule a:hover { background-color: #3c5faa !important; color: #fff !important; } */ .ys-partners div.single_image { margin-bottom: 5px; } .timeline-year:before { content: '\0020'; display: block; overflow: hidden; width: 770px; border-top: 1px solid #d7d7d7; margin-left: 126%; margin-top: -4px; } #ys-product-top-img .single_image { box-shadow: 0 0 1vw inset; color: #cecece; padding: 1vw; border-radius: 20px } #ys-product-top-img .single_image > img { border-radius: 20px } .wpb_content_element .wpb_accordion_header a, .wpb_content_element .wpb_tour_tabs_wrapper .wpb_tabs_nav a { padding: 0.6em 0; } .yshistory-imgs .vc_col-sm-2 { padding: 0 8px !important; } .yshistory-imgs { padding: 0 2% !important; left: -5px; } .yshistory-imgs .image_box_border img { padding: 4px; } .ys-quote-left { position: relative; left: -10px; top: -20px; } .ys-quote-right { position: relative; right: -10px; top: -20px; } .counter-number2.bolder { font-weight: bold; } .ys-product-p li { text-align: justify !important; letter-spacing: -0.03em; } .lsp-m-05 { letter-spacing: -0.05em; } .lsp-m-07 { letter-spacing: -0.07em; } .lsp-m-1 { letter-spacing: -0.1em; } .ys-ilb .wpb_wrapper > p:first-of-type { color: #3c5faa; font-weight: bold; } .history-rnd .vc_col-sm-2 { text-align: right; color: #3c5faa; font-weight: bold; } .history-rnd .vc_col-sm-10 { padding-left: 0 !important; padding-right: 2% !important; } .ys-rnd-p p { margin: 0; line-height: 2.5em; } .ys-rnd-p blockquote p { padding-top: 0 !important; padding-bottom: 0 !important; margin-left: 20px !important; } .ys-rnd-p { padding-top: 1%; padding-left: 7% !important; } .ys-hidden-mob2 { display: block; } .ys-show-mob2 { display: hidden; } .sub-title-rnd { color: #444444 !important; } .ys-mg-btm10 { margin-bottom: 10px; } .ys-mg-btm20 { margin-bottom: 20px; } .ys-notosc, .ys-notosc *:not(i) { font-family: 'Noto Sans SC' !important; } .ys-notosc2 a, .ys-notosc2 span { font-family: 'Noto Sans SC', 'Nanum Gothic' !important; } .ys-notosc2 div { font-family: inherit !important; } .ys-justify-align, .ys-justify-align * { text-align: justify !important; } div.ysmap button { margin: 0; } #navigation .qtranxs-lang-menu > a, #navigation .qtranxs-lang-menu-item > a { font-weight: bold !important; cursor: pointer; } #navigation .qtranxs-lang-menu-item { margin: 0 !important; } #navigation .qtranxs-lang-menu-item:hover { background-color: #439dce !important; } #navigation .qtranxs-lang-menu-item:hover > a { color: #fff !important; } #navigation .qtranxs-lang-menu > a:before { content: "|"; margin-right: 1.5em; font-weight: normal; } #navigation .qtranxs-lang-menu > a.sf-with-ul:after { content: "|"; display: inline !important; margin: 0; margin-left: 1.5em; font-size: inherit; top: auto; right: auto; left: auto; font-family: inherit; position: static; font-weight: normal; } #navigation .qtranxs-lang-menu { margin-left: 1em; } #navigation .sub-menu { background-color: #fff !important; max-width: 85px; border: 2px solid #439dce; margin-left: 1em; } #navigation .sub-menu li { height: 58px; padding-top: 20px; border-collapse: collapse; } #navigation .qtranxs-lang-menu > a { color: #3c5faa !important; } #navigation .sub-menu li a { color: #439dce !important; padding-top: 0; padding-bottom: 0; font-size: 15px !important; border: none; text-align: center; } #mobile-navigation .qtranxs-lang-menu > a, #mobile-navigation .qtranxs-lang-menu-item > a { color: #cddc39 !important; } #nav li.current_page_item > a { color: #3c5faa; font-weight: bold; } </style> <noscript><style> .wpb_animate_when_almost_visible { opacity: 1; }</style></noscript></head> <body class="page-template-default page page-id-19918 smooth-scroll cooltimeline-body pagescroll wpb-js-composer js-comp-ver-6.1 vc_responsive">  <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-NFSM4PS" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>  <div class="site-wrapper wrapall"> <header id="header" class="header header-v1 header-v1-only clearfix "> <div class="container"> <div id="logo-navigation" class="sixteen columns"> <div id="logo" class="logo"> <a href="https://www.yong-san.com/en/"><img src="https://www.yong-san.com/wordpress/wp-content/uploads/2020/07/yongsan_logo_compact_142x30.png" alt="YONGSAN" class="logo_standard" /></a> <a href="https://www.yong-san.com/en/"><img src="https://www.yong-san.com/wordpress/wp-content/uploads/2020/07/yongsan_logo_compact_142x30-white.png" alt="YONGSAN" class="logo_transparent" /></a> <a href="https://www.yong-san.com/en/"><img src="https://www.yong-san.com/wordpress/wp-content/uploads/2020/07/yongsan_logo_compact_284x60.png" width="142" height="30" alt="YONGSAN" class="logo_retina" /></a> <a href="https://www.yong-san.com/en/"><img src="https://www.yong-san.com/wordpress/wp-content/uploads/2020/07/yongsan_logo_compact_284x60-white.png" width="143" height="30" alt="YONGSAN" class="logo_retina_transparent" /></a> </div> <nav id="navigation" class="clearfix"> <div class="header-icons"> </div> <ul id="nav" class="menu"><li id="menu-item-21669" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-21669"><a href="/en/">HOME</a></li> <li id="menu-item-16305" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-16305"><a href="https://www.yong-san.com/en/company/">COMPANY</a></li> <li id="menu-item-23376" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-23376"><a href="https://www.yong-san.com/en/product/">PRODUCT</a></li> <li id="menu-item-26346" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-26346"><a href="https://www.yong-san.com/en/rnd/">R&D</a></li> <li id="menu-item-19880" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-19880"><a href="https://www.yong-san.com/en/pr/">PR</a></li> <li id="menu-item-23414" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-23414"></li> <li id="menu-item-20131" class="menu-item menu-item-type-post_type menu-item-object-page current-menu-item page_item page-item-19918 current_page_item menu-item-20131"><a href="https://www.yong-san.com/en/contact-us/">CONTACT US</a></li> <li id="menu-item-28448" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-28448"><a href="https://www.yong-san.com/en/esg_1/">PR</a></li> <li id="menu-item-28607" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-28607"><a target="_blank" href="https://www.yong-san.com/en/%ec%8b%a0%eb%ac%b8%ea%b3%a0-2/">PR</a></li> <li id="menu-item-26586" class="qtranxs-lang-menu qtranxs-lang-menu-en menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-26586"><a>ENG</a> <ul class="sub-menu"> <li id="menu-item-28608" class="qtranxs-lang-menu-item qtranxs-lang-menu-item-ko menu-item menu-item-type-custom menu-item-object-custom menu-item-28608"><a href="https://www.yong-san.com/ko/contact-us/">KOR</a></li> <li id="menu-item-28609" class="qtranxs-lang-menu-item qtranxs-lang-menu-item-zh menu-item menu-item-type-custom menu-item-object-custom menu-item-28609"><a href="https://www.yong-san.com/zh/contact-us/">CHN</a></li> </ul> </li> </ul> </nav> </div> </div> </header> <div id="mobile-header" class="mobile-header-v1 nav-down"> <div class="container"> <div class="sixteen columns"> <div id="mobile-logo" class="logo"> <a href="https://www.yong-san.com/en/"><img src="https://www.yong-san.com/wordpress/wp-content/uploads/2020/07/yongsan_logo_compact_142x30.png" alt="YONGSAN" class="logo_standard" /></a> <a href="https://www.yong-san.com/en/"><img src="https://www.yong-san.com/wordpress/wp-content/uploads/2020/07/yongsan_logo_compact_284x60.png" width="142" height="30" alt="YONGSAN" class="logo_retina" /></a> </div> <a href="#" id="mobile-navigation-btn"><i class="fa fa-bars"></i></a> </div> </div> </div> <div id="mobile-navigation"> <div class="container"> <div class="sixteen columns"> <div class="menu-multilangmain-container"><ul id="mobile-nav" class="menu"><li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-21669"><a href="/en/">HOME</a></li> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-16305"><a href="https://www.yong-san.com/en/company/">COMPANY</a></li> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-23376"><a href="https://www.yong-san.com/en/product/">PRODUCT</a></li> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-26346"><a href="https://www.yong-san.com/en/rnd/">R&D</a></li> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-19880"><a href="https://www.yong-san.com/en/pr/">PR</a></li> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-23414"></li> <li class="menu-item menu-item-type-post_type menu-item-object-page current-menu-item page_item page-item-19918 current_page_item menu-item-20131"><a href="https://www.yong-san.com/en/contact-us/">CONTACT US</a></li> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-28448"><a href="https://www.yong-san.com/en/esg_1/">PR</a></li> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-28607"><a target="_blank" href="https://www.yong-san.com/en/%ec%8b%a0%eb%ac%b8%ea%b3%a0-2/">PR</a></li> <li class="qtranxs-lang-menu qtranxs-lang-menu-en menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-26586"><a>ENG</a> <ul class="sub-menu"> <li class="qtranxs-lang-menu-item qtranxs-lang-menu-item-ko menu-item menu-item-type-custom menu-item-object-custom menu-item-28608"><a href="https://www.yong-san.com/ko/contact-us/">KOR</a></li> <li class="qtranxs-lang-menu-item qtranxs-lang-menu-item-zh menu-item menu-item-type-custom menu-item-object-custom menu-item-28609"><a href="https://www.yong-san.com/zh/contact-us/">CHN</a></li> </ul> </li> </ul></div> </div> </div> </div>  <div id="notitlebar"></div> <div id="page-wrap" > <div id="content" class="page-section nopadding"> <div class="wpb_row vc_row-fluid standard-section section section-no-parallax ysscripts stretch " data-speed="1" style=""><div class="col span_12 color-dark left"> <div class="vc_col-sm-12 wpb_column column_container col no-padding color-dark" style="" data-animation="" data-delay=""> <div class="wpb_wrapper"> <div class="wpb_raw_code wpb_raw_js" > <div class="wpb_wrapper"> <script type="text/javascript" src="//dapi.kakao.com/v2/maps/sdk.js?appkey=1689e0c0c5387d5c93e2e9d83b5ef760&libraries=services""></script> </div> </div> </div> </div> </div></div><div class="wpb_row vc_row-fluid standard-section section section-no-parallax ysscripts stretch " data-speed="1" style=""><div class="col span_12 color-dark left"> <div class="vc_col-sm-12 wpb_column column_container col no-padding color-dark" style="" data-animation="" data-delay=""> <div class="wpb_wrapper"> <div class="wpb_raw_code wpb_raw_js" > <div class="wpb_wrapper"> <script> const addr = { 0 : {id:'ysmapulsan',nm:'ulsan',ad:'울산광역시 북구 무룡로 42',detl:'',tag:'YONGSAN Co.,Ltd. - Ulsan(H.Q.)',phone:'+82-52-287-4645~8',fax:'+82-303-3130-4645',ade:'42, Muryong-ro, Buk-gu, Ulsan, Republic of Korea',detle:''}, 1 : {id:'ysmapasan',nm:'asan',ad:'충남 아산시 신정로 293번길 62-48',detl:'',tag:'YONGSAN Co.,Ltd. - Asan',phone:'+82-41-540-4400',fax:'+82-303-3130-4645',ade:'62-48, Sinjeong-ro 293beon-gil, Asan-si, Chungcheongnam-do, Republic of Korea',detle:''}, 2 : {id:'ysmapiksan',nm:'iksan',ad:'전북 익산시 석암로1길 63-13',detl:'',tag:'YONGSAN Co.,Ltd. - Iksan',phone:'+82-63-835-5745',fax:'+82-303-3130-4645',ade:'63-13, Seogam-ro 1-gil, Iksan-si, Jeollabuk-do, Republic of Korea',detle:''}, 3 : {id:'ysmapjs',nm:'js',ad:'경북 경주시 외동읍 구어공단길 4',detl:'',tag:'YONGSAN Co.,Ltd. - Oedong',phone:'+82-54-776-1688',fax:'+82-54-776-1691',ade:'4, Gueogongdan-gil, Oedong-eup, Gyeongju-si, Gyeongsangbuk-do, Republic of Korea',detle:''}, 4 : {id:'ysamapdongtan',nm:'dongtan',ad:'경기도 화성시 동탄대로 23길 121',detl:', 우미뉴브 빌딩 18층',tag:'YONGSAN Co.,Ltd. - Dongtan R&D Center',phone:'031-5183-5950',fax:'',ade:' 121, Dongtan-daero 23-gil, Hwaseong-si, Gyeonggi-do, Republic of Korea',detle:'18th floor Woominewv Tower'}, 5 : {id:'ysmapseoul',nm:'seoul',ad:'서울특별시 강남구 언주로103길 39',detl:',3층',tag:'YONGSAN Co.,Ltd. - Seoul Office',phone:'+82-70-4255-8078',fax:'+82-303-3130-4645',ade:'39 Eonju-ro 103-gil, Gangnam-gu Seoul, Republic of Korea',detle:'3th floor, '}, 6 : {id:'ysmapcheonan',nm:'cheonan',ad:'충청남도 천안시 각원사길 163',detl:'',tag:'YONGSAN Co.,Ltd. - Cheonan Office',phone:'',fax:'',ade:'163 Gakwonsa-gil, Cheonan-si, Chungcheongnam-do, Republic of Korea',detle:''}, 7 : {id:'ysmapasan1',nm:'asan1',ad:'충남 아산시 배방읍 희망로46번길 45-25',detl:', 모닝타워 4/5층',tag:'YONGSAN Co.,Ltd. - Asan Office',phone:'041-540-4413',fax:'0303-3130-4645',ade:' Heemang-ro 46beon-gil, Baebang-eup, Asan-si, Chungcheongnam-do, Republic of Korea',detle:', 4th/5th floor of Morning Tower'}, /*4 : {id:'ysmapulsan2',nm:'ulsan2',ad:'울산광역시 북구 중산산업2길 50',detl:'',tag:'YONGSAN Co.,Ltd. - Jungsan',phone:'-',fax:'-',ade:'50, Jungsansaneop 2-gil, Buk-gu, Ulsan, Republic of Korea',detle:''},*/ /*8 : {id:'ysmapyspchungju',nm:'yspchungju',ad:'충북 청주시 흥덕구 월명로 195',detl:'',tag:'YONGSAN Co.,Ltd. - Cheongju',phone:'+82-43-236-3434',fax:'+82-43-236-3434',ade:'195, Wolmyeong-ro, Heungdeok-gu, Cheongju-si, Chungcheongbuk-do, Republic of Korea',detle:''},*/ }; const addr2 = { 0 : {id:'ysmapbeijing',nm:'beijing',ad:'중국 북경시 순의구 북소영진 홍대공업구',detl:'',ade:'Beijing Zhu Long Shan Automotive Fittings Co.,Ltd. Hongda Industry Area, Beixiaoying Town, Shunyi District, Beijing, China',tag:'㈜용산 북경법인',phone:'+86-10-6048-7671',fax:'+86-10-6048-9253',localad:'40.197261, 116.731353'}, 1 : {id:'ysmapyancheng',nm:'yancheng',ad:'중국 강소성 염성시 황산 남로 22호',detl:'',ade:'Jiangsu Yongsan Automotive Fittings Co.,Ltd. Hangshan Road Yancheng City, Jiangsu, China',tag:'㈜용산 염성법인',phone:'+86-515-8826-9802',fax:'+86-515-8826-9804',localad:'33.354726, 120.236836'}, /* 2 : {id:'ysmapzhangjiagang',nm:'zhangjiagang',ad:'중국 강소성 장가항시 서장진 북로 49번지',detl:'',ade:'Zhangjiagang Long Shan Automobile Fittings Co.,Ltd. Xizhang Town Zhangjiagang Jiangsu, China',tag:'㈜용산 장가항법인',phone:'+86-512-5842-2616',fax:'+86-512-5842-3103',localad:'31.794176, 120.612329'}, */ 2 : {id:'ysmapchangzhou',nm:'changzhou',ad:'중국 하북성 창주경제개발구 동해로 종합과학기술원 3단지9층 903-904호',detl:'',ade:'-',tag:'㈜용산 창주법인',phone:'-',fax:'-',localad:'38.287563, 116.941114'}, /* 4 : {id:'ysmapsanhe',nm:'sanhe',ad:'중국 하북성 삼하시 이기장전 암봉 기차산업원 삼하시주용산기차배건유한공사',detl:'',ade:'Sanhe Yongsan Automotive Fittings Co.,Ltd. Liqizhuang Town Industry Area Langfang Sanhe City, Hebei Province, China',tag:'㈜용산 삼하법인',phone:'+86-316-516-6722',fax:'+86-316-352-9300',localad:'39.991860, 116.996318'},*/ 3 : {id:'ysmapchongqing',nm:'chongqing',ad:'중국 충칭시 장수치 파커제도 밍토이지루 1099호',detl:'',ade:'Chongqing Yongsan Automotive Fitting Co,Ltd. No.1099.Mingtao 2nd Branch Road Bake Sub-Distrct,Changshou District, Chongqing, China',tag:'㈜용산 중경법인',phone:'+86-023-87650199',fax:'-',localad:'29.896101, 107.041008'}, 4 : {id:'ysmapusa',nm:'usa',ad:'미국 알라바마주 오펠리카시티 제터 에비뉴 1100',detl:'',ade:'1100 Jeter Avenue Opelika, AL 36801, USA',tag:'㈜용산 미국법인',phone:'+1-334-748-9222',fax:'+1-334-748-9223',localad:'1100 Jeter Ave Opelika, AL 36801 YONGSAN AUTOMOTIVE USA.,INC'}, 5 : {id:'ysmapindia',nm:'india',ad:'인도 타밀라주 첸나이 파파탐',detl:'',ade:'Yongsan Automotive India Ltd. Nayapakkam Main Rd, Papparambakkam, Tamil Nadu 602025, India',tag:'㈜용산 인도법인',phone:'+91-44-39946312',fax:'-',localad:'YONGSAN AUTOMOTIVE INDIA LTD'}, /* 7 : {id:'ysmapmaxico',nm:'maxico',ad:'멕시코 코아우일라주 라모스 아리스페시 산타마리아 공단 오메가 1730번지',detl:'',ade:'Blvd. Omega 1730, Santa María, Coah., Mexico',tag:'㈜용산 멕시코법인',phone:'+52-844-490-1241',fax:'-',localad:'25.578619, -100.912192'}, */ }; const addr3 = { 0 : {id:'ysmapysp',nm:'ysp',ad:'광주광역시 광산구 평동산단10번로 19 (연산동)',detl:'',tag:'YSP Co.,Ltd. - Gwangju',phone:'+82-62-600-1800',fax:'+82-62-600-1807',ade:'19, Pyeongdongsandan 10beon-ro, Gwangsan-gu, Gwangju, Republic of Korea',detle:''}, 1 : {id:'ysmapyspasan',nm:'yspasan',ad:'충청남도 아산시 음봉면 신휴리 774',detl:'',tag:'YSP Co.,Ltd. - Asan',phone:'041-537-9222',fax:'041-532-8336', ade:'774, Sinhyu-ri, Eumbong-myeon, Asan-si, Chungcheongnam-do, Republic of Korea', detle:'' }, 2 : {id:'ysmapscoa',nm:'scoa',ad:'울산광역시 북구 매곡산업6길 24',detl:'',tag:'YSP Co.,Ltd. - Ulsan',phone:'+82-52-286-1300',fax:'+82-52-295-9532',ade:'24, Maegoksaneop 6-gil, Buk-gu, Ulsan, Republic of Korea',detle:''}, 3 : {id:'ysmapanpincheon',nm:'anpincheon',ad:'인천광역시 남동구 남동대로 248',detl:'',tag:'ANP Co.,Ltd. - Incheon / WOOJIN CO,.LTD',phone:'032-676-9700',fax:'032-675-1044',ade:'248, Namdong-daero, Namdong-gu, Incheon, Republic of Korea', detle:''}, 4 : {id:'ysmapanpchungju',nm:'anpchungju',ad:'충청북도 청주시 흥덕구 월명로195',detl:'',tag:'ANP Co.,Ltd. - Cheongju',phone:'043-236-3424',fax:'043-236-8434',ade:'195, Wolmyeong-ro, Heungdeok-gu, Cheongju-si, Chungcheongbuk-do, Republic of Korea', detle:''}, 5 : {id:'ysmapyspelec',nm:'yspelec',ad:'충청북도 청주시 흥덕구 백봉로60',detl:', 1층(송청동)',tag:'YSP electronics Co.,Ltd',phone:'-',fax:'-',ade:'60, Baekbong-ro, Heungdeok-gu, Cheongju-si, Chungcheongbuk-do, Republic of Korea',detle:'1st floor (Songcheong-dong)'}, 6 : {id:'ysmapnest',nm:'scoa',ad:'울산 북구 매곡산업6길 24',detl:', 3층',tag:'NEST Co.,Ltd',phone:'070-4294-9597',fax:'052-295-9532',ade:'24, Maegoksaneop 6-gil, Buk-gu, Ulsan, Republic of Korea',detle:'3rd floor'}, 7 : {id:'ysmapyspowerpack',nm:'powerpack',ad:'천안시 서북구 입장면 기로리 86-7',detl:'',tag:'YS POWERPACK Co.,Ltd',phone:'070-4334-0692',fax:'070-4334-0314',ade:'86-7, Giro-ri, Ipjang-myeon, Seobuk-gu, Cheonan-si, Chungcheongnam-do, Republic of Korea',detle:''}, }; </script> </div> </div> </div> </div> </div></div><div class="wpb_row vc_row-fluid full-width-section section section-no-parallax ys-hidden-mob stretch " data-speed="1" style=""><div class="col span_12 color-dark left"> <div class="vc_col-sm-12 wpb_column column_container col no-padding color-dark" style="" data-animation="" data-delay=""> <div class="wpb_wrapper"> <div class="spacer" style="height: 110px;"></div> </div> </div> </div></div><div class="wpb_row vc_row-fluid full-width-section section section-no-parallax ys-show-mob stretch " data-speed="1" style=""><div class="col span_12 color-dark left"> <div class="vc_col-sm-12 wpb_column column_container col no-padding color-dark" style="" data-animation="" data-delay=""> <div class="wpb_wrapper"> <div class="spacer" style="height: 20px;"></div> </div> </div> </div></div><div class="wpb_row vc_row-fluid standard-section section section-no-parallax stretch " data-speed="1" style=""><div class="col span_12 color-dark text-align-center"> <div class="vc_col-sm-4 ys-nowrap wpb_column column_container col custom-padding color-dark" style="padding: 0px 1px 0px 1px; " data-animation="" data-delay=""> <div class="wpb_wrapper"> <a href="#" target="_self" class="button color-3 full ys-domestic" style="border-radius: 2px;">Domestic</a> </div> </div> <div class="vc_col-sm-4 ys-nowrap wpb_column column_container col custom-padding color-dark" style="padding: 0px 1px 0px 1px; " data-animation="" data-delay=""> <div class="wpb_wrapper"> <a href="#" target="_self" class="button color-1 full ys-foreign" style="border-radius: 2px;">Worldwide</a> </div> </div> <div class="vc_col-sm-4 ys-nowrap wpb_column column_container col custom-padding color-dark" style="padding: 0px 1px 0px 1px; " data-animation="" data-delay=""> <div class="wpb_wrapper"> <a href="#" target="_self" class="button color-1 full ys-affiliated" style="border-radius: 2px;">Affiliated</a> </div> </div> </div></div><div class="wpb_row vc_row-fluid standard-section section section-no-parallax ys-hidden-mob stretch " data-speed="1" style=""><div class="col span_12 color-dark left"> <div class="vc_col-sm-12 wpb_column column_container col no-padding color-dark" style="" data-animation="" data-delay=""> <div class="wpb_wrapper"> <div class="spacer" style="height: 20px;"></div> </div> </div> </div></div><div id="ys-domestic-tabs" class="wpb_row vc_row-fluid standard-section section section-no-parallax stretch " data-speed="1" style=""><div class="col span_12 color-dark left"> <div class="vc_col-sm-12 wpb_column column_container col no-padding color-dark" style="" data-animation="" data-delay=""> <div class="wpb_wrapper"> <div class="vc_tta-container" data-vc-action="collapse"><div class="vc_general vc_tta vc_tta-tabs vc_tta-color-grey vc_tta-style-modern vc_tta-shape-rounded vc_tta-spacing-1 map-domestic vc_tta-tabs-position-top vc_tta-controls-align-left"><div class="vc_tta-tabs-container"><ul class="vc_tta-tabs-list"><li class="vc_tta-tab vc_active" data-vc-tab><a href="#1593740317081-97bca13d-3eab" data-vc-tabs data-vc-container=".vc_tta"><span class="vc_tta-title-text">Ulsan Fac.(H.Q.)</span></a></li><li class="vc_tta-tab" data-vc-tab><a href="#1593768015349-02524388-8f05" data-vc-tabs data-vc-container=".vc_tta"><span class="vc_tta-title-text">Asan Fac.</span></a></li><li class="vc_tta-tab" data-vc-tab><a href="#1593958950749-25fb8e78-10c9" data-vc-tabs data-vc-container=".vc_tta"><span class="vc_tta-title-text">Iksan Fac.</span></a></li><li class="vc_tta-tab" data-vc-tab><a href="#1594022153564-05bc7e6f-b29e" data-vc-tabs data-vc-container=".vc_tta"><span class="vc_tta-title-text">Oedong Fac.</span></a></li><li class="vc_tta-tab" data-vc-tab><a href="#1706228804384-eb7afee7-3b8d" data-vc-tabs data-vc-container=".vc_tta"><span class="vc_tta-title-text">Dongtan R&D Center</span></a></li><li class="vc_tta-tab" data-vc-tab><a href="#1593740317089-7260fc5c-b18e" data-vc-tabs data-vc-container=".vc_tta"><span class="vc_tta-title-text">Seoul Office</span></a></li><li class="vc_tta-tab" data-vc-tab><a href="#1699517093955-e119434c-521e" data-vc-tabs data-vc-container=".vc_tta"><span class="vc_tta-title-text">Cheonan Office</span></a></li><li class="vc_tta-tab" data-vc-tab><a href="#1681112806018-46989e56-dd33" data-vc-tabs data-vc-container=".vc_tta"><span class="vc_tta-title-text">Asan Office</span></a></li></ul></div><div class="vc_tta-panels-container"><div class="vc_tta-panels"><div class="vc_tta-panel vc_active" id="1593740317081-97bca13d-3eab" data-vc-content=".vc_tta-panel-body"><div class="vc_tta-panel-heading"><h4 class="vc_tta-panel-title"><a href="#1593740317081-97bca13d-3eab" data-vc-accordion data-vc-container=".vc_tta-container"><span class="vc_tta-title-text">Ulsan Fac.(H.Q.)</span></a></h4></div><div class="vc_tta-panel-body"></div></div><div class="vc_tta-panel" id="1593768015349-02524388-8f05" data-vc-content=".vc_tta-panel-body"><div class="vc_tta-panel-heading"><h4 class="vc_tta-panel-title"><a href="#1593768015349-02524388-8f05" data-vc-accordion data-vc-container=".vc_tta-container"><span class="vc_tta-title-text">Asan Fac.</span></a></h4></div><div class="vc_tta-panel-body"></div></div><div class="vc_tta-panel" id="1593958950749-25fb8e78-10c9" data-vc-content=".vc_tta-panel-body"><div class="vc_tta-panel-heading"><h4 class="vc_tta-panel-title"><a href="#1593958950749-25fb8e78-10c9" data-vc-accordion data-vc-container=".vc_tta-container"><span class="vc_tta-title-text">Iksan Fac.</span></a></h4></div><div class="vc_tta-panel-body"></div></div><div class="vc_tta-panel" id="1594022153564-05bc7e6f-b29e" data-vc-content=".vc_tta-panel-body"><div class="vc_tta-panel-heading"><h4 class="vc_tta-panel-title"><a href="#1594022153564-05bc7e6f-b29e" data-vc-accordion data-vc-container=".vc_tta-container"><span class="vc_tta-title-text">Oedong Fac.</span></a></h4></div><div class="vc_tta-panel-body"></div></div><div class="vc_tta-panel" id="1706228804384-eb7afee7-3b8d" data-vc-content=".vc_tta-panel-body"><div class="vc_tta-panel-heading"><h4 class="vc_tta-panel-title"><a href="#1706228804384-eb7afee7-3b8d" data-vc-accordion data-vc-container=".vc_tta-container"><span class="vc_tta-title-text">Dongtan R&D Center</span></a></h4></div><div class="vc_tta-panel-body"></div></div><div class="vc_tta-panel ad-seoul" id="1593740317089-7260fc5c-b18e" data-vc-content=".vc_tta-panel-body"><div class="vc_tta-panel-heading"><h4 class="vc_tta-panel-title"><a href="#1593740317089-7260fc5c-b18e" data-vc-accordion data-vc-container=".vc_tta-container"><span class="vc_tta-title-text">Seoul Office</span></a></h4></div><div class="vc_tta-panel-body"></div></div><div class="vc_tta-panel" id="1699517093955-e119434c-521e" data-vc-content=".vc_tta-panel-body"><div class="vc_tta-panel-heading"><h4 class="vc_tta-panel-title"><a href="#1699517093955-e119434c-521e" data-vc-accordion data-vc-container=".vc_tta-container"><span class="vc_tta-title-text">Cheonan Office</span></a></h4></div><div class="vc_tta-panel-body"></div></div><div class="vc_tta-panel" id="1681112806018-46989e56-dd33" data-vc-content=".vc_tta-panel-body"><div class="vc_tta-panel-heading"><h4 class="vc_tta-panel-title"><a href="#1681112806018-46989e56-dd33" data-vc-accordion data-vc-container=".vc_tta-container"><span class="vc_tta-title-text">Asan Office</span></a></h4></div><div class="vc_tta-panel-body"></div></div></div></div></div></div> </div> </div> </div></div><div id="ys-foreign-tabs" class="wpb_row vc_row-fluid standard-section section section-no-parallax stretch " data-speed="1" style=""><div class="col span_12 color-dark left"> <div class="vc_col-sm-12 wpb_column column_container col no-padding color-dark" style="" data-animation="" data-delay=""> <div class="wpb_wrapper"> <div class="vc_tta-container" data-vc-action="collapse"><div class="vc_general vc_tta vc_tta-tabs vc_tta-color-grey vc_tta-style-classic vc_tta-shape-rounded vc_tta-spacing-1 map-foreign vc_tta-tabs-position-top vc_tta-controls-align-left"><div class="vc_tta-tabs-container"><ul class="vc_tta-tabs-list"><li class="vc_tta-tab vc_active" data-vc-tab><a href="#1594272909509-49cfc007-2e88" data-vc-tabs data-vc-container=".vc_tta"><span class="vc_tta-title-text">Beijing</span></a></li><li class="vc_tta-tab" data-vc-tab><a href="#1594273718445-d63571c8-bd95" data-vc-tabs data-vc-container=".vc_tta"><span class="vc_tta-title-text">Yancheng</span></a></li><li class="vc_tta-tab" data-vc-tab><a href="#1594265192434-c905b236-3bdc" data-vc-tabs data-vc-container=".vc_tta"><span class="vc_tta-title-text">Changzhou</span></a></li><li class="vc_tta-tab" data-vc-tab><a href="#1594188085329-8f758092-7ef5" data-vc-tabs data-vc-container=".vc_tta"><span class="vc_tta-title-text">Chongqing</span></a></li><li class="vc_tta-tab" data-vc-tab><a href="#1594166777510-028c5edd-63c2" data-vc-tabs data-vc-container=".vc_tta"><span class="vc_tta-title-text">USA</span></a></li><li class="vc_tta-tab" data-vc-tab><a href="#1594177383429-86424d7b-7993" data-vc-tabs data-vc-container=".vc_tta"><span class="vc_tta-title-text">INDIA</span></a></li></ul></div><div class="vc_tta-panels-container"><div class="vc_tta-panels"><div class="vc_tta-panel vc_active" id="1594272909509-49cfc007-2e88" data-vc-content=".vc_tta-panel-body"><div class="vc_tta-panel-heading"><h4 class="vc_tta-panel-title"><a href="#1594272909509-49cfc007-2e88" data-vc-accordion data-vc-container=".vc_tta-container"><span class="vc_tta-title-text">Beijing</span></a></h4></div><div class="vc_tta-panel-body"></div></div><div class="vc_tta-panel" id="1594273718445-d63571c8-bd95" data-vc-content=".vc_tta-panel-body"><div class="vc_tta-panel-heading"><h4 class="vc_tta-panel-title"><a href="#1594273718445-d63571c8-bd95" data-vc-accordion data-vc-container=".vc_tta-container"><span class="vc_tta-title-text">Yancheng</span></a></h4></div><div class="vc_tta-panel-body"></div></div><div class="vc_tta-panel" id="1594265192434-c905b236-3bdc" data-vc-content=".vc_tta-panel-body"><div class="vc_tta-panel-heading"><h4 class="vc_tta-panel-title"><a href="#1594265192434-c905b236-3bdc" data-vc-accordion data-vc-container=".vc_tta-container"><span class="vc_tta-title-text">Changzhou</span></a></h4></div><div class="vc_tta-panel-body"></div></div><div class="vc_tta-panel" id="1594188085329-8f758092-7ef5" data-vc-content=".vc_tta-panel-body"><div class="vc_tta-panel-heading"><h4 class="vc_tta-panel-title"><a href="#1594188085329-8f758092-7ef5" data-vc-accordion data-vc-container=".vc_tta-container"><span class="vc_tta-title-text">Chongqing</span></a></h4></div><div class="vc_tta-panel-body"></div></div><div class="vc_tta-panel" id="1594166777510-028c5edd-63c2" data-vc-content=".vc_tta-panel-body"><div class="vc_tta-panel-heading"><h4 class="vc_tta-panel-title"><a href="#1594166777510-028c5edd-63c2" data-vc-accordion data-vc-container=".vc_tta-container"><span class="vc_tta-title-text">USA</span></a></h4></div><div class="vc_tta-panel-body"></div></div><div class="vc_tta-panel" id="1594177383429-86424d7b-7993" data-vc-content=".vc_tta-panel-body"><div class="vc_tta-panel-heading"><h4 class="vc_tta-panel-title"><a href="#1594177383429-86424d7b-7993" data-vc-accordion data-vc-container=".vc_tta-container"><span class="vc_tta-title-text">INDIA</span></a></h4></div><div class="vc_tta-panel-body"></div></div></div></div></div></div> </div> </div> </div></div><div id="ys-affiliated-tabs" class="wpb_row vc_row-fluid standard-section section section-no-parallax stretch " data-speed="1" style=""><div class="col span_12 color-dark left"> <div class="vc_col-sm-12 wpb_column column_container col no-padding color-dark" style="" data-animation="" data-delay=""> <div class="wpb_wrapper"> <div class="vc_tta-container" data-vc-action="collapse"><div class="vc_general vc_tta vc_tta-tabs vc_tta-color-grey vc_tta-style-classic vc_tta-shape-rounded vc_tta-spacing-1 map-affiliated vc_tta-tabs-position-top vc_tta-controls-align-left"><div class="vc_tta-tabs-container"><ul class="vc_tta-tabs-list"><li class="vc_tta-tab vc_active" data-vc-tab><a href="#1681112869945-5b414fd9-9c96" data-vc-tabs data-vc-container=".vc_tta"><span class="vc_tta-title-text">YSP Gwangju</span></a></li><li class="vc_tta-tab" data-vc-tab><a href="#1681112763097-2fccc104-c7bc" data-vc-tabs data-vc-container=".vc_tta"><span class="vc_tta-title-text">YSP Asan</span></a></li><li class="vc_tta-tab" data-vc-tab><a href="#1681112763082-9c91fb92-4306" data-vc-tabs data-vc-container=".vc_tta"><span class="vc_tta-title-text">YSP Ulsan</span></a></li><li class="vc_tta-tab" data-vc-tab><a href="#1681112910212-a0bfc691-d5b7" data-vc-tabs data-vc-container=".vc_tta"><span class="vc_tta-title-text">ANP Incheon</span></a></li><li class="vc_tta-tab" data-vc-tab><a href="#1681112911433-e40ecd40-d636" data-vc-tabs data-vc-container=".vc_tta"><span class="vc_tta-title-text">ANP Cheongju</span></a></li><li class="vc_tta-tab" data-vc-tab><a href="#1681112955676-d24bf055-2de2" data-vc-tabs data-vc-container=".vc_tta"><span class="vc_tta-title-text">YSP electronics</span></a></li><li class="vc_tta-tab" data-vc-tab><a href="#1681112967835-70a4f1f2-e83d" data-vc-tabs data-vc-container=".vc_tta"><span class="vc_tta-title-text">NEST</span></a></li><li class="vc_tta-tab" data-vc-tab><a href="#1681112985780-454f9788-dade" data-vc-tabs data-vc-container=".vc_tta"><span class="vc_tta-title-text">YS POWERPACK</span></a></li></ul></div><div class="vc_tta-panels-container"><div class="vc_tta-panels"><div class="vc_tta-panel vc_active" id="1681112869945-5b414fd9-9c96" data-vc-content=".vc_tta-panel-body"><div class="vc_tta-panel-heading"><h4 class="vc_tta-panel-title"><a href="#1681112869945-5b414fd9-9c96" data-vc-accordion data-vc-container=".vc_tta-container"><span class="vc_tta-title-text">YSP Gwangju</span></a></h4></div><div class="vc_tta-panel-body"></div></div><div class="vc_tta-panel" id="1681112763097-2fccc104-c7bc" data-vc-content=".vc_tta-panel-body"><div class="vc_tta-panel-heading"><h4 class="vc_tta-panel-title"><a href="#1681112763097-2fccc104-c7bc" data-vc-accordion data-vc-container=".vc_tta-container"><span class="vc_tta-title-text">YSP Asan</span></a></h4></div><div class="vc_tta-panel-body"></div></div><div class="vc_tta-panel" id="1681112763082-9c91fb92-4306" data-vc-content=".vc_tta-panel-body"><div class="vc_tta-panel-heading"><h4 class="vc_tta-panel-title"><a href="#1681112763082-9c91fb92-4306" data-vc-accordion data-vc-container=".vc_tta-container"><span class="vc_tta-title-text">YSP Ulsan</span></a></h4></div><div class="vc_tta-panel-body"></div></div><div class="vc_tta-panel" id="1681112910212-a0bfc691-d5b7" data-vc-content=".vc_tta-panel-body"><div class="vc_tta-panel-heading"><h4 class="vc_tta-panel-title"><a href="#1681112910212-a0bfc691-d5b7" data-vc-accordion data-vc-container=".vc_tta-container"><span class="vc_tta-title-text">ANP Incheon</span></a></h4></div><div class="vc_tta-panel-body"></div></div><div class="vc_tta-panel" id="1681112911433-e40ecd40-d636" data-vc-content=".vc_tta-panel-body"><div class="vc_tta-panel-heading"><h4 class="vc_tta-panel-title"><a href="#1681112911433-e40ecd40-d636" data-vc-accordion data-vc-container=".vc_tta-container"><span class="vc_tta-title-text">ANP Cheongju</span></a></h4></div><div class="vc_tta-panel-body"></div></div><div class="vc_tta-panel" id="1681112955676-d24bf055-2de2" data-vc-content=".vc_tta-panel-body"><div class="vc_tta-panel-heading"><h4 class="vc_tta-panel-title"><a href="#1681112955676-d24bf055-2de2" data-vc-accordion data-vc-container=".vc_tta-container"><span class="vc_tta-title-text">YSP electronics</span></a></h4></div><div class="vc_tta-panel-body"></div></div><div class="vc_tta-panel" id="1681112967835-70a4f1f2-e83d" data-vc-content=".vc_tta-panel-body"><div class="vc_tta-panel-heading"><h4 class="vc_tta-panel-title"><a href="#1681112967835-70a4f1f2-e83d" data-vc-accordion data-vc-container=".vc_tta-container"><span class="vc_tta-title-text">NEST</span></a></h4></div><div class="vc_tta-panel-body"></div></div><div class="vc_tta-panel" id="1681112985780-454f9788-dade" data-vc-content=".vc_tta-panel-body"><div class="vc_tta-panel-heading"><h4 class="vc_tta-panel-title"><a href="#1681112985780-454f9788-dade" data-vc-accordion data-vc-container=".vc_tta-container"><span class="vc_tta-title-text">YS POWERPACK</span></a></h4></div><div class="vc_tta-panel-body"></div></div></div></div></div></div> </div> </div> </div></div><div class="wpb_row vc_row-fluid standard-section section section-no-parallax stretch " data-speed="1" style=""><div class="col span_12 color-dark left"> <div class="vc_col-sm-12 wpb_column column_container col no-padding color-dark" style="" data-animation="" data-delay=""> <div class="wpb_wrapper"> <div class="spacer" style="height: 50px;"></div> </div> </div> </div></div><div id="maparea" class="wpb_row vc_row-fluid standard-section section section-no-parallax ysscripts stretch " data-speed="1" style=""><div class="col span_12 color-dark left"> <div class="vc_col-sm-12 wpb_column column_container col no-padding color-dark" style="" data-animation="" data-delay=""> <div class="wpb_wrapper"> <div class="wpb_raw_code wpb_raw_js" > <div class="wpb_wrapper"> <script> $=jQuery; $(window).load(function(){ //국내/해외 구분탭 관련 작업 var selectedAddr = addr; // 기본값으로 addr를 선택 $(document).ready(function() { $('.ys-domestic').addClass('color-3').removeClass('color-1'); $('.ys-foreign').addClass('color-1').removeClass('color-3'); $('.ys-affiliated').addClass('color-1').removeClass('color-3'); $('#ys-foreign-tabs').css('display', 'none'); $('#ys-affiliated-tabs').css('display', 'none'); $('#ys-domestic-tabs').css('display', 'block'); $('#ys-foreign-topmap').css('display', 'none'); $('#ys-affiliated-topmap').css('display', 'none'); $('#ys-domestic-topmap').css('display', 'block'); }); $('.ys-domestic').on('click touch', function(){ $('.ys-domestic').addClass('color-3').removeClass('color-1'); $('.ys-foreign').addClass('color-1').removeClass('color-3'); $('.ys-affiliated').addClass('color-1').removeClass('color-3'); $('#ys-foreign-tabs').css('display','none'); $('#ys-affiliated-tabs').css('display','none'); $('#ys-domestic-tabs').css('display','block'); $('#ys-foreign-topmap').css('display','none'); $('#ys-affiliated-topmap').css('display','none'); $('#ys-domestic-topmap').css('display','block'); }); $('.ys-foreign').on('click touch', function(){ $('.ys-foreign').addClass('color-3').removeClass('color-1'); $('.ys-domestic').addClass('color-1').removeClass('color-3'); $('.ys-affiliated').addClass('color-1').removeClass('color-3'); $('#ys-domestic-tabs').css('display','none'); $('#ys-affiliated-tabs').css('display','none'); $('#ys-foreign-tabs').css('display','block'); $('#ys-domestic-topmap').css('display','none'); $('#ys-affiliated-topmap').css('display','none'); $('#ys-foreign-topmap').css('display','block'); }); $('.ys-affiliated').on('click touch', function(){ $('.ys-affiliated').addClass('color-3').removeClass('color-1'); $('.ys-foreign').addClass('color-1').removeClass('color-3'); $('.ys-domestic').addClass('color-1').removeClass('color-3'); $('#ys-domestic-tabs').css('display','none'); $('#ys-foreign-tabs').css('display','none'); $('#ys-affiliated-tabs').css('display','block'); $('#ys-domestic-topmap').css('display','none'); $('#ys-foreign-topmap').css('display','none'); $('#ys-affiliated-topmap').css('display','block'); map.relayout(); $('#ys-affiliated-tabs a:first').click(); }); //국내공장 탭부분 $.each( addr, function( key, value ) { (function(K){ var strElem = '<div class="wpb_wrapper"> ' + ' <div class="col span_12"> ' + ' <div class="vc_col-sm-3"> ' + ' <img src="/wordpress/wp-content/uploads/2020/07/'+ addr[K].nm+'01.png" alt="..." class="img-responsive ysmap" onerror="this.src=\'/wordpress/wp-content/uploads/2020/07/noimage.png\'"> ' + ' </div> ' + ' <div class="vc_col-sm-9 col padding-2"> ' + ' <h3 class="divider-title align-left div-addr"><span style="text-transform:none !important;">'+ addr[K].tag+'</span></h3> ' + ' <i class="fa fa-map-marker minti-icon" style="color:#3c5faa;font-size:24px;margin:0 8px;"></i>'+ addr[K].detle + addr[K].ade +'<br> ' + ' <i class="fa fa-phone minti-icon" style="color:#3c5faa;font-size:24px;margin:0 6px;"></i>'+ addr[K].phone+'<br> ' + ' <i class="fa fa-fax minti-icon" style="color:#3c5faa;font-size:19px;margin:0 6px;"></i>'+ addr[K].fax + ' </div> ' + ' </div> ' + ' <div class="col span_12"> ' + ' <div class="vc_col-sm-12 col padding-2"> ' + ' <div id="'+ addr[K].id+'" class="ysmap" style="width:100%;height:400px;"></div> ' + ' </div> ' + ' </div> ' + '</div> '; $('.map-domestic').find('.vc_tta-panels').find('div.vc_tta-panel-body').eq(K).html(strElem); })(key); }); var map; var $_maps = $(".map-domestic").find(".vc_tta-tab").on("click", function(){ (function(mapid,maptag,mapad){ // 주소-좌표 변환 객체를 생성합니다 var geocoder = new kakao.maps.services.Geocoder(); // 주소로 좌표를 검색합니다 geocoder.addressSearch(mapad, function(result, status) { // 정상적으로 검색이 완료됐으면 if (status === kakao.maps.services.Status.OK) { var mapContainer = document.getElementById(mapid), // 지도를 표시할 div mapOption = { center: new kakao.maps.LatLng(result[0].y, result[0].x), // 지도의 중심좌표 level: 4 // 지도의 확대 레벨 }; // 지도를 생성합니다 map = new kakao.maps.Map(mapContainer, mapOption); var imageSrc = '/wordpress/wp-content/uploads/2020/07/marker_ys-1.png', // 마커이미지의 주소입니다 imageSize = new kakao.maps.Size(64, 69), // 마커이미지의 크기입니다 imageOption = {offset: new kakao.maps.Point(27, 69)}; // 마커이미지의 옵션입니다. 마커의 좌표와 일치시킬 이미지 안에서의 좌표를 설정합니다. // 마커의 이미지정보를 가지고 있는 마커이미지를 생성합니다 var markerImage = new kakao.maps.MarkerImage(imageSrc, imageSize, imageOption); var coords = new kakao.maps.LatLng(result[0].y, result[0].x); // 결과값으로 받은 위치를 마커로 표시합니다 var marker = new kakao.maps.Marker({ map: map, image: markerImage, // 마커이미지 설정 position: coords }); // 지도의 중심을 결과값으로 받은 위치로 이동시킵니다 map.setCenter(coords); // 커스텀 오버레이에 표출될 내용으로 HTML 문자열이나 document element가 가능합니다 var content = '<div class="customoverlay">' + ' <a href="https://map.kakao.com/link/map/'+maptag+","+result[0].y+","+result[0].x+'" target="_blank">' + ' <span class="title" style="text-transform:none !important;">'+maptag+'</span>' + ' </a>' + '</div>'; // 커스텀 오버레이가 표시될 위치입니다 var position = new kakao.maps.LatLng(result[0].y, result[0].x); // 커스텀 오버레이를 생성합니다 var customOverlay = new kakao.maps.CustomOverlay({ map: map, position: position, content: content, yAnchor: 1 }); // 일반 지도와 스카이뷰로 지도 타입을 전환할 수 있는 지도타입 컨트롤을 생성합니다 var mapTypeControl = new kakao.maps.MapTypeControl(); // 지도에 컨트롤을 추가해야 지도위에 표시됩니다 // kakao.maps.ControlPosition은 컨트롤이 표시될 위치를 정의하는데 TOPRIGHT는 오른쪽 위를 의미합니다 map.addControl(mapTypeControl, kakao.maps.ControlPosition.TOPRIGHT); // 지도 확대 축소를 제어할 수 있는 줌 컨트롤을 생성합니다 var zoomControl = new kakao.maps.ZoomControl(); map.addControl(zoomControl, kakao.maps.ControlPosition.RIGHT); } }); })(addr[$_maps.index(this)].id, addr[$_maps.index(this)].tag, addr[$_maps.index(this)].ad); });//EOF-onClick // 주소-좌표 변환 객체를 생성합니다 var geocoder = new kakao.maps.services.Geocoder(); // 주소로 좌표를 검색합니다 geocoder.addressSearch(addr[0].ad, function(result, status) { // 정상적으로 검색이 완료됐으면 if (status === kakao.maps.services.Status.OK) { var mapContainer = document.getElementById(addr[0].id), // 지도를 표시할 div mapOption = { center: new kakao.maps.LatLng(result[0].y, result[0].x), // 지도의 중심좌표 level: 4 // 지도의 확대 레벨 }; // 지도를 생성합니다 map = new kakao.maps.Map(mapContainer, mapOption); var imageSrc = '/wordpress/wp-content/uploads/2020/07/marker_ys-1.png', // 마커이미지의 주소입니다 imageSize = new kakao.maps.Size(64, 69), // 마커이미지의 크기입니다 imageOption = {offset: new kakao.maps.Point(27, 69)}; // 마커이미지의 옵션입니다. 마커의 좌표와 일치시킬 이미지 안에서의 좌표를 설정합니다. // 마커의 이미지정보를 가지고 있는 마커이미지를 생성합니다 var markerImage = new kakao.maps.MarkerImage(imageSrc, imageSize, imageOption); var coords = new kakao.maps.LatLng(result[0].y, result[0].x); // 결과값으로 받은 위치를 마커로 표시합니다 var marker = new kakao.maps.Marker({ map: map, image: markerImage, // 마커이미지 설정 position: coords }); // 지도의 중심을 결과값으로 받은 위치로 이동시킵니다 map.setCenter(coords); //setTimeout(function(){ map.relayout(); //},0); // 커스텀 오버레이에 표출될 내용으로 HTML 문자열이나 document element가 가능합니다 var content = '<div class="customoverlay">' + ' <a href="https://map.kakao.com/link/map/'+addr[0].tag+","+result[0].y+","+result[0].x+'" target="_blank">' + ' <span class="title" style="text-transform:none !important;">'+addr[0].tag+'</span>' + ' </a>' + '</div>'; // 커스텀 오버레이가 표시될 위치입니다 var position = new kakao.maps.LatLng(result[0].y, result[0].x); // 커스텀 오버레이를 생성합니다 var customOverlay = new kakao.maps.CustomOverlay({ map: map, position: position, content: content, yAnchor: 1 }); // 일반 지도와 스카이뷰로 지도 타입을 전환할 수 있는 지도타입 컨트롤을 생성합니다 var mapTypeControl = new kakao.maps.MapTypeControl(); // 지도에 컨트롤을 추가해야 지도위에 표시됩니다 // kakao.maps.ControlPosition은 컨트롤이 표시될 위치를 정의하는데 TOPRIGHT는 오른쪽 위를 의미합니다 map.addControl(mapTypeControl, kakao.maps.ControlPosition.TOPRIGHT); // 지도 확대 축소를 제어할 수 있는 줌 컨트롤을 생성합니다 var zoomControl = new kakao.maps.ZoomControl(); map.addControl(zoomControl, kakao.maps.ControlPosition.RIGHT); } });//EOF-geocoder.addressSearch //해외공장 탭부분 $.each( addr2, function( key, value ) { (function(K){ var strElem = '<div class="wpb_wrapper"> ' + ' <div class="col span_12"> ' + ' <div class="vc_col-sm-3"> ' + ' <img src="/wordpress/wp-content/uploads/2020/07/'+ addr2[K].nm+'01.png" alt="..." class="img-responsive ysmap" onerror="this.src=\'/wordpress/wp-content/uploads/2020/07/noimage.png\'"> ' + ' </div> ' + ' <div class="vc_col-sm-9 col padding-2"> ' + ' <h3 class="divider-title align-left div-addr"><span style="text-transform:none !important;">'+ addr2[K].tag+'</span></h3> ' //+ ' <i class="fa fa-map-marker minti-icon" style="color:#3c5faa;font-size:24px;margin:0 8px;"></i>'+ addr2[K].ad + addr2[K].detl+'<br> ' + ' <i class="fa fa-map-marker minti-icon" style="color:#3c5faa;font-size:24px;margin:0 8px;"></i>'+ addr2[K].ade +'<br> ' + ' <i class="fa fa-phone minti-icon" style="color:#3c5faa;font-size:24px;margin:0 6px;"></i>'+ addr2[K].phone + '    ' + '<i class="fa fa-fax minti-icon" style="color:#3c5faa;font-size:19px;margin:0 6px;"></i>'+ addr2[K].fax + ' </div> ' + ' </div> ' + ' <div class="col span_12"> ' + ' <div class="vc_col-sm-12 col padding-2"> ' + ' <iframe width="100%" height="400" frameborder="0" style="border:0" ' + ' src="https://www.google.com/maps/embed/v1/place?key=AIzaSyB9bv0mLLRGAvmzJN-j0YuKLiUF-YgowU0&zoom=17&maptype=satellite&q='+encodeURI(addr2[K].localad)+'&language=ko" allowfullscreen></iframe> ' + ' </div> ' + ' </div> ' + '</div> '; $('.map-foreign').find('.vc_tta-panels').find('div.vc_tta-panel-body').eq(K).html(strElem); })(key); }); //관계사 탭부분 $.each( addr3, function( key, value ) { (function(K){ var strElem = '<div class="wpb_wrapper"> ' + ' <div class="col span_12"> ' + ' <div class="vc_col-sm-3"> ' + ' <img src="/wordpress/wp-content/uploads/2020/07/'+ addr3[K].nm+'01.png" alt="..." class="img-responsive ysmap" onerror="this.src=\'/wordpress/wp-content/uploads/2020/07/noimage.png\'"> ' + ' </div> ' + ' <div class="vc_col-sm-9 col padding-2"> ' + ' <h3 class="divider-title align-left div-addr"><span style="text-transform:none !important;">'+ addr3[K].tag+'</span></h3> ' + ' <i class="fa fa-map-marker minti-icon" style="color:#3c5faa;font-size:24px;margin:0 8px;"></i>'+ addr3[K].detle + addr3[K].ade +'<br> ' + ' <i class="fa fa-phone minti-icon" style="color:#3c5faa;font-size:24px;margin:0 6px;"></i>'+ addr3[K].phone+'<br> ' + ' <i class="fa fa-fax minti-icon" style="color:#3c5faa;font-size:19px;margin:0 6px;"></i>'+ addr3[K].fax + ' </div> ' + ' </div> ' + ' <div class="col span_12"> ' + ' <div class="vc_col-sm-12 col padding-2"> ' + ' <div id="'+ addr3[K].id+'" class="ysmap" style="width:100%;height:400px;"></div> ' + ' </div> ' + ' </div> ' + '</div> '; $('.map-affiliated').find('.vc_tta-panels').find('div.vc_tta-panel-body').eq(K).html(strElem); })(key); }); var $_maps1 = $(".map-affiliated").find(".vc_tta-tab").on("click", function(){ (function(mapid,maptag,mapad){ // 주소로 좌표를 검색합니다 geocoder.addressSearch(mapad, function(result, status) { // 정상적으로 검색이 완료됐으면 if (status === kakao.maps.services.Status.OK) { var mapContainer = document.getElementById(mapid), // 지도를 표시할 div mapOption = { center: new kakao.maps.LatLng(result[0].y, result[0].x), // 지도의 중심좌표 level: 4 // 지도의 확대 레벨 }; // 지도를 생성합니다 map = new kakao.maps.Map(mapContainer, mapOption); var imageSrc = '/wordpress/wp-content/uploads/2020/07/marker_ys-1.png', // 마커이미지의 주소입니다 imageSize = new kakao.maps.Size(64, 69), // 마커이미지의 크기입니다 imageOption = {offset: new kakao.maps.Point(27, 69)}; // 마커이미지의 옵션입니다. 마커의 좌표와 일치시킬 이미지 안에서의 좌표를 설정합니다. // 마커의 이미지정보를 가지고 있는 마커이미지를 생성합니다 var markerImage = new kakao.maps.MarkerImage(imageSrc, imageSize, imageOption); var coords = new kakao.maps.LatLng(result[0].y, result[0].x); // 결과값으로 받은 위치를 마커로 표시합니다 var marker = new kakao.maps.Marker({ map: map, image: markerImage, // 마커이미지 설정 position: coords }); // 지도의 중심을 결과값으로 받은 위치로 이동시킵니다 map.setCenter(coords); // 커스텀 오버레이에 표출될 내용으로 HTML 문자열이나 document element가 가능합니다 var content = '<div class="customoverlay">' + ' <a href="https://map.kakao.com/link/map/'+maptag+","+result[0].y+","+result[0].x+'" target="_blank">' + ' <span class="title" style="text-transform:none !important;">'+maptag+'</span>' + ' </a>' + '</div>'; // 커스텀 오버레이가 표시될 위치입니다 var position = new kakao.maps.LatLng(result[0].y, result[0].x); // 커스텀 오버레이를 생성합니다 var customOverlay = new kakao.maps.CustomOverlay({ map: map, position: position, content: content, yAnchor: 1 }); // 일반 지도와 스카이뷰로 지도 타입을 전환할 수 있는 지도타입 컨트롤을 생성합니다 var mapTypeControl = new kakao.maps.MapTypeControl(); // 지도에 컨트롤을 추가해야 지도위에 표시됩니다 // kakao.maps.ControlPosition은 컨트롤이 표시될 위치를 정의하는데 TOPRIGHT는 오른쪽 위를 의미합니다 map.addControl(mapTypeControl, kakao.maps.ControlPosition.TOPRIGHT); // 지도 확대 축소를 제어할 수 있는 줌 컨트롤을 생성합니다 var zoomControl = new kakao.maps.ZoomControl(); map.addControl(zoomControl, kakao.maps.ControlPosition.RIGHT); } }); })(addr3[$_maps1.index(this)].id, addr3[$_maps1.index(this)].tag, addr3[$_maps1.index(this)].ad); });//EOF-onClick // 주소-좌표 변환 객체를 생성합니다 var geocoder = new kakao.maps.services.Geocoder(); // 주소로 좌표를 검색합니다 geocoder.addressSearch(addr3[0].ad, function(result, status) { // 정상적으로 검색이 완료됐으면 if (status === kakao.maps.services.Status.OK) { var mapContainer = document.getElementById(addr3[0].id), // 지도를 표시할 div mapOption = { center: new kakao.maps.LatLng(result[0].y, result[0].x), // 지도의 중심좌표 level: 4 // 지도의 확대 레벨 }; // 지도를 생성합니다 map = new kakao.maps.Map(mapContainer, mapOption); var imageSrc = '/wordpress/wp-content/uploads/2020/07/marker_ys-1.png', // 마커이미지의 주소입니다 imageSize = new kakao.maps.Size(64, 69), // 마커이미지의 크기입니다 imageOption = {offset: new kakao.maps.Point(27, 69)}; // 마커이미지의 옵션입니다. 마커의 좌표와 일치시킬 이미지 안에서의 좌표를 설정합니다. // 마커의 이미지정보를 가지고 있는 마커이미지를 생성합니다 var markerImage = new kakao.maps.MarkerImage(imageSrc, imageSize, imageOption); var coords = new kakao.maps.LatLng(result[0].y, result[0].x); // 결과값으로 받은 위치를 마커로 표시합니다 var marker = new kakao.maps.Marker({ map: map, image: markerImage, // 마커이미지 설정 position: coords }); // 지도의 중심을 결과값으로 받은 위치로 이동시킵니다 map.setCenter(coords); //setTimeout(function(){ map.relayout(); //},0); // 커스텀 오버레이에 표출될 내용으로 HTML 문자열이나 document element가 가능합니다 var content = '<div class="customoverlay">' + ' <a href="https://map.kakao.com/link/map/'+addr3[0].tag+","+result[0].y+","+result[0].x+'" target="_blank">' + ' <span class="title" style="text-transform:none !important;">'+addr3[0].tag+'</span>' + ' </a>' + '</div>'; // 커스텀 오버레이가 표시될 위치입니다 var position = new kakao.maps.LatLng(result[0].y, result[0].x); // 커스텀 오버레이를 생성합니다 var customOverlay = new kakao.maps.CustomOverlay({ map: map, position: position, content: content, yAnchor: 1 }); // 일반 지도와 스카이뷰로 지도 타입을 전환할 수 있는 지도타입 컨트롤을 생성합니다 var mapTypeControl = new kakao.maps.MapTypeControl(); // 지도에 컨트롤을 추가해야 지도위에 표시됩니다 // kakao.maps.ControlPosition은 컨트롤이 표시될 위치를 정의하는데 TOPRIGHT는 오른쪽 위를 의미합니다 map.addControl(mapTypeControl, kakao.maps.ControlPosition.TOPRIGHT); // 지도 확대 축소를 제어할 수 있는 줌 컨트롤을 생성합니다 var zoomControl = new kakao.maps.ZoomControl(); map.addControl(zoomControl, kakao.maps.ControlPosition.RIGHT); } });//EOF-geocoder.addressSearch });//EOF-windowLoad </script> </div> </div> </div> </div> </div></div> </div>  </div>  <div id="copyright" class="clearfix"> <div class="container"> <div class="sixteen columns"> <div class="copyright-text copyright-col1"> <div id="logofooter" class="logo">  <a href="https://www.yong-san.com/en/"> <img src="https://www.yong-san.com/en//wordpress/wp-content/uploads/2020/07/yongsan_logo_compact_284x60-white.png" style="display: inline-block;" width="213" height="45" alt="YONGSAN" class="logo_retina_transparent"> </a> </div> </div> <div class="copyright-col2-ys"> H.Q. : 42, Muryong-ro, Buk-gu, Ulsan, Republic of Korea<br> TEL : 052-287-4645~8<br> FAX : 0303-3130-4645<br> COPYRIGHT ⓒ YONGSAN. ALL RIGHTS RESERVED. </div>  <div class="copyright-col3-ys"> <div class="wrapper-partners">  </div> </div> </div> </div> <script type="text/javascript"> if(window.console != undefined) { setTimeout(console.log.bind(console, "%cAUTOMOTIVE INTERIOR PARTS","font:2em Arial;color:#3c5faa;font-weight:bold;"), 0); setTimeout(console.log.bind(console, "%c[.. [.. [.... [... [.. [.... [.. .. [. [... [..\n [.. [.. [.. [.. [. [.. [.. [. [.. [.. [.. [. .. [. [.. [..\n [.. [.. [.. [..[.. [.. [..[.. [.. [. [.. [.. [.. [..\n [.. [.. [..[.. [.. [..[.. [.. [.. [.. [.. [.. [..\n [.. [.. [..[.. [. [..[.. [.... [.. [...... [.. [.. [. [..\n [.. [.. [.. [.. [. .. [.. [. [.. [.. [.. [.. [.. [. ..\n [.. [.... [.. [.. [..... [.. .. [.. [..[.. [..","color:#3c5faa;font-weight:bold;"), 0); }</script> </div> </div> <div id="back-to-top"><a href="#"><i class="fa fa-chevron-up"></i></a></div> <script type="text/html" id="wpb-modifications"></script><link rel='stylesheet' id='vc_tta_style-css' href='https://www.yong-san.com/wordpress/wp-content/plugins/js_composer/assets/css/js_composer_tta.min.css?ver=6.1' type='text/css' media='all' /> <script type='text/javascript' src='https://www.yong-san.com/wordpress/wp-content/themes/unicon/framework/js/jquery.scrollpath.js'></script> <script type='text/javascript' src='https://www.yong-san.com/wordpress/wp-content/themes/unicon/framework/js/jquery.easing.min.js'></script> <script type='text/javascript' src='https://www.yong-san.com/wordpress/wp-content/themes/unicon/framework/js/waypoints.min.js'></script> <script type='text/javascript' src='https://www.yong-san.com/wordpress/wp-content/themes/unicon/framework/js/waypoints-sticky.min.js'></script> <script type='text/javascript' src='https://www.yong-san.com/wordpress/wp-content/themes/unicon/framework/js/prettyPhoto.js'></script> <script type='text/javascript' src='https://www.yong-san.com/wordpress/wp-content/themes/unicon/framework/js/isotope.pkgd.min.js'></script> <script type='text/javascript' src='https://www.yong-san.com/wordpress/wp-content/themes/unicon/framework/js/functions.js'></script> <script type='text/javascript' src='https://www.yong-san.com/wordpress/wp-content/themes/unicon/framework/js/flexslider.min.js'></script> <script type='text/javascript' src='https://www.yong-san.com/wordpress/wp-content/themes/unicon/framework/js/smoothscroll.js'></script> <script type='text/javascript' src='https://www.yong-san.com/wordpress/wp-includes/js/comment-reply.min.js?ver=4.9.15'></script> <script type='text/javascript' src='https://www.yong-san.com/wordpress/wp-includes/js/wp-embed.min.js?ver=4.9.15'></script> <script type='text/javascript' src='https://www.yong-san.com/wordpress/wp-content/plugins/js_composer/assets/js/dist/js_composer_front.min.js?ver=6.1'></script> <script type='text/javascript' src='https://www.yong-san.com/wordpress/wp-content/plugins/js_composer/assets/lib/vc_accordion/vc-accordion.min.js?ver=6.1'></script> <script type='text/javascript' src='https://www.yong-san.com/wordpress/wp-content/plugins/js_composer/assets/lib/vc-tta-autoplay/vc-tta-autoplay.min.js?ver=6.1'></script> <script type='text/javascript' src='https://www.yong-san.com/wordpress/wp-content/plugins/js_composer/assets/lib/vc_tabs/vc-tabs.min.js?ver=6.1'></script> <script type="text/javascript"> jQuery(document).ready(function($){ "use strict"; /* PrettyPhoto Options */ var lightboxArgs = { animation_speed: 'normal', overlay_gallery: false, autoplay_slideshow: false, slideshow: 5000, opacity: 0.8, show_title: false, social_tools: "", deeplinking: false, allow_resize: true, allow_expand: false, counter_separator_label: '/', default_width: 1160, default_height: 653 }; /* General Lightbox */ $('a[class^="prettyPhoto"], a[rel^="prettyPhoto"], .prettyPhoto').prettyPhoto(lightboxArgs); /* WooCommerce Lightbox */ $("a[data-rel^='prettyPhoto']").prettyPhoto({ hook: 'data-rel', social_tools: false, deeplinking: false, overlay_gallery: false, opacity: 0.8, allow_expand: false, /* Allow the user to expand a resized image. true/false */ show_title: false }); /* Transparent Header */ function transparentHeader() { if ($(document).scrollTop() >= 60) { $('#header.header-v1').removeClass('header-transparent'); } else { $('#header.header-v1.stuck').addClass('header-transparent'); } } /* Sticky Header */ // if (/Android|BlackBerry|iPhone|iPad|iPod|webOS/i.test(navigator.userAgent) === false) { var $stickyHeaders = $('#header.header-v1, #header.header-v3 .navigation-wrap, #header.header-v4 .navigation-wrap, #mobile-header, .ys-nav3'); $stickyHeaders.waypoint('sticky'); $(window).resize(function() { // $stickyHeaders.waypoint('unsticky'); // if ($(window).width() < 944) { // $stickyHeaders.waypoint('unsticky'); // } // else { // $stickyHeaders.waypoint('sticky'); // } }); if ($("body").hasClass("header-is-transparent")) { $(document).scroll(function() { transparentHeader(); }); transparentHeader(); } // } /* Fill rest of page */ $('body').css({'background-color' : '#2d3032' }); }); </script> </body> </html>