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>PRODUCT | 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="PRODUCT" /> <meta name="keywords" content="product,sunvisor,seat,wrapping,customize,제품,선바이저,시트,가죽감싸기,커스터마이징,产品" /> <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/product/#webpage","url":"https://www.yong-san.com/en/product/","inLanguage":"en-US","name":"PRODUCT","isPartOf":{"@id":"https://www.yong-san.com/en/#website"},"breadcrumb":{"@id":"https://www.yong-san.com/en/product/#breadcrumblist"},"description":"PRODUCT","datePublished":"2020-07-27T05:11:35+00:00","dateModified":"2023-05-17T03:06:36+00:00"},{"@type":"BreadcrumbList","@id":"https://www.yong-san.com/en/product/#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/product/","url":"https://www.yong-san.com/en/product/","name":"PRODUCT"}}]}]}</script> <link rel="canonical" href="http://www.yong-san.com/product" /> <meta property="og:type" content="article" /> <meta property="og:title" content="PRODUCT | YONGSAN" /> <meta property="og:description" content="PRODUCT" /> <meta property="og:url" content="https://www.yong-san.com/en/product/" /> <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-27T05:11:35Z" /> <meta property="article:modified_time" content="2023-05-17T03:06:36Z" /> <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="PRODUCT | YONGSAN" /> <meta name="twitter:description" content="PRODUCT" /> <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=22977' /> <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%2Fproduct%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%2Fproduct%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/product/" rel="alternate" /> <link hreflang="en" href="https://www.yong-san.com/en/product/" rel="alternate" /> <link hreflang="cn" href="https://www.yong-san.com/zh/product/" rel="alternate" /> <link hreflang="x-default" href="https://www.yong-san.com/ko/product/" 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-22977 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 current-menu-item page_item page-item-22977 current_page_item 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/product/">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/product/">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 current-menu-item page_item page-item-22977 current_page_item 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/product/">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/product/">CHN</a></li> </ul> </li> </ul></div> </div> </div> </div>  <ul id="ys-nav3" class="ys-nav3"><li id="nav3__sunvisor" class="ys-nav3__cir ys-nav3__cir--pop" ><a class="ys-nav3__title">Sunvisor</a></li> <li id="nav3__seat" class="ys-nav3__cir ys-nav3__cir--pop" ><a class="ys-nav3__title">Seat Covering</a></li> <li id="nav3__wrapping" class="ys-nav3__cir ys-nav3__cir--pop" ><a class="ys-nav3__title">Wrapping</a></li> <li id="nav3__custom" class="ys-nav3__cir ys-nav3__cir--pop" ><a class="ys-nav3__title">Custom</a></li> </ul> <div id="notitlebar"></div> <div id="page-wrap" > <div id="content" class="page-section nopadding"> <div class="wpb_row vc_row-fluid full-width-section section section-no-parallax ys-hidden-mob stretch " data-speed="1" style="background-color: #f5f5f5; "><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: 170px;"></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="background-color: #f5f5f5; "><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: 80px;"></div> </div> </div> </div></div><div id="ys-product-top-img" class="wpb_row vc_row-fluid standard-section section section-no-parallax ys-no-mg-btm ys-padding-sides stretch " data-speed="1" style="background-color: #f5f5f5; "><div class="col span_12 color-dark left"> <div class="vc_col-sm-12 ys-product-p ys-min-h330 target wpb_column column_container col custom-padding color-dark" style="background-color: #ffffff; padding: 0px 5% 0px 5%; " data-animation="" data-delay=""> <div class="wpb_wrapper"> <div class="spacer" style="height: 70px;"></div><div class="single_image wpb_content_element align-center animate " data-animation="fade-in" data-delay="700"><img width="700" height="500" src="https://www.yong-san.com/wordpress/wp-content/uploads/2020/10/car-perspective4.png" class="attachment-full" alt="" srcset="https://www.yong-san.com/wordpress/wp-content/uploads/2020/10/car-perspective4.png 700w, https://www.yong-san.com/wordpress/wp-content/uploads/2020/10/car-perspective4-150x107.png 150w, https://www.yong-san.com/wordpress/wp-content/uploads/2020/10/car-perspective4-300x214.png 300w" sizes="(max-width: 700px) 100vw, 700px" /></div><div class="spacer" style="height: 50px;"></div> </div> </div> </div></div><div id="sunvisor" class="wpb_row vc_row-fluid standard-section section section-no-parallax sect ys-no-mg-btm vertical-top stretch " data-speed="1" style="background-color: #f5f5f5; "><div class="col span_12 color-dark left"> <div class="vc_col-sm-12 ys-product-subtitle ofh wpb_column column_container col custom-padding color-dark" style="background-color: #ffffff; padding: 35px 0px 0px 5%; " data-animation="" data-delay=""> <div class="wpb_wrapper"> <h1 class="headline font-special fontsize-xxxl fontweight-400 lh-inherit align-left transform-uppercase ys-nowrap ys-underline-gray" style=" color: #333333;"><strong>SUN VISOR</strong></h1> </div> </div> </div></div><div class="wpb_row vc_row-fluid standard-section section section-no-parallax ys-no-mg-btm ys-padding-sides vertical-top stretch " data-speed="1" style="background-color: #f5f5f5; "><div class="col span_12 color-dark left"> <div class="vc_col-sm-6 ys-product-p ys-min-h330 wpb_column column_container col custom-padding color-dark" style="background-color: #ffffff; padding: 30px 0px 5% 5%; " data-animation="" data-delay=""> <div class="wpb_wrapper"> <div class="wpb_text_column wpb_content_element wpb_animate_when_almost_visible wpb_fadeInUp fadeInUp fontsize-m" > <div class="wpb_wrapper"> <p><strong>Sun visor functions</strong></p> <ul> <li>They are designed to help shade the eyes of drivers and passengers from the glare of sunlight</li> <li>Cosmetic mirror and light, ticket holder, side shade and other conveniences</li> </ul> <p><strong>Core technology</strong></p> <ul> <li>Expandable Sun Visor: Can expand to the left and right + Extended shading</li> <li>Dual Sun Visor: Can shade both front and side at the same time</li> <li>Slim Sun Visor: Developed an optimal slim sun visor that’s 10mm or less in thickness</li> <li>IT integrated Sun Visor: Smart Phone Bluetooth compatible and TOLED Navi feature</li> </ul> </div> </div> </div> </div> <div class="vc_col-sm-6 ys-min-h330 wpb_column column_container col custom-padding color-dark" style="background-color: #ffffff; padding: 30px 5% 5% 5%; " data-animation="" data-delay=""> <div class="wpb_wrapper"> <div class="single_image wpb_content_element align-left animate " data-animation="fade-in" data-delay="700"><img width="960" height="540" src="https://www.yong-san.com/wordpress/wp-content/uploads/2020/08/sunvisor_hands-min.png" class="attachment-large" alt="" srcset="https://www.yong-san.com/wordpress/wp-content/uploads/2020/08/sunvisor_hands-min.png 960w, https://www.yong-san.com/wordpress/wp-content/uploads/2020/08/sunvisor_hands-min-150x84.png 150w, https://www.yong-san.com/wordpress/wp-content/uploads/2020/08/sunvisor_hands-min-300x169.png 300w, https://www.yong-san.com/wordpress/wp-content/uploads/2020/08/sunvisor_hands-min-768x432.png 768w" sizes="(max-width: 960px) 100vw, 960px" /></div> </div> </div> </div></div><div class="wpb_row vc_row-fluid standard-section section section-no-parallax ys-no-mg-btm ys-padding-sides stretch " data-speed="1" style="background-color: #f5f5f5; "><div class="col span_12 color-dark left"> <div class="vc_col-sm-6 ys-min-h330 wpb_column column_container col custom-padding color-dark" style="background-color: #ffffff; padding: 0px 5% 5% 5%; " data-animation="" data-delay=""> <div class="wpb_wrapper"> <div class="single_image wpb_content_element align-left animate " data-animation="fade-in-from-bottom" data-delay="400"><img width="470" height="300" src="https://www.yong-san.com/wordpress/wp-content/uploads/2020/10/sunvisor-layout1-en.png" class="attachment-full" alt="" srcset="https://www.yong-san.com/wordpress/wp-content/uploads/2020/10/sunvisor-layout1-en.png 470w, https://www.yong-san.com/wordpress/wp-content/uploads/2020/10/sunvisor-layout1-en-150x96.png 150w, https://www.yong-san.com/wordpress/wp-content/uploads/2020/10/sunvisor-layout1-en-300x191.png 300w" sizes="(max-width: 470px) 100vw, 470px" /></div> </div> </div> <div class="vc_col-sm-6 ys-min-h330 wpb_column column_container col vertical-center custom-padding color-dark" style="background-color: #ffffff; padding: 0px 5% 5% 5%; " data-animation="" data-delay=""> <div class="wpb_wrapper"> <div class="single_image wpb_content_element align-center animate " data-animation="fade-in-from-bottom" data-delay="400"><img width="470" height="300" src="https://www.yong-san.com/wordpress/wp-content/uploads/2020/10/sunvisor-layout2-en.png" class="attachment-full" alt="" srcset="https://www.yong-san.com/wordpress/wp-content/uploads/2020/10/sunvisor-layout2-en.png 470w, https://www.yong-san.com/wordpress/wp-content/uploads/2020/10/sunvisor-layout2-en-150x96.png 150w, https://www.yong-san.com/wordpress/wp-content/uploads/2020/10/sunvisor-layout2-en-300x191.png 300w" sizes="(max-width: 470px) 100vw, 470px" /></div> </div> </div> </div></div><div id="seat" class="wpb_row vc_row-fluid standard-section section section-no-parallax sect ys-no-mg-btm vertical-top stretch " data-speed="1" style="background-color: #f5f5f5; padding-top: 20px; "><div class="col span_12 color-dark left"> <div class="vc_col-sm-12 ys-product-subtitle ofh wpb_column column_container col custom-padding color-dark" style="background-color: #ffffff; padding: 35px 0px 0px 5%; " data-animation="" data-delay=""> <div class="wpb_wrapper"> <h1 class="headline font-special fontsize-xxxl fontweight-400 lh-inherit align-left transform-uppercase ys-nowrap ys-underline-gray" style=" color: #333333;"><strong>SEAT COVER</strong></h1> </div> </div> </div></div><div class="wpb_row vc_row-fluid standard-section section section-no-parallax ys-no-mg-btm ys-padding-sides vertical-top stretch " data-speed="1" style="background-color: #f5f5f5; "><div class="col span_12 color-dark left"> <div class="vc_col-sm-6 ys-product-p ys-min-h330 wpb_column column_container col custom-padding color-dark" style="background-color: #ffffff; padding: 30px 0px 5% 5%; " data-animation="" data-delay=""> <div class="wpb_wrapper"> <div class="wpb_text_column wpb_content_element wpb_animate_when_almost_visible wpb_fadeInUp fadeInUp fontsize-m" > <div class="wpb_wrapper"> <p><strong>Seat cover (natural / faux leather) function</strong></p> <ul> <li>Provides comfort with seats and increased emotional quality</li> </ul> <p><strong>Core technology</strong></p> <ul> <li>New adhesive method development for the sponge at the back of leather or fabric</li> <li>Sewing automation equipment installed (protector, magic tape etc.)</li> <li>Increase air bag quality with automatic stitch counting</li> <li>Obtained the country’s first quilting technology</li> <li style="list-style: none;"> – Variety of punching and quilting designs can be implemented</li> </ul> </div> </div> </div> </div> <div class="vc_col-sm-6 ys-min-h330 wpb_column column_container col custom-padding color-dark" style="background-color: #ffffff; padding: 30px 5% 5% 5%; " data-animation="" data-delay=""> <div class="wpb_wrapper"> <div class="single_image wpb_content_element align-left animate " data-animation="fade-in" data-delay="700"><img width="960" height="540" src="https://www.yong-san.com/wordpress/wp-content/uploads/2020/08/seat_closeup_center-min.png" class="attachment-large" alt="" srcset="https://www.yong-san.com/wordpress/wp-content/uploads/2020/08/seat_closeup_center-min.png 960w, https://www.yong-san.com/wordpress/wp-content/uploads/2020/08/seat_closeup_center-min-150x84.png 150w, https://www.yong-san.com/wordpress/wp-content/uploads/2020/08/seat_closeup_center-min-300x169.png 300w, https://www.yong-san.com/wordpress/wp-content/uploads/2020/08/seat_closeup_center-min-768x432.png 768w" sizes="(max-width: 960px) 100vw, 960px" /></div> </div> </div> </div></div><div class="wpb_row vc_row-fluid standard-section section section-no-parallax ys-no-mg-btm ys-padding-sides stretch " data-speed="1" style="background-color: #f5f5f5; "><div class="col span_12 color-dark left"> <div class="vc_col-sm-6 ys-min-h330 wpb_column column_container col custom-padding color-dark" style="background-color: #ffffff; padding: 0px 5% 5% 5%; " data-animation="" data-delay=""> <div class="wpb_wrapper"> <div class="single_image wpb_content_element align-left animate " data-animation="fade-in" data-delay="700"><img width="960" height="540" src="https://www.yong-san.com/wordpress/wp-content/uploads/2020/08/backseat_closeup2-min.png" class="attachment-large" alt="" srcset="https://www.yong-san.com/wordpress/wp-content/uploads/2020/08/backseat_closeup2-min.png 960w, https://www.yong-san.com/wordpress/wp-content/uploads/2020/08/backseat_closeup2-min-150x84.png 150w, https://www.yong-san.com/wordpress/wp-content/uploads/2020/08/backseat_closeup2-min-300x169.png 300w, https://www.yong-san.com/wordpress/wp-content/uploads/2020/08/backseat_closeup2-min-768x432.png 768w" sizes="(max-width: 960px) 100vw, 960px" /></div> </div> </div> <div class="vc_col-sm-6 ys-min-h330 wpb_column column_container col vertical-center custom-padding color-dark" style="background-color: #ffffff; padding: 0px 5% 5% 5%; " data-animation="" data-delay=""> <div class="wpb_wrapper"> <div class="single_image wpb_content_element align-left animate " data-animation="fade-in" data-delay="700"><img width="960" height="540" src="https://www.yong-san.com/wordpress/wp-content/uploads/2020/08/seat2-min.png" class="attachment-large" alt="" srcset="https://www.yong-san.com/wordpress/wp-content/uploads/2020/08/seat2-min.png 960w, https://www.yong-san.com/wordpress/wp-content/uploads/2020/08/seat2-min-150x84.png 150w, https://www.yong-san.com/wordpress/wp-content/uploads/2020/08/seat2-min-300x169.png 300w, https://www.yong-san.com/wordpress/wp-content/uploads/2020/08/seat2-min-768x432.png 768w" sizes="(max-width: 960px) 100vw, 960px" /></div> </div> </div> </div></div><div id="wrapping" class="wpb_row vc_row-fluid standard-section section section-no-parallax sect ys-no-mg-btm vertical-top stretch " data-speed="1" style="background-color: #f5f5f5; padding-top: 20px; "><div class="col span_12 color-dark left"> <div class="vc_col-sm-12 ys-product-subtitle ofh wpb_column column_container col custom-padding color-dark" style="background-color: #ffffff; padding: 35px 0px 0px 5%; " data-animation="" data-delay=""> <div class="wpb_wrapper"> <h1 class="headline font-special fontsize-xxxl fontweight-400 lh-inherit align-left transform-uppercase ys-nowrap ys-underline-gray" style=""><strong>LEATHER WRAPPING</strong></h1> </div> </div> </div></div><div class="wpb_row vc_row-fluid standard-section section section-no-parallax ys-no-mg-btm ys-padding-sides vertical-top stretch " data-speed="1" style="background-color: #f5f5f5; "><div class="col span_12 color-dark left"> <div class="vc_col-sm-6 ys-product-p ys-min-h330 wpb_column column_container col custom-padding color-dark" style="background-color: #ffffff; padding: 30px 0px 5% 5%; " data-animation="" data-delay=""> <div class="wpb_wrapper"> <div class="wpb_text_column wpb_content_element wpb_animate_when_almost_visible wpb_fadeInUp fadeInUp fontsize-m" > <div class="wpb_wrapper"> <p><strong>Crash Pad Leather Wrapping Funct</strong></p> <ul> <li>Upgrade interior design with premium natural/faux leather wrapping</li> <li>Application of 3D Mesh to increase and maximize touch sensitivity</li> </ul> <p><strong>Core technology</strong></p> <ul> <li>Development of Artificial Leather for Crash Pad Wrapping</li> <li style="list-style: none; font-size: small;"> : Patent application (10-2016-0183044), <span style="color: #3b5fa8;">IR52 Jang Yeong-shil Award (December 6, 2021)</span></li> <li>Application of 3D Mesh to maximize soft touch</li> <li>Skiving Technology for Airbag Deployment Area</li> <li style="list-style: none; font-size: small;"> – Leather Rear Tier Line Grinding Treatment : <span style="font-size: 12px;">Patent Registered (2039033)</span></li> </ul> </div> </div> </div> </div> <div class="vc_col-sm-6 ys-min-h330 wpb_column column_container col custom-padding color-dark" style="background-color: #ffffff; padding: 30px 5% 5% 5%; " data-animation="" data-delay=""> <div class="wpb_wrapper"> <div class="single_image wpb_content_element align-left animate " data-animation="fade-in" data-delay="700"><img width="960" height="540" src="https://www.yong-san.com/wordpress/wp-content/uploads/2020/07/wrapping-upr.png" class="attachment-large" alt="" srcset="https://www.yong-san.com/wordpress/wp-content/uploads/2020/07/wrapping-upr.png 960w, https://www.yong-san.com/wordpress/wp-content/uploads/2020/07/wrapping-upr-150x84.png 150w, https://www.yong-san.com/wordpress/wp-content/uploads/2020/07/wrapping-upr-300x169.png 300w, https://www.yong-san.com/wordpress/wp-content/uploads/2020/07/wrapping-upr-768x432.png 768w" sizes="(max-width: 960px) 100vw, 960px" /></div> </div> </div> </div></div><div class="wpb_row vc_row-fluid standard-section section section-no-parallax ys-no-mg-btm ys-padding-sides stretch " data-speed="1" style="background-color: #f5f5f5; padding-bottom: 20px; "><div class="col span_12 color-dark left"> <div class="vc_col-sm-12 ys-min-h330 wpb_column column_container col vertical-center padding-5 color-dark" style="background-color: #ffffff; " 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="750" height="420" src="https://www.yong-san.com/wordpress/wp-content/uploads/2020/10/wrapping-1-en.png" class="attachment-full" alt="" srcset="https://www.yong-san.com/wordpress/wp-content/uploads/2020/10/wrapping-1-en.png 750w, https://www.yong-san.com/wordpress/wp-content/uploads/2020/10/wrapping-1-en-150x84.png 150w, https://www.yong-san.com/wordpress/wp-content/uploads/2020/10/wrapping-1-en-300x168.png 300w" sizes="(max-width: 750px) 100vw, 750px" /></div> </div> </div> </div></div><div id="custom" class="wpb_row vc_row-fluid standard-section section section-no-parallax sect ys-no-mg-btm vertical-top stretch " data-speed="1" style="background-color: #f5f5f5; "><div class="col span_12 color-dark left"> <div class="vc_col-sm-12 ys-product-subtitle ofh wpb_column column_container col custom-padding color-dark" style="background-color: #ffffff; padding: 35px 0px 0px 5%; " data-animation="" data-delay=""> <div class="wpb_wrapper"> <h1 class="headline font-special fontsize-xxxl fontweight-400 lh-inherit align-left transform-uppercase ys-nowrap ys-underline-gray" style=" color: #333333;"><strong>CUSTOMIZING PARTS</strong></h1> </div> </div> </div></div><div class="wpb_row vc_row-fluid standard-section section section-no-parallax ys-no-mg-btm ys-padding-sides vertical-top stretch " data-speed="1" style="background-color: #f5f5f5; "><div class="col span_12 color-dark left"> <div class="vc_col-sm-6 ys-product-p ys-min-h330 wpb_column column_container col custom-padding color-dark" style="background-color: #ffffff; padding: 30px 0px 5% 5%; " data-animation="" data-delay=""> <div class="wpb_wrapper"> <div class="wpb_text_column wpb_content_element wpb_animate_when_almost_visible wpb_fadeInUp fadeInUp fontsize-m" > <div class="wpb_wrapper"> <p><strong>Door Spot Lamp Function</strong></p> <ul> <li>When the door is opened, the vehicle logo and a specific image are reflected on the ground, and having the role of the mood light when getting on and off and informing the rear vehicle of the door opening to assure safety</li> </ul> <p><b>Tailgate Lamp Function</b></p> <ul> <li>Has the role of illuminating the area around the trunk in a dark environment, improving convenience when loading objects and shining the surrounding area</li> </ul> <p> </p> <p> </p> <p><strong>Core Technology<br /> </strong></p> <p>◆ Door Spot Lamp</p> <ul> <li>Highly durable and clear compared to other/aftermarket products</li> <li>3 or more colors are applied to the Logo by Logo Lens Etching Method</li> <li>Replaceable Customized Logo Lens Unit</li> </ul> <p>◆ Tailgate Lamp</p> <ul> <li>15 degree tilt angle can be adjusted by each step, two steps of tilt adjustment function are implemented</li> <li>2 STEP brightness can be adjusted with touch sensor</li> <li>High level brightness of 139 LUX is guaranteed with 70 mA low power consumption</li> </ul> </div> </div> </div> </div> <div class="vc_col-sm-6 ys-min-h330 wpb_column column_container col custom-padding color-dark" style="background-color: #ffffff; padding: 30px 5% 5% 5%; " data-animation="" data-delay=""> <div class="wpb_wrapper"> <div class="single_image wpb_content_element align-left animate " data-animation="fade-in" data-delay="700"><img width="1024" height="731" src="https://www.yong-san.com/wordpress/wp-content/uploads/2023/05/customize_top_eng-1024x731.png" class="attachment-large" alt="" srcset="https://www.yong-san.com/wordpress/wp-content/uploads/2023/05/customize_top_eng-1024x731.png 1024w, https://www.yong-san.com/wordpress/wp-content/uploads/2023/05/customize_top_eng-150x107.png 150w, https://www.yong-san.com/wordpress/wp-content/uploads/2023/05/customize_top_eng-300x214.png 300w, https://www.yong-san.com/wordpress/wp-content/uploads/2023/05/customize_top_eng-768x548.png 768w" sizes="(max-width: 1024px) 100vw, 1024px" /></div><div class="spacer" style="height: 90px;"></div><div class="single_image wpb_content_element align-left animate " data-animation="fade-in" data-delay="700"><img width="1024" height="987" src="https://www.yong-san.com/wordpress/wp-content/uploads/2023/05/customize_b3_eng-1024x987.png" class="attachment-large" alt="" srcset="https://www.yong-san.com/wordpress/wp-content/uploads/2023/05/customize_b3_eng-1024x987.png 1024w, https://www.yong-san.com/wordpress/wp-content/uploads/2023/05/customize_b3_eng-150x145.png 150w, https://www.yong-san.com/wordpress/wp-content/uploads/2023/05/customize_b3_eng-300x289.png 300w, https://www.yong-san.com/wordpress/wp-content/uploads/2023/05/customize_b3_eng-768x740.png 768w" sizes="(max-width: 1024px) 100vw, 1024px" /></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: #f5f5f5; "><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>  </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_animate-css-css' href='https://www.yong-san.com/wordpress/wp-content/plugins/js_composer/assets/lib/bower/animate-css/animate.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_waypoints/vc-waypoints.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>