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>㈜용산</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="AUTOMOTIVE INTERIOR PARTS" /> <meta name="keywords" content="주용산,주 용산,주식회사 용산,용산,yongsan,automotive,yong san" /> <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#webpage","url":"https://www.yong-san.com/en","inLanguage":"en-US","name":"YONGSAN","isPartOf":{"@id":"https://www.yong-san.com/en/#website"},"breadcrumb":{"@id":"https://www.yong-san.com/en#breadcrumblist"},"description":"AUTOMOTIVE INTERIOR PARTS","datePublished":"2020-07-14T08:08:14+00:00","dateModified":"2020-11-20T08:18:27+00:00","about":{"@id":"https://www.yong-san.com/en/#organization"}},{"@type":"BreadcrumbList","@id":"https://www.yong-san.com/en#breadcrumblist","itemListElement":[{"@type":"ListItem","position":1,"item":{"@type":"WebPage","@id":"https://www.yong-san.com/en/","url":"https://www.yong-san.com/en/","name":"㈜용산"}}]}]}</script> <link rel="canonical" href="http://www.yong-san.com" /> <meta property="og:type" content="website" /> <meta property="og:title" content="YONGSAN | 용산" /> <meta property="og:description" content="AUTOMOTIVE INTERIOR PARTS" /> <meta property="og:url" content="https://www.yong-san.com/en/" /> <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="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="YONGSAN | 용산" /> <meta name="twitter:description" content="AUTOMOTIVE INTERIOR PARTS" /> <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/' /> <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%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%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/" rel="alternate" /> <link hreflang="en" href="https://www.yong-san.com/en/" rel="alternate" /> <link hreflang="cn" href="https://www.yong-san.com/zh/" rel="alternate" /> <link hreflang="x-default" href="https://www.yong-san.com/ko/" 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="home page-template-default page page-id-20899 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 current-menu-item current_page_item 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 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/">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/">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 current-menu-item current_page_item 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 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/">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/">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 ys-hidden-mob ys-landing-bg stretch bg-stretch " data-speed="1" style="background-image: url(https://www.yong-san.com/wordpress/wp-content/uploads/2020/09/road-car2.png); padding-top: 90px; "><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="single_image wpb_content_element align-left animate image_zoom main-title-img" data-animation="fade-in" data-delay="2500"><img class="" src="https://www.yong-san.com/wordpress/wp-content/uploads/2020/08/ci_org-900-450x95.png" width="450" height="95" alt="ci_org-900" title="ci_org-900" /></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="single_image wpb_content_element align-center " data-animation="none" data-delay="0"><img width="1200" height="420" src="https://www.yong-san.com/wordpress/wp-content/uploads/2020/11/landing-main-mob-en.png" class="attachment-full" alt="" srcset="https://www.yong-san.com/wordpress/wp-content/uploads/2020/11/landing-main-mob-en.png 1200w, https://www.yong-san.com/wordpress/wp-content/uploads/2020/11/landing-main-mob-en-150x53.png 150w, https://www.yong-san.com/wordpress/wp-content/uploads/2020/11/landing-main-mob-en-300x105.png 300w, https://www.yong-san.com/wordpress/wp-content/uploads/2020/11/landing-main-mob-en-768x269.png 768w, https://www.yong-san.com/wordpress/wp-content/uploads/2020/11/landing-main-mob-en-1024x358.png 1024w" sizes="(max-width: 1200px) 100vw, 1200px" /></div> </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="padding-top: 30px; padding-bottom: 20px; "><div class="col span_12 color-dark left"> <div class="vc_col-sm-6 ys-catimg-wrapper wpb_column column_container col vertical-center no-padding color-dark" style="" data-animation="" data-delay=""> <div class="wpb_wrapper"> <div class="wpb_text_column wpb_content_element ys-landing-anchor ys-capsule" > <div class="wpb_wrapper"> <h3><span style="color: #3c5faa; font-weight: bold;"><a style="color: #3c5faa;" href="/en/company">Company Introduction</a></span></h3> </div> </div> </div> </div> <div class="vc_col-sm-6 ys-catimg-wrapper wpb_column column_container col vertical-center no-padding color-dark" style="" data-animation="" data-delay=""> <div class="wpb_wrapper"> <div class="wpb_text_column wpb_content_element ys-landing-anchor ys-capsule" > <div class="wpb_wrapper"> <h3><span style="color: #3c5faa; font-weight: bold;"><a style="color: #3c5faa;" href="/en/product">Product Description</a></span></h3> </div> </div> </div> </div> </div></div><div class="wpb_row vc_row-fluid standard-section section section-no-parallax ys-hidden-mob vertical-top stretch " data-speed="1" style="padding-top: 10px; padding-bottom: 20px; "><div class="col span_12 color-dark left"> <div class="vc_col-sm-6 ys-catimg-wrapper wpb_column column_container col no-padding color-dark" style="" data-animation="" data-delay=""> <div class="wpb_wrapper"> <div class="wpb_text_column wpb_content_element " > <div class="wpb_wrapper"> <h4>An eco-friendly company and a leader in the vehicle interior industry.</h4> </div> </div> </div> </div> <div class="vc_col-sm-6 ys-catimg-wrapper wpb_column column_container col vertical-center no-padding color-dark" style="" data-animation="" data-delay=""> <div class="wpb_wrapper"> <div class="wpb_text_column wpb_content_element " > <div class="wpb_wrapper"> <h4>Experience products made with the highest technology and skills.</h4> </div> </div> </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="padding-bottom: 20px; "><div class="col span_12 color-dark left"> <div class="vc_col-sm-6 ys-catimg-wrapper wpb_column column_container col vertical-center no-padding color-dark" style="" data-animation="" data-delay=""> <div class="wpb_wrapper"> <a href="/en/company" target="_self" class="catimage wpb_content_element color-light" style="height: 142px;"> <span style="background-image: url(https://www.yong-san.com/wordpress/wp-content/uploads/2020/11/company-thmb-1.png); height: 142px;"></span> <div class="catimage-overlay clearfix" style="height: 142px;"> <div class="catimage-text">Company</div> </div></a> </div> </div> <div class="vc_col-sm-6 ys-catimg-wrapper wpb_column column_container col vertical-center no-padding color-dark" style="" data-animation="" data-delay=""> <div class="wpb_wrapper"> <a href="/en/product" target="_self" class="catimage wpb_content_element color-light" style="height: 142px;"> <span style="background-image: url(https://www.yong-san.com/wordpress/wp-content/uploads/2020/07/product-thmb2.png); height: 142px;"></span> <div class="catimage-overlay clearfix" style="height: 142px;"> <div class="catimage-text">Product</div> </div></a> </div> </div> </div></div><div class="wpb_row vc_row-fluid standard-section section section-no-parallax ys-show-mob stretch " data-speed="1" style="padding-top: 30px; padding-bottom: 20px; "><div class="col span_12 color-dark left"> <div class="vc_col-sm-6 ys-catimg-wrapper wpb_column column_container col vertical-center no-padding color-dark" style="" data-animation="" data-delay=""> <div class="wpb_wrapper"> <div class="wpb_text_column wpb_content_element ys-landing-anchor ys-capsule" > <div class="wpb_wrapper"> <h3><span style="color: #3c5faa; font-weight: bold;"><a style="color: #3c5faa;" href="/en/company">Company Introduction</a></span></h3> </div> </div> <div class="wpb_text_column wpb_content_element " > <div class="wpb_wrapper"> <h4>An eco-friendly company and a leader in the vehicle interior industry.</h4> </div> </div> <a href="/en/company" target="_self" class="catimage wpb_content_element color-light" style="height: 132px;"> <span style="background-image: url(https://www.yong-san.com/wordpress/wp-content/uploads/2020/11/company-thmb-1.png); height: 132px;"></span> <div class="catimage-overlay clearfix" style="height: 132px;"> <div class="catimage-text">Company</div> </div></a> </div> </div> <div class="vc_col-sm-6 ys-catimg-wrapper wpb_column column_container col vertical-center no-padding color-dark" style="" data-animation="" data-delay=""> <div class="wpb_wrapper"> <div class="wpb_text_column wpb_content_element ys-landing-anchor ys-capsule" > <div class="wpb_wrapper"> <h3><span style="color: #3c5faa; font-weight: bold;"><a style="color: #3c5faa;" href="/en/product">Product Description</a></span></h3> </div> </div> <div class="wpb_text_column wpb_content_element " > <div class="wpb_wrapper"> <h4>Experience products made with the highest technology and skills.</h4> </div> </div> <a href="/en/product" target="_self" class="catimage wpb_content_element color-light" style="height: 132px;"> <span style="background-image: url(https://www.yong-san.com/wordpress/wp-content/uploads/2020/07/product-thmb2.png); height: 132px;"></span> <div class="catimage-overlay clearfix" style="height: 132px;"> <div class="catimage-text">Product</div> </div></a> </div> </div> </div></div><div class="wpb_row vc_row-fluid standard-section section section-no-parallax ys-hidden-mob 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="divider divider1" style='margin:5px 0 5px 0 !important;'></div> </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="background-color: #efefef; "><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: 10px;"></div> </div> </div> </div></div><div class="wpb_row vc_row-fluid standard-section section section-no-parallax stretch " data-speed="1" style="background-color: #efefef; padding-top: 20px; padding-bottom: 40px; "><div class="col span_12 color-dark left"> <div class="vc_col-sm-4 ys-catimg-wrapper wpb_column column_container col vertical-center no-padding color-dark" style="" data-animation="" data-delay=""> <div class="wpb_wrapper"> <div class="wpb_text_column wpb_content_element ys-landing-anchor ys-capsule2" > <div class="wpb_wrapper"> <h3><span style="color: #3c5faa; font-weight: bold;"><a style="color: #3c5faa;" href="/en/pr">Promotion Video</a></span></h3> </div> </div> <a href="/en/pr" target="_self" class="catimage wpb_content_element color-light" style="height: 132px;"> <span style="background-image: url(https://www.yong-san.com/wordpress/wp-content/uploads/2020/07/pr-thmb2.png); height: 132px;"></span> <div class="catimage-overlay clearfix" style="height: 132px;"> <div class="catimage-text">Promotion Video</div> </div></a> </div> </div> <div class="vc_col-sm-4 ys-catimg-wrapper wpb_column column_container col vertical-center no-padding color-dark" style="" data-animation="" data-delay=""> <div class="wpb_wrapper"> <div class="wpb_text_column wpb_content_element ys-landing-anchor ys-capsule2" > <div class="wpb_wrapper"> <h3><span style="color: #3c5faa; font-weight: bold;"><a style="color: #3c5faa;" href="/en/company#history">History</a></span></h3> </div> </div> <a href="/en/company#history" target="_self" class="catimage wpb_content_element color-light" style="height: 132px;"> <span style="background-image: url(https://www.yong-san.com/wordpress/wp-content/uploads/2020/07/history-thmb.png); height: 132px;"></span> <div class="catimage-overlay clearfix" style="height: 132px;"> <div class="catimage-text">History</div> </div></a> </div> </div> <div class="vc_col-sm-4 ys-catimg-wrapper wpb_column column_container col vertical-center no-padding color-dark" style="" data-animation="" data-delay=""> <div class="wpb_wrapper"> <div class="wpb_text_column wpb_content_element ys-landing-anchor ys-capsule2" > <div class="wpb_wrapper"> <h3><span style="color: #3c5faa; font-weight: bold;"><a style="color: #3c5faa;" href="/en/contact-us">Contact Us</a></span></h3> </div> </div> <a href="/en/contact-us" target="_self" class="catimage wpb_content_element color-light" style="height: 132px;"> <span style="background-image: url(https://www.yong-san.com/wordpress/wp-content/uploads/2020/07/contactus-thmb2.png); height: 132px;"></span> <div class="catimage-overlay clearfix" style="height: 132px;"> <div class="catimage-text">Contact us</div> </div></a> </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> $=jQuery; $(window).load(function(){ $('.iconbox-ys-product').attr('onclick','location.href="/wordpress/?page_id=16320"'); $('.iconbox-ys-pr').attr('onclick','location.href="/wordpress/?page_id=19582"'); $('.iconbox-ys-recruit').attr('onclick','location.href="/wordpress/?page_id=17217"'); $('.iconbox-ys-history').attr('onclick','location.href="/wordpress/?page_id=15640#history"'); $('.iconbox-ys-navi').attr('onclick','location.href="/wordpress/?page_id=19918"'); $('img').attr('title',''); }); </script> <style> .ys-divbutton-big { cursor: pointer; } .ys-divbutton-big i { font-size: 70px !important; } .ys-divbutton-big * { color: #666666 !important; } </style> </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><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"> 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>