@charset "utf-8";

#main #header{background:#fff}
#main #header .gnb h1 a>img{top:0}
#main #header .gnb .gnbMenu>li>a span{color:#5a5a5a}
#main #header .btnMenuAll{background-position:0 -12px}
#main #header .lang button{color:#5a5a5a}
#main #header .lang button:before{background-position:0 -5px}

#main footer{height:94px}
#main footer .footWrap{padding:25px 15px 0 0}
#main footer .fr{margin-top:-3px}

#mainContener{position:relative;overflow:hidden;top:-20px}
#mainContener h3{position:relative;padding-bottom:19px;font-size:30px;line-height:30px;font-weight:600;font-family:'titi';color:#000;text-align:left}
#mainContener h3:after{position:absolute;bottom:0;left:0;content:'';display:block;width:55px;height:3px;background:#006dbb}

/* main visual */
.main_visual_wp{position:relative;width:1200px;height:750px;margin:0 auto;z-index:1;text-align:center}
.main_visual{position:relative;width:1920px;height:750px;margin-left:-354px;z-index:1;text-align:left}
.main_visual>.main_visu_con{position:absolute;width:1200px;height:750px;top:0;left:50%;transform:translateX(-50%);padding-top:370px;padding-left:20px;z-index:1000;box-sizing:border-box}
.main_visual>.main_visu_con h1{position:relative;display:inline-block;font-family:titi;font-size:60px;font-weight:600;line-height:36px;color:#fff}
.main_visual>.main_visu_con h1:after{display:block;content:'';width:149px;height:1px;position:absolute;bottom:-4px;right:-172px;background:rgba(255,255,255,1.0)}
.main_visual>.main_visu_con h1+p{margin-top:20px;margin-bottom:30px;font-family:titi;font-size:30px;line-height:30px;font-weight:100;color:#fff}

/* slick dot */
.slick-dots{position:absolute;bottom:153px;width:1200px;left:50%;transform:translateX(-50%);padding:0;margin:0;list-style:none;text-align:left;box-sizing:border-box;padding-left:15px;z-index:9999}
.slick-dots li{position:relative;display:inline-block;width:13px;height:13px;margin:0 5px;padding:0;border-radius:50%;background:rgba(255,255,255,0.5);cursor:pointer;z-index:9999}
.slick-dots li button{font-size: 0;line-height: 0;display: block;width: 13px;height: 13px;padding: 0;cursor: pointer;color: transparent;border: 0;outline: none;background: transparent;z-index:9999}
.slick-dots li button:hover,
.slick-dots li button:focus{outline:none}
.slick-dots li button:before{display:none}
.slick-dots li.slick-active{background:#006dbb}

/* main3Menu */
.main3Menu{position:relative;width:100%;height:280px;min-width:1200px;}
.main3Menu div{position:absolute;top:0;width:100%;height:280px;min-width:1200px}
.main3Menu div:after{clear:both;display:block;content:''}
.main3Menu div>a{display:block;float:left;position:relative;width:33.333%;height:280px;padding:0;background:rgba(255,255,255,0.65);box-shadow:5px 6px 7px rgba(0,0,0,0.3);box-sizing:border-box;transition-property:margin-top;transition: all .2s ease-out;z-index:10;text-align:center;background:#57678b}
/* .main3Menu div>a:nth-of-type(2){background-image:url('/static/images/main/tab_bg02.jpg')}
.main3Menu div>a:nth-of-type(3){background-image:url('/static/images/main/tab_bg03.jpg')} */
.main3Menu div>a:nth-of-type(2){background:#162745}
.main3Menu div>a:nth-of-type(3){background:#006dbb}
.main3Menu div>a:hover{margin-top:-15px;transition: all .2s ease-out}
.main3Menu div>a>span{display:inline-block;position:relative;color:#fff;font-size:24px;font-family:'titi';font-weight:600}
.main3Menu div>a>span:before{display:block;content:'';width:89px;height:80px;margin:45px auto 22px;background:url(/static/images/main/icons01.png) no-repeat;overflow:hidden}
.main3Menu div>a:nth-of-type(2)>span:before{background-position:0 -80px}
.main3Menu div>a:nth-of-type(3)>span:before{background-position:0 -160px}
.main3Menu div>a>p{margin-top:30px;color:#fff;line-height:22px;font-weight:100}

/* Ethical Management Overview */
.whiteWrap{position:relative;width:1200px;margin:0 auto;padding:120px 0 128px;text-align:center}
.whiteWrap h2.big{padding-top:7px;font-family:titi;font-size:40px;color:#000 !important;font-weight:400}
.whiteWrap h2.big:after{display:none}
.whiteWrap h2.big+p{margin-top:33px;font-size:18px;line-height:30px}
.whiteWrap .tabEthical{overflow:hidden;display:inline-block;margin:70px auto 0}
.whiteWrap .tabEthical>a{position:relative;display:inline-block;float:left;width:222px;height:111px;padding-bottom:5px;text-align:center;font-size:22px;line-height:25px}
.whiteWrap .tabEthical>a:before{content:'';display:block;width:100px;height:70px;margin:0 auto 19px;background:url(/static/images/main/icons02.png) no-repeat;overflow:hidden}
.whiteWrap .tabEthical>a:nth-of-type(1){left:-20px}
.whiteWrap .tabEthical>a:nth-of-type(1):before{}
.whiteWrap .tabEthical>a:nth-of-type(2):before{background-position:-100px 0}
.whiteWrap .tabEthical>a:nth-of-type(3):before{background-position:-200px 0}
.whiteWrap .tabEthical>a:nth-of-type(4):before{background-position:-300px 0}
.whiteWrap .tabEthical>a:nth-of-type(1):hover:before{background-position:0 -70px}
.whiteWrap .tabEthical>a:nth-of-type(2):hover:before{background-position:-100px -70px}
.whiteWrap .tabEthical>a:nth-of-type(3):hover:before{background-position:-200px -70px}
.whiteWrap .tabEthical>a:nth-of-type(4):hover:before{background-position:-300px -70px}
.whiteWrap .tabEthical>a:after{content:'';display:block;position:absolute;top:0;left:0;width:1px;height:110px;background:#cfcfcf}
.whiteWrap .tabEthical>a:nth-of-type(1):after{display:none}

/* products */
/* .productsWrap{width:100%;height:585px;background:url(/static/images/main/bg_product.jpg) no-repeat;background-size:cover} */
.productsWrap{width:100%;height:548px;background:#ebebeb}
.productsWrap .row{position:relative;width:1200px;height:162px;margin:0 auto;box-sizing:border-box}
#mainContener .productsWrap .row h3{padding-top:62px;margin-left:22px}
.productList{position:relative;width:1200px;height:385px;margin:0 auto}
.productList .item{position:absolute;left:50%;top:0;width:1920px;transform:translateX(-50%)}
.productList .item figure{position:relative;width:320px;height:385px;margin:0;overflow:hidden}
.productList .item figure>a{display:none;position:absolute;top:154px;left:85px;width:147px;height:43px;line-height:43px;background:#006dbb;color:#fff;font-family:titi;font-weight:600;font-size:14px;text-align:center}
.productList .item figure>figcaption{display:none;position:absolute;bottom:0;left:0;width:100%;height:50px;line-height:50px;background:#002b5c;color:#fff;font-family:titi;font-weight:600;font-size:18px;text-align:center}
.productList .item figure:hover>a,
.productList .item figure:hover>figcaption{display:block;z-index:10}
.productList .item figure:hover:after{content:'';display:block;position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.3);z-index:2;}
.productList .slick-list{padding:0 !important}
.productList .slick-arrow{display:inline-block;position:absolute;width:40px;height:40px;top:-89px;right:425px;font-size:0;z-index: 999;text-indent:-10000em;overflow:hidden}
.productList .slick-arrow.slick-prev{background:url('/static/images/main/btn_scroll_arr.png') 0 0 no-repeat}
.productList .slick-arrow.slick-next{right:378px;background:url('/static/images/main/btn_scroll_arr.png') 0 -40px no-repeat}

/* ABOUT US*/
.whiteWrap.about{width:1200px;margin:0 auto;padding:107px 37px 70px 23px;text-align:left;overflow:hidden;box-sizing:border-box}
.whiteWrap.about .about_content{margin-bottom: 45px;}
.whiteWrap.about .about_content img{width: 100%;}
.about .fl{width:550px}
.about .fr{width:550px;position:relative}
.about h3{margin-bottom:45px}
.about .fr h3{left:7px}
.about figcaption{padding:29px 0 12px;font-size:18px;font-weight:500;color:#000}
.about figcaption+p{font-weight:100;line-height:26px}
.about dl{position:relative;}
.about dl>dt:first-child{margin-left:0}
.about dl>dt{position:relative;width:550px;height:52px;line-height:52px;padding-left:14px;margin-top:10px;box-sizing:border-box;border:1px solid #ddd;font-size:18px;color:#000;font-weight:400}
.about dl>dt:before{content:'';display:inline-block;width:24px;height:24px;line-height:24px;margin-right:13px;margin-top:-2px;border-radius:50%;border:1px solid #cecece;background:url('/static/images/main/ico_plus.png') 50% 50% no-repeat;cursor:pointer;vertical-align:middle;box-sizing:border-box}
.about dl>dd{display:none;width:550px;padding:26px 15px 20px 27px;min-height:100px;font-size:16px;line-height:26px;box-sizing:border-box;border:1px solid #ddd;border-top:none;font-weight:100}
.about dl>dd>span{display:block;margin-top:15px}
.about dl>dt.on{background:#184064;color:#fff}
.about dl>dt.on:before{background:#fff url('/static/images/main/ico_minus.png') 50% 50% no-repeat}
.about dd>a{display:block;margin-top:15px;font-size:16px;color:#006dbb}

/* R&D */
.rndWrap{position:relative;width:100%;height:330px;background:url('/static/images/main/bg_rnd.jpg') 50% 50% no-repeat;background-size:cover;text-align:center;font-family:titi}
.rndWrap>span{display:block;padding-top:67px;font-size:27px;font-weight:300;color:#006dbb}
.rndWrap>h4{margin:25px 0 27px;font-size:36px;color:#fff;font-weight:600;text-align:center}
.rndWrap>h4>em{font-weight:300}
.rndWrap>p{font-weight:300;color:rgba(255,255,255,0.7);letter-spacing:0.03em;}
.rndWrap>a.btn{display:inline-block;width:158px;height:49px;margin-top:30px;line-height:49px;border:1px solid #fff;color:#fff;font-size:18px;font-weight:600;border-radius:5px}

/* LATEST NEWS */
.news{width:1200px;margin:0 auto;padding:115px 0 110px;text-align:left;overflow:hidden;box-sizing:border-box}
.news h3{left:0}
.news article{overflow:hidden;margin-top:45px}
/*
.news article>a{float:left;display:block;width:360px;margin-left:30px}
.news article>a:first-child{margin-left:25px}
.news article>a>div{position:relative;width:360px;height:194px;overflow:hidden}
.news article>a>div>img{width:360px;height:194px}
.news article>a>div>p{position:absolute;bottom:0;left:10px;width:62px;height:68px;padding-top:16px;background:#0c4da2;color:#fff;text-align:center;box-sizing:border-box;font-family:titi;font-size:24px;font-weight:600;line-height:20px}
.news article>a>div>p>span{display:block;font-size:14px;font-weight:100}
.news article>a>strong{display:block;margin-top:40px;margin-bottom:5px;font-size:16px;color:#000;font-weight:500;line-height:24px}
.news article>a>p{line-height:22px}
*/
.news article>a{display:block;width:100%;min-height:194px;overflow:hidden}
.news article>a>div{position:relative;float:left;width:360px;height:194px;overflow:hidden}
.news article>a>div>img{width:360px;height:194px}
.news article>a>div>p{position:absolute;bottom:0;left:10px;width:62px;height:68px;padding-top:16px;background:#0c4da2;color:#fff;text-align:center;box-sizing:border-box;font-family:titi;font-size:24px;font-weight:600;line-height:20px}
.news article>a>div>p>span{display:block;font-size:14px;font-weight:100}
.news article>a>p{float:left;width:770px;margin-left:40px;font-size:14px;line-height:24px}
.news article>a>p>strong{display:block;position:relative;top:-3px;min-height:50px;margin-bottom:5px;font-size:16px;color:#000;font-weight:500;line-height:24px}
.news article>a>p>strong>em{display:block;margin-top:4px;font-size:13px;color:#636363;font-weight:400;line-height:13px}
.news article>a>p:hover{text-decoration:underline}