@charset "utf-8";
/*------------------------------------*
    RESET
 *------------------------------------*/
html { font-family: sans-serif; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100% }
body { margin: 0 }
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block }
audio, canvas, progress, video { display: inline-block; vertical-align: baseline }
audio:not([controls]) { display: none; height: 0 }
[hidden], template {
display: none
}
a { background-color: transparent }
a:active, a:hover { outline: 0 }
abbr[title] { border-bottom: 1px dotted }
b, strong { font-weight: 700 }
dfn { font-style: italic }
h1 { margin: .67em 0; font-size: 2em }
mark { color: #000; background: #ff0 }
small { font-size: 80% }
sub, sup { position: relative; font-size: 75%; line-height: 0; vertical-align: baseline }
sup { top: -.5em }
sub { bottom: -.25em }
img { border: 0 }
svg:not(:root) { overflow: hidden }
figure { margin: 1em 40px }
hr { height: 0; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box }
pre { overflow: auto }
code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em }
button, input, optgroup, select, textarea { margin: 0; font: inherit; color: inherit }
button { overflow: visible }
button, select { text-transform: none }
button, html input[type=button], input[type=reset], input[type=submit] { -webkit-appearance: button; cursor: pointer }
button[disabled], html input[disabled] { cursor: default }
button::-moz-focus-inner, input::-moz-focus-inner {
padding: 0;
border: 0
}
input { line-height: normal }
input[type=checkbox], input[type=radio] { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0 }
input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {
height: auto
}
input[type=search] { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; -webkit-appearance: textfield }
input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration {
-webkit-appearance: none
}
fieldset { padding: .35em .625em .75em; margin: 0 2px; border: 1px solid silver }
legend { padding: 0; border: 0 }
textarea { overflow: auto }
optgroup { font-weight: 700 }
table { border-spacing: 0; border-collapse: collapse }
td, th { padding: 0 }
/*------------------------------------*
     General & Basic
 *------------------------------------*/
html { overflow-y: scroll; font-size: 75%; }
html, body { min-width: 1200px; }
html, body, pre, h1, h2, h3, h4, h5, h6, dl, dt, dd, ul, li, ol, th, td, p, blockquote, form, fieldset, legend, menu, nav, section, hgroup, article, header, aside, footer, input, select, textarea, button { margin: 0; padding: 0; }
body, button, input, select, textarea { font: 1em/1.45 'Nanum Barun Gothic', 나눔고딕, 'NanumGothic', '맑은 고딕', 'Malgun Gothic', '애플 SD 산돌고딕 Neo', 'Apple SD Gothic Neo', 돋움, sans-serif; color: #535353; }
h1, h2, h3, h4, h5, h6, strong, b { font-size: inherit; font-weight: 700; }
a { color: inherit; text-decoration: none }
a:active, a:hover { outline: 0; }
img, fieldset, button { border: 0 none; }
img { vertical-align: top; }
ul, ol { list-style: none; }
:focus { outline: 0; }
hr, caption, legend { display: none; }
button { overflow: hidden; cursor: pointer; }
button span { visibility: hidden; }
address, em { font-style: normal; }
button, input, select, textarea, a { vertical-align: middle; }
select, input[type=text], input[type=password], input[type=file], textarea { box-sizing: border-box; border: 1px solid #bfbfbf; }
input[type=text], input[type=password] { padding: 0 5px; height: 22px; line-height: 20px; }
input[type=file] { padding: 0 2px; background-color: #f9f9f9 }
select { height: 22px; padding: 0 0 0 5px; line-height: 20px }
input:focus { outline: none; }
textarea { overflow: auto; padding: 10px; }
table { width: 100%; table-layout: fixed; word-wrap: break-word; word-break: keep-all; }
/* Layout */
#wrap { min-width: 1200px; }
.container { margin: 0 auto; width: 1200px }
/* Util */
.container:after, .clearfix:after, .row:after, .nav:after { content: ''; display: block; clear: both; }
.clear { display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.nav > li { float: left }
.col { float: left }
.hide-text { position: absolute; overflow: hidden; width: 0; height: 0; font-size: 0; line-height: 0; text-indent: -9999px; }
.sr-only, .visually-hidden, .skip-navigation a { position: absolute; overflow: hidden; display: block; width: 1px; height: 1px; margin: -1px; clip: rect(0,0,0,0); }
.skip-navigation a:focus, .skip-navigation a:hover, .skip-navigation a:active { position: static; overflow: visible; width: 100%; height: auto; padding: 5px 0; margin: 0; clip: auto; color: #fff; text-align: center; background-color: #3c8200; }
/* Buttons */
a.button, input.button, button.button { box-sizing: border-box; display: inline-block; background-color: #3f3f3f; border: 0 none; font-size: 13px; color: #fff; text-align: center; text-decoration: none; line-height: 1; cursor: pointer; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; -webkit-transition: all 250ms ease-out; -moz-transition: all 250ms ease-out; -o-transition: all 250ms ease-out; transition: all 250ms ease-out; }
.button:hover { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=65)"; -moz-opacity: 0.65; -khtml-opacity: 0.65; opacity: 0.65; }
/* Grid*/
.grid { font-size: 0 }
.grid > li { box-sizing: border-box; display: inline-block; vertical-align: top; font-size: 12px }
.grid > li img { max-width: 100% }
/*------------------------------------*
    Header & Navigation
 *------------------------------------*/
.site-header { position: relative; z-index: 3; height: 74px; background-color: #fff; border-bottom: 1px solid #dedede }
.sticky .site-header { position: fixed; z-index: 999; top: 0; left: 0; width: 100%; }
.site-header .site-logo { float: left; margin: 21px 275px 0 0 }
/* 주메뉴 */
.primary-nav { float: left;margin-left:-85px; }
.primary-nav ul li.dropdown { position: relative; float: left; margin-left: 90px; }
.primary-nav ul li.dropdown:first-child { margin-left: 0; }
.primary-nav ul li.dropdown > a { position: relative; display: block; padding: 0; font-size: 18px; color: #4a4a4a; line-height: 75px; }
.primary-nav .dropdown-menu { overflow: hidden; position: absolute; top: 100%; left: 0; min-width: 165px; height: 0; z-index: 1000; font-size: 14px; -webkit-transition: height .5s ease; transition: height .5s ease;}
.primary-nav ul li.dropdown:hover > a, .primary-nav ul li.dropdown > a.active { color: #000 }
.primary-nav:hover .dropdown-menu { overflow: visible }
.primary-nav .dropdown-menu > ul { padding: 25px 0 0 0; }
.primary-nav .dropdown-menu > ul > li { float: none; margin-bottom: 8px }
.primary-nav .dropdown-menu li a { display: block; opacity: 0; -webkit-transition: opacity .3s linear; transition: opacity .3s linear; }
.primary-nav .dropdown-menu li a:hover { color: #0aa14d; }
.primary-nav .dropdown-menu > ul > li > a { font-size: 14px; }
.primary-nav .dropdown-menu ul ul { padding: 5px 0 }
.primary-nav .dropdown-menu ul ul li { margin-bottom: 3px }
.primary-nav .dropdown-menu ul ul li a { font-size: 12px; color: #9c9c9c }
.primary-nav .primary-nav-bg { overflow: hidden; position: absolute; top: 74px; left: 0; height: 0; z-index: 999; min-width: 100%; background: #f9f9f9; -webkit-transition: height .5s ease; transition: height .5s ease; }
.primary-nav .primary-nav-bg .slogan { margin: 0 auto; width: 1200px; }
.primary-nav .primary-nav-bg .slogan img { margin: 75px 0 0 5px }
.primary-nav .primary-nav-bg:before { content: ''; position: absolute; top: 0; left: 0; display: block; width: 100%; border-top: 3px solid #0ea14c; border-bottom: 1px solid #dedede; }
.primary-nav .primary-nav-bg:after { content: ''; position: absolute; bottom: 0; left: 0; display: block; width: 100%; border-bottom: 1px solid #dedede; }
.primary-nav:hover .dropdown-menu, .primary-nav:hover .primary-nav-bg { height: 415px; }
.primary-nav:hover .dropdown-menu li a { opacity: 1; }
.header-actions { float: right; margin-top: 27px; border-left: 1px solid #b1b1b1 }
.header-actions .dropdown { position: relative; display: inline-block; vertical-align: middle; }
.header-actions a.menu-toggle { display: inline-block; margin-left: 25px; }
/* 언어 */
.site-header .language-switcher .menu-toggle { position: relative; line-height: 20px; }
.site-header .language-switcher .menu-toggle:after { content: ''; margin-left: 10px; width: 7px; height: 5px; display: inline-block; background: url(/eng/images/common/arrow_down.png) 0 0 no-repeat; vertical-align: middle }
.site-header .language-switcher.open .menu-toggle:after { background-image: url(/eng/images/common/arrow_up.png) }
.site-header .language-list { box-sizing: border-box; position: absolute; z-index: 111; top: 40px; left: 50%; display: none; margin-left: -50%; width: 116px; height: 134px; padding: 30px 20px 10px; background: url(/eng/images/common/language_box.png) 0 0 no-repeat }
.site-header .language-list li { margin-bottom: 8px; }
.site-header .language-list li img { margin-right: 7px; vertical-align: middle }
/* 검색 */
.site-header .search-box { box-sizing: border-box; position: absolute; z-index: 111; top: 38px; right: -50px; display: none; padding: 10px; width: 398px; height: 57px; background: url(/eng/images/common/search_box.png) 0 0 no-repeat; }
.site-header .search-box input[type="text"] { padding: 0 10px; width: 320px; height: 16px; line-height: 16px; background-color: #fff; border: none; }
.site-header .search-box .search-submit { font-size: 13px; font-weight: 600; color: #0ea250; background: none; border: none; text-transform: uppercase; line-height: 48px; }
/*------------------------------------*
    Content
 *------------------------------------*/
#main { padding-bottom: 80px; }
/* 현재위치 */
.breadcrumb { position: relative; z-index: 2; width: 100%; height: 49px; background: #fafafa; border-bottom: 1px solid #dedede; margin: 0 auto }
.sticky .breadcrumb { position: fixed; z-index: 998; top: 75px; left: 0; width: 100%; }
.breadcrumb .breadcrumb-container { height: 49px; margin: 0; float: left }
.breadcrumb .breadcrumb-container>li { box-sizing: border-box; position: relative; float: left; height: 49px; line-height: 49px; }
.breadcrumb .breadcrumb-container>li:before { content: ""; width: 1px; height: 15px; background: #e1e1e1; position: absolute; top: 17px; left: 0px }
.breadcrumb .breadcrumb-container>li:first-child a { text-align: left; background: none; padding-right: 30px }
.breadcrumb .breadcrumb-container>li:first-child:before { content: ""; display: none }
.breadcrumb .breadcrumb-container>li:first-child img { padding-top: 16px }
.breadcrumb .breadcrumb-container>li > span { display: block; padding: 0 30px }
.breadcrumb .breadcrumb-container>li.dropdown span:after { content: ''; display: inline-block; margin-left: 20px; width: 9px; height: 5px; background: url(/eng/images/common/arrow_down2.png) no-repeat right center; vertical-align: middle }
.breadcrumb .breadcrumb-container>li>a>span { margin-left: 0 }
.breadcrumb ul ul { display: none; z-index: 7; left: -1px; top: 49px; width: 100%; height: auto; overflow: hidden; border: 1px solid #dedede; background: #fff }
.breadcrumb ul li:hover ul { display: block }
.breadcrumb ul ul li { background: none; text-align: left; height: 42px; line-height: 42px; border-top: 1px solid #e1e1e1 }
.breadcrumb ul ul li:first-child { border-top: 0; border-left: 0 }
.breadcrumb ul ul li a { background: #fff; margin: 0; display: block; padding: 0 20px; }
.breadcrumb ul ul li a:hover, .breadcrumb ul ul li a.current { background: #fafafa; color: #0aa14d }
/*상단배너*/
.hero-banner { overflow: hidden; z-index: 1; width: 100%; height: 262px; text-align: center }
.hero-banner h2 { padding-top: 50px; margin-bottom: 20px; font-size: 42px; color: #fff; -webkit-animation: fadeInUp-animated 2s both .5s; animation: fadeInUp-animated 2s both .5s }
.hero-banner h2 small { display: block; font-size: 22px; }
.hero-banner p { font-size: 11px; color: #fff; text-transform: uppercase; -webkit-animation: fadeInUp-animated 2s both .7s; animation: fadeInUp-animated 2s both .7s }
.page-header, .page-content { margin: 0 auto; width: 1000px; }
.page-header { position: relative; height: 155px; border-bottom: 1px solid #dedede }
.page-header h1 { padding-top: 72px; font-size: 42px; color: #2a2a2a; text-align: center }
.page-header .share { position: absolute; top: 92px; right: 0; }
.page-header .share a { margin-left: 10px; }
.page-content { padding-top: 65px; }
.nav-tabs { overflow: hidden; margin: 0 0 75px; text-align: center; font-size: 0; line-height: 0 }
.nav-tabs li { display: inline-block; margin: 0 8px 2px; }
.nav-tabs li a { display: block; padding: 9px 10px; min-width: 100px; font-size: 13px; line-height: 1; text-decoration: none; text-align: center; background: #fff; border: 2px solid #cdcdcd; text-transform: uppercase; }
.nav-tabs li a:hover, .nav-tabs li.active a { background: #4c4c4c; border: 2px solid #4c4c4c; color: #fff; }
.nav-tabs li a.current { background: #4c4c4c; border: 2px solid #4c4c4c; color: #fff; }
/*------------------------------------*
    FOOTER
 *------------------------------------*/
.footer .container { position: relative; }
.footer .footer-top { border-top: 1px solid #efefef; padding: 22px 0 16px; }
.footer .footer-top .footer-links { float: left; padding: 15px 0 }
.footer .footer-top .footer-links li:before { content: '|'; margin: 0 8px; font-size: 10px; }
.footer .footer-top .footer-links li:first-child:before { content: ''; margin: 0 }
.footer .footer-top .footer-links li a { text-transform: uppercase }
.footer .footer-top .footer-links li a b { color: #129b4b }
.footer .footer-top .related-website { position: absolute; top: 0; right: 60px; width: 320px; }
.footer .footer-top .related-website a.dropdown-toggle { position: relative; display: block; padding: 0 30px 0 25px; border: 1px solid #565656; line-height: 39px; }
.footer .footer-top .related-website a.dropdown-toggle:after { content: ''; position: absolute; top: 14px; right: 0; width: 30px; height: 12px; display: block; border-left: 1px dotted #ddd; background: url(/eng/images/common/arrow_down.png) 50% 50% no-repeat; }
.footer .footer-top .related-website.open a.dropdown-toggle:after { background-image: url(/eng/images/common/arrow_up.png) }
.footer .footer-top .related-website ul { box-sizing: border-box; position: absolute; bottom: 100%; left: 0; display: none; padding: 15px 0; width: 100%; border: 1px solid #565656; border-bottom: none; -webkit-border-radius: 4px 4px 0 0; -moz-border-radius: 4px 4px 0 0; -o-border-radius: 4px 4px 0 0; border-radius: 4px 4px 0 0; background-color: #fff; }
.footer .footer-top .related-website.open ul { display: block }
.footer .footer-top .related-website ul li a { display: block; padding: 0 30px 0 25px; line-height: 28px; }
.footer .footer-top .related-website ul li a:hover { color: #0aa14d }
.footer .footer-top .scroll-to-top { position: absolute; right: 0; top: 0; -webkit-transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; -ms-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; }
.footer .footer-top .scroll-to-top:hover { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: alpha(opacity=50); -moz-opacity: 0.5; -khtml-opacity: 0.5; opacity: 0.5; }
.footer .footer-bottom { position: relative; padding: 25px 0; border-top: 5px solid #efefef; text-transform: uppercase }
.footer .footer-bottom .footer-logo { float: left; margin: 18px 60px 0 0; }
.footer .footer-bottom .footer-info { float: left; font-family: dotum, '돋움', san-serif; color: #a1a1a1; }
.footer .footer-bottom .footer-info p.copyright { margin-top: 15px; color: #585858 }
.footer .footer-bottom .footer-info p span { margin: 0 10px }
.footer .contact { float: right; padding: 5px 0 10px 40px; }
.footer .contact h3 { float: left; margin-right: 15px; font-size: 16px; color: #292929; line-height: 28px; }
.footer .contact p { overflow: hidden; color: #777 }
.footer .contact p strong { font-size: 20px; color: #292929; line-height: 28px; }
/*------------------------------------*
    Plugins
 *------------------------------------*/
/* Slick Slider */
.slick-slider { position: relative; display: block; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; }
.slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0; }
.slick-list:focus { outline: none; }
.slick-list.dragging { cursor: pointer; cursor: hand; }
.slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.slick-track { position: relative; top: 0; left: 0; display: block; margin: 0 auto; }
.slick-track:before, .slick-track:after { display: table; content: ''; }
.slick-track:after { clear: both; }
.slick-loading .slick-track { visibility: hidden; }
.slick-slide { display: none; float: left; height: 100%; min-height: 1px; }
.slick-slide img { display: block; margin: 0 auto; max-width: 100% }
.slick-slide.slick-loading img { display: none; }
.slick-slide.dragging img { pointer-events: none; }
.slick-initialized .slick-slide { display: block; }
.slick-loading .slick-slide { visibility: hidden; }
.slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; }
.slick-arrow.slick-hidden { display: none; }
.slick-prev, .slick-next { position: absolute; z-index: 99; display: block; background: none; cursor: pointer; transition: opacity .5s ease-in-out; -moz-transition: opacity .5s ease-in-out; -webkit-transition: opacity .5s ease-in-out; font-size: 0 }
.slick-prev:hover, .slick-next:hover { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; }
.slick-arrow.slick-disabled { display: none !important }
/* Animate.css */
@-webkit-keyframes fadeInUp-animated { 0% {
 opacity:0;
 -webkit-transform:translate3d(0, 100%, 0);
 -ms-transform:translate3d(0, 100%, 0);
 transform:translate3d(0, 100%, 0)
}
 100% {
 opacity:1;
 -webkit-transform:none;
 -ms-transform:none;
 transform:none
}
}

/* Animate.css */
@keyframes fadeInUp-animated { 0% {
 opacity:0;
 -webkit-transform:translate3d(0, 100%, 0);
 -ms-transform:translate3d(0, 100%, 0);
 transform:translate3d(0, 100%, 0)
}
 100% {
 opacity:1;
 -webkit-transform:none;
 -ms-transform:none;
 transform:none
}
}

/* Animate.css */
@-webkit-keyframes fadeOutRight-animated { 0% {
 opacity:1
}
 100% {
 opacity:0;
 -webkit-transform:translate3d(80%, 0, 0);
 -ms-transform:translate3d(80%, 0, 0);
 transform:translate3d(80%, 0, 0)
}
}

/* Animate.css */
@keyframes fadeOutRight-animated { 0% {
 opacity:1
}
 100% {
 opacity:0;
 -webkit-transform:translate3d(80%, 0, 0);
 -ms-transform:translate3d(80%, 0, 0);
 transform:translate3d(80%, 0, 0)
}
}
/*------------------------------------*
    Homepage 
 *------------------------------------*/
.home section h2 { margin-bottom: 25px; font-size: 26px; color: #2a2a2a }
/* 상단 슬라이더 */
.home .hero { overflow: hidden; z-index: 1; width: 100%; height: 535px; }
.home .hero .slide { width: 100%; height: 535px; text-align: center; line-height: 1.65 }
.home .hero .slide h2 { padding-top: 100px; margin-bottom: 35px; font-size: 56px; font-weight: 400; color: #fff; opacity: 0; opacity: 1\9 }
.home .hero .slide p { font-size: 13px; color: #f2f2f2; text-transform: uppercase; opacity: 0; opacity: 1\9; margin-bottom:50px; }
.home .hero .slick-slide h2 { -webkit-animation: fadeOutRight-animated 5s both; animation: fadeOutRight-animated 5s both }
.home .hero .slick-slide p { -webkit-animation: fadeOutRight-animated 8s both; animation: fadeOutRight-animated 8s both }
.home .hero .slick-slide.slick-active h2 { -webkit-animation: fadeInUp-animated 1s both .5s; animation: fadeInUp-animated 1s both .5s }
.home .hero .slick-slide.slick-active p { -webkit-animation: fadeInUp-animated 1s both .8s; animation: fadeInUp-animated 1s both .8s }
.home .hero .slick-dots { position: absolute; z-index: 9999; bottom: 40px; display: block; width: 100%; text-align: center; }
.home .hero .slick-dots li { position: relative; display: inline-block; margin: 0 5px; padding: 0; cursor: pointer; }
.home .hero .slick-dots li button { font-size: 0; line-height: 0; display: block; width: 13px; height: 13px; cursor: pointer; color: transparent; border: 0; outline: none; background: url(/eng/images/home/slider_controls.png) -20px 0 transparent no-repeat; }
.home .hero .slick-dots li button:hover, .home .hero .slick-dots li button:focus, .home .hero .slick-dots li.slick-active button { background-position: -20px -20px; outline: none; }
/* 공지사항-자료실 */
.home .ticker { position: relative; margin-bottom: 135px; height: 42px; line-height: 42px; color: #fff; background-color: #0aa14d }
.home .ticker .col { position: relative; width: 47% }
.home .ticker .notice { float: right; }
.home .ticker .notice:before { content: ''; position: absolute; top: 10px; left: -35px; display: block; width: 1px; height: 23px; background-color: #78c79b; }
.home .ticker h2 { float: left; margin-bottom: 0; padding-left: 28px; background: url(/eng/images/home/icon_speaker.png) 0 43% no-repeat; font-size: 16px; font-weight: 400; color: #fff }
.home .ticker .col > div { float: left; left: 85px; width: 400px; }
.home .ticker ul li { position: relative }
.home .ticker .read-more { position: absolute; right: 0; font-size: 15px }
.home .product { margin-bottom: 120px }
/* 제품목록 */
.home .product-list { width: 680px; }
.home .product-list h2 small { margin-left: 20px; padding-left: 20px; border-left: 1px solid #2a2a2a; font-size: 13px; }
.home .product-list > ul { margin: 0 -3px; }
.home .product-list > ul > li { float: left; margin-bottom: 8px; width: 50%; }
.home .product-list > ul > li .box { box-sizing: border-box; margin: 0 3px; position: relative; padding: 42px 32px 0; height: 200px; background-color: #f9f9f9 }
.home .product-list > ul > li h3 { display: block; margin-bottom: 10px; font-size: 20px; }
.home .product-list ul ul li { margin-bottom: 3px; }
.home .product-list ul ul li a { font-size: 13px; color: #585858 }
.home .product-list ul ul li a:hover { color: #0aa14d }
.home .product-list ul li span { position: absolute; top: 0; right: 20px; }
/* Best Product */
.home .bestseller { position: relative; float: right; width: 465px; }
.home .bestseller .slide { width: 100%; background-color: #fff; }
.home .bestseller .caption { float: left; width: 45% }
.home .bestseller h3 {margin-bottom: 55px;padding-top: 55px;font-size: 21px;color: #000;line-height: 1.25;}
.home .bestseller h3 small {display: block;margin-bottom: 5px;font-size: 16px;font-weight: 400;}
.home .bestseller p {margin-bottom: 25px;font-size: 13px;font-weight: 300;line-height: 1.65;}
.home .bestseller p:before {content:''; display:block; margin-bottom:8px; width:35px; border-top:2px solid #000}
.home .bestseller a.button { padding: 7px 10px 5px; font-size: 12px; color: #535353; border: 1px solid #aaa; background-color: transparent }
.home .bestseller a.button:hover { background-color: #656768; border-color::#656768;color: #fff }
.home .bestseller .image { float: right; width: 50%; padding-top:25px; text-align: center }
.home .bestseller .slider-control { position: absolute; top: 10px; right: 0; }
.home .bestseller .slider-control span { position: relative; float: left; margin: 0 2px; width: 30px; height: 30px; background-position: 50% 50%; background-repeat: no-repeat; background-color: #c8c8c8; cursor: pointer; -webkit-transition: all ease-in-out .2s; -moz-transition: all ease-in-out .2s; -o-transition: all ease-in-out .2s; transition: all ease-in-out .2s; }
.home .bestseller .slider-control span:hover { background-color: #0aa14d }
.home .bestseller .slick-prev { background-image: url(/eng/images/home/slider_prev.png); }
.home .bestseller .slick-next { background-image: url(/eng/images/home/slider_next.png); }
.home .bestseller .slick-play-pause { background-image: url(/eng/images/home/slider_pause.png); }
.home .bestseller .slick-play-pause.paused { background-image: url(/eng/images/home/slider_play.png); }
.home .bestseller .slick-dots { position: absolute; top: 15px; left: 0; }
.home .bestseller .slick-dots li { position: relative; display: inline-block; margin: 0 5px; padding: 0; cursor: pointer; }
.home .bestseller .slick-dots li button { font-size: 0; line-height: 0; display: block; width: 10px; height: 10px; cursor: pointer; color: transparent; border: 0; outline: none; background: url(/eng/images/home/slider_controls.png) 0px 0 transparent no-repeat; }
.home .bestseller .slick-dots li button:hover, .home .bestseller .slick-dots li button:focus, .home .bestseller .slick-dots li.slick-active button { background-position: 0 -20px; outline: none; }
/* 회사소개 */
.home .intro { margin-bottom: 130px; height: 445px; background: url(/eng/images/home/intro.jpg) 50% 0 no-repeat }
.home .intro .container { position: relative; }
.home .intro h2 { margin-bottom: 32px; padding-top: 92px; font-size: 38px; color: #434343 }
.home .intro h2 small { display: block; font-size: 18px; }
.home .intro p { margin-bottom: 27px; font-size: 13px; color: #717171; line-height: 1.65 }
.home .intro a.button { padding: 8px 12px; font-size: 14px; color: #535353; border: 1px solid #656768; background-color: transparent }
.home .intro a.button:hover { background-color: #656768; border-color::#656768;
color: #fff }
.home .intro .video { position: absolute; top: 100px; right: 0 }
.home .intro .video h3 { margin-bottom: 12px; font-size: 16px; color: #434343 }
/* 인증현황 */
.home .certificates { width: 1200px }
.home .certificates .slider { margin: 0 50px; }
.home .certificates .slide { float: left; text-align: center }
.home .certificates .slide img { margin-bottom: 8px }
.home .certificates .slick-prev, .home .certificates .slick-next { top: 50%; margin-top: -20px; }
.home .certificates .slick-prev { left: -40px; }
.home .certificates .slick-next { right: -40px; }
.home .certificates .slick-prev:before, .home .certificates .slick-next:before { content: ''; display: block; width: 29px; height: 40px; background-image: url(/eng/images/home/slider_controls.png); background-repeat: no-repeat; }
.home .certificates .slick-prev:before { background-position: -40px 0 }
.home .certificates .slick-next:before { background-position: 100% 0 }
.home .certificates .slick-arrow { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; -webkit-transition: all ease-in-out .2s; -moz-transition: all ease-in-out .2s; -o-transition: all ease-in-out .2s; transition: all ease-in-out .2s; }
.home .certificates .slick-prev:hover, .home .certificates .slick-next:hover { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=45)"; filter: alpha(opacity=45); -moz-opacity: 0.45; -khtml-opacity: 0.45; opacity: 0.45; }
/* 다운로드 자료실*/
.home .resource { float: right; width: 480px; }
.home .resource ul { margin: 0 -3px; }
.home .resource ul li { float: left; margin-bottom: 6px; width: 33.33333%; text-align: center }
.home .resource ul li a { margin: 0 3px; display: block; height: 95px; border: 1px solid #ddd }
.home .resource ul li:hover a { border-color: #0aa14d }
.home .resource ul li a img { margin: 15px 0 8px; }
.home .resource ul li a span { display: block; font-size: 14px; color: #2a2a2a; line-height: 1.2 }
.home .resource ul li:hover a span { color: #0aa14d }

/* 다운로드 자료실 (new 200128)*/ 
.slide .resource_new { width:100%; } 
.slide .resource_new ul { width:40%; margin:0 auto; text-align:center;  }
.slide .resource_new ul li { float: left; margin-bottom: 6px; width: 25%; text-align: center }
.slide .resource_new ul li a { margin: 0 3px; display: block; height: 120px; border: 1px solid #ddd; background:rgba(0,0,0,0.70); }
.slide .resource_new ul li:hover a { border-color: #0aa14d }
.slide .resource_new ul li a img { margin-top:25px;}
/*.slide .resource_new ul li a span.one_line { margin-top:32px;}*/
.slide .resource_new ul li a span { display: block; font-size: 18px; color: #fff; line-height: 1.2; margin-top:5px; }
.slide .resource_new ul li:hover a span { color: #0aa14d }
.slide .resource_new ul li:hover a{ background:rgba(0,0,0,0.7);}


/*------------------------------------*
    제품목록
 *------------------------------------*/
.shop .count { position: absolute; bottom: 10px; right: 0; text-transform: uppercase }
.shop .product-grid { margin: 0 -8px; font-size: 0; }
.shop .product-grid li { display: inline-block; margin: 40px 0; width: 25%; }
.shop .product-grid li .product-box { margin: 0 8px; text-align: center; }
.shop .product-grid li .thumb { box-sizing: border-box; position: relative; border: 1px solid #e1e2e2 }
.shop .product-grid li .thumb img { max-width: 100%; webkit-object-fit: cover; -moz-object-fit: cover; -ms-object-fit: cover; object-fit: cover; -webkit-transition: 0.3s ease all; -moz-transition: 0.3s ease all; -ms-transition: 0.3s ease all; transition: 0.3s ease all; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; backface-visibility: hidden; }
.shop .product-grid li:hover .thumb img { transform: scale(1.1); }
.shop .product-grid li .overlay { position: absolute; display: block; width: 100%; height: 100%; top: 0; left: 0; background: rgba(0,0,0,0.5); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#80000000, endColorstr=#80000000);
zoom: 1; opacity: 0; visibility: hidden; transform: scale(0.7); -webkit-transform: scale(0.7); -moz-transform: scale(0.7); -ms-transform: scale(0.7); -o-transform: scale(0.7); -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
.shop .product-grid li:hover .overlay { opacity: 1; visibility: visible; transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); }
.shop .product-grid li .overlay span { position: absolute; top: 50%; display: block; margin-top: -38px; width: 100%; font-size: 13px; color: #fff }
.shop .product-grid li .overlay span:before { content: ''; display: block; margin: 0 auto 12px; width: 45px; height: 45px; background: url(/eng/images/common/view_detail.png) 0 0 no-repeat; }
.shop .product-grid li h3 { margin-top: 10px; padding: 0 10px; font-size: 14px; }
/* pager */
.pager { margin: 30px 0; text-align: center; font-size: 0; line-height: 0; }
.pager ol { display: inline-block; font-size: 0; line-height: 0; vertical-align: top; *display:inline;
*zoom:1;
*margin:0;
}
.pager li { display: inline-block; margin: 0 0 0 -1px; font-size: 12px; vertical-align: middle; *display:inline;
*zoom:1;
}
.pager li:first-child { margin-left: 0; }
.pager li a { display: block; width: 24px; line-height: 24px; }
.pager li a:hover, .pager li a.current { font-weight: 700 }
.pager > a { overflow: hidden; display: inline-block; width: 24px; height: 24px; background-position: 50% 50%; background-repeat: no-repeat; text-align: left; text-indent: -9999px }
.pager > a.first { background-image: url(/eng/images/common/pager_first.png) }
.pager > a.last { background-image: url(/eng/images/common/pager_last.png) }
.pager > a.prev { background-image: url(/eng/images/common/pager_prev.png) }
.pager > a.next { background-image: url(/eng/images/common/pager_next.png) }
/*------------------------------------*
    제품상세
 *------------------------------------*/
.product-detail h3 { margin-bottom: 12px; font-size: 21px; text-transform: uppercase }
.product-detail h3:before { content: ''; display: block; margin-bottom: 5px; width: 20px; height: 2px; background-color: #0ea14c }
.product-detail .product-image { float: left; width: 390px }
.product-detail .product-info { float: right; width: 510px }
.product-detail .product-info h2 { margin-bottom: 25px; font-size: 28px; }
.product-detail .product-info ul { margin-bottom: 35px }
.product-detail .product-info ul li { margin-bottom: 7px; padding-left: 12px; background: url(/eng/images/sub/product_bullet.png) 0 7px no-repeat; font-size: 13px; color: #696868 }
.product-detail .product-info .links { margin: 0 -5px; font-size: 0 }
.product-detail .product-info .links a { margin: 0 5px; padding: 0 15px; line-height: 30px; }
.product-detail .product-info .links a:after { content: ''; display: inline-block; margin-left: 7px; width: 7px; height: 14px; background: url(/eng/images/sub/product_arrow.png) 0 0 no-repeat; vertical-align: middle }
.product-detail .product-info .drawing { background-color: #0ea14c }
.product-detail .product-desc { clear: both; padding-top: 40px; }
.product-detail .product-desc h3 { margin-bottom: 25px; padding-top: 55px }
.product-detail .product-spec { border-top: 1px solid #7e7e7e; border-bottom: 1px solid #7e7e7e; }
.product-detail .product-spec th, .product-detail .product-spec td { padding: 15px 15px 15px 40px; text-align: left; vertical-align: middle; border-bottom: 1px solid #dbdbdb; border-left: 1px solid #dbdbdb; font-size: 13px }
.product-detail .product-spec th { background-color: #f9f9f9; font-size: 14px; }
.product-detail .product-spec tr th[colspan], .product-detail .product-spec tr th[rowspan] { border-left: none }

/*이전,다음.줌 2016.08.25*/
/* pager */
.product-detail .controller { margin: 30px 0; text-align: center; font-size: 0; line-height: 0; }
.product-detail .controller ol { display: inline-block; font-size: 0; line-height: 0; vertical-align: top; *display:inline;
*zoom:1;
*margin:0;
}
.product-detail .controller li { display: inline-block; margin: 0 0 0 -1px; font-size: 17px; vertical-align: middle; *display:inline;
*zoom:1;
}
.product-detail .controller li:first-child { margin-left: 0; }
.product-detail .controller li a { display: block; width: 90px; line-height: 24px; }
.product-detail .controller li a:hover, .product-detail .controller li a.current { font-weight: 700 }
.product-detail .controller > a { overflow: hidden; display: inline-block; width: 24px; height: 24px; background-position: 50% 50%; background-repeat: no-repeat; text-align: left; text-indent: -9999px }
.product-detail .controller > a.first { background-image: url(/eng/images/common/pager_first.png) }
.product-detail .controller > a.last { background-image: url(/eng/images/common/pager_last.png) }
.product-detail .controller > a.prev { background-image: url(/eng/images/common/pager_prev.png) }
.product-detail .controller > a.next { background-image: url(/eng/images/common/pager_next.png) }
/*------------------------------------*
    인증서
 *------------------------------------*/
.certification .grid { margin: 0 -8px; }
.certification .grid > li { display: inline-block; margin-bottom: 65px; padding: 0 8px; width: 16.66666%; text-align: center; vertical-align: top }
.certification .grid > li img { margin-bottom: 10px; box-shadow:2px 2px 3px rgba(125,125, 125, .7) }
/*------------------------------------*
    히스토리
 *------------------------------------*/
.timeline { position: relative; width: 80%; margin: 0 auto; }
.timeline:before { content: ''; position: absolute; top: 0; left: 3px; height: 100%; width: 4px; background: #d7e4ed; }
.timeline li { position: relative; margin: 2em 0; }
.timeline li:after { content: ""; display: table; clear: both; }
.timeline li:first-child { margin-top: 0; }
.timeline li:last-child { margin-bottom: 0; }
.timeline li span { position: absolute; top: -2px; left: 0; font-size: 16px; color: #343434; text-decoration:underline }
.timeline li span:before { content: ''; display: inline-block; margin-right: 10px; width: 10px; height: 10px; border-radius: 50%; background: #75ce66; vertical-align: middle }
.timeline li p { margin-left: 110px; font-size: 14px; color: #5a5a5a; }
/*------------------------------------*
    영업소
 *------------------------------------*/
.head-office {overflow:hidden; margin-bottom:65px; padding:25px 55px 40px; background-color:#fafafa;}
.head-office h2 {margin-bottom:15px; font-size:20px; color:#2a2a2a}
.head-office .map {float:left; width:590px; height:400px }
.head-office .info {box-sizing:border-box; float:right; padding:30px; width:250px; height:400px; background-color:#fff;}
.head-office .info .address {margin-bottom:95px; font-size:24px; font-weight:700; color:#2a2a2a;}
.head-office .info p {margin-bottom:28px; font-size:18px; color:#343434}
.head-office .info p:before {content:''; display:block; margin-bottom:8px; width:17px; height:2px; background-color:#0ea14c}
/* list */
.office-list  td {padding:20px; border-top:1px solid #ededed; border-bottom:1px solid #ededed; color:#717171; vertical-align:middle; text-align:left }
.office-list tr td:first-child, .office-list tr td:first-child + td {font-weight:700; color:#343434}
.office-list  td.link {text-align:center} 
.office-list .pager {margin-top:45px;}
/* view */
.office-view { margin-bottom:65px; padding:40px 35px; background-color:#fafafa;}
.office-view .map {float:right; width:590px; }
.office-view .info {box-sizing:border-box; float:left; width:290px; }
.office-view h2 {margin-bottom:50px; padding:5px 0 5px 10px;  border-bottom:1px solid #cdcdcd; font-size:30px; color:#2a2a2a  }
.office-view p { margin-bottom:10px; padding-left:35px; font-size:18px; color:#343434; background-position:left 2px; background-repeat:no-repeat}
.office-view p.address { margin-bottom:50px;font-size:20px; font-weight:700; color:#2a2a2a; background-image:url(../images/common/icon_addr.png) ; }
.office-view p.phone { background-image:url(/eng/images/common/icon_phone.png)  }
.office-view p.fax { background-image:url(/eng/images/common/icon_fax.png)  }