@charset "UTF-8";

 .mainVis .rollArea .roll .bg img {
    display: none;
}
*{margin:0; padding:0;}
html{width:100%; height:100%}
body{position:relative; font-family:'Noto Sans SC', sans-serif; font-weight:300; font-size:16px; color:#555; letter-spacing:0; height:100%; -webkit-text-size-adjust:100%; -moz-text-size-adjust:100%; -ms-text-size-adjust:100%; line-height:1;}
body.en{font-size: 14px;}
body,div,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,p,form,fieldset,table,tr,th,td{margin:0; padding:0}
ul,ol,li{list-style:none}
img, fieldset{border:none; vertical-align:top; max-width: 100%;}
legend, caption{position:absolute; top:-9999px; left:-9999px; z-index:-1}
textarea, button{vertical-align:middle} 
input, select{vertical-align:middle; background:#fff; border:1px solid #e0e0e0; font-family:'Noto Sans SC', sans-serif; font-weight:300; color:#555; letter-spacing:0; border-radius:0; font-size:16px; color:#000}
input{padding:3px 10px; height:32px}
option{padding:3px 10px;}
input[type="radio"],input[type="checkbox"] {border:0; padding:0; height:auto; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none;}
input[type="password"] {height:40px; border:1px solid #e0e0e0; color:#999; background:#fff; -webkit-appearance: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none;}
input[type="text"] {width:278px; background:#fff; -webkit-appearance: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none;}
input[type="tel"] {-webkit-appearance: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none;}
input[type="file"] {-webkit-appearance: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none;}
select{padding:5px 30px 5px 10px; height:40px; border:1px solid #e0e0e0; -webkit-appearance: none; -moz-appearance: none; appearance: none; background:#fff url("../img/icon/select_arrow.png") no-repeat right 15px center; }
select::-ms-expand {display: none;}
@-moz-document url-prefix() {
    select {padding-left:10px;}
}
* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
textarea{padding:10px; vertical-align:middle; background:#fff; border:1px solid #e0e0e0; font-family:'Noto Sans SC', sans-serif; font-weight:300; color:#555; font-size:16px; letter-spacing:0; -webkit-appearance: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; border-radius:0}
a{text-decoration:none; color:#555;}
a:hover, a:focus, a:active{text-decoration:none;}
table{border-collapse:collapse; width:100%;}
button{background:none; border:none; padding:0; margin:0; cursor:pointer; overflow:visible; white-space: nowrap;  font-size:16px; font-family:'Noto Sans SC', sans-serif; font-weight:300; }
button:active {outline: none}
button::-moz-focus-inner {padding:0; border:0;}
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {display: block;}
strong{font-weight:300}
th{font-weight:300}
::-webkit-input-placeholder {color:#cfcfcf;}
:-moz-placeholder {color:#cfcfcf; opacity:1;}
::-moz-placeholder {color:#cfcfcf; opacity:1;}
:-ms-input-placeholder {color:#cfcfcf;}
:placeholder-shown {color:#cfcfcf;}
.hidden{ display: none !important;}

.mt0{margin-top:0px !important}
.mt5{margin-top:5px !important}
.mt10{margin-top:10px !important}
.mt15{margin-top:15px !important}
.mt20{margin-top:20px !important}
.mt25{margin-top:25px !important}
.mt30{margin-top:30px !important}
.mt35{margin-top:35px !important}
.mt40{margin-top:40px !important}
.mt45{margin-top:45px !important}
.mt50{margin-top:50px !important}
.mt60{margin-top:60px !important}
.mt80{margin-top:80px !important}
.mb0{margin-bottom:0px !important}

.mb50{ margin-bottom: 50px !important;}

.grd
{
    position:absolute; top:0; left:0; z-index:1; width:100%; height:100%; opacity:0.8;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#4c4c4c+0,131313+100 */
    background: rgb(0, 110, 183); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(115,207,70,1) 0%, rgba(28,66,189,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  rgba(115,207,70,1) 0%, rgba(28,66,189,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  rgba(115,207,70,1) 0%, rgba(28,66,189,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#73cf46', endColorstr='#1c42bd',GradientType=0 ); /* IE6-9 */
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
}

#wrapper {position:relative; width:100%; overflow:hidden;}
#cBody {position:relative; width:100%;}
.subWrap {padding-bottom:140px;}
.ovF {overflow:hidden;}
.clear:after{content:''; display:block; clear:both;}
.blind{width:0; height:0; text-indent:-9999px; font-size:0;}
.inner {width:1400px; margin:0 auto;}
.inner .logo{ height: 37px;}
.blackBg {display:none; position:absolute; top:0; left:0; z-index:2; width:100%; height:100%; background:rgba(0,0,0,0.5);
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-perspective: 1000;
    -moz-perspective: 1000;
    -ms-perspective: 1000;
    perspective: 1000;
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
}
.borT {border-top:1px solid #e0e0e0;}

.fBold {font-weight:700;}

.goCon{position:fixed; top:-50px; left:0; z-index:9999; text-align:center; box-sizing:border-box; padding:15px 0; width:100%; height:50px; color:#fff; line-height:1; background:#272727;}
.goCon:focus{top:0;}

/* header */
/* header */
#header {position:fixed;top:0; left:0; z-index:10; width:100%; height:90px; box-sizing:border-box; background:#fff;}
#header h1 {float:left; margin:20px 25px 0 40px;}/* 서브페이지 */
#header h1 a {display:block; width:323px; height:50px; background:url("../img/logo_c.png") no-repeat 0 0;
 background-size:contain;text-indent:-9999px; font-size:0;}
#header .moin {float:left; margin-top:25px;}
#header .moin a {display:block; width:67px; height:38px; background:url("../img/moin_logo_c.png") no-repeat 0 0; 
text-indent:-9999px; font-size:0;}

#header #gnb {width:1000px; margin:0 auto; display: inline-block;}
#header #gnb:after {content:"";  display:block; clear:both;}
#header #gnb > li {position:relative; float:left; width:125px;}
#header #gnb li .oneD {display:block; font-size:18px; font-weight:700; color:#000; padding:36px 0; text-align:center; }
#header #gnb li.on .oneD,#header #gnb li.on .oneD {position:relative; color:#265fae;}
#header #gnb li.on .oneD:after,#header #gnb li.on .oneD:after {content:""; display:block; 
width:100%; height:2px; background:#265fae; position:absolute; bottom:-1px; left:0; z-index:3}
#header #gnb li .twoD {position:absolute; top:89px; left:0; z-index:2; width:100%; padding:40px 0;height:400px; display:none;}
#header #gnb li.on .twoD,#header #gnb li.on .twoD {background:#f5f5f5;}
#header #gnb li .twoD li a {display:block; text-align:center; line-height:22px; margin-top:20px;color: #333}
#header #gnb li .twoD li a:first-child {margin-top:0;;}
#header #gnb li .twoD li a:hover {font-weight:700; color:#265fae;}
#header .rightDiv {position:absolute; top:0; right:0;}
#header .rightDiv .util:after {content:""; display:block; clear:both;}
#header .rightDiv .lang {float:left; position:relative; text-align:center; font-family:'Proxima-Regular', sans-serif; font-weight:normal;}
#header .rightDiv .lang > a {display:block; width:90px; margin:27px 0; padding:10px 0;}
#header .rightDiv .lang > a span {
    /* background:url("../img/icon/lang_moreIcon.png") no-repeat right center;  */
    padding-right:15px;}
#header .rightDiv .lang div {position:absolute; top:88px; left:0; z-index:1; width:100%; padding:13px 0; border-top:2px solid #265fae; background:#fff; display:none;}
#header .rightDiv .lang div a {display:block; line-height:26px; color:#777}
#header .rightDiv .lang div a.on {color:#265fae; font-family:'Proxima-Bold', sans-serif; font-weight:normal;}
#header .rightDiv .srchBtn {display:block; float:left; margin-top:30px; width:90px; height:30px; background:url("../img/srchBtn_icon.png") no-repeat center; border-left:1px solid #e0e0e0;}
#header .rightDiv .allMenu {float:left;}
#header .rightDiv .allMenu .allMenuBtn {display:block; width:90px; height:90px; background:#000 url("../img/allMenuBtn.png") no-repeat center;}
#header .rightDiv .allMenu .allMenuBtn.on {background-image:url("../img/allMenuBtn_on.png");}
#header .gnbBg {position:absolute; top:89px; left:0; z-index:1; width:100%; height:400px;
 border-top:1px solid #e0e0e0; background-color:rgba(255,255,255,0.8); display:none;}
.en #header #gnb{width:1160px;}
.en #header #gnb > li{width:140px;}
.en #header .gnbBg{height: 360px; }
.en #header #gnb li .twoD{height: 340px;}
.en #header #gnb li .oneD{font-size: 16px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.en #header #gnb li .twoD li a, .en .allMenu .openDiv .oneD_area > .twoD_area .twoD .thrD a{font-size: 14px;}

.srchArea {position:absolute; top:89px; left:0; width:100%; background:#fff; z-index:100; border-top:1px solid #e0e0e0; padding:80px 0 45px; display:none;}
.srchArea .inputArea {width:800px; margin:0 auto; padding:0 0 17px; position:relative; border-bottom:2px solid #000;}
.srchArea .inputArea input {width:calc(100% - 60px); height:20px; padding-left:0; border:none; font-size:18px;}
.srchArea .inputArea input::placeholder {color:#000; font-size:18px;}
.srchArea .inputArea input::-webkit-placeholder {color:#000; font-size:18px;}
.srchArea .inputArea input::-moz-placeholder {color:#000; font-size:18px;}
.srchArea .inputArea input::-ms-placeholder {color:#000; font-size:18px;}
.srchArea .inputArea > a {position:absolute; bottom:17px; right:20px;}
.srchArea .exArea {text-align:center; margin-top:20px;}
.srchArea .exArea .ex {display:inline-block; border-radius:12px; padding:3px 12px 7px; background:#265fae; text-align:center; font-weight:700; color:#fff;}
.srchArea .exArea div {display:inline-block; margin-left:17px;}
.srchArea .exArea div p {display:inline-block; color:#777; position:relative;}
.srchArea .exArea div p:after {content:""; display:inline-block; vertical-align:middle; width:1px; height:15px; background:#dfdfdf; margin:0 10px;} 

.allMenu {}
.allMenu .openDiv {
    display:none; overflow-y:auto; height:calc(100% - 90px); height:-webkit-calc(100% - 90px); position:fixed; top:89px; left:100%; width:100%; background:#fff; border-top:1px solid #e0e0e0;
    overflow-scrolling: touch; -webkit-overflow-scrolling: touch; -webkit-backface-visibility:hidden; -moz-backface-visibility:hidden; -ms-backface-visibility:hidden; backface-visibility:hidden;
}
.allMenu .openDiv .oneD_area {margin:80px 0;}
.allMenu .openDiv .oneD_area:last-child {margin-bottom:60px;}
.allMenu .openDiv .oneD_area .oneD {font-size:24px; font-weight:700; color:#000;}
.allMenu .openDiv .oneD_area > .twoD_area {padding:40px 0; margin-top:30px; border-top:1px solid #e0e0e0; border-bottom:1px solid #e0e0e0;}
.allMenu .openDiv .oneD_area > .twoD_area:after {content:""; display:block; clear:both;}
.allMenu .openDiv .oneD_area > .twoD_area .twoD {float:left; width:233px;}
.allMenu .openDiv .oneD_area > .twoD_area .twoD > a {font-size:18px; line-height:1.3; font-weight:700; color:#000;}
.allMenu .openDiv .oneD_area > .twoD_area .twoD .thrD a {display:block; margin:18px 0; line-height:1.3;}
.allMenu .openDiv .oneD_area > .twoD_area .twoD .thrD a:last-child {margin-bottom:0;}
.allMenu .openDiv .oneD_area > .twoD_area .twoD.inner {position:relative; float:left; width:100%; overflow:hidden; padding-top:30px;}
.allMenu .openDiv .oneD_area .oneD.curent {color:#265fae;}
.allMenu .openDiv .oneD_area > .twoD_area .twoD > a.curent {color:#265fae;}
.allMenu .openDiv .oneD_area > .twoD_area .twoD .thrD a.curent {color:#000; font-weight:700;}
.allMenu .openDiv .oneD_area:hover .oneD {color:#265fae;}/* hover */
.allMenu .openDiv .oneD_area > .twoD_area .twoD:hover > a {color:#265fae;}
.allMenu .openDiv .oneD_area > .twoD_area .twoD .thrD a:hover {color:#265fae; font-weight:700;}
.allMenu .openDiv .mlangBtn {display:none;}

/* main header */
#header.main {position:fixed; top:0; left:0; width:100%; background:none;z-index:999999}
#header.main h1 a {background-image:url("../img/logo.png");}
#header.main .moin a {background-image:url("../img/moin_logo.png");}
#header.main #gnb li .oneD {color:#006ebd;text-shadow: 1px 1px 1px white;}
#header.main .rightDiv .lang > a span {color:#fff; 
    /* background:url("../img/icon/main_lang_moreIcon.png") no-repeat right center; */
}
#header.main .rightDiv .srchBtn {border-left:1px solid rgba(255,255,255,0.2); background:url("../img/btn/main_srchBtn_icon.png") no-repeat center;}

/* main header - SCROLLED, HOVER */
#header.main.scrolled, #header.main.hover {background:#fff; border-bottom:1px solid #e0e0e0;z-index:999999}
#header.main.scrolled h1 a, #header.main.hover h1 a {background:url("../img/logo.png") no-repeat 0 0; background-size:contain;}
#header.main.scrolled .moin a, #header.main.hover .moin a {background:url("../img/moin_logo_c.png") no-repeat 0 0;}
#header.main.scrolled #gnb li .oneD, #header.main.hover #gnb li .oneD {color:#000;}
#header.main.scrolled #gnb li.curr .oneD {color:#265fae;}
#header.main.scrolled .rightDiv .lang > a span, #header.main.hover .rightDiv .lang > a span {color:#555;
     /* background:url("../img/icon/lang_moreIcon.png") no-repeat right center; */
    }
#header.main.scrolled .rightDiv .srchBtn, #header.main.hover .rightDiv .srchBtn {background:url("../img/btn/srchBtn_icon.png") no-repeat center; border-left:1px solid #e0e0e0;}

.banner-mouse{ display: inline-block; vertical-align: bottom; position: fixed; left: 50%; bottom: 3%; margin-left: -10px; width: 20px; height: 32px; margin-bottom: 4px; border-radius: 5px; border: 2px solid #265fae; transition: all .6s; z-index: 9;}
.banner-mouse:before{ content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 13px; background: #265fae; }
.banner-mouse:after{ content: ""; position: absolute; left: 50%; margin-left: -1px; bottom: 8px; width: 2px; height: 6px; background: #265fae; -webkit-animation: fadeDown 1.6s infinite; animation: fadeDown 1.6s infinite;  }
.banner-mouse i{ position: absolute; font-size: 12px; left: 50%; bottom: -20px; margin-left: -16px; font-style: normal; color: #fff;}

@-webkit-keyframes fadeDown{
    0%{ opacity: 1; -webkit-transform: translateY(-3px); transform: translateY(-3px); }
    100%{ opacity: 0; -webkit-transform: translateY(3px); transform: translateY(3px); }
}
@keyframes fadeDown{
    0%{ opacity: 1; -webkit-transform: translateY(-3px); transform: translateY(-3px); }
    100%{ opacity: 0; -webkit-transform: translateY(3px); transform: translateY(3px); }
}





/* footer */
#footer {position:relative;}
#footer .top {background:#262626; padding:50px 0;}
#footer .top .inner {position:relative;}
#footer .top .left .links a {display:inline-block; font-weight:700; color:rgba(255,255,255,0.6);}
#footer .top .left .links a:after {content:""; display:inline-block; vertical-align:middle; width:4px; height:4px; background:rgba(255,255,255,0.2); border-radius:50%; margin:0 15px 0 20px;}
#footer .top .left .links a:last-child:after {display:none;}
#footer .top .left > p {color:rgba(255,255,255,0.5); margin-top:30px; line-height: 28px;}
#footer .top .left > p > span {margin-left:10px;}
#footer .top .familySite {position:absolute; top:5px; right:0;}
/* #footer .top .familySite select {background-color:#000; background-image:url("../img/icon/familySite_arrow.png"); background-position:right 20px center; border:0; color:rgba(255,255,255,0.4);cursor: pointer;}
#footer .top .familySite select:first-child {width:280px;}
#footer .top .familySite select:last-child {width:230px;} */
#footer  .all-link li{    padding: 5px 40px 5px 10px;text-align: left;font-size: 14px;}
#footer  .all-link li:first-child{background-image: url('../img/familySite_arrow.png');    background-position: right 15px center;background-repeat: no-repeat;font-size: 16px;padding: 10px 40px 10px 10px;}
#footer  .all-link li img{margin-right: 10px;vertical-align: middle}
#footer  .all-link li:hover a{color: #fff}
#footer  .all-link{ background-color: #000;    border: 0;color: rgba(255,255,255,0.4);cursor: pointer; max-height:36px;overflow: hidden; transition: all .8s ease ; }
#footer  .all-link.on{max-height: 200px}
#footer .bottom {background:#303030; padding:20px 0;}
#footer .bottom .inner:after {content:""; display:block; clear:both;}
#footer .bottom p {float:left;}
#footer .bottom .copyright {padding:7px 0; float:left; margin-left:30px; font-size:14px; color:rgba(255,255,255,0.2);}
#footer .bottom .sns {float:right; margin-top:5px;}
#footer .bottom .sns a{ float: left;position: relative;}
#footer .bottom .sns img{ height: 30px;}
#footer .bottom .sns a:after {content:""; display:inline-block; width:1px; height:18px; background:rgba(255,255,255,0.1); margin:8px 15px 0;}
#footer .bottom .sns a:last-child:after {display:none; margin:0}
#footer .bottom .award {float:right; margin:-7px 30px 0 0;}
#footer .bottom .sns a span{position: absolute;left: -50px;top: -130px;opacity: 0;transition: opacity .5s ease;}
#footer .bottom .sns a span img{height:120px;max-width: none;}
#footer .bottom .sns a:hover span{opacity: 1;}

/* .subV {width:100%; height:440px; position:relative;}
.subV .titArea {position:absolute; top:50%; left:0; transform:translateY(-50%); width:100%; text-align:center;}
.subV .titArea .h2Txt {font-size:22px; color:#fff; margin-bottom:20px; position:relative; top:50px; left:0; opacity:0;}
.subV .titArea h2 {font-size:60px; font-family:'Proxima-Extrabold', sans-serif; font-weight:normal; color:#fff; position:relative; top:50px; left:0; opacity:0;} 
.subV .printBtn {position:absolute; bottom:-90px; right:40px; width:50px; height:50px; background:url("../img/btn/print_btn.png") no-repeat 0 0;}

.subV .bg {width:100%; height:100%; overflow:hidden; position:relative;}
.subV .bg div {width:100%; height:100%; position:absolute; top:0; left:0;}
.subV .bg.v1 div {background:url("../img/icon/subV1.jpg") no-repeat center; background-size:cover;}
.subV .bg.v1_1 div {background:url("../img/icon/subV1_1.jpg") no-repeat center; background-size:cover;}
.subV .bg.v1_2 div {background:url("../img/icon/subV1_2.jpg") no-repeat center; background-size:cover;}
.subV .bg.v1_3 div {background:url("../img/icon/subV1_3.jpg") no-repeat center; background-size:cover;}
.subV .bg.v1_4 div {background:url("../img/icon/subV1_4.jpg") no-repeat center; background-size:cover;}
.subV .bg.v1_5 div {background:url("../img/icon/subV1_5.jpg") no-repeat center; background-size:cover;}

.subV .bg.v2_1 div {background:url("../img/icon/subV2_1.jpg") no-repeat center; background-size:cover;}
.subV .bg.v2_2 div {background:url("../img/icon/subV2_2.jpg") no-repeat center; background-size:cover;}
.subV .bg.v2_3 div {background:url("../img/icon/subV2_3.jpg") no-repeat center; background-size:cover;}
.subV .bg.v2_4 div {background:url("../img/icon/subV2_4.jpg") no-repeat center; background-size:cover;}
.subV .bg.v2_5 div {background:url("../img/icon/subV2_5.jpg") no-repeat center; background-size:cover;}
.subV .bg.v2_6 div {background:url("../img/icon/subV2_6.jpg") no-repeat center; background-size:cover;}
.subV .bg.v2_7 div {background:url("../img/icon/subV2_7.jpg") no-repeat center; background-size:cover;}
.subV .bg.v2_8 div {background:url("../img/icon/subV2_8.jpg") no-repeat center; background-size:cover;}
.subV .bg.v2_9 div {background:url("../img/icon/subV2_9.jpg") no-repeat center; background-size:cover;}

.subV .bg.v3_1 div {background:url("../img/icon/subV3_1.jpg") no-repeat center; background-size:cover;}
.subV .bg.v3_2 div {background:url("../img/icon/subV3_2.jpg") no-repeat center; background-size:cover;}
.subV .bg.v3_3 div {background:url("../img/icon/subV3_3.jpg") no-repeat center; background-size:cover;}
.subV .bg.v3_4 div {background:url("../img/icon/subV3_4.jpg") no-repeat center; background-size:cover;}
.subV .bg.v3_5 div {background:url("../img/icon/subV3_5.jpg") no-repeat center; background-size:cover;}
.subV .bg.v3_6 div {background:url("../img/icon/subV3_6.jpg") no-repeat center; background-size:cover;}
.subV .bg.v3_7 div {background:url("../img/icon/subV3_7.jpg") no-repeat center; background-size:cover;}

.subV .bg.v4_1 div {background:url("../img/icon/subV4_1.jpg") no-repeat center; background-size:cover;}
.subV .bg.v4_2 div {background:url("../img/icon/subV4_2.jpg") no-repeat center; background-size:cover;}
.subV .bg.v4_3 div {background:url("../img/icon/subV4_3.jpg") no-repeat center; background-size:cover;}
.subV .bg.v4_4 div {background:url("../img/icon/subV4_4.jpg") no-repeat center; background-size:cover;}
.subV .bg.v4_5 div {background:url("../img/icon/subV4_5.jpg") no-repeat center; background-size:cover;}

.subV .bg.v5_1 div {background:url("../img/icon/subV5_1.jpg") no-repeat center; background-size:cover;}
.subV .bg.v5_2 div {background:url("../img/icon/subV5_2.jpg") no-repeat center; background-size:cover;}
.subV .bg.v5_3 div {background:url("../img/icon/subV5_3.jpg") no-repeat center; background-size:cover;}

.lnb {position:absolute; top:0; left:0; z-index:1; width:100%; }
.lnb:after {content:""; display:block; position:absolute; top:0; left:0; z-index:-1; width:100%; height:60px; background:rgba(34,34,34,0.4);}
.lnb .inner:after {content:""; display:block; clear:both;}
.lnb .homeBt {display:block; float:left; width:60px; height:60px; background:rgba(0,0,0,0.3) url("../img/icon/homeBt_icon.png") no-repeat center;}
.lnb .inner .container {float:left; width:1340px;}
.lnb .inner .container > div {float:left; position:relative; width:447px; box-sizing:border-box;}
.lnb .inner .container > div:first-child {width:446px;}
.lnb .inner .container > div  > a {display:block; padding:22px 30px; border-right:1px solid rgba(255,255,255,0.15); color:rgba(255,255,255,0.8); background: url("../img/icon/lnb_icon.png") no-repeat right 25px center;}
.lnb .inner .container > div  > a.on {color:#fff; background-image:url("../img/icon/lnb_icon_on.png"); background-color:#043f66;}
.lnb .inner .container > div:last-child  > a {color:#fff; font-weight:700;}
.lnb .moreMenu {position:absolute; width:100%; background:#034874; padding:20px 0 24px; display:none;}
.lnb .moreMenu a {display:inline-block; padding-left:30px; color:#89a7ba; line-height:31px;}
.lnb .moreMenu a.current, .lnb .moreMenu a.on {color:#fff; font-weight:700;}
.lnb .moreMenu a:hover {color:#fff; font-weight:700;}
.lnb.scroll {position:fixed; top:0; z-index:10; background:#034874;} 

.lnb .hoverTwoD {position:absolute; top:0; left:100%; width:calc(100% + 1px); background:#034874; padding:20px 0 24px; border-left:1px solid #1d5b82; display:none; margin-left:-1px;}
.lnb .hoverThrD {position:absolute; top:0; left:100%; width:100%; background:#034874; padding:20px 0 24px; border-left:1px solid #1d5b82; display:none; margin-left:-1px;}
 */

/* #cBody h3 {font-size:50px; color:#000; font-weight:700; margin-top:100px; text-align:center;} */
/* #cBody h4 {font-size:18px; margin-top:20px; color:#8bbf45; text-align:center} */
.h3TxtArea {/*margin-bottom:80px;*/ margin-bottom:73px; text-align:center;}
.h3TxtArea.mt {margin-top:100px;}
.h3TxtArea.prod {margin-top:69px;}
.h3TxtArea.prodTab {margin-top:73px;}

.h3TxtArea .tit {font-size:24px; line-height:1.5; color:#000; font-weight:700; margin-top:75px;}
.h3TxtArea .sTit {font-size:38px; color:#000; font-weight:700;}
.h3TxtArea .sTitSub {font-size:18px; font-weight:700; margin-top:20px; color:#8bbf45;}
.h3TxtArea .txt {font-size:18px; line-height:31px; color:#555; margin-top:30px;}
.productTit {font-size:24px; color:#000; font-weight:700; padding-left:32px; position:relative; margin:80px 0 30px;}
.productTit:before {content:""; display:block; width:15px; height:24px; position:absolute; top:0; left:0; background:url("../img/icon/productTit_icon.png") no-repeat center;}
.productTit2 {font-size:22px; color:#000; font-weight:700; margin:60px 0 30px;}
.productTxt.ncc {line-height:30px;}

.srchType1 {position:relative; margin:40px 0 30px; text-align:right;}
.srchType1:after {content:""; display:block; clear:both;}
.srchType1 select {position:absolute; top:0; right:380px; width:133px; height:54px;}
.srchType1 .inputDiv {width:380px; float:right; overflow:hidden;}
.srchType1 .inputDiv input {float:left; width:305px; height:46px; border-left:0; border-right:0;}
.srchType1 .inputDiv .srchBtn {display:block; float:left; width:54px; height:54px; background:#545a66 url("../img/icon/srchBtn_wIcon.png") no-repeat center; }
.srchType1 .inputDiv .grayBtn {display:block; float:left; padding:19px 30px; background:#545a66; border-radius:3px; color:#fff; font-weight:700; text-align:center;}
.srchType1.yearS {}
.srchType1.yearS select{right:100px; width:325px;}
.srchType1.yearS .inputDiv {width:auto;}

/* listType */
.listType1 {position:relative;} 
.listType1 .listTab {position:absolute; top:-65px; left:0;}
.listType1 .listTab a {display:inline-block; position:relative; padding:0 17px; color:#666;}
.listType1 .listTab a.on {font-weight:700; color:#333}
.listType1 .listTab a:after {content:""; display:block; width:1px; height:100%; position:absolute; top:0; left:0; background:#e0e0e0;}
.listType1 .listTab a:first-child {padding-left:0; border:none;}
.listType1 .listTab a:first-child:after {display:none}
.listType1 ul {padding:20px 0; border-top:2px solid #000; border-bottom:1px solid #e0e0e0;}
.listType1 ul li a {display:block; padding:40px 0; border-top:1px solid #e0e0e0;}
.listType1 ul li:first-child a {border-top:0}
.listType1 ul li a:after {content:""; display:block; clear:both;}
.listType1 ul li a .date {float:left; width:170px; font-family:'Proxima-Bold', sans-serif; font-weight:normal; font-size:25px; line-height:32px; color:#000;}
.listType1 ul li a .date span {display:block; margin-top:10px; font-family:'Proxima-Regular', sans-serif; font-weight:normal; font-size:16px; line-height:1; letter-spacing:0; color:#888;}
.listType1 ul li a .txtArea {float:left; position:relative; width:800px; padding:0 240px 0 45px; box-sizing:border-box;}
.listType1 ul li a .txtArea .tit {font-size:20px; color:#000; line-height:30px; font-weight:700;  display:-webkit-box; height:60px; overflow:hidden; text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
.listType1 ul li a .txtArea .txt {margin-top:15px; line-height:26px;  display:-webkit-box; height:78px; overflow:hidden; text-overflow:ellipsis;-webkit-line-clamp:3;-webkit-box-orient:vertical;}
.listType1 ul li a .txtArea:after {content:""; display:block; position:absolute; bottom:-60px; left:45px; width:63px; height:12px; background:url("../img/icon/listType_arrow.png") no-repeat 0 0;}
.listType1 ul li a .img {float:right; width:430px; height:275px; text-align:right; position:relative; overflow:hidden;}
.listType1 ul li a .img img {width:100%; transition:all 1s ease;}
.listType1 ul li a:hover .txtArea:after {background-image:url("../img/icon/listType_arrow_on.png");}
.listType1 ul li a:hover .txtArea .tit , .listType1 ul li a:hover .txtArea .txt {text-decoration:underline;}
.listType1 ul li a:hover .img img {transform:scale(1.1,1.1);}
.listType1 ul li a:hover .img:after {
    content:""; display:block; width:100%; height:100%; position:absolute; top:0; left:0; z-index:1; opacity:0.8;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#4c4c4c+0,131313+100 */
    background: rgb(139, 191, 69, 0.8); /* Old browsers */
    background: -moz-linear-gradient(120deg,  rgba(158,251,32,1) 0%, rgba(3,72,116,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(120deg,  rgba(158,251,32,1) 0%, rgba(3,72,116,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(120deg,  rgba(158,251,32,1) 0%, rgba(3,72,116,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#73cf46', endColorstr='#1c42bd',GradientType=0 ); /* IE6-9 */
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
}

.listType2 {position:relative;} 
.listType2 .poolBtn {position:absolute; top:-85px; left:0; display:inline-block; padding:19px 30px; font-weight:700; color:#fff; background:#545a66; text-align:center; border-radius:3px;}
.listType2 ul {border-top:2px solid #000; border-bottom:1px solid #e0e0e0; }
.listType2 ul li a {display:table; table-layout:fixed; width:100%; padding:20px 0; border-bottom:1px solid #e0e0e0;}
.listType2 ul li a > p {display:table-cell;}
.listType2 ul li a > p.type {width:160px; text-align:center;}
.listType2 ul li a > p.type span {display:inline-block; width:100px; height:36px; line-height:34px; border-radius:20px;}
.listType2 ul li a > p.type span.type1 {color:#fff; background:#265fae;}
.listType2 ul li a > p.type span.type2 {color:#000; background:#dcdcdc;}
.listType2 ul li a > p.title {padding:0 10px;}
.listType2 ul li a > p.title span {display:block; font-size:18px; line-height:1.3; color:#000; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
.listType2 ul li a > p.date {width:230px; text-align:center;}
.listType2 ul li a:hover .title span{text-decoration:underline; font-weight:700;}
.listType2 ul.type2 li {display:table; table-layout:fixed; width:100%; padding:40px 30px; box-sizing:border-box; border-bottom:1px solid #e0e0e0;}
.listType2 ul.type2 li .num {display:table-cell; width:50px}
.listType2 ul.type2 li .title {display:table-cell; width:auto; font-weight:700; font-size:18px; color:#000; }
.listType2 ul.type2 li .date {display:table-cell; width:120px; text-align:center;}
.listType2 ul.type2 li .down {display:table-cell; width:150px; text-align:right;}
.listType2 ul.type2 li .down a {display:inline-block; width:auto; padding:0; border:2px solid #e0e0e0; border-radius:3px; border-radius:3px; padding:10px 20px;}
.listType2 ul.type2 li .down a span {display:block; font-weight:700; padding-right:25px; background:url("../img/icon/alertArea_btnIcon.png") no-repeat right center;}
.listType2 ul.type2 li .down a:hover {background:#8bbf45; border-color:#8bbf45; }
.listType2 ul.type2 li .down a:hover span {color:#fff; background-image:url("../img/icon/down_icon.png");}
.listType2 ul.type2 li .down.type2 {width:465px; text-align:right; }

.listType3 {position:relative;} 
.listType3 .listTab {position:absolute; top:-65px; left:0;}
.listType3 .listTab a {display:inline-block; position:relative; padding:0 17px; color:#666;}
.listType3 .listTab a.on {font-weight:700; color:#333}
.listType3 .listTab a:after {content:""; display:block; width:1px; height:100%; position:absolute; top:0; left:0; background:#e0e0e0;}
.listType3 .listTab a:first-child {padding-left:0; border:none;}
.listType3 .listTab a:first-child:after {display:none}
.listType3 .listDiv {border-bottom:1px solid #e0e0e0;  margin-top:80px;}
.listType3 .listDiv:after {content:""; display:block; clear:both;}
.listType3 .listDiv a {display:block; float:left; width:326px; margin-right:32px; padding-bottom:30px;}
.listType3 .listDiv a:nth-child(4n) {margin-right:0;}
.listType3 .listDiv a .imgCon {position:relative;}
.listType3 .listDiv a .imgCon .label {display:block; position:absolute; top:0; left:0; width:60px; text-align:center; background:rgba(0,0,0,0.6); color:#fff; line-height:40px;}
.listType3 .listDiv a .imgCon .img img {width:100%;}
.listType3 .listDiv a .txtArea {margin-top:30px;}
.listType3 .listDiv a .txtArea .tit {font-size:20px; font-weight:700; color:#000; line-height:30px;}
.listType3 .listDiv a .txtArea .date {font-family:'Proxima-Regular', sans-serif; font-weight:normal; color:#888; margin:20px 0;} 
.listType3 .listDiv a .txtArea .txt {line-height:26px; height:78px; overflow:hidden; text-overflow:ellipsis; word-wrap:break-word; display:-webkit-box;-webkit-line-clamp:3; -webkit-box-orient:vertical}

.listType3 .listDiv.type2 {border:none; margin-top:70px;} 
.listType3 .listDiv.type2 > div {float:left; width:326px; margin-right:32px; margin-top:30px;}
.listType3 .listDiv.type2 > div:nth-child(-n+4) {margin-top:0} 
.listType3 .listDiv.type2 > div:nth-child(4n) {margin-right:0;}
.listType3 .listDiv.type2 > div .imgCon {padding:40px 50px 0; overflow:hidden; border:1px solid #e0e0e0; border-bottom:0}
.listType3 .listDiv.type2 > div .imgCon img {width:100%;}
.listType3 .listDiv.type2 > div .txtArea {border:1px solid #e0e0e0; border-top:0; padding:38px;}
.listType3 .listDiv.type2 > div .txtArea .tit {color:#000; font-weight:700; line-height:28px;}
.listType3 .listDiv.type2 > div .txtArea .downBtn:after {content:""; display:block; clear:both;}
.listType3 .listDiv.type2 > div .txtArea .downLink {display:inline-block; width:auto; margin-top:25px; margin-right:5px; padding:10px 20px; border:2px solid #e0e0e0; border-radius:3px;}
.listType3 .listDiv.type2 > div .txtArea .downLink span {padding-right:25px; background:url("../img/icon/alertArea_btnIcon.png") no-repeat right center;}
.listType3 .listDiv.type2 > div .txtArea .downLink:hover {background:#8bbf45; border-color:#8bbf45;}
.listType3 .listDiv.type2 > div .txtArea .downLink:hover span {background-image:url("../img/icon/down_icon.png"); color:#fff;}

.listType4:after {content:""; display:block; clear:both;} 
.listType4 a {display:block; float:left; position:relative; width:332px; margin-right:24px; margin-top:50px; text-align:center;}
.listType4 a:nth-of-type(4n) {margin-right:0;}
.listType4 a:nth-of-type(-n+4) {margin-top:0;}
.listType4 a .label {position:absolute; top:20px; left:30px; z-index:1; display:inline-block; border-radius:3px; padding:10px; color:#fff;}
.listType4 a .label.t1 {background:#034874}
.listType4 a .label.t2 {background:#8bbf45}
.listType4 a .imgCon {position:relative;}
.listType4 a .imgCon .img img{max-width:100%; width:100%;}
.listType4 a .imgCon .txt {position:absolute; bottom:0; left:50%; transform:translateX(-50%); width:calc(100% - 60px); background:#fff; padding:20px 0;}
.listType4 a .imgCon .txt span {display:inline-block; position:relative; font-size:18px; line-height:28px; color:#034874; font-weight:700; padding:0 20px;}
.listType4 a .imgCon .txt span:before {content:""; position:absolute; top:0; left:0; display:block; width:12px; height:8px; background:url("../img/icon/listType4_txt_bg1.png") no-repeat 0 0;}
.listType4 a .imgCon .txt span:after {content:""; position:absolute; bottom:0; right:0;  display:block; width:12px; height:8px; background:url("../img/icon/listType4_txt_bg2.png") no-repeat 0 0;}
.listType4 a .txtCon {display:inline-block; padding-top:40px;}
.listType4 a .txtCon span {font-weight:700;}
.listType4 a:hover .txtCon {position:relative; color:#000;}
.listType4 a:hover .txtCon:after {content:""; position:absolute; bottom:-5px; left:0; display:block; width:100%; height:1px; background:#000;}

.listType5:after {content:""; display:block; clear:both;} 
.listType5 a {display:block; width:689px; margin-top:30px; float:left;}
.listType5 a:nth-of-type(even) {float:right;}
.listType5 a:nth-child(-n+2) {margin-top:0}
.listType5 a .imgCon {width:300px; height:256px; overflow:hidden; float:left;}
.listType5 a .imgCon img {max-height:100%;}
.listType5 a .txtArea {float:left; width:calc(100% - 300px); height:256px; padding:40px; box-sizing:border-box;}
.listType5 a .txtArea > .tit {font-size:22px; line-height:30px; font-weight:700; color:#000; overflow:hidden; text-overflow:ellipsis; height:60px;     word-wrap:break-word; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical}
.listType5 a .txtArea ul {margin-top:25px;}
.listType5 a .txtArea ul li {margin-top:10px;}
.listType5 a .txtArea ul li:first-child {margin-top:0}
.listType5 a .txtArea ul li:after {content:""; display:block; clear:both;}
.listType5 a .txtArea ul li p {float:left; width:calc(100% - 80px);}
.listType5 a .txtArea ul li p.tit {color:#000; font-weight:700; width:80px; text-align:justify;}


.noData {border-top:2px solid #000; border-bottom:2px solid #e0e0e0; padding:120px 0 166px; text-align:center;}
.noData .txt {font-size:20px; color:#000; background:url("../img/icon/faq_noData.png") no-repeat center 0; padding-top:145px;}
.noData.faq {margin-top:60px;}
.noData.recruite .txt {background:url("../img/icon/recruite_noData.png") no-repeat center 0; margin-top:0}


/* viewType */
.viewType1 {margin:80px auto 0; max-width:1400px; }
.viewType1 .titArea {background:#ededed; display:table; width:100%;}
.viewType1 .titArea .tit {display:table-cell; padding:30px; font-size:20px; color:#000; font-weight:700; }
.viewType1 .titArea .date {display:table-cell; padding:30px; width:140px; text-align:right; color:#888}
.viewType1 .titArea.type2 .type {display:table-cell; width:100px; text-align:center; padding:30px;}
.viewType1 .titArea.type2 .type span {display:inline-block; width:100px; height:36px; line-height:34px; border-radius:20px;}
.viewType1 .titArea.type2 .type span.type1 {color:#fff; background:#265fae;}
.viewType1 .titArea.type2 .type span.type2 {color:#000; background:#dcdcdc;}
.viewType1 .titArea.type2 .tit {padding:30px 10px;}
.viewType1 .titArea.type2 .date {width:225px;}
.viewType1 .txtArea {padding:60px 15px 30px;}
.viewType1 .txtArea .imgCon {text-align:center; margin-bottom:40px;}
.viewType1 .txtArea .imgCon img {max-width:100%;}
.viewType1 .txtArea .txt {width:850px; margin:0 auto; line-height:30px; }
.viewType1 .txtArea .txt strong {font-weight:700;}
.viewType1 .fileArea {padding:0 30px; margin-top:20px;}
.viewType1 .fileArea a {display:inline-block; border:1px solid #e0e0e0; border-radius:3px; background:#f7f7f7; padding:8px 20px; margin-right:5px; margin-top:10px;}
.viewType1 .fileArea a:last-child {margin-right:0}
.viewType1 .fileArea a span {display:inline-block; padding-left:20px; line-height:1.5; background:url("../img/icon/file_icon.png") no-repeat 0 5px;}
.viewType1 .prevNext {border-top:1px solid #e2e2e2; border-bottom:1px solid #e2e2e2; margin-top:30px;}
.viewType1 .prevNext > div {padding:22px 30px;}
.viewType1 .prevNext > div > a {display:block; width:100%; vertical-align:middle;}
.viewType1 .prevNext > div span {display:inline-block; vertical-align:middle;}
.viewType1 .prevNext .prev {border-bottom:1px solid #e2e2e2;}
.viewType1 .prevNext .prev span:first-child {padding-right:10px; width:60px; background:url("../img/icon/prev_icon.gif") no-repeat right 0 center; font-weight:700;  line-height:1.5;}
.viewType1 .prevNext .prev span:last-child {width:calc(100% - 111px); padding-left:35px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;  line-height:1.5;}
.viewType1 .prevNext .next span:first-child {padding-right:10px; width:60px; background:url("../img/icon/next_icon.gif") no-repeat right 0 center; font-weight:700;  line-height:1.5;}
.viewType1 .prevNext .next span:last-child {width:calc(100% - 111px); padding-left:35px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; line-height:1.5;}

.viewType2 {margin:80px auto 0; max-width:1400px; } 
.viewType2 .titArea {background:#ededed; width:100%;}
.viewType2 .titArea .tit {padding:30px; font-size:20px; color:#000; font-weight:700; }
.viewType2 .txtArea {display:table; margin:60px 0 80px;}
.viewType2 .txtArea strong {font-weight:700;}
.viewType2 .txtArea .imgCon {display:table-cell; vertical-align:middle; width:396px;}
.viewType2 .txtArea .imgCon img {max-width:100%;}
.viewType2 .txtArea .dotList {display:table-cell; vertical-align:middle; padding:0 50px;} 
.viewType2 .txtArea .dotList li {line-height:30px;}
.viewType2 .txtArea .dotList li .clear p {float:left; width:calc(100% - 115px);}
.viewType2 .txtArea .dotList li .clear .tit {position:relative; width:100px; font-weight:700; color:#000; padding-left:15px; background:url("../img/icon/dotG_4x4.gif") no-repeat 0 center; }
.viewType2 .txtArea .dotList li .clear .tit:after {content:":"; display:inline-block; position:absolute; top:0; right:8px}
.viewType2 .prevNext {border-top:1px solid #e2e2e2; border-bottom:1px solid #e2e2e2;}
.viewType2 .prevNext > div {padding:22px 30px;}
.viewType2 .prevNext > div > a {display:block; width:100%; vertical-align:middle;}
.viewType2 .prevNext > div span {display:inline-block; vertical-align:middle;}
.viewType2 .prevNext .prev {border-bottom:1px solid #e2e2e2;}
.viewType2 .prevNext .prev span:first-child {padding-right:10px; width:60px; background:url("../img/icon/prev_icon.gif") no-repeat right 0 center; font-weight:700;  line-height:1.5;}
.viewType2 .prevNext .prev span:last-child {width:calc(100% - 111px); padding-left:35px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;  line-height:1.5;}
.viewType2 .prevNext .next span:first-child {padding-right:10px; width:60px; background:url("../img/icon/next_icon.gif") no-repeat right 0 center; font-weight:700;  line-height:1.5;}
.viewType2 .prevNext .next span:last-child {width:calc(100% - 111px); padding-left:35px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; line-height:1.5;}

/* writeType */
.writeType1 {border-top:2px solid #000; border-bottom:1px solid #e0e0e0; padding:35px 0 30px;}
.writeType1 ul li {display:table; width:100%; table-layout:fixed}
.writeType1 ul li .left {display:table-cell; vertical-align:top; width:106px; padding:25px 20px;}
.writeType1 ul li .left .tit {font-size:18px; color:#000;}
.writeType1 ul li .right {display:table-cell; vertical-align:middle; padding:10px 20px;}
.writeType1 ul li .right .txt {color:#000;}
.writeType1 ul li .right.inputArea select {height:54px; padding-right:66px; margin-left:5px;}
.writeType1 ul li .right.inputArea select:nth-of-type(1) {margin-left:0}
.writeType1 ul li .right.inputArea input[type="text"] {height:46px; width:404px;}
.writeType1 ul li .right.inputArea input[type="tel"] {height:46px; width:404px;}
.writeType1 ul li .right.inputArea textArea {width:100%; height:134px; box-sizing:border-box;}
.writeType1 ul li .right.inputArea .mark {font-size:15px; color:#777; margin-top:15px;}
.writeType1 ul li .right.inputArea .mark.blackT {color:#000; margin-bottom:30px;}
.writeType1 ul li .right.inputArea .fileDiv:after {content:""; display:block; clear:both;}
.writeType1 ul li .right.inputArea .fileDiv > input {float:left; height:46px; margin-right:5px;}
.writeType1 ul li .right.inputArea .fileChoice {width:120px; height:14px; float:left; position:relative; text-align:center; padding:18px 0 22px; color:#fff; border-radius:3px;}
.writeType1 ul li .right.inputArea .fileChoice span.textIndent {width:0; height:0; text-indent:-9999px; opacity:0}
.writeType1 ul li .right.inputArea .fileChoice img.file {position:absolute; top:0; left:0; width:100%; height:100%;}
.writeType1 ul li .right.inputArea .fileChoice > input {width:100%; height:54px; position:absolute; bottom:0; left:0; opacity:0; box-sizing:border-box; cursor:pointer;}
.writeType1 ul li .right.inputArea .fileArea {margin-top:10px;}
.writeType1 ul li .right.inputArea .fileArea a {display:inline-block; padding:10px 70px 10px 20px; border:1px solid #e0e0e0; border-radius:3px; background:#f7f7f7 url("../img/icon/file_x_icon.png") no-repeat right 19px center;}
.writeType1 ul li .right.inputArea .captchaDiv .captchaImg {width:178px; height:52px; float:left; border:1px solid #e0e0e0; margin-right:5px; overflow:hidden}
.writeType1 ul li .right.inputArea .captchaDiv .captchaImg img {width:100%}
.writeType1 ul li .right.inputArea .captchaDiv .againBt {display:inline-block; width:22px; height:20px; vertical-align:middle; margin-left:15px; margin-right:5px; background:url("../img/icon/captcha_icon1.png") no-repeat center; }
.writeType1 ul li .right.inputArea .captchaDiv .listenBt {display:inline-block; width:22px; height:20px; vertical-align:middle; margin-right:15px; background:url("../img/icon/captcha_icon2.png") no-repeat center; }
.writeType1 ul li .right.inputArea .captchaDiv input {width:457px;}
.writeType1 ul li .right.division {}
.writeType1 ul li .right.divisionDiv > a {display:block; float:left; width:198px; height:52px; line-height:52px; border:1px solid #e0e0e0; border-left:0; text-align:center;}
.writeType1 ul li .right.divisionDiv > a:first-child {border-left:1px solid #e0e0e0;}
.writeType1 ul li .right.divisionDiv > a.on {border:1px solid #8bbf45; color:#8bbf45; font-weight:700;}

.writeType1.type2 ul li .right.inputArea select {width:290px;}
.writeType1.type2 ul li .left {width:145px;}
.writeType1.type2 ul li .right {padding:10px 10px 10px 20px;}
.writeType1.type2 ul li .right.inputArea .captchaDiv input {width:404px;}
.writeType1Notice {padding:40px 30px; background:#f0f0f0; margin-top:40px;}
.writeType1Notice .tit {font-weight:700; font-size:20px; color:#000; line-height:1;}
.writeType1Notice ul {margin-top:22px;}
.writeType1Notice ul li {font-weight:700; font-size:20px; color:#000; line-height:32px;}
.writeType1Notice .txt {position:relative; padding-left:13px; font-size:16px; color:#555; line-height:30px;}
.writeType1Notice .txt p {padding-left:75px;}
.writeType1Notice .txt p:first-child {position:absolute; top:0; left:13px; padding:0;}


.paging {margin-top:50px; text-align:center;}
.paging a {display:inline-block; vertical-align:middle; margin:0 17px;}
.paging a.on {color:#265fae; font-weight:700; position:relative;}
.paging a.on:after {content:""; display:block; position:absolute; bottom:-5px; left:0; width:110%; height:1px; background:#265fae;} 
.paging a:hover {color:#265fae; font-weight:700; position:relative;}
.paging a:hover:after {content:""; display:block; position:absolute; bottom:-5px; left:0; width:110%; height:1px; background:#265fae;} 
.paging .first {width:48px; height:48px; border:1px solid #e0e0e0; border-radius:3px; background:#fff url("../img/icon/paging_first.gif") no-repeat center; margin:0;}
.paging .prev {width:48px; height:48px; border:1px solid #e0e0e0; border-radius:3px; background:#fff url("../img/icon/paging_prev.gif") no-repeat center; margin:0; margin-right:17px;}
.paging .next {width:48px; height:48px; border:1px solid #e0e0e0; border-radius:3px; background:#fff url("../img/icon/paging_next.gif") no-repeat center; margin:0; margin-left:17px;}
.paging .last {width:48px; height:48px; border:1px solid #e0e0e0; border-radius:3px; background:#fff url("../img/icon/paging_last.gif") no-repeat center; margin:0;}
.paging .first:hover:after, .paging .prev:hover:after, .paging .next:hover:after, .paging .last:hover:after {display:none;}


.btnArea {text-align:center;}
.btnArea a {margin-left:5px;}
.btnArea a:first-child {margin-left:0;}
.btnArea .blueBtn {text-align:center; margin-top:50px;}
.bBlueBtn {display:inline-block; vertical-align:top; padding:19px 66px; border-radius:3px; font-weight:700; color:#034874; border:2px solid #034874; font-size:18px;}
.blueBtn {display:inline-block; vertical-align:top; padding:21px 58px; border-radius:3px; background:#034874; text-align:center; color:#fff; font-size:18px;}
.tabBtn {display:table; table-layout:fixed; width:100%;}
.tabBtn a {display:table-cell; vertical-align:middle; text-align:center; padding:20px 0; border:1px solid #e0e0e0; border-left:0; font-size:18px; line-height:1.3;}
.tabBtn a:first-child {border-left:1px solid #e0e0e0;}
.tabBtn a.on {background:#8bbf45; border-color:#8bbf45; color:#fff; font-weight:700;}
.tabBtn.employ.mobileTab {display:none;}


.chkType1 {position:relative; overflow:hidden; margin:20px 0 0; text-align:right;}
.chkType1 label {padding-left:35px; display:inline-block; vertical-align:middle; height:22px; line-height:20px; background:url("../img/btn/checkbox.gif") no-repeat 0 50%;}
.chkType1 input[type="checkbox"] {position:absolute; top:-9999px; left:-9999px; opacity:0; -webkit-appearance: none; -moz-appearance: none; appearance: none;}
.chkType1 input[type="checkbox"]:checked + label {background:url("../img/btn/checkbox_on.gif") no-repeat 0 50%;}

.radioType1 {position:relative; overflow:hidden;}
.radioType1 label {padding-left:30px; display:inline-block; vertical-align:middle; height:20px; line-height:18px; font-size:16px; color:#555; background:url("../img/btn/radio_btn.png") no-repeat 0 50%;}
.radioType1 input[type="radio"] {position:absolute; top:-9999px; left:-9999px; opacity:0; -webkit-appearance: none; -moz-appearance: none; appearance: none;}
.radioType1 input[type="radio"]:checked + label {background:url("../img/btn/radio_btn_on.png") no-repeat 0 50%;}


.alertArea {width:340px; position:fixed; top:50%; left:50%; transform:translate(-50%, -50%); z-index:101; box-shadow:20px 20px 60px rgba(0,0,0,0.2); display:none;}
.alertArea .popHead {background:#034874; padding:20px 30px; font-size:18px; font-weight:700; color:#fff;}
.alertArea .popBody {background:#fff; padding:40px 30px;}
.alertArea .popBody .popBtn {text-align:center;}
.alertArea .popBody .popBtn a {display:inline-block; width:116px; height:46px; border:2px solid #e0e0e0; border-radius:3px;}
.alertArea .popBody .popBtn a span {padding-right:30px; background:url("../img/icon/alertArea_btnIcon.png") no-repeat right center; font-weight:700; line-height:46px;}
.alertArea .popClose {display:block; position:absolute; top:18px; right:30px;}


.layerPop {position:fixed; top:50%; left:50%; width:1000px; background:#fff; z-index:100; display:none;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-perspective: 1000;
    -moz-perspective: 1000;
    -ms-perspective: 1000;
    perspective: 1000;
    -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); transform:translate(-50%, -50%); 
    overflow:hidden;
    -webkit-overflow-scrolling:touch;
}
.layerPop .popHead {position:relative; background:#034874; padding:29px 30px; font-size:22px; font-weight:700; color:#fff;}
.layerPop .popBody {position:relative; background:#fff; padding:40px 10px 60px 30px; height:530px; overflow-y:auto;
    overflow-scrolling: touch;
    -webkit-overflow-scrolling: touch;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
}
.layerPop .popBody .mCustomScrollBox>.mCSB_scrollTools{width:10px; right:0; opacity:1;}
.layerPop .popBody .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:100%; border-radius:0; background:#c1c1c1;}
.layerPop .popBody .mCSB_scrollTools .mCSB_draggerRail{width:100%; background:#fff;}
.layerPop .popBody .searchDiv:after {content:""; display:block; clear:both;}
.layerPop .popBody .searchDiv .selectArea {float:left; margin-right:10px; overflow:hidden;}
.layerPop .popBody .searchDiv .selectArea select {float:left; width:150px; height:54px; margin-left:10px;}
.layerPop .popBody .searchDiv .selectArea select:first-child {margin-left:0;}
.layerPop .popBody .searchDiv .inputArea {width:401px; margin:0 auto; float:left; position:relative;} 
.layerPop .popBody .searchDiv .inputArea input {width:-webkit-calc(100% - 75px); width:calc(100% - 75px); height:46px; border:1px solid #e0e0e0; border-right:0}
.layerPop .popBody .searchDiv .inputArea input::placeholder {color:#cdcdcd;}
.layerPop .popBody .searchDiv .inputArea input::-webkit-placeholder {color:#cdcdcd;}
.layerPop .popBody .searchDiv .inputArea input::-moz-placeholder {color:#cdcdcd;}
.layerPop .popBody .searchDiv .inputArea input::-ms-placeholder {color:#cdcdcd;}
.layerPop .popBody .searchDiv .inputArea .srchBtn {position:absolute; top:0; right:0; display:block; width:54px; height:54px; background:#545a66 url("../img/icon/layerPop_srch.png") no-repeat center; text-indent:-9999px; font-size:0;}
.layerPop .popBody .searchDiv .resetBtn {float:right; display:block; width:54px; height:54px; background:#545a66 url("../img/icon/layerPop_reset.png") no-repeat center; text-indent:-9999px; font-size:0;}
.layerPop .popClose {display:block; position:absolute; top:30px; right:30px;}
.layerPop.prodDown .grayBox {background:#f0f0f0; padding:30px 50px; margin-top:30px;}
.layerPop.prodDown .grayBox .tit {font-size:22px; color:#000; font-weight:700; text-align:center;}
.layerPop.prodDown .grayBox .roundList {margin-top:25px;}
.layerPop.prodDown .grayBox .roundList:after {content:""; display:block; clear:both;}
.layerPop.prodDown .grayBox .roundList li {display:none; float:left; min-width:255px; width:33.3%; margin:5px 0;}
.layerPop.prodDown .grayBox .roundList li .round {display:inline-block; width:35px; height:35px; border-radius:50%; background:#fff; color:#000; font-weight:700; font-size:15px; line-height:35px; margin-right:15px; text-align:center;}
.layerPop.prodDown .grayBox .moreBtn {display:block; width:27px; height:15px; margin:25px auto 0; background:url("../img/btn/prodDown_moreBtn.png") no-repeat 0 0;}
.layerPop.prodDown .grayBox .moreBtn.on {background-image:url("../img/btn/prodDown_moreBtn_on.png");}
.layerPop.prodDown .popBody .popBtnArea {text-align:right; margin:20px 0;} 
.layerPop.prodDown .popBody .popBtnArea .grayBtn {display:inline-block; padding:15px 60px; border-radius:3px; background:#545a66; color:#fff; font-weight:700;}
.layerPop.prodDown .tableType1 {margin-bottom:0;}
.layerPop.prodDown .tableType1 table th:nth-child(1) {width:120px;}
.layerPop.prodDown .tableType1 table th:nth-child(2) {width:220px;}
.layerPop.prodDown .tableType1 table th:nth-child(3) {width:220px;}
.layerPop.prodDown .tableType1 table th:nth-child(4) {width:160px;}
.layerPop.prodDown .tableType1 table th:nth-child(5) {width:220px;}
.layerPop.prodDown .tableType1 table td {padding:20px; line-height:26px;}
.layerPop.prodDown .tableType1 table td.btnArea {padding:20px 0; text-align:center;}
.layerPop.prodDown .tableType1 table td .round {display:inline-block; width:35px; height:35px; border-radius:50%; border:1px solid #f0f0f0; background:#e0e0e0; line-height:35px; text-align:center; font-size:15px; color:#000; font-weight:700;}
.layerPop.prodDown .popBody {padding-bottom:0}
.layerPop.prodDown .popBody > *:last-child {margin-bottom:60px;}
.layerPop.contPop .popBody {padding-bottom:0}
.layerPop.contPop .popBody > *:last-child {margin-bottom:60px;}
.layerPop.recruitPop .popBody {padding-bottom:0}
.layerPop.recruitPop .popBody > *:last-child {margin-bottom:60px;}


.layerPop.mail .popBody {height:400px; padding:60px 30px; text-align:center;}
.layerPop.mail .popBody .txt1 {font-size:18px; color:#000; line-height:28px; margin-top:45px;}
.layerPop.mail .popBody .txt2 {font-size:16px; color:#555; line-height:28px; margin-top:10px;}
.layerPop.mail .popBody .btnArea .blueBtn {margin-top:60px;}
.layerPop.browser {width:700px; box-shadow:0px 30px 60px rgba(0,0,0,0.3);} 
.layerPop.browser .popBody {padding:50px 30px 60px; height:auto; text-align:center;}
.layerPop.browser .popBody .txt1 {font-size:16px; color:#555; line-height:26px;}
.layerPop.browser .popBody .txt2 {font-size:16px; color:#555; line-height:26px; margin-top:10px;}
.layerPop.browser .popBody .txt2 span {font-weight:700; color:#000;}
.layerPop.browser .popBody .icons {display:inline-block; vertical-align:top; overflow:hidden; margin-top:43px;}
.layerPop.browser .popBody .icons a {float:left; display:inline-block; width:200px; padding:45px 0; background:#f0f0f0; margin-left:2px;}
.layerPop.browser .popBody .icons a:first-child {margin-left:0;}
.layerPop.browser .popBody .icons a .icon {display:block;}
.layerPop.browser .popBody .icons a .name {display:block; font-family:'Proxima-Bold', sans-serif; font-weight:normal; font-size:16px; color:#555; margin-top:28px;}
.layerPop.browser .popFoot {padding:19px 30px; background:#f0f0f0}
.layerPop.browser .popFoot .chkType1 {margin:0;}
.layerPop.poolPop .popBody {height:400px; padding:40px 30px 0;}
.layerPop.poolPop .txt {text-align:center; line-height:28px;} 
.layerPop.poolPop .employBox .tit {font-size:18px; font-weight:700; color:#000}
.layerPop.poolPop .employBox .grayBox {border:1px solid #e0e0e0; background:#f4f4f4; padding:50px 0; margin-top:20px; }
.layerPop.poolPop .employList {margin-top:0}
.layerPop.poolPop .employList li {width:145px; height:165px; background-size:100%; margin-right:0}
.layerPop.poolPop .popBody >    *:last-child {margin-bottom:60px;}
.layerPop .imgBtn {margin-top:50px; display:inline-block;}
.layerPop .imgBtn:nth-of-type(2) {margin-left:5px;}
.layerPop .imgBtn .pc {display:inline-block;}
.layerPop .imgBtn .mobile {display:none; height:35px;}
.layerPop.prodDown2 {} 
.layerPop.prodDown2 .popBody {padding-bottom:0}
.layerPop.prodDown2 .h3TxtArea {margin-bottom:30px;}
.layerPop.prodDown2 .tabBtn a {padding:16px 0;}
.layerPop.prodDown2 .tabCon {margin-top:30px; margin-bottom:60px;}

.layerPop2 {position:fixed; top:50%; left:50%; width:1200px; background:#fff; z-index:100; display:none;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-perspective: 1000;
    -moz-perspective: 1000;
    -ms-perspective: 1000;
    perspective: 1000;
    -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); transform:translate(-50%, -50%); 
    overflow:hidden;
    -webkit-overflow-scrolling:touch;
}
.layerPop2 .popHead {position:relative; background:#034874; padding:29px 30px; font-size:22px; font-weight:700; color:#fff;}
.layerPop2 .popBody {position:relative; background:#fff; padding:40px 0 0 0; height:530px; overflow-y:auto;
    overflow-scrolling: touch;
    -webkit-overflow-scrolling: touch;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
}

/*.layerPop2 .popBody > *:last-child {margin-bottom:60px;}    */
.layerPop2 .popBody .guide1 {margin-bottom:60px;}
.layerPop2 .popBody .guideDiv2 {margin-bottom:60px;}
.layerPop2 .popBody .factoryDiv {margin-bottom:60px;}
.layerPop2 .popBody .btnArea {margin-bottom:60px;}

.layerPop2 .popClose {display:block; position:absolute; top:30px; right:30px;}
.layerPop2 .imgBtn {/*margin-top:50px;*/ display:inline-block;}
.layerPop2 .imgBtn:nth-of-type(2) {margin-left:5px;}
.layerPop2 .imgBtn .pc {display:inline-block;}
.layerPop2 .imgBtn .mobile {display:none; /*height:35px;*/}

.layerPop2 .tabArea {padding:0 10px 0 30px;} 
.layerPop2 .tabArea .tabBtn2 {margin-top:30px; overflow-x:auto;}
.layerPop2 .tabArea .tabBtn2 .scrollDiv {display:table; width:100%; table-layout:fixed;}
.layerPop2 .tabArea .tabBtn2 a {position:relative; display:table-cell; padding:20px 0; text-align:center;}
.layerPop2 .tabArea .tabBtn2 a:after {content:""; display:block; position:absolute; bottom:0; left:0; width:100%; height:1px; background:#e0e0e0}
.layerPop2 .tabArea .tabBtn2 a.on {color:#8bbf45; font-weight:700;}
.layerPop2 .tabArea .tabBtn2 a.on:after {height:2px; background:#8bbf45}
.layerPop2 .tabArea .tabBtn2.mt0 a {padding-top:0}


.layerPop2.guidePop .productTit {margin:60px 0 30px;}
.layerPop2.guidePop .productTit2 {font-size:22px; font-weight:700; color:#000; margin:50px 0 30px;}
.layerPop2.guidePop .productTit2:first-child {margin-top:0}
.layerPop2.guidePop .productTxt {line-height:28px}
.layerPop2.guidePop .h3TxtArea {margin:60px 0;}
.layerPop2.guidePop .guide1 {padding:0 10px 0 30px;} 
.layerPop2.guidePop .guide1 .productList:after {content:""; display:block; clear:both;}
.layerPop2.guidePop .guide1 .productList > div {float:left; width:220px; margin-left:10px;}
.layerPop2.guidePop .guide1 .productList > div img {max-width:100%;}
.layerPop2.guidePop .guide1 .productList > div:first-child {margin-left:0}
.layerPop2.guidePop .guide1 .productArea .boxWrap {margin-top:20px;}
.layerPop2.guidePop .guide1 .productArea .boxWrap:first-child {margin-top:0;}
.layerPop2.guidePop .guide1 .productArea .boxWrap:after {content:""; display:block; clear:both;}
.layerPop2.guidePop .guide1 .productArea .boxWrap .boxArea {float:left; width:50%; min-height:290px; padding:40px 0; box-sizing:border-box;}
/*.layerPop2.guidePop .guide1 .productArea .boxWrap:nth-child(even) .boxArea {float:right;}*/
.layerPop2.guidePop .guide1 .productArea .boxWrap .boxArea.imgType {background:#f9f9f9; text-align:center;}
.layerPop2.guidePop .guide1 .productArea .boxWrap .boxArea.imgType img {max-width:100%; max-height:100%;}
.layerPop2.guidePop .guide1 .productArea .boxWrap .boxArea.txtType {padding:40px 40px;}
/*.layerPop2.guidePop .guide1 .productArea .boxWrap:nth-child(even) .boxArea.txtType {text-align:right;}*/
.layerPop2.guidePop .guide1 .productArea .boxWrap .boxArea.txtType .tit {font-size:22px; color:#000; font-weight:700; margin-bottom:12px;}
.layerPop2.guidePop .guide1 .productArea .boxWrap .boxArea.txtType .txt {line-height:28px;}
.layerPop2.guidePop .guide1 .productArea .boxWrap .boxArea.txtType .txt .boldT {font-weight:700; display:block;}
.layerPop2.guidePop .guide1 .productArea .boxWrap .boxArea .tableDiv {display:table; width:100%; height:100%; /*min-height:250px;*/ }
.layerPop2.guidePop .guide1 .productArea .boxWrap .boxArea .tableDiv .cellArea {display:table-cell; vertical-align:middle;}
.layerPop2.guidePop .guide1 .compList {margin:50px 0;}
.layerPop2.guidePop .guide1 .compList li {background:url("../img/icon/guide1_compList_bg.png") no-repeat 0 0;}
.layerPop2.guidePop .guide1 .compList li p span {font-size:16px; line-height:26px;}
.layerPop2.guidePop .guide1 .grayBox {border:1px solid #e0e0e0; background:#f9f9f9; padding:40px 0; margin-top:20px; text-align:center;}
.layerPop2.guidePop .guide1 .grayBox .dotList {display:inline-block; vertical-align:top; margin-left:100px;}
.layerPop2.guidePop .guide1 .grayBox .dotList:first-child {margin-left:0;}
.layerPop2.guidePop .guide1 .grayBox .dotList li {padding-left:15px; background:url("../img/icon/dotG_4x4.gif") no-repeat 0 15px; font-size:18px; line-height:34px; text-align:left;}
.layerPop2.guidePop .guide1 .grayBox .img {display:inline-block; margin-right:140px;}
.layerPop2.guidePop .guide1 .grayBox .img:last-child {margin-right:0}
.layerPop2.guidePop .guide1 .grayBox img {max-width:100%;}
.layerPop2.guidePop .guide1 .grayBox img.mobile {display:none;}
.layerPop2.guidePop .guide1 .whiteBox {border:1px solid #e0e0e0; background:#fff; padding:40px 0; margin-top:20px; text-align:center;}
.layerPop2.guidePop .guide1 .whiteBox img {max-width:100%;}
.layerPop2.guidePop .guide1 .whiteBox img.mobile {display:none;}

.layerPop2.guidePop .guideDiv2 .h3TxtArea {padding:0 10px 0 30px;}
.layerPop2.guidePop .guideDiv2 .topArea {} 
.layerPop2.guidePop .guideDiv2 .topArea .iconBtn {width:792px; margin:0 auto; position:relative; top:50px;}
.layerPop2.guidePop .guideDiv2 .topArea .iconBtn .scrollDiv{display:table; table-layout:fixed; width:100%; }
.layerPop2.guidePop .guideDiv2 .topArea .iconBtn a {position:relative; display:table-cell; border:1px solid #e0e0e0; background:#fff; border-left:0; padding:15px 0 18px;}
.layerPop2.guidePop .guideDiv2 .topArea .iconBtn a:first-child {border-left:1px solid #e0e0e0}
.layerPop2.guidePop .guideDiv2 .topArea .iconBtn a .txt {font-size:15px; padding-top:60px; text-align:center;}
.layerPop2.guidePop .guideDiv2 .topArea .iconBtn a.t1 .txt {background:url("../img/icon/guidePop_iconBtn1.jpg") no-repeat center 0;}
.layerPop2.guidePop .guideDiv2 .topArea .iconBtn a.t2 .txt {background:url("../img/icon/guidePop_iconBtn2.jpg") no-repeat center 0;}
.layerPop2.guidePop .guideDiv2 .topArea .iconBtn a.t3 .txt {background:url("../img/icon/guidePop_iconBtn3.jpg") no-repeat center 0;}
.layerPop2.guidePop .guideDiv2 .topArea .iconBtn a.t4 .txt {background:url("../img/icon/guidePop_iconBtn4.jpg") no-repeat center 0;}
.layerPop2.guidePop .guideDiv2 .topArea .iconBtn a.t5 .txt {background:url("../img/icon/guidePop_iconBtn5.jpg") no-repeat center 0;}
.layerPop2.guidePop .guideDiv2 .topArea .iconBtn a.t6 .txt {background:url("../img/icon/guidePop_iconBtn6.jpg") no-repeat center 0;}
.layerPop2.guidePop .guideDiv2 .topArea .iconBtn a.t7 .txt {background:url("../img/icon/guidePop_iconBtn7.jpg") no-repeat center 0;}
.layerPop2.guidePop .guideDiv2 .topArea .iconBtn a.t8 .txt {background:url("../img/icon/guidePop_iconBtn8.jpg") no-repeat center 0;}
.layerPop2.guidePop .guideDiv2 .topArea .iconBtn a:hover:after {content:""; display:block; width:calc(100% + 2px); position:absolute; bottom:-1px; left:-1px; border-bottom:2px solid #8bbf45} /* hover */
.layerPop2.guidePop .guideDiv2 .topArea .iconBtn a:hover .txt {color:#8bbf45; font-weight:700;}
.layerPop2.guidePop .guideDiv2 .topArea .iconBtn a.t1:hover .txt {background:url("../img/icon/guidePop_iconBtn1_on.jpg") no-repeat center 0;}
.layerPop2.guidePop .guideDiv2 .topArea .iconBtn a.t2:hover .txt {background:url("../img/icon/guidePop_iconBtn2_on.jpg") no-repeat center 0;}
.layerPop2.guidePop .guideDiv2 .topArea .iconBtn a.t3:hover .txt {background:url("../img/icon/guidePop_iconBtn3_on.jpg") no-repeat center 0;}
.layerPop2.guidePop .guideDiv2 .topArea .iconBtn a.t4:hover .txt {background:url("../img/icon/guidePop_iconBtn4_on.jpg") no-repeat center 0;}
.layerPop2.guidePop .guideDiv2 .topArea .iconBtn a.t5:hover .txt {background:url("../img/icon/guidePop_iconBtn5_on.jpg") no-repeat center 0;}
.layerPop2.guidePop .guideDiv2 .topArea .iconBtn a.t6:hover .txt {background:url("../img/icon/guidePop_iconBtn6_on.jpg") no-repeat center 0;}
.layerPop2.guidePop .guideDiv2 .topArea .iconBtn a.t7:hover .txt {background:url("../img/icon/guidePop_iconBtn7_on.jpg") no-repeat center 0;}
.layerPop2.guidePop .guideDiv2 .topArea .iconBtn a.t8:hover .txt {background:url("../img/icon/guidePop_iconBtn8_on.jpg") no-repeat center 0;}
.layerPop2.guidePop .guideDiv2 .topArea .iconBtn a.on:after {content:""; display:block; width:calc(100% + 2px); position:absolute; bottom:-1px; left:-1px; border-bottom:2px solid #8bbf45} 
.layerPop2.guidePop .guideDiv2 .topArea .iconBtn a.on .txt {color:#8bbf45; font-weight:700;}
.layerPop2.guidePop .guideDiv2 .topArea .iconBtn a.t1.on .txt {background:url("../img/icon/guidePop_iconBtn1_on.jpg") no-repeat center 0;}
.layerPop2.guidePop .guideDiv2 .topArea .iconBtn a.t2.on .txt {background:url("../img/icon/guidePop_iconBtn2_on.jpg") no-repeat center 0;}
.layerPop2.guidePop .guideDiv2 .topArea .iconBtn a.t3.on .txt {background:url("../img/icon/guidePop_iconBtn3_on.jpg") no-repeat center 0;}
.layerPop2.guidePop .guideDiv2 .topArea .iconBtn a.t4.on .txt {background:url("../img/icon/guidePop_iconBtn4_on.jpg") no-repeat center 0;}
.layerPop2.guidePop .guideDiv2 .topArea .iconBtn a.t5.on .txt {background:url("../img/icon/guidePop_iconBtn5_on.jpg") no-repeat center 0;}
.layerPop2.guidePop .guideDiv2 .topArea .iconBtn a.t6.on .txt {background:url("../img/icon/guidePop_iconBtn6_on.jpg") no-repeat center 0;}
.layerPop2.guidePop .guideDiv2 .topArea .iconBtn a.t7.on .txt {background:url("../img/icon/guidePop_iconBtn7_on.jpg") no-repeat center 0;}
.layerPop2.guidePop .guideDiv2 .topArea .iconBtn a.t8.on .txt {background:url("../img/icon/guidePop_iconBtn8_on.jpg") no-repeat center 0;}

.layerPop2.guidePop .guideDiv2 .grayArea {background:#f9f9f9; padding:100px 30px 60px;}
.layerPop2.guidePop .guideDiv2 .grayArea .tit {font-size:24px; color:#000; font-weight:700; text-align:center;}
.layerPop2.guidePop .guideDiv2 .grayArea .linkArea {margin-top:50px; text-align:center;}
.layerPop2.guidePop .guideDiv2 .grayArea .linkArea > div {width:32.9%; display:inline-block; vertical-align:top;}
.layerPop2.guidePop .guideDiv2 .grayArea .linkArea > div ul {display:inline-block; vertical-align:top; border-left:1px solid #e0e0e0; padding-left:20px;}
.layerPop2.guidePop .guideDiv2 .grayArea .linkArea > div ul li {text-align:left; margin-top:20px; line-height:1.3;}
.layerPop2.guidePop .guideDiv2 .grayArea .linkArea > div ul li:first-child {margin-top:0}
.layerPop2.guidePop .guideDiv2 .grayArea .linkArea > div ul li.on a {color:##8bbf45;}
.layerPop2.guidePop .productDiv {padding:0 10px 0 30px;}
.layerPop2.guidePop .productDiv .tit {font-size:22px; color:#000; font-weight:700; margin-bottom:30px;}
.layerPop2.guidePop .productDiv .grayImgBox {background:#f9f9f9; text-align:center; padding:60px 0; margin-bottom:50px;}
.layerPop2.guidePop .productDiv .grayImgBox img {max-width:100%;}
.layerPop2.guidePop .productDiv .tableType1 td {border-left:1px solid #e0e0e0;}
.layerPop2.guidePop .productDiv .tableType1 td.borL0 {border-left:0}
.layerPop2.guidePop .productDiv .tableType1.borN td {border-left:0} 
.layerPop2.guidePop .productDiv .imgList {margin-top:30px;}
.layerPop2.guidePop .productDiv .imgList:after {content:""; display:block; clear:both;}
.layerPop2.guidePop .productDiv .imgList li {float:left; width:268px; margin-right:22px;}
.layerPop2.guidePop .productDiv .imgList li:last-child {margin-right:0}
.layerPop2.guidePop .productDiv .imgList li img {max-width:100%;}
.layerPop2.guidePop .productDiv .whiteBox {border:1px solid #e0e0e0; padding:50px 60px; margin-top:20px;}
.layerPop2.guidePop .productDiv .whiteBox:after {content:""; display:block; clear:both;}
.layerPop2.guidePop .productDiv .whiteBox .dotList {display:inline-block; vertical-align:top; margin-left:100px; margin-top:30px;}
.layerPop2.guidePop .productDiv .whiteBox .dotList:first-child {margin-left:0;}
.layerPop2.guidePop .productDiv .whiteBox .dotList li {padding-left:15px; background:url("../img/icon/dotG_4x4.gif") no-repeat 0 15px; font-size:18px; line-height:34px; text-align:left;}
.layerPop2.guidePop .productDiv .whiteBox .imgCon {float:right; width:563px; }
.layerPop2.guidePop .productDiv .whiteBox .imgCon li {display:inline-block;}
.layerPop2.guidePop .productDiv .whiteBox .imgCon li:first-child {margin-right:22px;}

.layerPop2 .factoryDiv {padding:0 10px 0 30px;}
.layerPop2 .factoryDiv .img img {max-width:100%;}
.layerPop2 .factoryDiv .factoryList > div {float:none; width:100%;}
.layerPop2 .factoryDiv .factoryList > div:after {content:""; display:block; clear:both;}
.layerPop2 .factoryDiv .factoryList > div .factoryTxt {float:left; width:50%; padding-right:65px; box-sizing:border-box;margin-top:40px;}
.layerPop2 .factoryDiv .factoryList > div .factoryTxt .tit {font-size:20px; line-height:32px; font-weight:700; color:#000}
.layerPop2 .factoryDiv .factoryList > div .factoryTxt .tit span {display:inline-block; width:32px; height:32px; font-size:15px; line-height:32px; letter-spacing:0; text-align:center; border-radius:50%; color:#fff; background:#8bbf45; font-family:'Proxima-Bold'; font-weight:normal;}
.layerPop2 .factoryDiv .factoryList > div .factoryTxt .txt {font-size:16px; line-height:28px; margin-top:20px;}
.layerPop2 .factoryDiv .tabArea {text-align:center;}
.layerPop2 .factoryDiv .tabArea a {display:inline-block; padding:15px 60px; border:1px solid #e0e0e0; border-left:0; text-align:center;}
.layerPop2 .factoryDiv .tabArea a:first-child {border-left:1px solid #e0e0e0;}
.layerPop2 .factoryDiv .tabArea a.on {color:#8bbf45; font-weight:700; position:relative;}
.layerPop2 .factoryDiv .tabArea a.on:after {content:""; display:block; width:100%; height:2px; background:#8bbf45; position:absolute; bottom:-1px; left:0}


.topBtn {display:none; position:fixed; bottom:50px; right:52px; width:64px; height:64px; z-index:5;}
.topBtn a {display:block; width:100%; height:100%; box-sizing:border-box; padding-top:15px; text-align:center; background:#265fae; box-shadow:7px 7px 30px 0 rgba(0,0,0,0.3); border-radius:32px;}


/*banner*/

.topBanner { position: relative; z-index: 50; overflow: hidden; width: 100%; height: 140px; background: #000 }
.topBanner .swiper-slide { width: 100%; height: 140px }
.topBanner .swiper-slide p { opacity: 0 }
.topBanner .xbt { position: absolute; right: 0; bottom: 16px; left: 0; z-index: 10; margin: auto; width: 1170px; text-align: right }
.topBanner .check { display: inline-block; vertical-align: top }
.topBanner .check input[type=checkbox] { display: inline-block; margin: 0; margin-right: 5px; padding: 0; width: 18px; height: 18px; border: 0; border-radius: 0; background: url(../img/icon/nottoday_check.png) no-repeat 0 0; vertical-align: middle; cursor: pointer; -webkit-appearance: none; -moz-appearance: none; appearance: none }
.topBanner .check input[type=checkbox]:checked { background: url(../img/icon/nottoday_check_on.png) no-repeat 0 0 }
.topBanner .check label { color: #fff; vertical-align: middle; font-size: 16px }
.topBanner .xbt a { display: inline-block; margin-left: 10px; vertical-align: top }
.topBanner .swiper-button-next, .topBanner .swiper-container-rtl .swiper-button-prev { right: 40px; width: 23px; height: 44px; background: url(../img/btn/mainpopban_right.png) no-repeat 0 0 }
.topBanner .swiper-button-prev, .topBanner .swiper-container-rtl .swiper-button-next { left: 40px; width: 23px; height: 44px; background: url(../img/btn/mainpopban_left.png) no-repeat 0 0 }
.mainVis { position: fixed; top: 0; left: 0; z-index: 0; overflow: hidden; width: 100%; min-height: 700px; background: #262626 }
.mainVis .rollArea { position: relative; overflow: hidden; width: 100%; height: 100% }
.mainVis .rollArea .roll { position: absolute; top: 0; right: 0; overflow: hidden; width: 0; height: 100%; color: #fff; text-align: center }
.mainVis .rollArea .roll:first-child { left: 0; width: 100% }
.mainVis .rollArea .roll .bg {position: absolute;top: 0;right: 0;width: 100%;height: 100%;
 background-size: cover;}
 
/*修改*/
.mainVis .rollArea .roll .txtArea { position: absolute; bottom: 15%; left: 0; width: 100%;z-index: 3;}
.mainVis .rollArea .roll .video{position: absolute; top: 0; left: 0; width: 100%;z-index: 2;height:100%}
.mainVis .rollArea .roll .video::after{content: '';position: absolute;top: 0px;left: 0px;width: 100%;height: 100%;
background: rgba(0, 0, 0, 0.247);z-index: 2;}
.mainVis .rollArea .roll .video video{width:100%;height: 100%;object-fit: cover;object-position: center}



.mainVis .rollArea .roll .txtArea .tit { position: relative; top: -100px; font-size: 40px; font-family: Proxima-Extrabold, sans-serif; line-height: 1; opacity: 0 }
.mainVis .rollArea .roll .txtArea .txt { position: relative; top: -100px; margin-top: 22px; font-size: 18px; line-height: 1; opacity: 0 }
.mainVis .rollArea .roll .txtArea .btn { position: relative; left: 100px; margin-top: 50px; opacity: 0 }
.mainVis .rollArea .roll .txtArea .btn a { display: inline-block;  
   padding: 10px 60px 10px 20px; border: 1px solid #fff; border-radius: 3px; 
   background: url(../img/mainVis_btn_icon.png) no-repeat right 30px top 50%; color: #fff;font-size: 16px; line-height: 1 }
.mainVis .rollArea .roll .txtArea .btn.type2 a { padding: 19px 72px 19px 30px }
.mainVis .rollArea .roll .txtArea .btn a:focus, .mainVis .rollArea .roll .txtArea .btn a:hover { 
background: #fff url(../img/icon/mainVis_btn_icon_on.png) no-repeat right 30px top 50%; color: #000 }
.mainVis .rollArea .roll .dimd { position: absolute; top: 0; left: 0; display: none; width: 100%; height: 100%;
 background: rgba(0,0,0,.7); opacity: 0 }
.mainVis .indiArea { position: absolute; left:0px; bottom: 0px; z-index: 99;  width: 100% !important; height: 90px;
 background: rgba(0,0,0,.3); text-align: right;}
.mainVis .indiArea .indi { padding: 0 130px; width: 100%;display: flex;justify-content: space-around; }
.mainVis .indiArea .indi a { display: inline-block; padding: 0 20px; height: 90px; color: rgba(255,255,255,.4); font-size: 15px; font-family: 微软雅黑; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column;}
.mainVis .indiArea .indi a span{ width: 120px; display: inline-block;text-align: center; line-height: 1.2;}
.mainVis .indiArea .indi a.on { 
	/* position: absolute;  */
	top: 0; left: 50%; height: 88px; border-top: 2px solid #fff; color: rgba(255,255,255,1); font-size: 18px;
	/* -webkit-transform: translate(-50%, 0); transform: translate(-50%, 0); -ms-transform: translate(-50%, 0) */
 }
.mainVis .autoBtn { position: absolute; right: 0; bottom: 0; z-index: 5; width: 90px; height: 90px; background: url(../img/btn/main_auto_btn.png) no-repeat 50% 50% }
.mainVis .autoBtn.on { background: url(../img/btn/main_auto_btn_on.png) no-repeat 50% 50% }
.mainVis .scroll { position: absolute; bottom: -90px; left: 50%; z-index: 5; padding-bottom: 80px; color: #fff; font-size: 14px; font-family: Proxima-Bold, sans-serif; line-height: 1; opacity: 0; -webkit-transform: translate(-50%, 0); transform: translate(-50%, 0); -ms-transform: translate(-50%, 0) }
.mainVis .indiArea.roll0 { text-align: right }
.mainVis .indiArea.roll1 { text-align: left }
.mainVis .indiArea.roll1 .indi a:last-child { float: right }
.mainVis .indiArea.roll2 { text-align: left }
.mainConWrap { position: relative; background: #fff }
.mainCon1 { position: relative; padding:0px 0px 100px 0 }
.mainCon1>.txt { position: relative; top: 150px; color: #555; text-align: center; font-size: 18px; line-height: 32px; opacity: 0 ; display: block;}
.mainCon1>.txt:hover{color:#265fae }
.mainCon1>.conArea { position: relative; margin: 90px auto 0; width: 1400px }
.mainCon1>.conArea .txtImg1 { position: absolute; top: -74px; right: 50%; opacity: 0 }
.mainCon1>.conArea .txtImg2 { position: absolute; bottom: -74px; left: 50%; opacity: 0 }
.mainCon1>.conArea .boxArea { padding:0 5% 100px; }
.mainCon1>.conArea .boxArea:after { clear: both; display: block; content: '' }
.mainCon1>.conArea .boxArea .box { position: relative; top: 100px; margin-top: 1.5%; float: left; width: 49.3%; height: 318px; opacity: 0 }
.mainCon1>.conArea .boxArea .box::after{  width: 100%; height: 100%; border: 10px solid #fff; position: absolute; left: 0; top: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; transition: all 0.7s; }

.mainCon1>.conArea .boxArea .box:hover::after{ opacity: 0;}
.mainCon1>.conArea .boxArea .box .hoverBg { display: none; opacity: 0 }
.mainCon1>.conArea .boxArea .box.box1 { top: 200px; background: url(../img/icon/mainCon1_bg3.jpg) no-repeat 50% 50%; background-size: 100% 100% }
.mainCon1>.conArea .boxArea .box.box1 .hoverBg { position: relative; top: 0; left: 0; width: 100%; height: 100%; background: url(../img/mainCon1_hbg.png) no-repeat 50% 50%; background-size: 100% 100% }
.mainCon1>.conArea .boxArea .box.box2 { float: right; background: url(../img/icon/mainCon1_bg2.jpg) no-repeat 50% 50%; background-size: 100% 100% }
.mainCon1>.conArea .boxArea .box.box2 .hoverBg { position: relative; top: 0; left: 0; width: 100%; height: 100%; background: url(../img/mainCon1_hbg.png) no-repeat 50% 50%; background-size: 100% 100% }
.mainCon1>.conArea .boxArea .box.box3 { top: 200px; background: url(../img/icon/mainCon1_bg4.jpg) no-repeat 50% 50%; background-size: 100% 100% }
.mainCon1>.conArea .boxArea .box.box3 .hoverBg { position: relative; top: 0; left: 0; width: 100%; height: 100%; background: url(../img/mainCon1_hbg.png) no-repeat 50% 50%; background-size: 100% 100% }
.mainCon1>.conArea .boxArea .box.box4 { float: right; background: url(../img/icon/mainCon1_bg1.jpg) no-repeat 50% 50%; background-size: 100% 100% }
.mainCon1>.conArea .boxArea .box.box4 .hoverBg { position: relative; top: 0; left: 0; width: 100%; height: 100%; background: url(../img/mainCon1_hbg.png) no-repeat 50% 50%; background-size: 100% 100% }
.mainCon1>.conArea .boxArea .box a { position: absolute; top: 0; left: 0; z-index: 3; display: block; box-sizing: border-box; padding: 40px 50px; width: 100%; height: 100%; transition: .3s }
.mainCon1>.conArea .boxArea .box a .tit { color: #fff; font-size: 30px; line-height: 1.2 }
.mainCon1>.conArea .boxArea .box a .tit span { display: block; font-weight: 700 }
.mainCon1>.conArea .boxArea .box a .txt { margin-top: 30px; color: #fff; font-size: 17px; line-height: 1.5; opacity: 0 }
.mainCon1>.conArea .boxArea .box a .arrow { position: absolute; bottom: 50px; left: 50px; display: none }
.mainCon1>.conArea .boxArea .box a .tit2 { position: absolute; right: 45px; bottom: 30px; display: inline-block; color: rgba(255,255,255,.4); font-size: 18px; font-family: Proxima-Bold, sans-serif; line-height: 1; -webkit-transform: rotate(90deg); transform: rotate(90deg); -webkit-transform-origin: 100% 100%; transform-origin: 100% 100%; -ms-transform: rotate(90deg); -ms-transform-origin: 100% 100% }
.mainCon1>.conArea .boxArea .box a:focus, .mainCon1>.conArea .boxArea .box a:hover { z-index: 2; box-shadow: 40px 40px 50px 0 rgba(0,0,0,.5); transition: .3s }
.mainCon1>.conArea .boxArea .box a:focus .tit2, .mainCon1>.conArea .boxArea .box a:hover .tit2 { color: rgba(255,255,255,.9) }
.mainCon1>.conArea .boxArea .box a:focus .txt, .mainCon1>.conArea .boxArea .box a:hover .txt { opacity: 1 }
.mainCon1>.conArea .boxArea .box a:focus .arrow, .mainCon1>.conArea .boxArea .box a:hover .arrow { display: block }
.mainCon2 { position: relative; padding: 100px 0 109px; background: url(../img/icon/mainCon2_bg.jpg) no-repeat 50% 100% }
.mainCon2 .img { position: absolute; top: 0; left: 110%; overflow: hidden; margin-left: -103px; opacity: 0 }
.mainCon2 .txtArea { margin: 0 auto; width: 1400px }
.mainCon2 .txtArea>.tit { position: relative; top: 150px; color: #000; font-size: 70px; font-family: Proxima-Extrabold, sans-serif; line-height: 1; opacity: 0 }
.mainCon2 .txtArea .txt { position: relative; top: 150px; margin-top: 20px; color: #555; font-size: 18px; line-height: 30px; opacity: 0 }
.mainCon2 .txtArea .btns { position: relative; top: 150px; margin-top: 40px; width: 220px; opacity: 0 }
.mainCon2 .txtArea .btns a { position: relative; display: block; box-sizing: border-box; padding: 20px 0 21px; border-bottom: 1px solid #c4c4c4; background: url(../img/icon/mainCon2_icon.png) no-repeat 100% 50%; color: #000; font-weight: 700; font-size: 18px }
.mainCon2 .txtArea .btns a:focus, .mainCon2 .txtArea .btns a:hover { border-bottom: 2px solid #8cc63e; background: url(../img/icon/mainCon2_icon_on.png) no-repeat 100% 50%; color: #8cc63e }
.mainCon2 .txtArea .downBtns { position: relative; top: 100px; overflow: hidden; margin-top: 40px; width: 450px; opacity: 0 }
.mainCon2 .txtArea .downBtns p { float: left; margin-top: 10px; margin-left: 10px; width: 220px }
.mainCon2 .txtArea .downBtns p:nth-child(2n-2) { margin-left: 0 }
.mainCon2 .txtArea .downBtns .tit { float: none; margin: 0 0 15px 0; width: auto; color: #000; text-align: left; font-weight: 700; font-size: 18px; line-height: 1.3 }
.mainCon2 .txtArea .downBtns a { position: relative; display: block; padding: 18px 0; border-radius: 3px; background: #fff; color: #555; text-align: center; font-size: 16px; line-height: 1.4 }
.mainCon2 .txtArea .downBtns a span { display: block; padding: 0 20px; background: url(../img/icon/mainCon2_down.png) no-repeat right 20px center; text-align: left }
.mainCon2 .txtArea .downBtns a:focus, .mainCon2 .txtArea .downBtns a:hover { background: #8cc63e; color: #fff }
.mainCon2 .txtArea .downBtns a:focus span, .mainCon2 .txtArea .downBtns a:hover span { background-image: url(../img/icon/mainCon2_down_on.png) }
.mainCon3 { position: relative; padding: 70px 0 0px;  background-size: cover }
.mainCon3 .topArea { position: relative; overflow: hidden; padding-bottom: 228px }
.mainCon3 .topArea>div { float: left; width: 33.3%; text-align: center }
.mainCon3 .topArea>div:first-child { width: 33.4% }
.mainCon3 .topArea>div .txt1 { margin-top: 30px; color: #000; font-size: 20px }
.mainCon3 .topArea>div .txt1 .counter { color: #000; font-size: 80px; font-family: Proxima-Bold, sans-serif }
.mainCon3 .topArea>div .txt2 { margin-top: 25px; color: #000; font-weight: 700; font-size: 20px }
.mainCon3 .topArea .year { position: absolute; top: 234px; right: 0; color: #555; font-size: 15px }
.mainCon3 .bottomArea { position: relative; top: 150px; height: auto; text-align: center; opacity: 0 }
.mainCon3 .bottomArea:after { clear: both; display: block; content: '' }
.mainCon3 .bottomArea .box { position: relative; float: left; width: 335px; height: 430px; border: 1px solid #e0e0e0; border-left: 0; background: #fff }
.mainCon3 .bottomArea .box:before { position: absolute; bottom: 50px; left: 50%; margin-left: -20px; width: 40px; height: 2px; background: #034874; content: '' }
.mainCon3 .bottomArea .box:first-child { border-left: 1px solid #e0e0e0 }
.mainCon3 .bottomArea .box a { position: relative; display: block; width: 100%; height: 100% }
.mainCon3 .bottomArea .box a>.icon { padding-top: 130px }
.mainCon3 .bottomArea .box a>.tit { margin-top: 40px; color: #000; font-weight: 700; font-size: 20px; line-height: 1 }
.mainCon3 .bottomArea .box.on { top: -51px; z-index: 2; width: 392.4px; height: 530px; border: 0; box-shadow: 10px 10px 12px 0 rgba(0,0,0,.5) }
.mainCon3 .bottomArea .box .hover { position: absolute; top: 0; left: 0; display: none; width: 100%; height: 100%; background: url(../img/icon/mainCon3_bg6.jpg) no-repeat 50% 50%; background-size: cover }
.mainCon3 .bottomArea .box:first-child .hover { display: block }
.mainCon3 .bottomArea .box.box2 .hover { background: url(../img/icon/mainCon3_bg6.jpg) no-repeat 50% 50%; background-size: cover }
.mainCon3 .bottomArea .box.box3 .hover { background: url(../img/icon/mainCon3_bg6.jpg) no-repeat 50% 50%; background-size: cover }
.mainCon3 .bottomArea .box.box4 .hover { background: url(../img/icon/mainCon3_bg6.jpg) no-repeat 50% 50%; background-size: cover }
.mainCon3 .bottomArea .box.box5 .hover { background: url(../img/icon/mainCon3_bg6.jpg) no-repeat 50% 50%; background-size: cover }
.mainCon3 .bottomArea .box.box6 .hover { background: url(../img/icon/mainCon3_bg6.jpg) no-repeat 50% 50%; background-size: cover }
.mainCon3 .bottomArea .box .hover .icon { padding-top: 120px }
.mainCon3 .bottomArea .box .hover .tit { margin-top: 55px; color: #fff; font-weight: 700; font-size: 26px; line-height: 1 }
.mainCon3 .bottomArea .box .hover .txt { margin-top: 30px; color: #fff; font-size: 16px; line-height: 1.5 }
.mainCon3 .bottomArea .box .hover .more { display: none; margin-top: 45px; padding-right: 50px; height: 34px; background: url(../img/icon/mainCon3_more_icon.png) no-repeat right 1px top 0; color: #fff; font-size: 16px; line-height: 34px }
.mainCon3 .bottomArea .box.on .hover .more { display: inline-block }

.mainCon3 .inner{ position: relative;}
.mainCon3 .center-info{/* overflow: hidden;*/}
.mainCon3 .prev{ position: absolute;display:block; }
.mainCon3 .next{ position: absolute;display:block  }
.mainCon3 .center-block{ min-width: 100%; /*overflow: hidden; */display: flex; padding: 51px 0; transition: all .6s; -webkit-transition: all .6s;}


.mainCon4 { position: relative; padding: 70px 0; background: #f5f5f5 }
.mainCon4.style{ background: url(../img/bg-88.jpg) no-repeat;}
.mainCon4 .inner>.tit,.mainCon1 .inner>.tit { position: relative; left: 150px;
 color: #265fae; font-size: 50px; font-family: Proxima-Extrabold, sans-serif;
 line-height: 1; opacity: 0 ;display: inline-block}
 .mainCon3 .inner>.tit,.mainCon1 .inner>.tit { position: relative; left: 150px;
 color: #265fae; font-size: 50px; font-family: Proxima-Extrabold, sans-serif;
 line-height: 1; opacity: 0 ;display: inline-block}
.mainCon4 .inner .newsfenlei{display:block;float: right; }
 .mainCon4 .inner .newsfenlei li{float:left;line-height: 45px;}
 .mainCon4 .inner .newsfenlei li a{display:block;height:45px;border:1px solid #ccc;color:#333;margin:0 5px;padding:0px 10px;}
.mainCon4 .inner .more,.mainCon1 .inner .more{float: right;line-height: 45px;}
.mainCon4 .newsRoll { position: relative; top: 150px; margin-top: 40px; opacity: 0 }
.mainCon4 .newsRoll a { display: block; margin-right: 22px; width: 452px; background:#fff;transition: all .4s;}
.mainCon4 .newsRoll .img { position: relative; display: block; overflow: hidden; width: 100%; height: 290px }
.mainCon4 .newsRoll .img img { position: relative;height: auto; min-width: 100%;transition: all .5s }
 
.mainCon4 .newsRoll .tit { display: block; overflow: hidden;  color: #333;
 font-weight: 700; font-size: 18px; line-height: 1.6 ; }
.mainCon4 .newsRoll a:focus .tit, .mainCon4 .newsRoll a:hover .tit {color:#265fae ;text-decoration: underline }
.mainCon4 .newsRoll .date { display: inline-block; background:; color: #666; 
font-size: 16px; line-height: 1 ;  margin:12px 0px;/*padding:5px; */ }
 
/*.news a:hover .img100 img{filter: grayscale(0);}*/
.mainCon4 .newsRoll a:hover .tit{color: #265fae;}
.mainCon4 .newsRoll a:hover{box-shadow: 8px 10px 20px 2px rgba(102,102,102,.5);}
.mainCon4 .newsRoll .newstit{padding:35px;}
.leibie{display: inline-block; background:#265fae; color: #fff; 
font-size: 14px; line-height: 1 ;  padding:5px; }
.mainCon4 .newsRoll .descr {
    color: #333;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden; line-height: 1.6;
    text-overflow: ellipsis;font-size: 16px;
}
.mainCon4 .newsRoll .btns { position: absolute; top: -74px; right: 0 }
.mainCon4 .newsRoll .btns .swiper-button-prev { position: relative; right: auto; left: auto; z-index: 5; float: left; margin-top: 0; width: 9px; height: 16px; background: url(../img/btn/main_news_prev.png) no-repeat 50% 50% }
.mainCon4 .newsRoll .btns .swiper-button-next { position: relative; right: auto; left: auto; z-index: 5; float: left; margin-top: 0; margin-left: 40px; width: 9px; height: 16px; background: url(../img/btn/main_news_next.png) no-repeat 50% 50% }
.mainCon4 .newsRoll a:hover .img img{transform: scale(1.1);transition: all .5s}
.mainCon4 .newsRoll a:hover .tit {color: #265fae}

.list-more {
	position: relative;
	display: block;
	border: 1px solid #cacaca;
	margin: 40px auto 0;
	width: 140px;
	height: 43px;
	line-height: 43px;
	text-align: center;
	font-size: 18px;
	color: #265fae;
	-o-transition: .6s, border-color 1.6s;
	-moz-transition: .6s, border-color 1.6s;
	transition: .6s, border-color 1.6s;
	overflow: hidden;
}
.list-more::before,
.list-more::after {
	content: " ";
	position: absolute;
	z-index: -1;
	left: -100%;
	top: 0;
	width: 100%;
	height: 51%;
	background: #265fae;
	-o-transition: .4s;
	-moz-transition: .4s;
	transition: .4s;
}
.list-more:hover::before {
	left: 0;
}
.list-more::after {
	left: 100%;
	top: 50%;
	-o-transition: .4s .2s;
	-moz-transition: .4s .2s;
	transition: .4s .2s;
}
.list-more:hover::after {
	left: 0;
}
.list-more:hover {
	-webkit-transform: translateY(-4px);
	   -moz-transform: translateY(-4px);
	    -ms-transform: translateY(-4px);
	     -o-transform: translateY(-4px);
	        transform: translateY(-4px);
    border: 1px solid #00693e;
	color: #fff !important;
	/*background: #00693e;*/
	-moz-box-shadow: 0px 12px 13px -5px #ddd;
	     box-shadow: 0px 12px 13px -5px #ddd;
}

.eng-one-img-more {
    position: absolute;
    left: 50%;
    top: 55%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    font-size: 22px;
    color: #fff;
    opacity: 0;
    -o-transition: .6s;
    -moz-transition: .6s;
    transition: .6s;
}
.swiper-button-next, .swiper-container-rtl .swiper-button-prev {
    background-image: url( ../img/nexttb.png);
    right: -13px;
    left: auto;
}
.mainCon4 .newsRoll a:hover .img:hover .eng-one-img-more{opacity:1}
/*.section-2*/
.picScroll-left{ width:100%; /* overflow:hidden;*/ position:relative; }
		/* .picScroll-left .hd{ overflow:hidden;  height:30px; background:#f4f4f4; padding:0 10px;  } */
		.picScroll-left .hd .prev,.picScroll-left .hd .next{ display:block;  width:5px; height:9px; float:right; margin-right:5px; margin-top:10px;  overflow:hidden;
			 cursor:pointer; background:url("images/arrow.png") no-repeat;}
		.picScroll-left .hd .next{ background-position:0 -50px;  }
		.picScroll-left .hd .prevStop{ background-position:-60px 0; }
		.picScroll-left .hd .nextStop{ background-position:-60px -50px; }
		.picScroll-left .hd ul{ float:right; overflow:hidden; zoom:1; margin-top:10px; zoom:1; }
		.picScroll-left .hd ul li{ float:left;  width:9px; height:9px; overflow:hidden; margin-right:5px; text-indent:-999px; cursor:pointer; background:url("images/icoCircle.gif") 0 -9px no-repeat; }
		.picScroll-left .hd ul li.on{ background-position:0 0; }
		.picScroll-left .bd{/* padding:10px;  */margin-left:60px; }
		.picScroll-left .bd ul{ overflow:hidden; zoom:1; }
		.picScroll-left .bd ul li{ margin:0 25px 0 0; float:left; _display:inline; overflow:hidden; text-align:center;  }
	 
		.picScroll-left .bd ul li .pic{ text-align:center; }
		.picScroll-left .bd ul li .pic img{ width:120px; height:90px; display:block;  padding:2px; border:1px solid #ccc; }
		.picScroll-left .bd ul li .pic a:hover img{ border-color:#999;  }
		.picScroll-left .bd ul li .title{ line-height:24px;   }

	.picScroll-left .bd ul li:hover  .eng-one-title i {
	top: 0px;
}
.inside-all {
	position: relative;
	top: 50%;
	-webkit-transform: translateY(-50%) translateZ(0);
	   -moz-transform: translateY(-50%) translateZ(0);
	        transform: translateY(-50%) translateZ(0);
}
.inside-title {

}
.inside-title-img {
	display: inline-block;
    margin-right: 10px;
	vertical-align: bottom;
}
.inside-title-img span.zhong{
	font-size: 48px;
    color: #00693e;
}
.inside-title-img span.en{
	font-size: 18px;
}
 ul.picyt {
	
}
 ul.picyt {
	font-size: 0;
}
 /*ul.picyt > li {
	display: inline-block;
	margin-right: 84px;
	vertical-align: top;
}
 ul.picyt > li:nth-child(3) {
	margin-right: 0px;
}*/
 ul.picyt > li.last {
	margin-right: 0px;
}
 ul.picyt > li.more {
	display: none;
}
.eng-one {
	-o-transition: .8s .05s, box-shadow .8s 0s;
	-moz-transition: .8s .05s, box-shadow .8s 0s, -moz-box-shadow .8s 0s;
	transition: .8s .05s, box-shadow .8s 0s;
	transition: .8s .05s, box-shadow .8s 0s, -moz-box-shadow .8s 0s;
}
 ul.picyt > li:hover .eng-one {
	-webkit-transform: translateY(-10px);
	   -moz-transform: translateY(-10px);
	    -ms-transform: translateY(-10px);
	     -o-transform: translateY(-10px);
	        transform: translateY(-10px);
	-moz-box-shadow: 0px 20px 30px -10px #a0c4b5;
	     box-shadow: 0px 20px 30px -10px #a0c4b5;
}
.eng-one-img {
	position: relative;
	width: 410px;
	height: 266px;
}
.eng-one-img img {
	width: 100%;
	height: 100%;
}

.engmg-more {
	position: absolute;
	left: 50%;
	top: 55%;
	-webkit-transform: translate(-50%, -50%);
	   -moz-transform: translate(-50%, -50%);
	    -ms-transform: translate(-50%, -50%);
	     -o-transform: translate(-50%, -50%);
	        transform: translate(-50%, -50%);
	font-size: 22px;
	color: #fff;
	opacity: 0;
	-o-transition: .6s;
	-moz-transition: .6s;
	transition: .6s;
	
}
 ul.picyt > li:hover .engmg-more {
	opacity: 1;
	top: 50%;
}
.eng-one-title {
	position: relative;
	padding-top: 19px;
	padding-bottom: 20px;
	text-align: center;
	-o-transition: .5s;
	-moz-transition: .5s;
	transition: .5s;
	overflow: hidden;
}
 ul.picyt > li:hover .eng-one-title {
	/*background: #00693e;*/
}
.eng-one-title i {
	position: absolute;
	z-index: -1;
	left: 0;
	top: -100%;
	width: 20%;
	height: 100%;
	background: #265fae;
	-o-transition: .3s;
	-moz-transition: .3s;
	transition: .3s;
}
 ul.picyt > li:hover .eng-one-title i {
	top: 0;
}
.eng-one-title .col-go-2 {
	left: 20%;
	-o-transition: .3s .1s;
	-moz-transition: .3s .1s;
	transition: .3s .1s;
}
.eng-one-title .col-go-3 {
	left: 40%;
	-o-transition: .3s .2s;
	-moz-transition: .3s .2s;
	transition: .3s .2s;
}
.eng-one-title .col-go-4 {
	left: 60%;
	-o-transition: .3s .3s;
	-moz-transition: .3s .3s;
	transition: .3s .3s;
}
.eng-one-title .col-go-5 {
	left: 80%;
	-o-transition: .3s .4s;
	-moz-transition: .3s .4s;
	transition: .3s .4s;
}
.eng-one-title h3 {
	margin-bottom: 14px;
	line-height: 18px;
	font-size: 18px;
	color: #333;
	-o-transition: .6s;
	-moz-transition: .6s;
	transition: .6s;
}
 ul.picyt > li:hover .eng-one-title h3 {
	color: #fff;
}
.eng-one-title p {
	line-height: 14px;
	font-size: 14px;
	font-family: Arial;
	color: #999;
	-o-transition: .6s;
	-moz-transition: .6s;
	transition: .6s;
}
 ul.picyt > li:hover .eng-one-title p {
	color: #bbb;
}
 
/*.section-3*/
.index-adv-list {
	margin-top: 53px;
}
.index-adv-list > ul {
	font-size: 0;
}
.index-adv-list > ul > li {
	display: inline-block;
	/*margin-right: 155px; */
	margin-right: 10%;
	text-align: center;
	vertical-align: top;
}
.index-adv-list > ul > li:nth-child(4){
	margin-right: 0;
}
.index-adv-list > ul > li.last {
	margin-right: 0;
}
.index-adv-list > ul > li.more {
	display: none;
}
.adv-one {
	position: relative;
	margin-bottom: 29px;
	width: 232px;
	height: 390px;
	background: #fff;
	-moz-border-radius-topright: 50px;
	     border-top-right-radius: 50px;
	-moz-border-radius-bottomleft: 50px;
	     border-bottom-left-radius: 50px;
    -o-transition: .5s .05s, box-shadow .55s 0s, background .5s;
    -moz-transition: .5s .05s, box-shadow .55s 0s, background .5s, -moz-box-shadow .55s 0s;
    transition: .5s .05s, box-shadow .55s 0s, background .5s;
    transition: .5s .05s, box-shadow .55s 0s, background .5s, -moz-box-shadow .55s 0s;
}
.index-adv-list > ul > li:hover .adv-one {
	-webkit-transform: translateY(-21px);
	   -moz-transform: translateY(-21px);
	    -ms-transform: translateY(-21px);
	     -o-transform: translateY(-21px);
	        transform: translateY(-21px);
	background: #265fae;
    -moz-box-shadow: 0px 0px 25px #ddd;
         box-shadow: 0px 0px 25px #ddd;
}



.adv-one1 {
	position: relative;
	margin-bottom: 29px;
	width: 232px;
	height: 390px;
	background: #265fae;
	-moz-border-radius-topright: 50px;
	     border-top-right-radius: 50px;
	-moz-border-radius-bottomleft: 50px;
	     border-bottom-left-radius: 50px;
    -o-transition: .5s .05s, box-shadow .55s 0s, background .5s;
    -moz-transition: .5s .05s, box-shadow .55s 0s, background .5s, -moz-box-shadow .55s 0s;
    transition: .5s .05s, box-shadow .55s 0s, background .5s;
    transition: .5s .05s, box-shadow .55s 0s, background .5s, -moz-box-shadow .55s 0s;
}
.index-adv-list > ul > li:hover .adv-one1 {
	-webkit-transform: translateY(-21px);
	   -moz-transform: translateY(-21px);
	    -ms-transform: translateY(-21px);
	     -o-transform: translateY(-21px);
	        transform: translateY(-21px);
	background: #fff;
    -moz-box-shadow: 0px 0px 25px #ddd;
         box-shadow: 0px 0px 25px #ddd;
}
.adv-one-bg {
	position: absolute;
	left: 0;
	top: 0;
	opacity: 0;
	-o-transition: .7s;
	-moz-transition: .7s;
	transition: .7s;
}
.adv-one-bg1 {
	position: absolute;
	left: 0;
	top: 0;
	opacity: 1;
	-o-transition: .7s;
	-moz-transition: .7s;
	transition: .7s;
} 
.index-adv-list > ul > li:hover .adv-one-bg {
	opacity: 1;
	-o-transition: 1.5s;
	-moz-transition: 1.5s;
	transition: 1.5s;
}
.index-adv-list > ul > li:hover .adv-one-bg1 {
	opacity: 0;
	-o-transition: 1.5s;
	-moz-transition: 1.5s;
	transition: 1.5s;
}
.adv-one-img {
	position: relative;
	padding-top: 45px;
	margin: 0 auto 59px;
	width: 116px;
	height: 132px;
}
.adv-one-img-h {
	position: absolute;
	left: 0;
	opacity: 0;
	-o-transition: .2s;
	-moz-transition: .2s;
	transition: .2s;
}
.adv-one-img > img {
	width: 100%;
}
.index-adv-list > ul > li:hover .adv-one-img-h {
	opacity: 1;
}
.adv-one-title {
	position: relative;
	z-index: 10;
}
.adv-one-title h3 {
	position: relative;
	margin-bottom: 48px;
	line-height: 24px;
	font-size: 24px;
	color: #333;
	-o-transition: .4s .05s;
	-moz-transition: .4s .05s;
	transition: .4s .05s;
}
.adv-one-title p {
	margin-bottom: 4px;
	line-height: 16px;
	font-size: 16px;
	color: #999;	line-height:24px;
	-o-transition: .4s .05s;
	-moz-transition: .4s .05s;
	transition: .4s .05s;
	padding:0 13px;
}
.index-adv-list > ul > li:hover .adv-one-title h3,
.index-adv-list > ul > li:hover .adv-one-title p {
	color: #fff;
}
.adv-one-title h3 img {
	position: absolute;
	top: 4px;
	margin-left: 10px;
	opacity: 0;
	-o-transition: .4s;
	-moz-transition: .4s;
	transition: .4s;
}
.index-adv-list > ul > li:hover .adv-one-title h3 img {
	-webkit-transform: translateX(9px);
	   -moz-transform: translateX(9px);
	    -ms-transform: translateX(9px);
	     -o-transform: translateX(9px);
	        transform: translateX(9px);
	opacity: 1;
}

.adv-one-title1 {
	position: relative;
	z-index: 10;
}
.adv-one-title1 h3 {
	position: relative;
	margin-bottom: 48px;
	line-height: 24px;
	font-size: 24px;
	color: #fff;
	-o-transition: .4s .05s;
	-moz-transition: .4s .05s;
	transition: .4s .05s;
}
.adv-one-title1 p {
	margin-bottom: 4px;
	line-height: 16px;
	font-size: 16px;
	color: #fff;
	line-height:24px;
	-o-transition: .4s .05s;
	-moz-transition: .4s .05s;
	transition: .4s .05s;
	padding:0 13px;
}
.index-adv-list > ul > li:hover .adv-one-title1 h3,
.index-adv-list > ul > li:hover .adv-one-title1 p {
	color: #333;
}
.adv-one-title1 h3 img {
	position: absolute;
	top: 4px;
	margin-left: 10px;
	opacity: 0;
	-o-transition: .4s;
	-moz-transition: .4s;
	transition: .4s;
}
.index-adv-list > ul > li:hover .adv-one-title1 h3 img {
	-webkit-transform: translateX(9px);
	   -moz-transform: translateX(9px);
	    -ms-transform: translateX(9px);
	     -o-transform: translateX(9px);
	        transform: translateX(9px);
	opacity: 1;
}











.adv-one-xiu {
	display: inline-block;
	width: 46px;
	 
}
.adv-one-xiu img {
	opacity: .4;
	-o-transition: .5s;
	-moz-transition: .5s;
	transition: .5s;
}
.index-adv-list > ul > li:hover .adv-one-xiu img {
	opacity: 1;
}
.adv-line-btm {
	margin-top: -13px;
	width: 100%;
	height: 1px;
	background: #cacaca;
}
/*.section-4*/
.about-all {
	margin-top: 60px;
}
.about-l {
	width: 750px;
}
.about-desc p {
	font-size: 16px;
	line-height: 25px;
	text-indent: 0em;
}
.list-more-about {
	margin-right: 0;
	margin-left: 0;
}
.index-abou {
	margin-top: 50px;
}
.about-one {
	position: relative;
	/* border: 1px solid #cacaca; */
	width: 146px;
	height: 146px;
	-o-transition: .7s;
	-moz-transition: .7s;
	transition: .7s;
	overflow: hidden;
}
.index-abou > ul {
	font-size: 0;
}
 .index-abou > ul > li {
	display: inline-block;
	margin-right: 47px;
}
.index-abou > ul > li:last-child {
	margin-right: 0;
}
/* .index-abou > ul > li:hover .about-one {
	
	-moz-box-shadow: 0px 0px 20px #aaa;
	     box-shadow: 0px 0px 20px #aaa;
}
.about-one i {
	position: absolute;
	z-index: 9;
	top: 0; 
	right: -100%;
	width: 100%;
	height: 25%;
	background: #265fae;
	-o-transition: .5s .2s;
	-moz-transition: .5s .2s;
	transition: .5s .2s;
}
.about-one .abrow-go-2 {
	right: auto;
	left: -100%;
	top: 25%;
	-o-transition: .5s .15s;
	-moz-transition: .5s .15s;
	transition: .5s .15s;
}
.about-one .abrow-go-3 {
	right: auto;
	left: -100%;
	top: 50%;
	-o-transition: .5s .25s;
	-moz-transition: .5s .25s;
	transition: .5s .25s;
}
.about-one .abrow-go-4 {
	top: 75%;
	-o-transition: .5s;
	-moz-transition: .5s;
	transition: .5s;
}
.index-abou > ul > li:hover .about-one i {
	right: 0;
}
.index-abou > ul > li:hover .about-one .abrow-go-2,
.index-abou > ul > li:hover .about-one .abrow-go-3 {
	left: 0;
} */
.about-one-img {
	position: relative;
	margin: 30px auto 29px;
	text-align: center;
	z-index:10;
}
.about-one-img-h {
	position: absolute;
	left: 50%;
	top: 0;
	-webkit-transform: translateX(-50%);
	   -moz-transform: translateX(-50%);
	    -ms-transform: translateX(-50%);
	     -o-transform: translateX(-50%);
	        transform: translateX(-50%);
	opacity: 0;
	-o-transition: .7s;
	-moz-transition: .7s;
	transition: .7s;
}
.index-abou > ul > li:hover .about-one-img-h {
	opacity: 1;
} 
.index-abou > ul > li:hover .about-one-img-h1 {
	opacity: 0;
} 
.about-one p {
	line-height: 16px;
	font-size: 16px;
	color: #b7b7b7;
	position:relative;
	text-align: center;
	-o-transition: .7s;
	-moz-transition: .7s;
	transition: .7s;
	z-index:3;
}
.index-abou > ul > li:hover .about-one p {
	color: #333;	z-index:10;
}
.about-l,
.about-r {
	display: inline-block;
	vertical-align: top;
}
.about-r {
	float: right;
}
.about-video-all {
	position: relative;
	padding: 30px 20px 0 30px;
	width: 395px;
	height: 390px;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.about-video-bg {
	position: absolute;
	 
	right: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: #f1f1f1;
}
.about-video-bg img {
	width: 100%;
	height: 100%;
}
.about-video-all h3 {
	margin-bottom: 14px;
	line-height: 24px;
	font-size: 24px !important;
	color: #fff;
}
.about-video-all p {
	margin-bottom: 22px;
	line-height: 16px;
	font-size: 24px;
	color: #444;
	position:relative;
	z-index:9;
	font-weight:700;
}
.about-video-play {
	position: relative;
	float: right;
	width: 446px;
	height: 264px;
	cursor: pointer;
	overflow: hidden;
}
.about-video-play img {
	width: 100%;
	height: 100%;
	-o-transition: .5s;
	-moz-transition: .5s;
	transition: .5s;
}
.about-video-play:hover > img {
	-webkit-transform: scale(1.1) translateZ(0);
	   -moz-transform: scale(1.1) translateZ(0);
	        transform: scale(1.1) translateZ(0);
}
.about-video-play-arrow {
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate3d(-50%, -50%, 0);
	   -moz-transform: translate3d(-50%, -50%, 0);
	        transform: translate3d(-50%, -50%, 0);
}
.about-video-play-arrow img {
	opacity: .75;
}
.about-video-play:hover .about-video-play-arrow img {
	opacity: 1;
}
.about-video-fixed {
	position: fixed;
	z-index: 999;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	text-align: center;
	vertical-align: middle;
	background: #fff;
	opacity: 0;
	visibility: hidden;
	-o-transition: .5s;
	-moz-transition: .5s;
	transition: .5s;
}
.about-video-fixed-bg {
	position: absolute;
	z-index: -1;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.about-video-fixed-in {
	position: relative;
	z-index: 1;
	display: inline-block;
	top: 50%;
	-webkit-transform: translateY(-50%);
	   -moz-transform: translateY(-50%);
	    -ms-transform: translateY(-50%);
	     -o-transform: translateY(-50%);
	        transform: translateY(-50%);
	width: 65%;
}
.about-video-fixed-in video {
	width: 100%;
}
 
/* 本例子css */
		.slideBox{ width: 100%;
	height: 100%; overflow:hidden; position:relative; border:1px solid #ddd;  }
		.slideBox .hd{ height:15px; overflow:hidden; position:absolute; right:5px; bottom:5px; z-index:1; }
		.slideBox .hd ul{ overflow:hidden; zoom:1; float:left;  }
		.slideBox .hd ul li{ float:left; margin-right:2px;  width:15px; height:15px;
		line-height:14px; text-align:center; background:#fff; cursor:pointer;}
		.slideBox .hd ul li.on{ background:#f00; color:#fff; }
		.slideBox .bd{ position:relative; height:100%; z-index:0;   }
		.slideBox .bd li{ zoom:1; vertical-align:middle; position:relative; }
		.slideBox .bd img{   display:block;  }

		/* 下面是前/后按钮代码，如果不需要删除即可 */
		.slideBox .prev,
		.slideBox .next{ position:absolute; left:3%; top:50%; margin-top:-25px; display:block; width:32px; height:40px;
		background:url(../img/slider-arrow.png) -110px 5px no-repeat; filter:alpha(opacity=50);opacity:0.5;   }
		.slideBox .next{ left:auto; right:3%; background-position:8px 5px; }
		.slideBox .prev:hover,
		.slideBox .next:hover{ filter:alpha(opacity=100);opacity:1;  }
		.slideBox .prevStop{ display:none;  }
		.slideBox .nextStop{ display:none;  }
.slideBox .bd ul li .label {display:block; position:absolute; top:0; left:0; 
width: 102px;
    height: 70px; text-align:center; background:rgba(0,0,0,0.6); color:#fff;    font-size: 16px;
    line-height: 20px;}

.slideBox .bd ul li .label span {
    display: table-cell;
    letter-spacing: 5px;
    width: 100%;
    height: 100%;

    color: #fff;
    vertical-align: middle;
    text-align: center;
    font-size: 16px;
    line-height: 30px;
}


.mainCon5 { position: relative; padding: 0 0 120px }
.mainCon5 .boxArea { position: relative; top: 150px; overflow: hidden; margin-top: -78px; border: 1px solid #e0e0e0; background: #fff; opacity: 0 }
.mainCon5 .boxArea .box { position: relative; float: left; box-sizing: border-box; margin-left: 22px; padding: 39px; width: 451px }
.mainCon5 .boxArea .box:first-child { margin-left: 0 }
.mainCon5 .boxArea .box.box2 { width: 452px }
.mainCon5 .boxArea .box .tit { color: #000; font-weight: 700; font-size: 18px; line-height: 1 }
.mainCon5 .boxArea .box .list { margin-top: 20px; padding-top: 21px; border-top: 1px solid #e0e0e0 }
.mainCon5 .boxArea .box .list li { position: relative; margin-top: 10px; padding-left: 18px }
.mainCon5 .boxArea .box .list li:before { position: absolute; top: 50%; left: 0; width: 3px; height: 3px; background: #8cc63e; content: '' }
.mainCon5 .boxArea .box .list li:first-child { margin-top: 0 }
.mainCon5 .boxArea .box .list li a { display: block; overflow: hidden }
.mainCon5 .boxArea .box .list li a .tit { float: left; display: inline-block; overflow: hidden; max-width: 70%; color: #000; text-overflow: ellipsis; white-space: nowrap; font-size: 16px; line-height: 1.5 }
.mainCon5 .boxArea .box .list li a .date { float: right; display: inline-block; color: #555; font-size: 16px; line-height: 1.5 }
.mainCon5 .boxArea .box .list li a:focus .tit, .mainCon5 .boxArea .box .list li a:hover .tit { text-decoration: underline }
.mainCon5 .boxArea .box .stockDiv { overflow: hidden; margin-top: 20px; padding: 36px 0; background: #f4f4f4 }
.mainCon5 .boxArea .box .stockDiv .left { float: left; box-sizing: border-box; width: 50%; color: #034874; text-align: center; font-weight: 700; font-size: 30px; line-height: 38px }
.mainCon5 .boxArea .box .stockDiv .right { float: left; box-sizing: border-box; padding-left: 25px; width: 50%; border-left: 1px solid #e0e0e0; text-align: center }
.mainCon5 .boxArea .box .stockDiv .right>div { display: inline-block; text-align: left }
.mainCon5 .boxArea .box .stockDiv .right p { margin-top: 10px; color: #555; font-size: 16px }
.mainCon5 .boxArea .box .stockDiv .right p:first-child { margin-top: 0 }
.mainCon5 .boxArea .box .stockDiv .right p .up { color: #e00 }
.mainCon5 .boxArea .box .stockDiv .right p .down { color: #000 }
.mainCon5 .boxArea .box .moreBtn { position: absolute; top: 41px; right: 40px; display: inline-block; vertical-align: top }
.historyArea { position: relative; overflow: hidden; margin-top: 80px; padding-bottom: 68px; text-align: center }
.historyArea:before { position: absolute; top: 0; left: 50%; margin-left: -1px; width: 1px; height: calc(100% - 15px); background: #e0e0e0; content: '' }
.historyArea:after { position: absolute; bottom: 0; left: 50%; margin-left: -16.5px; width: 33px; height: 33px; background: url(../img/icon/history_end_icon.png) no-repeat 50% 50%; content: '' }
.historyArea>.historyTit { position: relative; display: inline-block; width: 140px; height: 155px }
.historyArea>.historyTit p { display: table; width: 100%; height: 100%; table-layout: fixed }
.historyArea>.historyTit p span { display: table-cell; background: url(../img/icon/history_year_bg.png) no-repeat 50% 50%; color: #fff; vertical-align: middle; text-align: center; font-size: 24px; font-family: Proxima-Bold, sans-serif }
.historyArea .historyCon { position: relative; overflow: hidden; margin-top: 75px }
.historyArea .history { position: relative; left: 150px; box-sizing: border-box; margin-left: 50%; padding: 45px 0; padding-left: 79px; width: 50%; text-align: left; opacity: 0 }
.historyArea .history:first-child { padding-top: 0 }
.historyArea .history .year { position: relative; margin-bottom: 30px; color: #000; font-size: 30px; font-family: Proxima-Bold, sans-serif }
.historyArea .history .year:before { position: absolute; top: 6px; left: -88px; width: 67px; height: 17px; background: url(../img/icon/history_year_icon.png) no-repeat 0 50%; content: '' }
.historyArea .history dd { overflow: hidden }
.historyArea .history .month { float: left; display: inline-block; width: 40px; height: 45px }
.historyArea .history .month>span { display: table; width: 100%; height: 100%; table-layout: fixed }
.historyArea .history .month>span>span { display: table-cell; background: url(../img/icon/history_mon_bg.png) no-repeat 50% 50%; color: #000; vertical-align: middle; text-align: center; font-size: 18px; font-family: Proxima-Bold, sans-serif }
.historyArea .history .txt { float: left; display: inline-block; margin-left: 20px; max-width: calc(100% - 60px); color: #555; font-size: 18px; line-height: 45px }
.historyArea .history .img { margin-top: 30px; padding-left: 60px }
.historyArea .history .img>img { max-width: 100% }
.historyArea .history.left { left: -150px; margin-left: 0; padding-right: 79px; padding-left: 0; text-align: right }
.historyArea .history.left .year:before { position: absolute; top: 6px; right: -87px; left: auto; width: 67px; height: 17px; background: url(../img/icon/history_year_icon2.png) no-repeat 100% 50%; content: '' }
.historyArea .history.left .month { float: right }
.historyArea .history.left .txt { float: right; margin-right: 20px; margin-left: 0 }
.historyArea .history.left .img { padding-right: 60px; padding-left: 0 }
.busiArea { position: relative }
.busiArea .tabBtn { margin-top: 80px }
.busiArea .mapArea { position: relative; padding: 0 5%; background: #f6f7f7; text-align: center }
.busiArea .mapArea img { max-width: 100% }
.busiArea .mapArea img.mobile { display: none }
.busiArea .mapArea .koreaMap { position: absolute; top: 0; left: 0; z-index: -1; width: 100%; background: #f6f7f7; text-align: center; opacity: 0 }
.busiArea .mapArea .koreaMap img { max-width: 100% }
.busiArea .mapArea .koreaMap .backBtn { position: absolute; top: 50%; left: 30px; display: block; margin-top: -29.5px; width: 59px; height: 59px; background: url(../img/btn/busi_back_btn.png) no-repeat 50% 50% }
.busiArea .mapArea .txtArea { position: absolute; top: 50px; right: 50px }
.busiArea .mapArea .txtArea p { margin-top: 15px; padding-left: 30px; background: url(../img/icon/busi_map_icon1.png) no-repeat 0 0; color: #000; text-align: left; font-weight: 700; font-size: 16px; line-height: 25px }
.busiArea .mapArea .txtArea p:first-child { margin-top: 0 }
.busiArea .mapArea .txtArea .icon2 { background: url(../img/icon/busi_map_icon2.png) no-repeat 0 0 }
.busiArea .mapArea .txtArea .icon3 { background: url(../img/icon/busi_map_icon3.png) no-repeat 0 0 }
.busiArea .busiTab { display: table; margin-top: 60px; width: 100%; table-layout: fixed }
.busiArea .busiTab a { display: table-cell; padding-bottom: 24px; border-bottom: 1px solid #e0e0e0; color: #555; text-align: center; font-size: 16px }
.busiArea .busiTab a.on { padding-bottom: 23px; border-bottom: 2px solid #8bbf45; color: #8bbf45; font-weight: 700 }
.busiArea .busiTabCon { position: relative; margin-top: 60px }
.busiArea .busiTabCon .tabCon { display: none }
.busiArea .busiTabCon .tabCon:first-child { display: block }
.busiArea .busiTabCon .tabCon>div { display: table; width: 100%; table-layout: fixed }
.busiArea .busiTabCon .imgArea { display: table-cell; width: 600px; vertical-align: top }
.busiArea .busiTabCon .imgArea img { max-width: 100% }
.busiArea .busiTabCon .txtArea { display: table-cell; padding-top: 20px; padding-left: 50px }
.busiArea .busiTabCon .txtArea.onlyTxt { padding-top: 0; padding-left: 0; width: 100% }
.busiArea .busiTabCon .txtArea .tit { color: #000; font-weight: 700; font-size: 26px }
.busiArea .busiTabCon .txtArea .txt { margin-top: 25px; color: #555; font-size: 16px; line-height: 28px }
.busiArea .busiTabCon .txtArea ul { margin-top: 35px }
.busiArea .busiTabCon .txtArea ul li { position: relative; margin-top: 10px; padding-left: 15px; color: #555; font-size: 16px }
.busiArea .busiTabCon .txtArea ul li:first-child { margin-top: 0 }
.busiArea .busiTabCon .txtArea ul li:before { position: absolute; top: 8px; left: 0; width: 4px; height: 4px; border-radius: 2px; background: #8bbf45; content: '' }
.busiArea .busiTabCon .txtArea ul li span { display: inline-block; margin-right: 16px; color: #000; vertical-align: top; font-weight: 700 }
.busiArea .busiTabCon .txtArea .mapBtn { display: inline-block; margin-top: 35px; padding: 9px 31px 11px; border: 2px solid #d9d9d9; color: #555; font-weight: 700; font-size: 16px }
.busiArea .busiTabCon .txtArea .mapBtn:focus, .busiArea .busiTabCon .txtArea .mapBtn:hover { border: 2px solid #8bbf45; background: #8bbf45; color: #fff }
.busiMapArea { position: relative; overflow: hidden; margin-top: 100px; width: 100% }
.busiMapArea .map { display: none; height: 460px; background: url(../img/icon/busiMap_img1.jpg) no-repeat 50% 50%; background-size: auto 100% }
.busiMapArea .map:first-child { display: block }
.busiMapArea .map.map2 { background: url(../img/icon/busiMap_img2.jpg) no-repeat 50% 50%; background-size: auto 100% }
.busiMapArea .map.map3 { background: url(../img/icon/busiMap_img3.jpg) no-repeat 50% 50%; background-size: auto 100% }
.busiMapArea .map.map4 { background: url(../img/icon/busiMap_img4.jpg) no-repeat 50% 50%; background-size: auto 100% }
.busiMapArea .map.map5 { background: url(../img/icon/busiMap_img5.jpg) no-repeat 50% 50%; background-size: auto 100% }
.busiMapArea .map.map6 { background: url(../img/icon/busiMap_img6.jpg) no-repeat 50% 50%; background-size: auto 100% }
.busiMapArea .map.map7 { background: url(../img/icon/busiMap_img7.jpg) no-repeat 50% 50%; background-size: auto 100% }
.busiMapArea .map.map8 { background: url(../img/icon/busiMap_img8.jpg) no-repeat 50% 50%; background-size: auto 100% }
.busiMapArea .map.map9 { background: url(../img/icon/busiMap_img9.jpg) no-repeat 50% 50%; background-size: auto 100% }
.busiMapArea .map img.mobile { display: none }
.busiArea .busiTabCon .busiTit { margin-top: 60px; color: #000; font-weight: 700; font-size: 24px }
.busiArea .busiTabCon .busiTit:first-child { margin-top: 0 }
.busiArea .busiTabCon .busiList { margin-top: 30px; border-top: 2px solid #000 }
.busiArea .busiTabCon .busiList li { position: relative; overflow: hidden; padding: 50px 0; border-bottom: 1px solid #e0e0e0 }
.busiArea .busiTabCon .busiList li .txtArea { position: relative; display: block; margin-top: 0; padding: 0 170px 0 30px }
.busiArea .busiTabCon .busiList li .txtArea .txt1 { color: #000; font-weight: 700; font-size: 20px }
.busiArea .busiTabCon .busiList li .txtArea .txt1 span { position: relative; display: inline-block; margin-left: 18px; padding-left: 18px; color: #8bbf45 }
.busiArea .busiTabCon .busiList li .txtArea .txt1 span:before { position: absolute; top: 50%; left: 0; margin-top: -7px; width: 1px; height: 16px; background: #e0e0e0; content: '' }
.busiArea .busiTabCon .busiList li .txtArea .txt2 { margin-top: 20px }
.busiArea .busiTabCon .busiList li .txtArea .txt2 p { margin-top: 10px; color: #555; font-size: 16px }
.busiArea .busiTabCon .busiList li .txtArea .txt2 p:first-child { margin-top: 0 }
.busiArea .busiTabCon .busiList li .txtArea .txt2 p span { display: inline-block; margin-right: 17px; color: #000; vertical-align: top; font-weight: 700 }
.busiArea .busiTabCon .busiList li .txtArea a { position: absolute; top: 50%; right: 30px; display: block; margin-top: -20px; padding: 9px 31px 11px; border: 2px solid #d9d9d9; color: #555; font-weight: 700; font-size: 16px }
.busiArea .busiTabCon .busiList li .txtArea a:focus, .busiArea .busiTabCon .busiList li .txtArea a:hover { border: 2px solid #8bbf45; background: #8bbf45; color: #fff }
.busiArea .busiTabCon .busiList li .mapArea { position: relative; display: none; overflow: hidden; padding: 40px 0 0; width: 100%; background: 0 0 }
.busiArea .busiTabCon .busiList li .mapArea img { max-width: 100% }
#lifeMenu { position: fixed; top: 50%; right: 40px; z-index: 5; display: none; margin-top: -115px }
#lifeMenu li { margin-bottom: 10px }
#lifeMenu li:first-child, #lifeMenu li:last-child { margin-bottom: 0 }
#lifeMenu li a { position: relative; display: block; padding-right: 50px; min-height: 20px; color: #fff; text-align: right; font-size: 20px; font-family: Proxima-Bold, sans-serif; line-height: 1 }
#lifeMenu li a span { display: none }
#lifeMenu li a:before { position: absolute; top: 50%; right: 0; margin-top: -2px; width: 16px; height: 2px; background: #fff; content: '' }
#lifeMenu li.active a:before { width: 35px; background: #8dc63f }
#lifeMenu li:first-child a:before { display: none }
#lifeMenu li.active span { display: block }
.lifeArea { position: relative; width: 100%; background: #000 }
.lifeArea .intro { background: url(../img/icon/life_intro_bg.jpg) no-repeat 50% 50%; background-size: cover; text-align: center }
.lifeArea .intro .introCon { position: relative; overflow: hidden; width: 100%; height: 100% }
.lifeArea .intro .timeArea { position: relative; top: 50%; display: inline-block; width: 730px; height: 730px; vertical-align: top; text-align: center; -webkit-transform: translate(0, -50%); transform: translate(0, -50%); -ms-transform: translate(0, -50%) }
.lifeArea .intro .timeArea .timeBg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url(../img/icon/life_time_bg.png) no-repeat 50% 50%; background-size: 100% 100%; opacity: 0 }
.lifeArea .intro .timeArea .time { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url(../img/icon/life_time_icon.png) no-repeat 50% 50%; background-size: 100% 100%; opacity: 0 }
.lifeArea .intro .timeArea .txtArea { position: absolute; top: 50%; left: 0; width: 100%; -webkit-transform: translate(0, -50%); transform: translate(0, -50%) }
.lifeArea .intro .timeArea .tit { position: relative; top: 100px; color: #fff; font-weight: 700; font-size: 56px; line-height: 64px; opacity: 0 }
.lifeArea .intro .timeArea .txt { position: relative; top: 100px; margin-top: 40px; color: #fff; font-size: 18px; line-height: 30px; opacity: 0 }
.lifeArea .bottomBt { position: absolute; bottom: -94px; left: 50%; display: block; margin-left: -35px; padding-bottom: 80px; width: 70px; color: #fff; text-align: center; font-size: 14px; font-family: Proxima-Bold, sans-serif; line-height: 1; opacity: 0 }
.lifeArea .bottomBt:after { position: absolute; bottom: 0; left: 50%; margin-left: -1px; width: 2px; height: 50px; background: #fff; content: '' }
.lifeArea .section .lifeCon { position: relative; overflow: hidden; width: 100% }
.lifeArea .section .lifeCon.mobile { display: none }
.lifeArea .section .img { position: relative; width: 100%; height: 100%; min-height: 1080px; background: url(../img/icon/life_img1.jpg) no-repeat 100% 50%; background-size: auto 100% }
.lifeArea .section.sec2 .img { background: url(../img/icon/life_img2.jpg) no-repeat 100% 50%; background-size: auto 100% }
.lifeArea .section.sec3 .img { background: url(../img/icon/life_img3.jpg) no-repeat 100% 50%; background-size: auto 100% }
.lifeArea .section.sec4 .img { background: url(../img/icon/life_img4.jpg) no-repeat 100% 50%; background-size: auto 100% }
.lifeArea .section.sec5 .img { background: url(../img/icon/life_img5.jpg) no-repeat 100% 50%; background-size: auto 100% }
.lifeArea .section.sec6 .img { background: url(../img/icon/life_img6.jpg) no-repeat 100% 50%; background-size: auto 100% }
.lifeArea .section.sec7 .img { background: url(../img/icon/life_img7.jpg) no-repeat 100% 50%; background-size: auto 100% }
.lifeArea .section.sec8 .img { background: url(../img/icon/life_img8.jpg) no-repeat 100% 50%; background-size: auto 100% }
.lifeArea .section .lifeCon .txtArea { position: absolute; top: 50%; left: 50%; margin-left: -700px; width: 1400px; color: #fff; -webkit-transform: translate(0, -50%); transform: translate(0, -50%) }
.lifeArea .section .lifeCon .txtArea .time { color: #fff; font-size: 90px; font-family: Proxima-Bold, sans-serif; line-height: 1 }
.lifeArea .section .lifeCon .txtArea .time span { font-size: 20px }
.lifeArea .section .lifeCon .txtArea .tit { margin-top: 10px; color: #fff; font-size: 38px; line-height: 1 }
.lifeArea .section .lifeCon .txtArea .txt { margin-top: 40px; color: #fff; font-size: 18px; line-height: 28px }
.lifeArea .section .lifeCon .txtArea .btns { margin-top: 50px }
.lifeArea .section .lifeCon .txtArea .btns a { position: relative; display: inline-block; width: 23px; height: 12px; background: url(../img/icon/life_next_btn.png) no-repeat 0 0; background-size: 100% auto }
.lifeArea .section .lifeCon .txtArea .btns .next:before { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url(../img/icon/life_next_btn_hover.png) no-repeat 0 0; background-size: 100% auto; content: ''; opacity: 0; transition: .3s }
.lifeArea .section .lifeCon .txtArea .btns .next:focus:before, .lifeArea .section .lifeCon .txtArea .btns .next:hover:before { opacity: 1; transition: .3s }
.lifeArea .section .lifeCon .txtArea .btns .prev { margin-left: 25px; background: url(../img/icon/life_prev_btn.png) no-repeat 0 0; background-size: 100% auto }
.lifeArea .section .lifeCon .txtArea .btns .prev:before { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url(../img/icon/life_prev_btn_hover.png) no-repeat 0 0; background-size: 100% auto; content: ''; opacity: 0; transition: .3s }
.lifeArea .section .lifeCon .txtArea .btns .prev:focus:before, .lifeArea .section .lifeCon .txtArea .btns .prev:hover:before { opacity: 1; transition: .3s }
.lifeArea .section .lifeCon .focus { position: absolute; top: 0; right: 0; height: 100% }
.lifeArea .section .lifeCon .focus li { position: absolute; top: 191px; right: 595px }
.lifeArea .section .lifeCon .focus li .openBt { position: relative; display: block; width: 60px; height: 60px; background: url(../img/btn/life_pop_btn.png) no-repeat 0 0; background-size: 100% auto }
.lifeArea .section .lifeCon .focus li .openBt:before { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url(../img/btn/life_pop_btn_hover.png) no-repeat 0 0; background-size: 100% 100%; content: ''; opacity: 0; transition: .3s }
.lifeArea .section .lifeCon .focus li .openBt:focus:before, .lifeArea .section .lifeCon .focus li .openBt:hover:before { opacity: 1; transition: .3s }
.lifeArea .section .lifeCon .focus li .conPop { position: absolute; top: 0; right: 0; z-index: 50; display: none; padding: 60px 40px 40px; width: 475px; height: auto; background: #8bbf45 }
.lifeArea .section .lifeCon .focus li .conPop.bottom { top: auto; bottom: 0 }
.lifeArea .section .lifeCon .focus li .conPop.left { right: auto; left: 0 }
.lifeArea .section .lifeCon .focus li .conPop .tit { color: #fff; font-weight: 700; font-size: 24px; line-height: 1 }
.lifeArea .section .lifeCon .focus li .conPop .txt { margin-top: 20px; color: #fff; font-size: 16px; line-height: 28px }
.lifeArea .section .lifeCon .focus li .conPop .closeBt { position: absolute; top: 30px; right: 30px; width: 24px; height: 24px; background: url(../img/btn/life_pop_close.png) no-repeat 0 0; background-size: 100% auto }
.lifeArea .section.sec1 .lifeCon .focus .f1 { top: 191px; right: 595px }
.lifeArea .section.sec1 .lifeCon .focus .f2 { top: 282px; right: 545px }
.lifeArea .section.sec1 .lifeCon .focus .f3 { top: 692px; right: 463px }
.lifeArea .section.sec1 .lifeCon .focus .f4 { top: 780px; right: 576px }
.lifeArea .section.sec2 .lifeCon .focus .f1 { top: 341px; right: 161px }
.lifeArea .section.sec2 .lifeCon .focus .f2 { top: 255px; right: 381px }
.lifeArea .section.sec2 .lifeCon .focus .f3 { top: 800px; right: 622px }
.lifeArea .section.sec2 .lifeCon .focus .f4 { top: 855px; right: 720px }
.lifeArea .section.sec3 .lifeCon .focus .f1 { top: 284px; right: 229px }
.lifeArea .section.sec3 .lifeCon .focus .f2 { top: 303px; right: 448px }
.lifeArea .section.sec3 .lifeCon .focus .f3 { top: 832px; right: 284px }
.lifeArea .section.sec4 .lifeCon .focus .f1 { top: 760px; right: 680px }
.lifeArea .section.sec4 .lifeCon .focus .f2 { top: 854px; right: 521px }
.lifeArea .section.sec4 .lifeCon .focus .f3 { top: 488px; right: 316px }
.lifeArea .section.sec5 .lifeCon .focus .f1 { top: 343px; right: 747px }
.lifeArea .section.sec5 .lifeCon .focus .f2 { top: 297px; right: 352px }
.lifeArea .section.sec5 .lifeCon .focus .f3 { top: 327px; right: 646px }
.lifeArea .section.sec5 .lifeCon .focus .f4 { top: 539px; right: 545px }
.lifeArea .section.sec6 .lifeCon .focus .f1 { top: 750px; right: 275px }
.lifeArea .section.sec6 .lifeCon .focus .f2 { top: 868px; right: 610px }
.lifeArea .section.sec6 .lifeCon .focus .f3 { top: 867px; right: 185px }
.lifeArea .section.sec7 .lifeCon .focus .f1 { top: 609px; right: 662px }
.lifeArea .section.sec7 .lifeCon .focus .f2 { top: 875px; right: 928px }
.lifeArea .section.sec7 .lifeCon .focus .f3 { top: 780px; right: 626px }
.lifeArea .section.sec8 .lifeCon .focus .f1 { top: 335px; right: 821px }
.lifeArea .section.sec8 .lifeCon .focus .f2 { top: 549px; right: 915px }
.lifeArea .section.sec8 .lifeCon .focus .f3 { top: 707px; right: 637px }
.manage1>.tit { margin-top: 80px; padding-left: 32px; background: url(../img/icon/manage6_tit_icon.png) no-repeat 0 4px; color: #000; font-weight: 700; font-size: 24px }
.manage1 .tit2 { color: #000; text-align: center; font-weight: 700; font-size: 22px }
.manage1>.txt { margin-top: 20px; color: #555; font-size: 16px; line-height: 30px }
.manage1 .con1 { position: relative; margin-top: 80px; text-align: center }
.manage1 .con1 .boxArea { overflow: hidden; margin-top: 30px; text-align: center }
.manage1 .con1 .boxArea .box { float: left; width: 20% }
.manage1 .con1 .boxArea .box .img img { max-width: 100% }
.manage1 .con1 .boxArea .box .txtArea { padding: 45px 15px; min-height: 124px; border-bottom: 1px solid #e0e0e0; border-left: 1px solid #e0e0e0 }
.manage1 .con1 .boxArea .box:last-child .txtArea { border-right: 1px solid #e0e0e0 }
.manage1 .con1 .boxArea .box .txtArea .tit { color: #000; font-weight: 700; font-size: 20px }
.manage1 .con1 .boxArea .box .txtArea .txt { margin-top: 25px; color: #555; font-size: 16px; line-height: 26px }
.manage1 .con2 { padding: 190px 0 150px; background: url(../img/icon/manage1_bg1.png) no-repeat 50% 40px, url(../img/icon/manage1_bg2.png) no-repeat 50% 100%; text-align: center }
.manage1 .con2 ul { display: inline-block; overflow: hidden; margin-top: 30px; padding: 44px 0; width: 1040px; max-width: 1040px; border: 2px solid #8cc63e; border-radius: 185px; background: #fff; vertical-align: top; text-align: center }
.manage1 .con2 ul li { display: inline-block; margin-left: 45px; width: 24%; vertical-align: top }
.manage1 .con2 ul li:first-child { margin-left: 0 }
.manage1 .con2 ul li .img img { max-width: 100% }
.manage1 .con2 ul li .txt { margin-top: 20px; color: #555; font-size: 16px; line-height: 26px }
.manage1 .con3 { margin-top: 40px; text-align: center }
.manage1 .con3 .txt { margin-top: 15px; color: #000; font-weight: 700; font-size: 32px; line-height: 46px }
.manage1 .con3 .txt span { color: #8cc63e }
.manage1 .con3 .img>img { max-width: 100% }
.manage1 .reportList li { display: table; overflow: hidden; padding: 30px 0; width: 100%; height: 60px; border-bottom: 1px solid #e0e0e0; table-layout: fixed }
.manage1 .reportList li .year { display: table-cell; width: 113px; color: #8bbf45; vertical-align: middle; text-align: center; font-weight: 700; font-size: 18px }
.manage1 .reportList li .tit { display: table-cell; padding-left: 70px; color: #000; vertical-align: middle; font-weight: 700; font-size: 18px; line-height: 1.5 }
.manage1 .reportList li .btns { display: table-cell; padding: 0 30px; width: 402px; vertical-align: middle }
.manage1 .reportList li .btns a { display: inline-block; margin-left: 10px; padding: 10px 44px 10px 18px; border: 2px solid #e0e0e0; background: url(../img/icon/down_icon1.png) no-repeat right 18px top 50%; color: #555; font-weight: 700; font-size: 16px }
.manage1 .reportList li .btns a:first-child { margin-left: 0 }
.manage1 .reportList li .btns a:focus, .manage1 .reportList li .btns a:hover { border: 2px solid #8bbf45; background: #8bbf45 url(../img/icon/down_icon1_on.png) no-repeat right 18px top 50%; color: #fff }
.manage1Report { padding: 74px 0; background: #f4f4f4 }
.manage1Report .inner { overflow: hidden }
.manage1Report .txtArea { float: left }
.manage1Report .txtArea .tit { color: #000; font-weight: 700; font-size: 24px; line-height: 36px }
.manage1Report .txtArea .tit>span { display: inline-block; margin-right: 30px; padding: 0 25px; border-radius: 18px; background: #8cc63e; color: #fff; vertical-align: top; font-size: 16px }
.manage1Report .txtArea .txt { margin-top: 20px; color: #555; font-size: 16px; line-height: 30px }
.manage1Report .txtArea .btns { margin-top: 60px }
.manage1Report .txtArea .btns a { display: inline-block; margin-left: 10px; padding: 10px 44px 10px 18px; border: 2px solid #e0e0e0; background: url(../img/icon/down_icon1.png) no-repeat right 18px top 50%; color: #555; font-weight: 700; font-size: 16px }
.manage1Report .txtArea .btns a:first-child { margin-left: 0 }
.manage1Report .txtArea .btns a:focus, .manage1Report .txtArea .btns a:hover { border: 2px solid #8bbf45; background: #8bbf45 url(../img/icon/down_icon1_on.png) no-repeat right 18px top 50%; color: #fff }
.manage1Report .imgArea { float: right; padding-right: 97px }
.manage1Report .imgArea img { max-width: 100% }
.manage1.type2 { padding-bottom: 140px }
.manage1 .sdgsArea { position: relative; overflow: hidden; margin-top: 80px }
.manage1 .sdgsArea .top { text-align: center }
.manage1 .sdgsArea .top img { max-width: 80% }
.manage1 .sdgsArea .sdgsList { position: relative; margin: 60px auto 0 }
.manage1 .sdgsArea .sdgsList li { padding-bottom: 22px; width: 215px; text-align: center }
.manage1 .sdgsArea .sdgsList li .img { width: 100% }
.manage1 .sdgsArea .sdgsList li .img img { width: 100% }
.manage1 .sdgsArea .sdgsList li .txt { padding: 15px 5px 40px; color: #555; font-size: 16px; line-height: 26px }
.manage1 .sdgsArea .sdgsList li.gutter-sizer { width: 22px }
.manage1 .dotLIst { margin-top: 25px }
.manage1 .dotLIst li { position: relative; padding-left: 16px; color: #555; font-size: 16px; line-height: 30px }
.manage1 .dotLIst li:before { position: absolute; top: 13px; left: 0; width: 4px; height: 4px; border-radius: 2px; background: #8bbf45; content: '' }
.layerPop.surveyPop .popBody { padding: 30px 30px 60px }
.surveyArea .txt1 { color: #000; text-align: center; font-weight: 700; font-size: 22px; line-height: 1.5 }
.surveyArea .txt2 { margin-top: 20px; color: #555; text-align: center; font-size: 16px; line-height: 1.5 }
.surveyArea .surveyList { margin-top: 35px; border-top: 2px solid #000 }
.surveyArea .surveyList>li { overflow: hidden; padding: 20px 30px 23px; border-bottom: 1px solid #e0e0e0 }
.surveyArea .surveyList>li .tit { color: #000; font-size: 18px; line-height: 1.5 }
.surveyArea .surveyList>li ul { overflow: hidden; margin-top: 15px }
.surveyArea .surveyList>li ul li { float: left; overflow: hidden; height: 34px; min-width: 176px }
.surveyArea .surveyList>li .type4 { min-width: 220px }
.surveyArea .surveyList>li .type4 li { min-width: 220px }
.surveyArea .surveyList>li ul li>div { display: inline-block; height: 34px; vertical-align: top; line-height: 30px }
.surveyArea .surveyList>li ul li.etc>div { display: inline-block; margin-left: 5px; vertical-align: top }
.surveyArea .surveyList>li ul li.etc>div:first-child { margin-left: 0 }
.surveyArea .surveyList>li ul li.etc .textInput { display: inline-block; vertical-align: top }
.surveyArea .surveyList>li ul li.etc .textInput input { width: 218px; height: 26px; vertical-align: top }
.manage2 { position: relative; overflow: hidden }
.manage2>.tit1 { margin-top: 80px; padding-left: 32px; background: url(../img/icon/manage6_tit_icon.png) no-repeat 0 4px; color: #000; font-weight: 700; font-size: 24px }
.manage2>.tit1:first-child { margin-top: 0 }
.manage2>.txt1 { margin-top: 20px; font-size: 16px; line-height: 30px }
.manage2 .system { position: relative; overflow: hidden; margin-top: 30px; padding: 80px 0; border: 1px solid #e0e0e0; text-align: center }
.manage2 .system>img { max-width: 100% }
.manage2 .system>img.mobile { display: none }
.manage2 .system .mobileTxt { display: none }
.manage2 .accoArea { margin-top: 100px; border: 1px solid #e0e0e0 }
.manage2 .grayBox { margin-top: 30px; padding: 79px 66px; border: 1px solid #e0e0e0; background: #f4f4f4 }
.manage2 .grayBox .txt1 { color: #000; text-align: center; font-weight: 700; font-size: 18px; line-height: 30px }
.manage2 .grayBox .txt2 { margin-top: 60px; color: #555; font-size: 16px; line-height: 30px }
.manage2 .grayBox .txt2 p { margin-top: 45px }
.manage2 .grayBox .txt2 p:first-child { margin-top: 0 }
.manage2 .grayBox .txt3 { margin-top: 95px; text-align: center }
.manage2 .grayBox .txt3 .name { color: #000; font-size: 18px }
.manage3Txt { margin-top: 100px; color: #555; text-align: center; font-size: 18px; line-height: 32px }
.manage3 { margin-top: 80px; padding-top: 80px; border-top: 1px solid #e0e0e0 }
.manage3>.tit1 { margin-top: 80px; padding-left: 32px; background: url(../img/icon/manage6_tit_icon.png) no-repeat 0 4px; color: #000; font-weight: 700; font-size: 24px }
.manage3>.tit1:first-child { margin-top: 0 }
.manage3>.txt { margin-top: 25px; color: #666; font-size: 16px; line-height: 1.5 }
.manage3>.img { margin-top: 80px; text-align: center }
.manage3>.img img { max-width: 100% }
.manage3>.img img.mobile { display: none }
.manage3>.img .mobileTxt { display: none }
.manage3 .grayBox { overflow: hidden; margin-top: 30px; padding: 80px 55px; background: #f4f4f4; text-align: center }
.manage3 .grayBox li { float: left; display: inline-block; margin-left: 35px; width: 230px; vertical-align: top }
.manage3 .grayBox li:first-child { margin-left: 0 }
.manage3 .grayBox li .tit { position: relative; padding: 8px 8px 38px; background: url(../img/icon/manage3_tit_bg.png) no-repeat 0 0 }
.manage3 .grayBox li .tit:before { position: absolute; bottom: 0; left: 50%; z-index: 0; width: 1px; height: 30px; background: #e0e0e0; content: '' }
.manage3 .grayBox li .tit:after { position: absolute; bottom: 0; left: 50%; margin-left: -3px; width: 7px; height: 7px; background: url(../img/icon/manage3_tit_icon.png) no-repeat 0 0; background-size: 100% auto; content: '' }
.manage3 .grayBox li .tit>span { position: relative; display: table; width: 214px; height: 214px; table-layout: fixed }
.manage3 .grayBox li .tit>span span { display: table-cell; color: #8cc63e; vertical-align: middle; text-align: center; font-weight: 700; font-size: 20px; line-height: 32px }
.manage3 .grayBox li .txt { margin-top: 10px; color: #555; font-size: 16px; line-height: 28px }
.manage3 .grayBox li:nth-child(even) .tit { background: url(../img/icon/manage3_tit_bg2.png) no-repeat 0 0 }
.manage3 .grayBox li:nth-child(even) .tit:after { background: url(../img/icon/manage3_tit_icon2.png) no-repeat 0 0; background-size: 100% auto }
.manage3 .grayBox li:nth-child(even) .tit>span span { color: #034874 }
.manage3 .btnArea { margin-top: 50px; text-align: center }
.manage3 .btnArea a { margin-top: 0; margin-left: 10px }
.manage3 .btnArea a:first-child { margin-left: 0 }
.manage3.type2 { padding-top: 0; border-top: 0 }
.manage3.type2>.txt1 { margin-top: 30px; color: #555; font-size: 16px; line-height: 30px }
.manage3.type2>.tit2 { margin-top: 40px; color: #000; font-weight: 700; font-size: 22px }
.manage3.type2>.tit3 { margin-top: 40px; color: #90c24e; font-weight: 700; font-size: 18px }
.manage3.type2 .txtBox { overflow-y: auto; margin-top: 50px; max-height: 298px; border: 1px solid #e0e0e0 }
.manage3.type2 .txtBox>div { padding: 40px 30px }
.manage3.type2 .txtBox>div .tit { margin: 40px 0; color: #000; font-weight: 700; font-size: 18px }
.manage3.type2 .txtBox>div .tit:first-child { margin-top: 0 }
.manage3.type2 .txtBox>div .tit2 { color: #000; font-weight: 700; font-size: 16px; line-height: 30px }
.manage3.type2 .txtBox>div .txt { color: #555; font-size: 16px; line-height: 30px }
.manage3.type2 .grayBox2 { margin-top: 30px; padding: 80px 0; background: #f4f4f4; text-align: center }
.manage3.type2 .grayBox2 ul { display: inline-block; overflow: hidden; vertical-align: top }
.manage3.type2 .grayBox2 ul li { position: relative; float: left; margin: 0 45px; width: 222px; height: 249px; background: url(../img/icon/grayBox2_bg1.png) no-repeat 50% 50%; color: #000; font-weight: 700; font-size: 18px; line-height: 30px }
.manage3.type2 .grayBox2 ul li:after { position: absolute; top: 50%; right: -60px; margin-top: -14px; width: 30px; height: 28px; background: url(../img/icon/grayBox2_icon.png) no-repeat 50% 50%; content: '' }
.manage3.type2 .grayBox2 ul li:last-child:after { display: none }
.manage3.type2 .grayBox2 ul li.bg2 { background: url(../img/icon/grayBox2_bg2.png) no-repeat 50% 50% }
.manage3.type2 .grayBox2 ul li.bg3 { background: url(../img/icon/grayBox2_bg3.png) no-repeat 50% 50% }
.manage3.type2 .grayBox2 ul li.bg4 { background: url(../img/icon/grayBox2_bg4.png) no-repeat 50% 50% }
.manage3.type2 .grayBox2 ul li div { display: table; width: 100%; height: 100%; table-layout: fixed }
.manage3.type2 .grayBox2 ul li div p { display: table-cell; padding: 0 10px; width: 100%; height: 100%; vertical-align: middle; text-align: center }
.manage3.type2 .grayBox2 ul li span { display: inline-block; color: #555; font-weight: 300; font-size: 16px; line-height: 26px }
.manage4Top { position: relative; margin-top: 80px; text-align: center }
.manage4Top .txt1>span { position: relative; display: inline-block; padding: 10px 45px; color: #8bbf45; font-size: 40px; font-family: Proxima-Extrabold, sans-serif }
.manage4Top .txt1>span:before { position: absolute; top: 0; left: 0; width: 25px; height: 19px; background: url(../img/icon/manage4_icon1.gif) no-repeat 0 0; content: '' }
.manage4Top .txt1>span:after { position: absolute; right: 0; bottom: 0; width: 25px; height: 19px; background: url(../img/icon/manage4_icon2.gif) no-repeat 0 0; content: '' }
.manage4Top .txt2 { margin-top: 15px; color: #000; font-weight: 700; font-size: 24px }
.manage4Top .txt3 { margin-top: 50px; color: #555; font-size: 18px; line-height: 32px }
.manage4Top .imgTxt { position: relative; margin-top: 70px }
.manage4Top .imgTxt>img { max-width: 100% }
.manage4Top .imgTxt>img.mobile { display: none }
.manage4 { margin-top: 80px; padding-top: 80px; border-top: 1px solid #e0e0e0 }
.manage4.green { padding-top: 0; border-top: 0 }
.manage4 .tit1 { margin-top: 80px; padding-left: 32px; background: url(../img/icon/manage6_tit_icon.png) no-repeat 0 4px; color: #000; font-weight: 700; font-size: 24px }
.manage4 .tit1:first-child { margin-top: 0 }
.manage4>.tit2 { margin-top: 50px; color: #000; font-weight: 700; font-size: 22px }
.manage4>.halfArea { position: relative; overflow: hidden }
.manage4>.halfArea>div { float: left; box-sizing: border-box; width: 50% }
.manage4>.halfArea .left { padding-right: 50px }
.manage4>.halfArea .right { padding-left: 50px }
.manage4 .imgList1 { overflow: hidden; margin-top: 30px }
.manage4 .imgList1 li { position: relative; float: left; margin-top: 22px; margin-right: 22px; width: 314px; text-align: center }
.manage4 .imgList1 li:first-child, .manage4 .imgList1 li:nth-child(2) { margin-top: 0 }
.manage4 .imgList1 li:nth-child(2n) { margin-right: 0 }
.manage4 .imgList1 li .img { position: relative; width: 100% }
.manage4 .imgList1 li .img>img { width: 100% }
.manage4 .imgList1 li .img>span { position: absolute; top: 20px; left: 20px; width: 33px; height: 33px; border-radius: 17px; background: #8bbf45; color: #fff; font-size: 16px; font-family: Proxima-Bold, sans-serif; line-height: 33px }
.manage4 .imgList1 li .txt { position: absolute; bottom: 0; left: 0; margin-top: 0; padding: 18px 0; width: 100%; background: rgba(0,0,0,.6); color: #fff; font-size: 18px; line-height: 1 }
.manage4 .imgList2 { overflow: hidden; margin-top: 30px }
.manage4 .imgList2 li { position: relative; float: left; margin-top: 22px; margin-right: 22px; width: 314px }
.manage4 .imgList2 li:first-child, .manage4 .imgList2 li:nth-child(2) { margin-top: 0 }
.manage4 .imgList2 li:nth-child(2n) { margin-right: 0 }
.manage4 .imgList2 li>img { width: 100% }
.manage4 .txt { margin-top: 25px; color: #555; font-size: 16px; line-height: 30px }
.manage4 .grayBox { margin-top: 30px; padding: 60px 0; background: #f4f4f4; text-align: center }
.manage4 .grayBox>div { display: inline-block; vertical-align: top; text-align: center }
.manage4 .grayBox>div .img { float: left }
.manage4 .grayBox>div ul { float: left; margin-left: 100px; padding-top: 45px; text-align: left }
.manage4 .grayBox>div ul li { position: relative; margin-top: 15px; padding-left: 16px; color: #555; font-size: 18px }
.manage4 .grayBox>div ul li:before { position: absolute; top: 9px; left: 0; width: 4px; height: 4px; border-radius: 2px; background: #8bbf45; content: '' }
.manage4 .grayBox>div ul li:first-child { margin-top: 0 }
.manage4 .dotLIst { margin-top: 25px }
.manage4 .dotLIst li { position: relative; margin-top: 10px; padding-left: 16px; color: #555; font-size: 16px; line-height: 1.5 }
.manage4 .dotLIst li:before { position: absolute; top: 11px; left: 0; width: 4px; height: 4px; border-radius: 2px; background: #8bbf45; content: '' }
.manage4 .dotLIst li:first-child { margin-top: 0 }
.manage4 .greenImgList { overflow: hidden; margin-top: 50px }
.manage4 .greenImgList>li { float: left; margin-left: 22px; width: 452px }
.manage4 .greenImgList>li:first-child { margin-left: 0 }
.manage4 .greenImgList>li .img img { max-width: 100% }
.manage4 .greenImgList>li .tit { margin-top: 20px; color: #000; font-weight: 700; font-size: 22px; line-height: 30px }
.manage4 .greenImgList>li ul { margin-top: 20px }
.manage4 .greenImgList>li ul li { position: relative; padding-left: 15px; color: #555; font-size: 16px; line-height: 26px }
.manage4 .greenImgList>li ul li:before { position: absolute; top: 12px; left: 0; width: 4px; height: 4px; border-radius: 2px; background: #8bbf45; content: '' }
.manage4 .greenList { overflow: hidden }
.manage4 .greenList>li { float: left; margin-top: 122px; margin-right: 22px; width: calc(50% - 13px); min-height: 349px; border: 1px solid #e0e0e0; text-align: center }
.manage4 .greenList>li:nth-child(2n) { margin-right: 0 }
.manage4 .greenList>li .icon { margin-top: -73px }
.manage4 .greenList>li .tit { margin-top: 40px; color: #000; font-weight: 700; font-size: 22px }
.manage4 .greenList>li ul { display: inline-block; margin-top: 20px; padding: 0 15px; vertical-align: top; text-align: left }
.manage4 .greenList>li ul { margin-top: 20px }
.manage4 .greenList>li ul li { position: relative; padding-left: 15px; color: #555; font-size: 16px; line-height: 26px }
.manage4 .greenList>li ul li:before { position: absolute; top: 12px; left: 0; width: 4px; height: 4px; border-radius: 2px; background: #8bbf45; content: '' }
.manage4 .greenImg { margin-top: 80px; padding-bottom: 20px; text-align: center }
.manage4 .greenImg img { max-width: 100% }
.manage4 .greenImg img.mobile { display: none }
.csrArea1 { position: relative; margin: 80px auto 0; text-align: center }
.csrArea1 .txt1 { color: #000; font-weight: 700; font-size: 30px }
.csrArea1 .txt1>span { position: relative; display: inline-block; color: #034874 }
.csrArea1 .txt1>img { display: inline-block; margin-top: 3px }
.csrArea1 .txt2 { margin-top: 35px; color: #555; font-size: 18px; line-height: 32px }
.csrArea1 .imgArea { position: relative; overflow: hidden; margin-top: 80px; width: 100% }
.csrArea1 .imgArea img { max-width: 100% }
.csrArea1 .imgArea img.mobile { display: none }
.csrArea2 { position: relative; overflow: hidden; margin-top: 80px; width: 100% }
.csrArea2 .csrTab { text-align: center }
.csrArea2 .csrTab>div { display: inline-block; width: 600px; max-width: 100%; vertical-align: top }
.csrArea2 .csrTab>div a { float: left; display: inline-block; padding-bottom: 17px; width: 25%; border-bottom: 3px solid #e0e0e0; color: #555; font-size: 18px }
.csrArea2 .csrTab>div a.on { border-bottom: 3px solid #8bbf45; color: #8bbf45; font-weight: 700 }
.csrArea2 .csrTit { margin-top: 70px; color: #555; text-align: center; font-weight: 700; font-size: 40px }
.csrArea2 .csrTit span { color: #8bbf45 }
.csrArea2 .csrTxt { margin-top: 30px; color: #555; text-align: center; font-size: 18px }
.csrArea2 .csrBox { position: relative; overflow: hidden; margin-top: 40px; width: 100% }
.csrArea2 .csrBox>div { overflow: hidden; width: 100%; height: 450px }
.csrArea2 .csrBox>div .imgBox { position: relative; float: left; width: 50%; height: 100%; background: #eaeaea }
.csrArea2 .csrBox>div .imgBox .swiper-container { width: 100%; height: 100% }
.csrArea2 .csrBox>div .imgBox .swiper-button-prev { margin-top: -21px; width: 42px; height: 42px; background: url(../img/btn/csr2_prev.png) no-repeat 0 0 }
.csrArea2 .csrBox>div .imgBox .swiper-button-next { margin-top: -21px; width: 42px; height: 42px; background: url(../img/btn/csr2_next.png) no-repeat 0 0 }
.csrArea2 .csrBox>div .imgBox .img { overflow: hidden; width: 100%; height: 100% }
.csrArea2 .csrBox>div .imgBox .img img { position: absolute; top: 50%; left: 50%; width: 100%; min-height: 100%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%) }
.csrArea2 .csrBox>div .imgBox .txtArea { position: absolute; bottom: 0; left: 0; padding: 36px 30px; width: calc(100% - 60px); background: rgba(0,0,0,.6) }
.csrArea2 .csrBox>div .imgBox .txtArea .tit { color: #fff; font-size: 18px }
.csrArea2 .csrBox>div .imgBox .txtArea .date { margin-top: 14px; color: rgba(255,255,255,.5); font-size: 16px }
.csrArea2 .csrBox>div .txtBox { float: right; width: 50%; height: 100% }
.csrArea2 .csrBox>div .txtBox>div { display: table; width: 100%; height: 100%; table-layout: fixed }
.csrArea2 .csrBox>div .txtBox>div>div { display: table-cell; padding: 50px; background: url(../img/icon/csr2_bg1.jpg) no-repeat 50% 50%; background-size: cover; vertical-align: middle }
.csrArea2 .csrBox>div .txtBox.bg2>div>div { background: url(../img/icon/csr2_bg2.jpg) no-repeat 50% 50%; background-size: cover }
.csrArea2 .csrBox>div .txtBox.bg3>div>div { background: url(../img/icon/csr2_bg3.jpg) no-repeat 50% 50%; background-size: cover }
.csrArea2 .csrBox>div .txtBox.bg4>div>div { background: url(../img/icon/csr2_bg4.jpg) no-repeat 50% 50%; background-size: cover }
.csrArea2 .csrBox>div .txtBox.bg5>div>div { background: url(../img/icon/csr2_bg5.jpg) no-repeat 50% 50%; background-size: cover }
.csrArea2 .csrBox>div .txtBox.bg6>div>div { background: url(../img/icon/csr2_bg6.jpg) no-repeat 50% 50%; background-size: cover }
.csrArea2 .csrBox>div .txtBox.bg7>div>div { background: url(../img/icon/csr2_bg7.jpg) no-repeat 50% 50%; background-size: cover }
.csrArea2 .csrBox>div .txtBox.bg8>div>div { background: url(../img/icon/csr2_bg8.jpg) no-repeat 50% 50%; background-size: cover }
.csrArea2 .csrBox>div .txtBox.bg9>div>div { background: url(../img/icon/csr2_bg9.jpg) no-repeat 50% 50%; background-size: cover }
.csrArea2 .csrBox>div .txtBox>div>div .tit { color: #000; font-weight: 700; font-size: 22px }
.csrArea2 .csrBox>div .txtBox>div>div .txt { margin-top: 20px; color: #555; font-size: 16px; line-height: 28px }
.csrArea2 .csrBox>div.type2 .imgBox { float: right }
.csrArea2 .csrBox>div.type2 .txtBox { float: left }
.manage6 { position: relative }
.manage6>.txt1 { color: #000; text-align: center; font-weight: 700; font-size: 24px; line-height: 34px }
.manage6>.txt1 span { color: #8cc63e }
.manage6>.txt2 { margin-top: 25px; color: #555; text-align: center; font-size: 18px; line-height: 32px }
.manage6>.tit1 { margin-top: 80px; padding-left: 32px; background: url(../img/icon/manage6_tit_icon.png) no-repeat 0 4px; color: #000; font-weight: 700; font-size: 24px }
.manage6 .imgBox { position: relative; overflow: hidden; margin-top: 30px; border: 1px solid #e0e0e0; text-align: center }
.manage6 .imgBox img { max-width: 100% }
.manage6 .imgBox img.mobile { display: none }
.manage6 .activity { overflow: hidden; margin-top: 30px }
.manage6 .activity .boxArea { float: left; margin-left: 4px; padding: 30px 40px 0; width: 384px; background: #f4f4f4 }
.manage6 .activity .boxArea:first-child { margin-left: 0 }
.manage6 .activity .boxArea .tit2 { padding-bottom: 29px; border-bottom: 1px solid #000; color: #000; font-weight: 700; font-size: 22px }
.manage6 .activity .boxArea>div { display: table; width: 100%; table-layout: fixed }
.manage6 .activity .boxArea>div .box { display: table-row; height: 161px }
.manage6 .activity .boxArea>div .box:first-child { border-top: 0 }
.manage6 .activity .boxArea>div .box .icon { display: table-cell; width: 76px; border-top: 1px solid #e0e0e0; vertical-align: middle; text-align: center }
.manage6 .activity .boxArea>div .box .txtArea { display: table-cell; padding-left: 14px; border-top: 1px solid #e0e0e0; vertical-align: middle }
.manage6 .activity .boxArea>div .box:first-child .icon { border-top: 0 }
.manage6 .activity .boxArea>div .box:first-child .txtArea { border-top: 0 }
.manage6 .activity .boxArea>div .box .txtArea .tit { color: #000; font-weight: 700; font-size: 20px; line-height: 28px }
.manage6 .activity .boxArea>div .box .txtArea ul { margin-top: 10px }
.manage6 .activity .boxArea>div .box .txtArea ul li { color: #555; font-size: 16px; line-height: 26px }
.manage6 .btnArea { margin-top: 40px }
.manage6 .btnArea .top a { margin-top: 10px; margin-left: 10px }
.manage6 .btnArea .top a:first-child { margin-left: 0 }
.manage6 .btnArea .bottom { margin-top: 80px }
.manage6 .btnArea .bottom a { display: inline-block; margin-left: 10px; padding: 9px 0; width: 289px; border: 1px solid #e0e0e0; text-align: center }
.manage6 .btnArea .bottom a:first-child { margin-left: 0 }
.manage6 .adList { position: relative; margin-top: 30px; padding: 20px 0; border-top: 2px solid #000; border-bottom: 2px solid #e0e0e0 }
.manage6 .adList li { position: relative; overflow: hidden; padding: 40px 0; border-top: 1px solid #e0e0e0 }
.manage6 .adList li:first-child { border-top: 0 }
.manage6 .adList li>div { display: table; width: 100%; table-layout: fixed }
.manage6 .adList li .video { display: table-cell; width: 624px; height: 350px }
.manage6 .adList li .video iframe { width: 100%; height: 100%; vertical-align: top }
.manage6 .adList li .txtArea { display: table-cell; padding: 0 50px; color: #555; vertical-align: middle; text-align: left; font-size: 16px; line-height: 28px }
.manage6 .adList li .txtArea .tit { margin-bottom: 25px; color: #000; font-weight: 700; font-size: 26px; line-height: 1 }
.srchInput { position: relative; margin-top: 40px; text-align: center }
.srchInput>div { position: relative; display: inline-block; width: 516px; border: 2px solid #8bbf45; vertical-align: top; text-align: left }
.srchInput>div input { padding: 3px 20px; width: 380px; height: 56px; border: 0; color: #000; font-size: 16px }
.srchInput>div input[type=text]::-ms-clear {
display:none;
width:0;
height:0
}
.srchInput>div .resetBtn { position: absolute; top: 50%; right: 61px; margin-top: -13px; width: 26px; height: 26px; background: url(../img/btn/reset_btn.png) no-repeat 50% 50% }
.srchInput>div .srchBtn { position: absolute; top: 50%; right: 19px; margin-top: -13px; width: 26px; height: 26px; background: url(../img/btn/srch_btn.png) no-repeat 50% 50% }
.faqList { position: relative; margin-top: 60px; border-top: 2px solid #000 }
.faqList>li { border-bottom: 1px solid #e0e0e0 }
.faqList>li .titArea { position: relative }
.faqList>li .titArea a { position: relative; display: table; padding: 18px 0; width: 100%; background: url(../img/icon/faq_icon.png) no-repeat right 30px top 50%; table-layout: fixed; vertical-align: middle }
.faqList>li .titArea a.on { background: url(../img/icon/faq_icon_on.png) no-repeat right 30px top 50% }
.faqList>li .titArea a .label { display: table-cell; padding: 0 16px 0 30px; width: 44px; vertical-align: middle }
.faqList>li .titArea a .label>span { display: block; width: 43px; height: 43px; border: 1px solid #e0e0e0; border-radius: 22px; background: #fff; color: #8bbf45; text-align: center; font-weight: 700; font-size: 18px; line-height: 40px }
.faqList>li .titArea a.on .label>span { border: 1px solid #8bbf45; background: #8bbf45; color: #fff }
.faqList>li .titArea a .gubun { display: table-cell; width: 70px; vertical-align: middle; text-align: left }
.faqList>li .titArea a .tit { display: table-cell; padding-right: 78px; color: #000; vertical-align: middle; text-align: left; font-size: 18px; line-height: 28px }
.faqList>li .titArea a.on .tit { font-weight: 700 }
.faqList>li .txtArea { position: relative; display: none; padding: 24px 78px 44px 160px; border-top: 1px solid #e0e0e0; background: #f7f7f7 }
.faqList>li .txtArea .label { position: absolute; top: 30px; left: 90px; display: block; width: 44px; height: 44px; border-radius: 22px; background: #034874; color: #fff; text-align: center; font-weight: 700; font-size: 18px; line-height: 42px }
.faqList>li .txtArea .txt { color: #555; font-size: 16px; line-height: 28px }
.policySelect { position: relative; margin-top: 40px; text-align: right }
.policySelect select { width: 400px; height: 54px }
.policySelect a { display: inline-block; margin-left: 5px; width: 89px; height: 54px; border-radius: 3px; background: #545a66; color: #fff; vertical-align: top; text-align: center; font-weight: 700; font-size: 16px; line-height: 54px }
.policyArea { position: relative; margin-top: 30px; padding: 50px 30px 0; border-top: 2px solid #000; color: #555; font-size: 16px; line-height: 30px }
.policyArea .tit { margin-top: 30px; color: #000; font-weight: 700; font-size: 18px }
.policyArea .underL { text-decoration: underline; font-size: 18px; line-height: 32px }
.policyArea .pl20 { padding-left: 20px }
.policyArea .barList { padding-left: 10px }
.policyArea .barList li { padding-left: 80px; text-indent: -80px }
.policyArea .numList { margin-top: 30px }
.policyArea .policyTable { display: table; margin-top: 55px; width: 100%; border-top: 2px solid #000; table-layout: fixed; vertical-align: middle; text-align: center }
.policyArea .policyTable .tr { display: table-row }
.policyArea .policyTable .cell { display: table-cell; padding: 12px 0; width: 33.3%; border-bottom: 1px solid #e0e0e0; border-left: 1px solid #e0e0e0; vertical-align: middle; text-align: center }
.policyArea .policyTable .cell:first-child { border-left: 0 }
.policyArea .policyTable .th .cell { color: #000; font-weight: 700; font-size: 18px }
.policyArea a { display: inline-block; vertical-align: top }
.partnerArea { position: relative; overflow: hidden }
.partnerArea .txt1 { color: #000; text-align: center; font-weight: 700; font-size: 24px; line-height: 36px }
.partnerArea .txt1 span { color: #8bbf45 }
.partnerArea .txt2 { margin-top: 20px; color: #555; text-align: center; font-size: 18px; line-height: 32px }
.partnerArea .tit { margin-top: 80px; padding-left: 32px; background: url(../img/icon/manage6_tit_icon.png) no-repeat 0 4px; color: #000; font-weight: 700; font-size: 24px }
.partnerArea .partnerList { overflow: hidden; margin-top: 25px }
.partnerArea .partnerList>li { float: left; margin-left: 22px; width: 333px; height: 603px; background: #f4f4f4; text-align: center }
.partnerArea .partnerList>li:first-child { margin-left: 0 }
.partnerArea .partnerList>li .imgArea { padding: 80px 0 40px; vertical-align: middle; text-align: center }
.partnerArea .partnerList>li .txtArea { padding: 0 30px }
.partnerArea .partnerList>li .txtArea p { color: #000; font-weight: 700; font-size: 20px; line-height: 34px }
.partnerArea .partnerList>li .txtArea .step { margin-bottom: 10px; color: #12547a; font-weight: 400; font-size: 20px; font-family: Proxima-Extrabold, sans-serif }
.partnerArea .partnerList>li .txtArea p span { display: block; color: #555 }
.partnerArea .partnerList>li .txtArea ul { float: left; margin-top: 10px; width: 100% }
.partnerArea .partnerList>li .txtArea ul li { margin-left: 12px; color: #555; text-align: left; text-indent: -12px; font-size: 16px; line-height: 26px }
.allSrchArea { position: relative; border-top: 1px solid #ddd; background: #fafafa }
.allSrchArea .inner { position: relative; padding: 100px 0 90px }
.allSrchArea h3 { margin-top: 0!important }
.allSrchArea .printBtn { position: absolute; top: 40px; right: 40px; width: 50px; height: 50px; background: url(../img/btn/print_btn.png) no-repeat 0 0 }
.allSrchArea .allSrch { position: relative; margin: 70px auto 0; padding-right: 45px; padding-bottom: 17px; width: 755px; border-bottom: 2px solid #000 }
.allSrchArea .allSrch input { padding-left: 0; width: calc(100% - 10px); height: 20px; border: 0; background: 0 0; color: #000; font-size: 18px }
.allSrchArea .allSrch a { position: absolute; top: 0; right: 20px; display: inline-block; width: 23px; height: 24px; background: url(../img/btn/allSrch_btn.png) no-repeat 0 0 }
.allSrchArea .txt { margin-top: 60px; color: #555; text-align: center; font-size: 18px }
.allSrchArea .txt span { color: #004174; font-weight: 700 }
.allSrchArea .noData { margin-top: 0; padding-bottom: 110px; border-top: 0; border-bottom: 0 }
.allSrchArea .noData .txt { margin-top: 0; color: #555; font-size: 18px; line-height: 31px }
.allSrchArea .noData .txt span { color: #004174; font-weight: 700 }
.allSrchResult { padding: 80px 0 140px }
.allSrchResult .inner>.tit { position: relative; margin-top: 80px; color: #000; font-weight: 700; font-size: 24px }
.allSrchResult .inner>.tit:first-child { margin-top: 0 }
.allSrchResult .inner>.tit .moreBtn { position: absolute; top: 4px; right: 0; display: block; padding-right: 37px; background: url(../img/icon/allSrch_more_icon.png) no-repeat 100% 50%; color: #333; font-weight: 700; font-size: 17px }
.allSrchResult .allSrchList { margin-top: 30px; border-top: 2px solid #000 }
.allSrchResult .allSrchList li { border-bottom: 1px solid #e0e0e0 }
.allSrchResult .allSrchList li>a { display: block; padding: 38px 30px 36px }
.allSrchResult .allSrchList li .tit { color: #000; font-weight: 700; font-size: 20px }
.allSrchResult .allSrchList li .tit span { position: relative; display: inline-block; margin-left: 17px; padding-left: 23px; vertical-align: top }
.allSrchResult .allSrchList li .tit span:before { position: absolute; top: 50%; left: 0; margin-top: -5px; width: 7px; height: 10px; background: url(../img/icon/allSrch_icon.gif) no-repeat 0 0; background-size: 100% 100%; content: '' }
.allSrchResult .allSrchList li .tit span:first-child { margin-left: 0; padding-left: 0 }
.allSrchResult .allSrchList li .tit span:first-child:before { display: none }
.allSrchResult .allSrchList li .txt { overflow: hidden; margin-top: 25px; color: #555; text-overflow: ellipsis; white-space: nowrap; font-size: 16px; line-height: 1.5 }
.allSrchResult .faqList { margin-top: 0; border-top: 0 }
.errorDiv { position: relative; display: table; width: 100%; height: 100%; background: #f4f4f4; text-align: center }
.errorDiv .errorCon { display: table-cell; padding: 30px; width: 100%; height: 100%; vertical-align: middle; text-align: center }
.errorDiv .logo a { display: inline-block; vertical-align: top }
.errorDiv .box { margin: 30px auto 0; padding: 60px 100px; width: 558px; background: #fff }
.errorDiv .box.type2 { width: 600px }
.errorDiv .box .txt1 { margin-top: 35px; color: #000; font-weight: 700; font-size: 34px }
.errorDiv .box .txt2 { margin-top: 25px; color: #555; font-size: 16px; line-height: 24px }
.errorDiv .box ul { margin-top: 36px; padding: 30px 79px; border: 1px solid #e0e0e0; background: #f6f6f6 }
.errorDiv .box ul li { position: relative; margin-top: 20px; padding-left: 16px; color: #000; text-align: left; font-size: 16px }
.errorDiv .box ul li:first-child { margin-top: 0 }
.errorDiv .box ul li:before { position: absolute; top: 7px; left: 0; width: 4px; height: 4px; border-radius: 2px; background: #8bbf43; content: '' }
.errorDiv .box ul li span { font-weight: 700 }
.capacityArea { position: relative; margin-top: 80px }
.capacityArea .unit { position: absolute; top: 50px; right: 50px; color: #555; text-align: right; font-size: 16px; line-height: 19px }
.capacityArea .label { position: absolute; top: 47px; left: 0; width: 100%; text-align: center }
.capacityArea .label li { position: relative; display: inline-block; margin: 3px 20px; padding-left: 35px; color: #555; vertical-align: top; font-weight: 700; font-size: 16px; line-height: 19px }
.capacityArea .label li:before { position: absolute; top: 0; left: 0; width: 20px; height: 20px; background: #9ccb5c; content: '' }
.capacityArea .label li.label2:before { background: #93a7cf }
.capacityArea .label li.label3:before { background: #5cb5dd }
.capacityArea .label li.label4:before { background: #276189 }
.capacityArea .label li.label5:before { background: #93a0ae }
.capacityArea .scrollArea { overflow-x: auto; overflow-y: visible; width: 100% }
.capacityArea .scrollArea::-webkit-scrollbar {
height:2px
}
.capacityArea .scrollArea::-webkit-scrollbar-thumb {
background:#a9a9a9
}
.capacityArea .box { padding: 169px 64px 150px; width: 1270px; border: 1px solid #e0e0e0 }
.capacityArea .box>div { position: relative }
.capacityArea .capPop { position: absolute; top: 0; left: 0; z-index: 10; display: none; padding: 30px; width: 136px; border: 2px solid #9ccb5c; border-radius: 3px; background: #fff; box-shadow: 15px 15px 50px 0 rgba(0,0,0,.2); -webkit-transform: translate(0, -50%); transform: translate(0, -50%); -ms-transform: translate(0, -50%) }
.capacityArea .capPop:after { position: absolute; top: 50%; left: -12px; margin-top: -6px; width: 12px; height: 12px; background: url(../img/icon/capPop_arrow1.png) no-repeat 0 0; content: '' }
.capacityArea .capPop.type2 { border: 2px solid #5cb5dd }
.capacityArea .capPop.type2:after { background: url(../img/icon/capPop_arrow2.png) no-repeat 0 0 }
.capacityArea .capPop.type2.left:after { right: -12px; left: auto; background: url(../img/icon/capPop_arrow2_2.png) no-repeat 0 0 }
.capacityArea .capPop.type3 { border: 2px solid #276189 }
.capacityArea .capPop.type3:after { background: url(../img/icon/capPop_arrow3.png) no-repeat 0 0 }
.capacityArea .capPop.type4 { border: 2px solid #93a0ae }
.capacityArea .capPop.type4:after { background: url(../img/icon/capPop_arrow4.png) no-repeat 0 0 }
.capacityArea .capPop.type5 { border: 2px solid #6dc8b4 }
.capacityArea .capPop.type5:after { background: url(../img/icon/capPop_arrow5.png) no-repeat 0 0 }
.capacityArea .capPop.type6 { border: 2px solid #93a7cf }
.capacityArea .capPop.type6:after { background: url(../img/icon/capPop_arrow6.png) no-repeat 0 0 }
.capacityArea .capPop .tit { margin-bottom: 15px; color: #000; font-weight: 700; font-size: 20px; line-height: 1 }
.capacityArea .capPop .tit.mb0 { margin-bottom: 0 }
.capacityArea .capPop .txt1 { color: #000; font-weight: 700; font-size: 16px; line-height: 24px }
.capacityArea .capPop .txt2 { color: #000; font-weight: 700; font-size: 16px; line-height: 24px }
.capacityArea .capPop .txt3 { color: #555; font-size: 16px; line-height: 24px }
.capacityArea .capPop .txt4 { color: #000; font-weight: 700; font-size: 16px; line-height: 24px }
.capacityArea .capPop .closeBt { position: absolute; top: 15px; right: 15px; display: none; width: 20px; height: 20px; background: url(../img/btn/capPop_close.png) no-repeat 50% 50%; background-size: 100% 100% }

@media screen and (max-width:1610px) {
.topBanner .xbt { padding: 0 5%; width: 90% }
.mainVis .rollArea .roll .txtArea .tit { padding: 0 5% }
.mainVis .rollArea .roll .txtArea .txt { padding: 0 5% }
.mainVis .indiArea { right: 75px; height: 75px }
.mainVis .indiArea .indi { padding: 0 100px }
.mainVis .indiArea .indi a { padding: 0 10px; height: 75px; line-height: 75px }
.mainVis .indiArea .indi a.on { padding: 0; height: 73px; line-height: 73px }
.mainVis .autoBtn { width: 75px; height: 75px }
.mainCon1 { padding: 80px 0 }
.mainCon1>.txt { padding: 0 5% }
.mainCon1>.conArea { margin: 70px auto 0; width: 1170px; }
.mainCon1>.conArea .boxArea{ }
.mainCon1>.conArea .boxArea .box { height: 300px;}
.mainCon1>.conArea .boxArea .box a .tit { font-size: 28px }
.mainCon1>.conArea .boxArea .box a .txt { font-size: 16px }
.mainCon1>.conArea .boxArea .box a .txt br { display: none }
.mainCon1>.conArea .boxArea .box a .tit2 { right: 30px }
.mainCon1>.conArea .boxArea .box a .arrow { bottom: 30px }
.mainCon2 { padding: 50px 0 110px; background-size: auto 600px }
.mainCon2 .txtArea { padding: 0 5%; width: auto }
.mainCon2 .txtArea .tit { font-size: 68px }
.mainCon2 .txtArea .txt { font-size: 16px; line-height: 1.5 }
.mainCon2 .img { margin-left: -53px }
.mainCon2 .img img { height: 520px }
.mainCon2 .txtArea .btns { width: 185px }
.mainCon2 .txtArea .btns a { font-size: 16px }
.mainCon2 .txtArea .downBtns { width: 380px }
.mainCon2 .txtArea .downBtns p { width: 185px }
.mainCon2 .txtArea .downBtns a { padding: 15px 0; font-size: 14px }
.mainCon2 .txtArea .downBtns a span { padding: 0 15px; background-position: right 15px center }
.mainCon3 { padding: 100px 0; }
	.mainCon3 .inner{     width: auto;
    padding: 0 5%;}
.mainCon3 .topArea { padding-bottom: 150px }
.mainCon3 .topArea>div .txt1 { font-size: 18px }
.mainCon3 .topArea>div .txt1 .counter { font-size: 60px }
.mainCon3 .topArea>div .txt2 { font-size: 18px }
.mainCon3 .topArea .year { top: 220px }
.mainCon3 .bottomArea .box .hover .txt{ font-size: 13px; padding: 0 10px;}
	
	/* 
	.mainCon3 .bottomArea .box .hover .icon{ padding-top: 50px;} */
	/*修改*/
	.mainCon3 .bottomArea .box{ width: 255px; height: 350px;}
	.mainCon3 .bottomArea .box a>.icon{ padding-top: 80px;}
	.mainCon3 .bottomArea .box.on{ width: 295px; height: 410px; top: -30px;}
	.mainCon3 .bottomArea .box .hover .icon{ padding-top: 60px;}
	.mainCon3 .bottomArea .box .hover .tit{margin-top: 45px;}
	.mainCon3.en .bottomArea .box{height: 450px}
	.mainCon3.en .bottomArea .box.on{height: 440px}
    .mainCon3 .center-info{  }


.mainCon4 .newsRoll .img { height: 260px }
.mainCon4 .inner{}
.mainCon5 { padding-bottom: 100px }
.mainCon5 .boxArea .box { margin-left: 0; padding: 39px 30px 39px 15px; width: 33.3% }
.mainCon5 .boxArea .box.box1 { padding: 39px 15px 39px 30px }
.mainCon5 .boxArea .box.box2 { padding: 39px 15px; width: 33.4% }
.mainCon5 .boxArea .box .stockDiv .left { width: 45% }
.mainCon5 .boxArea .box .stockDiv .right { padding-left: 3%; width: 55% }
.mainCon5 .boxArea .box .moreBtn { right: 15px }
.mainCon5 .boxArea .box.box3 .moreBtn { right: 30px }
.busiArea .busiTab a { font-size: 14px }
.busiArea .busiTabCon .imgArea { width: 50% }
.busiArea .busiTabCon .txtArea { padding-top: 20px; padding-left: 25px }
.busiArea .busiTabCon .txtArea ul li { line-height: 1.5 }
.busiArea .busiTabCon .txtArea ul li:before { top: 10px }
.busiArea .busiTabCon .txtArea ul li span { display: block; margin-right: 0 }
.busiArea .busiTabCon .busiList li { padding: 30px 0 }
.busiArea .busiTabCon .busiList li .txtArea .txt2 p { line-height: 1.5 }
.busiArea .busiTabCon .busiList li .txtArea .txt2 p span { display: block; margin-right: 0 }
#lifeMenu { right: 20px }
.lifeArea .intro .timeArea { width: 550px; height: 550px }
.lifeArea .intro .timeArea .tit { font-size: 40px; line-height: 1.3 }
.lifeArea .intro .timeArea .txt { margin-top: 25px; padding: 0 40px; font-size: 16px; line-height: 1.5 }
.lifeArea .intro .timeArea .txt br { display: none }
.lifeArea .bottomBt { padding-bottom: 50px }
.lifeArea .bottomBt:after { height: 40px }
.lifeArea .section .lifeCon .txtArea { position: absolute; left: 20px; margin-left: 0; width: 100% }
.lifeArea .section .lifeCon .txtArea .time { font-size: 80px }
.lifeArea .section .lifeCon .txtArea .tit { margin-top: 0; font-size: 28px }
.lifeArea .section .lifeCon .txtArea .txt { margin-top: 20px; font-size: 16px; line-height: 1.5 }
.lifeArea .section .lifeCon .txtArea .btns { margin-top: 30px }
.lifeArea .section .lifeCon .txtArea .btns .prev { margin-left: 20px }
.lifeArea .section .lifeCon .focus li .conPop { padding: 40px 20px 25px; width: 340px }
.lifeArea .section .lifeCon .focus li .conPop .tit { font-size: 20px }
.lifeArea .section .lifeCon .focus li .conPop .txt { margin-top: 15px; font-size: 14px; line-height: 1.5 }
.lifeArea .section .lifeCon .focus li .conPop .closeBt { top: 20px; right: 20px; width: 20px; height: 20px; background-size: 100% auto }
.lifeArea .section.sec5 .lifeCon .focus .f4 .conPop { right: auto; left: 0 }
.lifeArea .section.sec7 .img { background: url(../img/icon/life_img7.jpg) no-repeat right -180px top 50% }
.lifeArea .section.sec7 .lifeCon .focus .f1 { top: 609px; right: 487px }
.lifeArea .section.sec7 .lifeCon .focus .f2 { top: 882px; right: 728px }
.lifeArea .section.sec7 .lifeCon .focus .f3 { top: 780px; right: 447px }
.lifeArea .section.sec8 .img { background: url(../img/icon/life_img8.jpg) no-repeat right -300px top 50% }
.lifeArea .section.sec8 .lifeCon .focus .f1 { right: 521px }
.lifeArea .section.sec8 .lifeCon .focus .f2 { right: 615px }
.lifeArea .section.sec8 .lifeCon .focus .f3 { right: 337px }
.lifeArea .section.sec8 .lifeCon .focus .f3 .conPop { right: 0; left: auto }
.manage1 .con1 .boxArea .box .txtArea { padding: 35px 10px; min-height: 110px }
.manage1 .con1 .boxArea .box .txtArea .tit { font-size: 18px }
.manage1 .con1 .boxArea .box .txtArea .txt { margin-top: 20px; font-size: 14px; line-height: 1.5 }
.manage1 .con2 ul { width: 100% }
.manage1 .con2 ul li .img { display: inline-block; width: 180px; vertical-align: top }
.manage1 .con2 ul li .txt { font-size: 15px; line-height: 1.5 }
.manage1 .reportList li .tit { padding-left: 30px }
.manage1Report .txtArea .txt { font-size: 15px; line-height: 1.5 }
.manage1Report .imgArea { padding-right: 0; width: 250px }
.manage1.type2 { padding-bottom: 120px }
.surveyArea { overflow-y: auto; max-height: 100%; -webkit-overflow-scrolling: touch }
.manage2>.txt1 br { display: none }
.manage2 .grayBox .txt1 br { display: none }
.manage3Txt p br { display: none }
.manage3 .grayBox { padding: 65px 5%; text-align: center }
.manage3 .grayBox li { float: none; margin: 15px; min-height: 340px }
.manage3 .grayBox li:first-child { margin-left: 15px }
.manage3.type2>.txt1 p br { display: none }
.manage3.type2 .grayBox2 { padding: 70px 0 }
.manage3.type2 .grayBox2 ul { padding-right: 50px; width: calc(100% - 50px); text-align: center }
.manage3.type2 .grayBox2 ul li { float: none; display: inline-block; margin: 15px 50px }
.manage4 .txt br { display: none }
.manage4 .greenImgList>li { width: calc(33% - 12px) }
.manage4>.halfArea .left { padding-right: 20px }
.manage4>.halfArea .right { padding-left: 20px }
.manage4 .imgList1 li { margin-top: 18px; margin-right: 18px; width: calc(50% - 9px) }
.manage4 .imgList1 li .txt { padding: 12px 0; font-size: 15px }
.manage4 .imgList2 li { margin-top: 18px; margin-right: 18px; width: calc(50% - 9px) }
.csrArea2 .csrBox>div { height: 400px }
.csrArea2 .csrBox>div .txtBox>div>div .txt br { display: none }
.manage6 .activity .boxArea { box-sizing: border-box; margin-left: 3px; padding: 30px 20px 0; width: calc(33% - 2px) }
.manage6 .activity .boxArea>div .box .txtArea .tit { font-size: 19px }
.manage6 .activity .boxArea>div .box .txtArea ul li { font-size: 15px }
.manage6 .adList li .video { width: 45%; height: 300px }
.partnerArea .partnerList>li { display: table; margin-top: 10px; margin-left: 0; width: 100%; height: auto; background: #f4f4f4; table-layout: fixed; text-align: left }
.partnerArea .partnerList>li:first-child { margin-top: 0 }
.partnerArea .partnerList>li .imgArea { display: table-cell; padding: 54px 0; width: 270px; vertical-align: middle; text-align: center }
.partnerArea .partnerList>li .txtArea { display: table-cell; padding: 20px 30px 20px 0; vertical-align: middle; word-break: break-all }
.partnerArea .partnerList>li .txtArea p { float: left; color: #000; font-size: 20px; line-height: 34px }
.partnerArea .partnerList>li .txtArea .step { margin-right: 20px; color: #12547a; font-weight: 400; font-size: 20px; font-family: Proxima-Extrabold, sans-serif }
.partnerArea .partnerList>li .txtArea p span { display: inline; color: #555 }
.partnerArea .partnerList>li .txtArea ul { float: left; margin-top: 10px; width: 100% }
.partnerArea .partnerList>li .txtArea ul li { color: #555; font-size: 16px; line-height: 26px }
.allSrchArea .inner { padding: 100px 5% 90px }
.allSrchArea .printBtn { right: 5% }
.allSrchArea .allSrch { box-sizing: border-box; width: 100% }
.capacityArea .unit { top: 110px; right: 50px }
.capacityArea .box { width: 1187px }
.capacityArea .box img { width: 1187px }
.capacityArea .capPop { position: fixed; top: 50%!important; left: 50%!important; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%) }
.capacityArea .capPop:after { display: none }
.capacityArea .capPop .closeBt { display: block }

.mainCon3 .prev{ left: 0px;}
.mainCon3 .next{ right: 0px;}

}

@media screen and (max-height:830px) {
.lifeArea .section .img { min-height: 830px }
.lifeArea .section .lifeCon .focus li .openBt { width: 40px; height: 40px }
.lifeArea .section.sec1 .lifeCon .focus .f1 { top: 156px; right: 460px }
.lifeArea .section.sec1 .lifeCon .focus .f2 { top: 211px; right: 421px }
.lifeArea .section.sec1 .lifeCon .focus .f3 { top: 500px; right: 380px }
.lifeArea .section.sec1 .lifeCon .focus .f4 { top: 577px; right: 454px }
.lifeArea .section.sec2 .lifeCon .focus .f1 { top: 159px; right: 149px }
.lifeArea .section.sec2 .lifeCon .focus .f2 { top: 204px; right: 289px }
.lifeArea .section.sec2 .lifeCon .focus .f3 { top: 609px; right: 461px }
.lifeArea .section.sec2 .lifeCon .focus .f4 { top: 675px; right: 557px }
.lifeArea .section.sec3 .lifeCon .focus .f1 { top: 214px; right: 192px }
.lifeArea .section.sec3 .lifeCon .focus .f2 { top: 244px; right: 398px }
.lifeArea .section.sec3 .lifeCon .focus .f3 { top: 492px; right: 214px }
.lifeArea .section.sec4 .lifeCon .focus .f1 { top: 588px; right: 548px }
.lifeArea .section.sec4 .lifeCon .focus .f2 { top: 666px; right: 412px }
.lifeArea .section.sec4 .lifeCon .focus .f3 { top: 386px; right: 244px }
.lifeArea .section.sec5 .lifeCon .focus .f1 { top: 263px; right: 576px }
.lifeArea .section.sec5 .lifeCon .focus .f2 { top: 242px; right: 273px }
.lifeArea .section.sec5 .lifeCon .focus .f3 { top: 256px; right: 499px }
.lifeArea .section.sec5 .lifeCon .focus .f4 { top: 416px; right: 477px }
.lifeArea .section.sec6 .lifeCon .focus .f1 { top: 573px; right: 181px }
.lifeArea .section.sec6 .lifeCon .focus .f2 { top: 627px; right: 460px }
.lifeArea .section.sec6 .lifeCon .focus .f3 { top: 682px; right: 201px }
.lifeArea .section.sec7 .lifeCon .focus .f1 { top: 492px; right: 495px }
.lifeArea .section.sec7 .lifeCon .focus .f2 { top: 691px; right: 578px }
.lifeArea .section.sec7 .lifeCon .focus .f3 { top: 667px; right: 459px }
.lifeArea .section.sec8 .lifeCon .focus .f1 { top: 245px; right: 479px }
.lifeArea .section.sec8 .lifeCon .focus .f2 { top: 435px; right: 623px }
.lifeArea .section.sec8 .lifeCon .focus .f3 { top: 569px; right: 267px }
}
/*修改*/
@media screen and (max-width:1500px) {
/*	.mainCon3 .bottomArea .box.on{width: 19.38%}*/
}
@media screen and (max-width:1200px) {.index-adv-list > ul > li {
    /* margin-right: 35px; */
    margin-right: 90px;
}
}
@media screen and (max-width:1150px) {.index-adv-list > ul > li {
    /* margin-right: 35px; */
    margin-right: 90px;
}
}
@media screen and (max-width:800px) {
	.mainVis .rollArea .roll .video{display: none}
}

@media screen and (max-width:1024px) {
	.index-adv-list > ul > li {
    /* margin-right: 35px; */
    margin-right: 70px;
}
.mainCon3 .bottomArea .box ,.mainCon3.en .bottomArea .box{ box-sizing: border-box; width: 25%; height: 340px }
.mainCon3 .bottomArea .box.on { top: 0; width: 25%; height: 340px; border: 1px solid #e0e0e0; border-left: 0; box-shadow: none }
.mainCon3 .bottomArea .box:first-child.on { border-left: 1px solid #e0e0e0 }
.mainCon3 .bottomArea .box .hover { display: none!important }
	
.mainVis .indiArea .indi a.on { padding: 0 }
	.mainCon1>.conArea,.mainCon3 .inner{ width: auto;}
	
.mainCon1>.conArea .boxArea .box { height: 295px }
.mainCon1>.conArea .boxArea .box a .txt { display: none }
.mainCon2 .img { margin-left: 17px }
.mainCon2 .img img { position: relative; left: -20% }
.mainCon2 .txtArea .downBtns { width: 350px }
.mainCon2 .txtArea .downBtns .tit { font-size: 16px }
.mainCon2 .txtArea .downBtns p { width: 170px }
.mainCon2 .txtArea .downBtns a { font-size: 13px }
.mainCon2 .txtArea .downBtns a span { padding: 0 10px; background-position: right 10px center }
.mainCon3 .topArea>div .txt1 { margin-top: 25px; font-size: 13px }
.mainCon3 .topArea>div .txt1 .counter { font-size: 40px }
.mainCon3 .topArea>div .txt2 { margin-top: 15px; font-size: 16px }
.mainCon3 .topArea .year { top: 190px }
.mainCon3 .bottomArea .box a>.tit { font-size: 16px; line-height: 1.3 }
.mainCon4 .newsRoll .img { height: 190px }
.mainCon4 .newsRoll .img .label { width: 50px; height: 50px }
.mainCon4 .newsRoll .img .label span { font-size: 14px; line-height: 18px }
.mainCon4 .newsRoll .tit { height: 48px; font-size: 16px; line-height: 1.5 }
.mainCon5 .boxArea .box { margin-left: 0 }
.mainCon5 .boxArea .box .list li:before { top: 12px }
.mainCon5 .boxArea .box .list li a .tit { width: 100%; max-width: 100% }
.mainCon5 .boxArea .box .list li a .date { float: none }
.mainCon5 .boxArea .box .stockDiv { padding: 38px 0 30px }
.mainCon5 .boxArea .box .stockDiv .left { float: none; width: 100% }
.mainCon5 .boxArea .box .stockDiv .right { float: none; margin-top: 38px; padding: 0; width: 100%; border: 0 }
.busiArea .mapArea { padding: 20px 5% }
.busiArea .mapArea.map2 { padding: 60px 10px 20px }
.busiArea .mapArea .koreaMap .mapArea { padding: 60px 10px 20px }
.busiArea .mapArea .txtArea { top: 30px; right: 0; width: 100%; text-align: center }
.busiArea .mapArea .txtArea p { float: none; display: inline-block; margin-top: 0; margin-left: 20px; padding-left: 25px; vertical-align: top }
.busiArea .mapArea .txtArea p br { display: none }
.busiArea .mapArea .txtArea p:first-child { margin-left: 0 }
.busiArea .busiTab { display: block; overflow: hidden; margin-top: 20px }
.busiArea .busiTab a { float: left; display: inline-block; margin-top: 10px; padding: 10px 0; width: 33.3% }
.busiArea .busiTab a.on { padding: 10px 0; border-bottom: 1px solid #8bbf45 }
.busiArea .busiTabCon .tabCon>div { display: block }
.busiArea .busiTabCon .imgArea { display: block; width: auto; text-align: center }
.busiArea .busiTabCon .txtArea { display: block; margin-top: 30px; padding-top: 0; padding-left: 0; width: auto }
.busiArea .busiTabCon .busiList li .txtArea { padding: 0 170px 0 5% }
.busiArea .busiTabCon .busiList li .txtArea .txt1 { line-height: 1.5 }
.busiArea .busiTabCon .busiList li .txtArea .txt1 span { display: block; margin-left: 0; padding-left: 0 }
.busiArea .busiTabCon .busiList li .txtArea .txt1 span:before { display: none }
.busiArea .busiTabCon .busiList li .txtArea a { right: 5% }
.busiMapArea { margin-top: 70px }
.historyArea .history { left: 50px; padding-left: 59px }
.historyArea .history .year:before { left: -67px; width: 47px }
.historyArea .history.left { left: -50px; padding-right: 59px }
.historyArea .history.left .year:before { right: -67px; width: 47px }
#lifeMenu { display: none!important }
.lifeArea .section .lifeCon .txtArea { position: absolute; top: auto; bottom: 15%; left: 20px; margin-left: 0; width: 100%; -webkit-transform: translate(0, 0); transform: translate(0, 0) }
.lifeArea .section .lifeCon .focus li .conPop { width: 270px }
.lifeArea .section.sec1 .lifeCon .focus .conPop { right: auto; left: 0 }
.lifeArea .section.sec5 .lifeCon .focus .conPop { right: auto; left: 0 }
.lifeArea .section.sec1 .img { background: url(../img/icon/life_img1.jpg) no-repeat right -250px top 50% }
.lifeArea .section.sec1 .lifeCon .focus .f1 { right: 325px }
.lifeArea .section.sec1 .lifeCon .focus .f2 { right: 300px }
.lifeArea .section.sec1 .lifeCon .focus .f3 { right: 213px }
.lifeArea .section.sec1 .lifeCon .focus .f3 .conPop { right: 0; left: auto }
.lifeArea .section.sec1 .lifeCon .focus .f4 { right: 325px }
.lifeArea .section.sec2 .img { background: url(../img/icon/life_img2.jpg) no-repeat right -180px top 50% }
.lifeArea .section.sec2 .lifeCon .focus .f1 { right: 40px }
.lifeArea .section.sec2 .lifeCon .focus .f2 { right: 220px }
.lifeArea .section.sec2 .lifeCon .focus .f3 { right: 337px }
.lifeArea .section.sec2 .lifeCon .focus .f4 { right: 538px }
.lifeArea .section.sec4 .img { background: url(../img/icon/life_img4.jpg) no-repeat right -300px top 50% }
.lifeArea .section.sec4 .lifeCon .focus .f1 { top: 760px; right: 360px }
.lifeArea .section.sec4 .lifeCon .focus .f2 { top: 846px; right: 255px }
.lifeArea .section.sec4 .lifeCon .focus .f3 { top: 488px; right: 26px }
.lifeArea .section.sec5 .img { background: url(../img/icon/life_img5.jpg) no-repeat right -300px top 50% }
.lifeArea .section.sec5 .lifeCon .focus .f1 { right: 447px }
.lifeArea .section.sec5 .lifeCon .focus .f2 { right: 52px }
.lifeArea .section.sec5 .lifeCon .focus .f2 .conPop { right: 0; left: auto }
.lifeArea .section.sec5 .lifeCon .focus .f3 { right: 346px }
.lifeArea .section.sec5 .lifeCon .focus .f4 { right: 245px }
.lifeArea .section.sec6 .img { background: url(../img/icon/life_img6.jpg) no-repeat right -200px top 50% }
.lifeArea .section.sec6 .lifeCon .focus .f1 { right: 85px }
.lifeArea .section.sec6 .lifeCon .focus .f2 { top: 828px; right: 310px }
.lifeArea .section.sec6 .lifeCon .focus .f3 { top: 897px; right: 95px }
.lifeArea .section.sec7 .img { background: url(../img/icon/life_img7.jpg) no-repeat right -360px top 50% }
.lifeArea .section.sec7 .lifeCon .focus .f1 { top: 609px; right: 307px }
.lifeArea .section.sec7 .lifeCon .focus .f2 { top: 882px; right: 398px }
.lifeArea .section.sec7 .lifeCon .focus .f3 { top: 780px; right: 267px }
.lifeArea .section.sec8 .img { background: url(../img/icon/life_img8.jpg) no-repeat right -300px top 50% }
.lifeArea .section.sec8 .lifeCon .focus .f1 { right: 521px }
.lifeArea .section.sec8 .lifeCon .focus .f2 { right: 615px }
.lifeArea .section.sec8 .lifeCon .focus .f3 { right: 337px }
.manage1 .con1 .boxArea .box { float: none; display: inline-block; margin: 10px 2.5px 0; width: 40%; vertical-align: top }
.manage1 .con1 .boxArea .box:first-child { margin: 0 90px 0 }
.manage1 .con1 .boxArea .box .img img { width: 100% }
.manage1 .con1 .boxArea .box .txtArea { min-height: 105px; border: 1px solid #e0e0e0; border-top: 0 }
.manage1 .con2 ul { padding: 44px 70px; width: auto }
.manage1 .con2 ul li { margin: 15px; width: auto; max-width: 35% }
.manage1 .con2 ul li:first-child { margin: 15px }
.manage1 .con3 .img>img { width: 80% }
.manage1 .reportList li .btns { width: 197px }
.manage1 .reportList li .btns a { margin-top: 10px; margin-left: 0 }
.manage1 .reportList li .btns a:first-child { margin-top: 0 }
.manage1Report .txtArea { float: none }
.manage1Report .txtArea .btns { margin-top: 40px }
.manage1Report .imgArea { float: none; margin-top: 40px; width: auto }
.manage2 .system { padding: 0; border: 0 }
.manage2 .system>img.pc { display: none }
.manage2 .system>img.mobile { display: inline-block; width: 100%; max-width: 400px }
.manage2 .system .mobileTxt { display: block; margin-top: 60px; text-align: left }
.manage2 .system .mobileTxt .tit { position: relative; margin-top: 30px; color: #8bbf45; font-weight: 700; font-size: 20px }
.manage2 .system .mobileTxt .tit:first-child { margin-top: 0 }
.manage2 .system .mobileTxt .tit.type2 { color: #034874 }
.manage2 .system .mobileTxt ul { margin-top: 15px }
.manage2 .system .mobileTxt ul li { position: relative; padding-left: 15px; color: #555; font-size: 16px; line-height: 30px }
.manage2 .system .mobileTxt ul li:before { position: absolute; top: 13px; left: 0; width: 4px; height: 4px; border-radius: 2px; background: #8bbf45; content: '' }
.manage2 .system .mobileTxt ul li.type2:before { background: #034874 }
.manage4 .greenImgList>li { float: none; display: block; margin-top: 50px; margin-left: 0; width: auto }
.manage4 .greenImgList>li:first-child { margin-top: 0 }
.manage4 .greenImgList>li .img { text-align: center }
.manage4 .greenList>li { float: none; margin-right: 0; padding-bottom: 50px; width: calc(100% - 2px); min-height: 0 }
.manage4>.halfArea .left { float: none; padding-right: 0; width: auto }
.manage4>.halfArea .right { float: none; margin-top: 80px; padding-left: 0; width: auto }
.manage4 .imgList1 li { margin-top: 22px; margin-right: 22px; width: calc(50% - 11px) }
.manage4 .imgList2 li { margin-top: 22px; margin-right: 22px; width: calc(50% - 11px) }
.manage4 .grayBox>div .img { float: none; display: block }
.manage4 .grayBox>div ul { float: none; margin-left: 0; padding-top: 40px }
.csrArea2 .csrBox>div { height: auto }
.csrArea2 .csrBox>div .imgBox { float: none; width: auto; height: 400px }
.csrArea2 .csrBox>div.type2 .imgBox { float: none }
.csrArea2 .csrBox>div .txtBox { float: none; width: auto; height: auto }
.manage6>.txt2 br { display: none }
.manage6 .imgBox img.pc { display: none }
.manage6 .imgBox img.mobile { display: inline-block }
.manage6 .activity .boxArea { float: none; margin-top: 15px; margin-left: 0; width: auto }
.manage6 .activity .boxArea:first-child { margin-top: 0 }
.manage6 .btnArea .top a { margin-left: 5px }
.manage6 .btnArea .bottom a { margin-left: 5px; width: 32% }
.manage6 .btnArea .bottom a img { height: 38px }
.manage6 .adList li { padding: 40px 0 30px }
.manage6 .adList li>div { display: block }
.manage6 .adList li .video { position: relative; display: block; padding-bottom: 56.25%; width: 100%; height: 0 }
.manage6 .adList li .video iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100% }
.manage6 .adList li .txtArea { display: block; padding: 30px 0 0 0 }
.partnerArea .partnerList>li .imgArea { width: 190px }
.partnerArea .partnerList>li .txtArea p { float: none }
.partnerArea .partnerList>li .txtArea ul { float: none }
.faqList>li .titArea a .label>span { line-height: 43px }
.faqList>li .txtArea .label { line-height: 43px }
.allSrchArea .printBtn { display: none }

.mainCon3 .center-info{ width: 100%;}
.mainCon3 .bottomArea{ width: 100%;}
.mainCon3 .prev,.mainCon3 .next{ display: none;}
.mainCon3 .bottomArea .box{ border-left: 1px solid #e0e0e0;}

}

@media screen and (max-width:758px) {
.topBanner { height: 120px }
.topBanner .swiper-slide { width: 100%; height: 120px }
.topBanner .xbt { bottom: 5px; width: 94% }
.topBanner .check input[type=checkbox] { width: 15px; height: 15px; background-size: 15px }
.topBanner .check input[type=checkbox]:checked { background-size: 15px }
.topBanner .check label { font-size: 12px }
.topBanner .swiper-button-next, .topBanner .swiper-container-rtl .swiper-button-prev { right: 3%; width: 15px; height: 27px; background-size: 15px 27px }
.topBanner .swiper-button-prev, .topBanner .swiper-container-rtl .swiper-button-next { left: 3%; width: 15px; height: 27px; background-size: 15px 27px }
.mainVis { min-height: 400px }
.mainVis .rollArea .roll .txtArea { width: 100%; min-width: 320px }
.mainVis .rollArea .roll .txtArea .tit { padding: 0 3%; font-size: 30px }
.mainVis .rollArea .roll .txtArea .txt { margin-top: 20px; padding: 0 3%; font-size: 13px; line-height: 1.5 }
.mainVis .rollArea .roll .txtArea .btn { margin-top: 25px }
.mainVis .rollArea .roll .txtArea .btn a { padding: 11px 50px 9px 15px; border: 1px solid #fff; background: url(../img/icon/mainVis_btn_icon.png) no-repeat right 15px top 50%; background-size: auto 6px; font-size: 13px }
.mainVis .rollArea .roll .txtArea .btn.type2 a { padding: 11px 50px 9px 15px }
.mainVis .rollArea .roll .txtArea .btn a:focus, .mainVis .rollArea .roll .txtArea .btn a:hover { background: #fff url(../img/icon/mainVis_btn_icon_on.png) no-repeat right 15px top 50%; background-size: auto 6px }
.mainVis .indiArea { right: auto; bottom: 0; left: 0; margin: 0; padding: 0; width: 100%!important; height: auto; text-align: center!important; -webkit-transform: none; transform: none; -ms-transform: none }
.mainVis .indiArea .indi { overflow: hidden; padding: 0 }
.mainVis .indiArea .indi a { float: left; padding: 0; width: 33.3%; height: 45px; font-size: 10px; line-height: 45px }
.mainVis .indiArea .indi a:first-child { width: 33.4% }
.mainVis .indiArea .indi a.on { position: relative!important; top: 0!important; left: 0!important; margin: 0!important; height: 43px; font-size: 12px; line-height: 43px; -webkit-transform: none; transform: none; -ms-transform: none }
	.mainVis .indiArea .indi a span{ width: auto; transform: rotate(0);}
.mainVis .autoBtn { display: none }
.mainVis .scroll { display: none }
.mainCon1 { padding: 40px 0 20px;}
.mainCon1>.txt { padding: 0 3%; font-size: 13px; line-height: 1.5 }
.mainCon1>.txt br { display: none }
.mainCon1>.conArea { margin: 0 auto 0; width: auto;}
.mainCon1>.conArea .txtImg1 { display: none }
.mainCon1>.conArea .txtImg2 { display: none }
.mainCon1>.conArea .boxArea { padding-bottom: 0 }
.mainCon1>.conArea .boxArea .box { top: 0!important; width: 100%; height: 200px; margin-top: 15px;}
	.mainCon1>.conArea .boxArea .box::after{ display: none;}
.mainCon1>.conArea .boxArea .box.box1 { top: 0!important; float: left }
.mainCon1>.conArea .boxArea .box.box2 { float: left }
.mainCon1>.conArea .boxArea .box.box3 { top: 0!important; float: left }
.mainCon1>.conArea .boxArea .box.box4 { float: left }
.mainCon1>.conArea .boxArea .box .hoverBg { display: none!important }
.mainCon1>.conArea .boxArea .box a { padding: 20px }
.mainCon1>.conArea .boxArea .box a .tit { font-size: 17px }
.mainCon1>.conArea .boxArea .box a .arrow { bottom: 15px; left: 20px }
.mainCon1>.conArea .boxArea .box a .arrow img { height: 6px }
.mainCon1>.conArea .boxArea .box a .tit2 { right: 25px; bottom: 15px; font-size: 11px }
.mainCon2 { padding: 0 0 46px; background: 0 0 }
.mainCon2:before { position: absolute; bottom: 0; left: 0; width: 100%; height: calc(100% - 44px); background: #f4f4f4; content: '' }
.mainCon2 .txtArea { padding: 0 3% }
.mainCon2 .txtArea .tit { font-size: 39px }
.mainCon2 .txtArea .txt { margin-top: 20px; font-size: 13px }
.mainCon2 .img { position: relative; margin-top: 25px; margin-left: -50%; width: 106% }
.mainCon2 .img img { left: 0; width: 100%; height: auto }
.mainCon2 .txtArea .btns { top: 0!important; margin-top: 13px; width: 100% }
.mainCon2 .txtArea .btns a { padding: 10px 0; background-size: auto 6px; font-size: 13px }
.mainCon2 .txtArea .btns a:focus, .mainCon2 .txtArea .btns a:hover { background-size: auto 6px }
.mainCon2 .txtArea .downBtns { margin-top: 20px; width: 100%; text-align: center }
.mainCon2 .txtArea .downBtns .tit { margin: 0 0 5px 0; font-size: 13px }
.mainCon2 .txtArea .downBtns p { margin-left: 2%; width: 49% }
.mainCon2 .txtArea .downBtns a { padding: 10px 0; font-size: 11px }
.mainCon2 .txtArea .downBtns a span { background-size: 10px auto }
.mainCon3 { padding: 20px 0; }
.mainCon3 .topArea { padding-bottom: 60px }
.mainCon3 .topArea>div { float: none; display: table; overflow: hidden; width: 100%; border-top: 1px solid #e0e0e0; table-layout: fixed; text-align: left }
.mainCon3 .topArea>div:first-child { width: 100%; border-top: 0 }
.mainCon3 .topArea>div .icon { float: none; display: table-cell; width: 88px; vertical-align: middle; text-align: center }
.mainCon3 .topArea>div .icon img { height: 30px }
.mainCon3 .topArea>div div { float: none; display: table-cell; padding: 15px 0 20px; vertical-align: middle; text-align: left }
.mainCon3 .topArea>div .txt1 { margin-top: 0; font-weight: 700; font-size: 11px }
.mainCon3 .topArea>div .txt1 .counter { font-weight: 300; font-size: 36px }
.mainCon3 .topArea>div .txt2 { margin-top: 5px; font-size: 11px }
.mainCon3 .topArea .year { top: 270px; font-size: 12px }
.mainCon3 .bottomArea { overflow: hidden; padding-top: 1px; height: auto;}
.mainCon3 .bottomArea .box { margin-top: -1px; width: 50%; height: auto }
.mainCon3 .bottomArea .box:before { bottom: 25px; margin-left: -10px; width: 20px; height: 1px }
.mainCon3 .bottomArea .box.on { width: 50%; height: auto }
.mainCon3 .bottomArea .box:nth-child(2n-1) { border-left: 1px solid #e0e0e0 }
.mainCon3 .bottomArea .box a { padding: 30px 0 60px ;    height: 170px;}
.mainCon3 .bottomArea .box a>.icon { padding-top: 0 }
.mainCon3 .bottomArea .box a>.icon img { height: 30px }
.mainCon3 .bottomArea .box a>.tit { margin-top: 20px; font-size: 14px; line-height: 1 }
.mainCon3 .bottomArea .box:last-child{ width: 100%;}
.mainCon4 { padding: 40px 0 65px }
.mainCon4.style{ padding: 20px 0;}
.mainCon4 .inner>.tit,.mainCon1 .inner>.tit ,.mainCon3 .inner>.tit { font-size: 29px }
.mainCon4 .newsRoll a:hover .img img{transform: scale(1) translate(0, 0);}
.mainCon4 .newsRoll { margin-top: 20px }
.mainCon4 .newsRoll a { margin-right: 0 }
.mainCon4 .inner .newsfenlei{display:none;float: right; }
.mainCon4 .newsRoll .img { height: auto; max-height: 350px }
.mainCon4 .newsRoll .img img { top: 0; left: 0; width: 100%; height: auto; -webkit-transform: translate(0, 0); transform: translate(0, 0); -ms-transform: translate(0, 0) }
.mainCon4 .newsRoll .img .label { width: 40px; height: 40px }
.mainCon4 .newsRoll .img .label span { font-size: 12px; line-height: 13px }
.mainCon4 .newsRoll .tit { margin-top: 15px; height: 40px; font-size: 13px; line-height: 1.5 }
.mainCon4 .newsRoll .date { margin-top: 15px; font-size: 12px }
.mainCon4 .newsRoll .btns { top: -38px }
.mainCon4 .newsRoll .btns .swiper-button-prev { width: 6px; height: 10px; background-size: 100% 100% }
.mainCon4 .newsRoll .btns .swiper-button-next { margin-left: 20px; width: 6px; height: 10px; background-size: 100% 100% }
.mainCon5 { padding-bottom: 40px }
.mainCon5 .boxArea { margin-top: -43px }
.mainCon5 .boxArea .box { padding: 19px; width: 100%; border-top: 1px solid #e0e0e0 }
.mainCon5 .boxArea .box.box1 { padding: 19px; border-top: 0 }
.mainCon5 .boxArea .box.box2 { padding: 19px; width: 100% }
.mainCon5 .boxArea .box .tit { font-size: 13px }
.mainCon5 .boxArea .box .list { margin-top: 10px; padding-top: 10px }
.mainCon5 .boxArea .box .list li { padding-left: 10px }
.mainCon5 .boxArea .box .list li:before { top: 50%; width: 2px; height: 2px }
.mainCon5 .boxArea .box .list li a .tit { float: left; max-width: 70%; font-size: 12px }
.mainCon5 .boxArea .box .list li a .date { float: right; font-size: 12px }
.mainCon5 .boxArea .box .stockDiv { margin-top: 10px; padding: 18px 0 }
.mainCon5 .boxArea .box .stockDiv .left { float: left; width: 50%; height: 29px; border-right: 1px solid #e0e0e0; font-size: 19px; line-height: 29px }
.mainCon5 .boxArea .box .stockDiv .right { float: left; margin: 0; width: 50%; height: 29px; font-size: 12px }
.mainCon5 .boxArea .box .stockDiv .right p { margin-top: 5px; font-size: 11px }
.mainCon5 .boxArea .box .moreBtn { top: 19px; right: 19px }
.mainCon5 .boxArea .box .moreBtn img { height: 13px }
.mainCon5 .boxArea .box.box3 .moreBtn { right: 19px }
.busiArea .tabBtn { margin-top: 40px }
.busiArea .mapArea { padding: 50px 3% }
.busiArea .mapArea.map2 { padding: 50px 3% 0 }
.busiArea .mapArea img.pc { display: none }
.busiArea .mapArea img.mobile { display: inline-block; vertical-align: top }
.busiArea .mapArea .txtArea { top: 25px }
.busiArea .mapArea .txtArea p { margin-left: 15px; padding-left: 15px; height: 15px; background: url(../img/icon/busi_map_icon1.png) no-repeat 0 0; background-size: auto 15px; font-size: 10px; line-height: 16px }
.busiArea .mapArea .txtArea .icon2 { background: url(../img/icon/busi_map_icon2.png) no-repeat 0 0; background-size: auto 15px }
.busiArea .mapArea .txtArea .icon3 { background: url(../img/icon/busi_map_icon3.png) no-repeat 0 0; background-size: auto 15px }
.busiArea .mapArea .koreaMap .mapArea { padding: 50px 3% 0 }
.busiArea .mapArea .koreaMap .backBtn { top: auto; bottom: 15px; left: 3%; margin-top: 0; width: 40px; height: 40px; background: url(../img/btn/busi_back_btn.png) no-repeat 50% 50%; background-size: 100% 100% }
.busiArea .busiTab { display: block; overflow: hidden; margin-top: 10px }
.busiArea .busiTab a { float: left; display: inline-block; margin-top: 10px; padding: 10px 0; width: 33.3%; font-size: 13px }
.busiArea .busiTab a.on { padding: 10px 0; border-bottom: 1px solid #8bbf45; font-size: 13px }
.busiArea .busiTabCon { margin-top: 30px }
.busiArea .busiTabCon .txtArea { margin-top: 15px }
.busiArea .busiTabCon .txtArea .tit { font-size: 16px }
.busiArea .busiTabCon .txtArea .txt { margin-top: 10px; font-size: 13px; line-height: 1.5 }
.busiArea .busiTabCon .txtArea ul { margin-top: 15px }
.busiArea .busiTabCon .txtArea ul li { padding-left: 10px; font-size: 13px }
.busiArea .busiTabCon .txtArea ul li:before { top: 8px }
.busiArea .busiTabCon .txtArea .mapBtn { margin-top: 15px; padding: 4px 15px 6px; border: 1px solid #d9d9d9; font-size: 13px }
.busiArea .busiTabCon .txtArea .mapBtn:focus, .busiArea .busiTabCon .txtArea .mapBtn:hover { border: 1px solid #8bbf45; background: #8bbf45 }
.busiArea .busiTabCon .busiTit { margin-top: 30px; font-size: 18px }
.busiArea .busiTabCon .busiList { margin-top: 15px }
.busiArea .busiTabCon .busiList li { padding: 10px 0 15px }
.busiArea .busiTabCon .busiList li .txtArea { padding: 0 3% }
.busiArea .busiTabCon .busiList li .txtArea .txt1 { font-size: 14px }
.busiArea .busiTabCon .busiList li .txtArea .txt2 { margin-top: 10px }
.busiArea .busiTabCon .busiList li .txtArea .txt2 p { margin-top: 10px; font-size: 13px }
.busiArea .busiTabCon .busiList li .txtArea a { position: relative; top: 0; left: 0; display: inline-block; margin-top: 15px; padding: 4px 15px 6px; border: 1px solid #d9d9d9; font-size: 13px }
.busiArea .busiTabCon .busiList li .txtArea a:focus, .busiArea .busiTabCon .busiList li .txtArea a:hover { border: 1px solid #8bbf45; background: #8bbf45 }
.busiArea .busiTabCon .busiList li .mapArea { padding: 20px 0 0 }
.busiMapArea { margin-top: 30px }
.busiMapArea .map { height: auto }
.busiMapArea .map img.mobile { display: inline-block; width: 100% }
.historyArea { margin-top: 40px; padding-bottom: 20px; text-align: left }
.historyArea:before { left: 39px; margin-left: 0; height: calc(100% - 10px) }
.historyArea:after { left: 31.8px; margin-left: 0; width: 16px; height: 16px; background: url(../img/icon/history_end_icon.png) no-repeat 50% 50%; background-size: 100% 100% }
.historyArea .historyCon { margin-top: 35px }
.historyArea>.historyTit { width: 80px; height: 89px }
.historyArea>.historyTit p span { background: url(../img/icon/history_year_bg.png) no-repeat 50% 50%; background-size: 100% 100%; font-size: 16px }
.historyArea .history { left: 0; margin-left: 0; padding: 25px 0; padding-left: 60px; width: 100% }
.historyArea .history .year { margin-bottom: 15px; font-size: 20px }
.historyArea .history .year:before { top: 4px; left: -25px; width: 18px; height: 10px; background: url(../img/icon/history_year_icon.png) no-repeat 0 50%; background-size: auto 100% }
.historyArea .history .month { width: 30px; height: 32px }
.historyArea .history .month>span>span { background: url(../img/icon/history_mon_bg.png) no-repeat 50% 50%; background-size: 100% 100%; font-size: 14px }
.historyArea .history .txt { margin-left: 10px; max-width: calc(100% - 50px); font-size: 13px; line-height: 32px }
.historyArea .history .img { margin-top: 10px; padding-left: 40px }
.historyArea .history.left { left: 0; padding-right: 0; padding-left: 60px; text-align: left }
.historyArea .history.left .year:before { top: 4px; left: -25px; width: 18px; height: 10px; background: url(../img/icon/history_year_icon.png) no-repeat 0 50%; background-size: auto 100% }
.historyArea .history.left .month { float: left }
.historyArea .history.left .txt { float: left; margin-right: 0; margin-left: 10px }
.historyArea .history.left .img { padding-right: 0; padding-left: 40px }
.lifeArea .intro { background: url(../img/icon/m_life_intro_bg.jpg) no-repeat 50% 50%; background-size: cover }
.lifeArea .intro .timeArea { width: 290px; height: 290px }
.lifeArea .intro .timeArea .tit { font-size: 28px }
.lifeArea .intro .timeArea .txt { margin-top: 10px; padding: 0 40px; font-size: 12px }
.lifeArea .intro .timeArea .txt br { display: none }
.lifeArea .bottomBt { padding-bottom: 42px; font-size: 10px }
.lifeArea .bottomBt:after { height: 27px }
.lifeArea .section .lifeCon { display: none }
.lifeArea .section .lifeCon.mobile { display: block; height: 100% }
.lifeArea .section .lifeCon.mobile .img { display: block; height: 100%; min-height: 0 }
.lifeArea .section.sec1 .lifeCon.mobile .img { background: url(../img/icon/m_life_img1.jpg) no-repeat 50% 80%; background-size: cover }
.lifeArea .section.sec2 .lifeCon.mobile .img { background: url(../img/icon/m_life_img2.jpg) no-repeat 50% 80%; background-size: cover }
.lifeArea .section.sec3 .lifeCon.mobile .img { background: url(../img/icon/m_life_img3.jpg) no-repeat 50% 80%; background-size: cover }
.lifeArea .section.sec4 .lifeCon.mobile .img { background: url(../img/icon/m_life_img4.jpg) no-repeat 50% 80%; background-size: cover }
.lifeArea .section.sec5 .lifeCon.mobile .img { background: url(../img/icon/m_life_img5.jpg) no-repeat 50% 80%; background-size: cover }
.lifeArea .section.sec6 .lifeCon.mobile .img { background: url(../img/icon/m_life_img6.jpg) no-repeat 50% 80%; background-size: cover }
.lifeArea .section.sec7 .lifeCon.mobile .img { background: url(../img/icon/m_life_img7.jpg) no-repeat 50% 80%; background-size: cover }
.lifeArea .section.sec8 .lifeCon.mobile .img { background: url(../img/icon/m_life_img8.jpg) no-repeat 50% 80%; background-size: cover }
.lifeArea .section .lifeCon .txtArea { top: 75px; bottom: auto; left: 0; box-sizing: border-box; padding: 0 30px; width: 100% }
.lifeArea .section .lifeCon .txtArea .time { font-size: 40px }
.lifeArea .section .lifeCon .txtArea .time span { display: inline-block; margin-left: 7px; font-size: 10px }
.lifeArea .section .lifeCon .txtArea .tit { margin-top: 5px; font-size: 19px }
.lifeArea .section .lifeCon .txtArea .txt { margin-top: 15px; font-size: 12px }
.lifeArea .section .lifeCon .txtArea .btns { position: absolute; top: 0; right: 30px; margin-top: 0; width: 23px }
.lifeArea .section .lifeCon .txtArea .btns .prev { margin-left: 0; width: 23px; height: 12px }
.lifeArea .section .lifeCon .txtArea .btns .next { margin-top: 15px; width: 23px; height: 12px }
.lifeArea .section .lifeCon .popBt { position: absolute; bottom: 20px; left: 15px; display: inline-block; padding-right: 16px; border-bottom: 1px solid #fff; background: url(../img/icon/m_life_pop_icon.png) no-repeat right 0 top 50%; background-size: 5px auto; color: #fff; font-weight: 700; font-size: 13px; line-height: 1.5 }
.lifePop { position: fixed; top: 0; left: 0; z-index: 9999; display: none; box-sizing: border-box; padding: 50px 15px 0; width: 100%; height: 100%; background: #81b141 }
.lifePop>div { overflow-y: auto; max-height: 100% }
.lifePop .tit { margin-top: 30px; color: #fff; font-weight: 700; font-size: 16px; line-height: 1 }
.lifePop .tit:first-child { margin-top: 0 }
.lifePop .txt { margin-top: 15px; color: #fff; font-size: 12px; line-height: 1.5 }
.lifePop .txt:last-child { padding-bottom: 50px }
.lifePop .closeBt { position: absolute; top: 17.5px; right: 15px; width: 15px; height: 15px; background: url(../img/btn/life_pop_close.png) no-repeat 0 0; background-size: 100% auto }
.manage1>.tit { margin-top: 40px; padding-left: 20px; background: url(../img/icon/manage6_tit_icon.png) no-repeat 0 50%; background-size: 13px; font-size: 16px }
.manage1>.txt { margin-top: 10px; font-size: 13px; line-height: 1.5 }
.manage1 .tit2 { font-size: 15px }
.manage1 .con1 { margin-top: 40px }
.manage1 .con1 .boxArea { margin-top: 15px }
.manage1 .con1 .boxArea .box { display: block; margin: 5px 0 0; width: auto }
.manage1 .con1 .boxArea .box:first-child { margin: 0 }
.manage1 .con1 .boxArea .box .txtArea { padding: 15px 3%; min-height: 0 }
.manage1 .con1 .boxArea .box .txtArea .tit { font-size: 14px }
.manage1 .con1 .boxArea .box .txtArea .txt { margin-top: 10px; font-size: 13px }
.manage1 .con2 { padding: 90px 0 70px; background: url(../img/icon/manage1_bg1.png) no-repeat 50% 20px, url(../img/icon/manage1_bg2.png) no-repeat 50% 100%; background-size: auto 54px, auto 54px }
.manage1 .con2 ul { margin-top: 15px; padding: 22px 3%; border-radius: 150px }
.manage1 .con2 ul li { width: 90%; max-width: 100% }
.manage1 .con2 ul li .img img { width: 70% }
.manage1 .con2 ul li .txt { margin-top: 10px; font-size: 13px }
.manage1 .con3 { margin-top: 20px }
.manage1 .con3 .txt { margin-top: 10px; font-size: 18px; line-height: 1.5 }
.manage1 .con3 .txt br { display: none }
.manage1 .con3 .img { margin-top: 25px }
.manage1 .reportList li { display: block; padding: 15px 3%; width: auto; height: auto }
.manage1 .reportList li .year { display: block; width: auto; text-align: left; font-size: 14px }
.manage1 .reportList li .tit { display: block; margin-top: 5px; padding-left: 0; font-size: 14px }
.manage1 .reportList li .btns { display: block; margin-top: 8px; padding: 0; width: auto }
.manage1 .reportList li .btns a { margin-top: 2px; margin-right: 2px; padding: 6px 25px 5px 9px; border: 1px solid #e0e0e0; background: url(../img/icon/down_icon1.png) no-repeat right 9px top 50%; background-size: 8px auto; font-size: 13px }
.manage1 .reportList li .btns a:first-child { margin: 0; margin-right: 2px }
.manage1 .reportList li .btns a:focus, .manage1 .reportList li .btns a:hover { border: 1px solid #8bbf45; background: #8bbf45 url(../img/icon/down_icon1_on.png) no-repeat right 9px top 50%; background-size: 8px auto }
.manage1Report { padding: 35px 0 }
.manage1Report .txtArea .tit { font-size: 18px; line-height: 20px }
.manage1Report .txtArea .tit>span { display: block; margin: 0 0 10px; padding: 0 13px; width: 40px; text-align: center; font-size: 13px }
.manage1Report .txtArea .txt { margin-top: 10px; font-size: 13px; line-height: 1.5 }
.manage1Report .imgArea { margin-top: 20px }
.manage1Report .imgArea img { max-width: 50% }
.manage1Report .txtArea .btns { margin-top: 20px }
.manage1Report .txtArea .btns a { margin-top: 2px; margin-right: 2px; margin-left: 0; padding: 6px 25px 5px 9px; border: 1px solid #e0e0e0; background: url(../img/icon/down_icon1.png) no-repeat right 9px top 50%; background-size: 8px auto; font-size: 13px }
.manage1Report .txtArea .btns a:focus, .manage1Report .txtArea .btns a:hover { border: 1px solid #8bbf45; background: #8bbf45 url(../img/icon/down_icon1_on.png) no-repeat right 9px top 50%; background-size: 8px auto }
.manage1.type2 { padding-bottom: 88px }
.manage1 .sdgsArea { margin-top: 40px }
.manage1 .sdgsArea .sdgsList { margin: 30px auto 0 }
.manage1 .sdgsArea .sdgsList li { padding-bottom: 10px; width: 125px }
.manage1 .sdgsArea .sdgsList li .txt { padding: 7px 0 15px; font-size: 12px; line-height: 1.5 }
.manage1 .sdgsArea .sdgsList li .txt br { display: none }
.manage1 .sdgsArea .sdgsList li.gutter-sizer { width: 10px }
.manage1 .dotLIst { margin-top: 15px }
.manage1 .dotLIst li { margin-top: 5px; padding-left: 10px; font-size: 13px; line-height: 1.5; word-break: break-all }
.manage1 .dotLIst li:before { top: 8px }
.layerPop.surveyPop .popBody { padding: 15px 3% 30px; height: calc(100% - 91px) }
.surveyArea .txt1 { font-size: 16px }
.surveyArea .txt2 { margin-top: 10px; font-size: 13px }
.surveyArea .surveyList { margin-top: 15px }
.surveyArea .surveyList>li { padding: 10px 3% 10px }
.surveyArea .surveyList>li .tit { font-size: 14px }
.surveyArea .surveyList>li ul { margin-top: 5px }
.surveyArea .surveyList>li ul li { height: auto; min-width: 170px }
.surveyArea .surveyList>li .type4 li { min-width: 170px }
.surveyArea .surveyList>li ul li>div { height: 30px; line-height: 30px }
.surveyArea .surveyList>li ul li.etc .textInput input { width: 173px; height: 22px; font-size: 13px }
.manage2>.tit1 { margin-top: 40px; padding-left: 20px; background: url(../img/icon/manage6_tit_icon.png) no-repeat 0 50%; background-size: 13px; font-size: 16px }
.manage2>.txt1 { margin-top: 10px; font-size: 13px; line-height: 1.5 }
.manage2 .system { margin-top: 15px; padding: 15px 0 }
.manage2 .system .mobileTxt { display: block; margin-top: 80px; text-align: left }
.manage2 .system>img.mobile { width: 80% }
.manage2 .system .mobileTxt { margin-top: 40px }
.manage2 .system .mobileTxt .tit { margin-top: 20px; font-size: 16px }
.manage2 .system .mobileTxt ul { margin-top: 10px }
.manage2 .system .mobileTxt ul li { padding-left: 10px; font-size: 13px; line-height: 1.5 }
.manage2 .system .mobileTxt ul li:before { top: 7px; left: 0; width: 4px; height: 4px; border-radius: 2px }
.manage2 .accoArea { margin-top: 50px }
.manage2 .grayBox { margin-top: 15px; padding: 30px 3% }
.manage2 .grayBox .txt1 { font-size: 15px; line-height: 1.5 }
.manage2 .grayBox .txt2 { margin-top: 30px; font-size: 13px; line-height: 1.5 }
.manage2 .grayBox .txt2 p { margin-top: 20px }
.manage2 .grayBox .txt3 { margin-top: 40px }
.manage2 .grayBox .txt3 .name { font-size: 15px }
.manage3Txt { margin-top: 50px; font-size: 15px; line-height: 1.5 }
.manage3 { margin-top: 40px; padding-top: 40px }
.manage3>.tit1 { margin-top: 40px; padding-left: 20px; background: url(../img/icon/manage6_tit_icon.png) no-repeat 0 50%; background-size: 13px; font-size: 16px }
.manage3>.txt { margin-top: 15px; font-size: 13px }
.manage3>.img { margin-top: 40px }
.manage3>.img img.pc { display: none }
.manage3>.img img.mobile { display: inline-block; width: 100%; max-width: 400px }
.manage3>.img .mobileTxt { display: block; text-align: left }
.manage3>.img .mobileTxt .tit { margin-top: 20px; color: #8bbf45; font-weight: 700; font-size: 16px }
.manage3>.img .mobileTxt .tit.type2 { color: #034874 }
.manage3>.img .mobileTxt .txt { margin-top: 10px; font-size: 13px; line-height: 1.5 }
.manage3 .grayBox { margin-top: 15px; padding: 25px 3% }
.manage3 .grayBox li { margin: 7px 5px; width: 170px; min-height: 0 }
.manage3 .grayBox li:first-child { margin-left: 5px }
.manage3 .grayBox li .tit { padding: 10px 10px 35px; background: url(../img/icon/manage3_tit_bg.png) no-repeat 0 0; background-size: 100% auto }
.manage3 .grayBox li .tit:before { height: 25px }
.manage3 .grayBox li .tit span { width: 150px; height: 150px }
.manage3 .grayBox li .tit span span { font-size: 16px; line-height: 1.5 }
.manage3 .grayBox li .txt { font-size: 13px; line-height: 1.5 }
.manage3 .grayBox li:nth-child(2n) .tit { background: url(../img/icon/manage3_tit_bg2.png) no-repeat 0 0; background-size: 100% auto }
.manage3 .btnArea { margin-top: 25px }
.manage3 .btnArea a { display: block; margin-top: 5px; margin-left: 0 }
.manage3 .btnArea a:first-child { margin-top: 0 }
.manage3.type2>.tit2 { margin-top: 20px; font-size: 15px }
.manage3.type2>.tit3 { margin-top: 20px; font-size: 15px }
.manage3.type2>.txt1 { margin-top: 15px; font-size: 13px; line-height: 1.5 }
.manage3.type2 .txtBox { margin-top: 25px; max-height: 200px }
.manage3.type2 .txtBox>div { padding: 20px 3% }
.manage3.type2 .txtBox>div .tit { margin: 20px 0; font-size: 15px }
.manage3.type2 .txtBox>div .tit2 { font-size: 14px; line-height: 1.5 }
.manage3.type2 .txtBox>div .tit2.mt40 { margin-top: 20px!important }
.manage3.type2 .txtBox>div .txt { font-size: 13px; line-height: 1.5 }
.manage3.type2 .grayBox2 { margin-top: 15px; padding: 20px 0 }
.manage3.type2 .grayBox2 ul { padding-right: 0 }
.manage3.type2 .grayBox2 ul li { margin: 5px; width: 170px; height: 190px; background: url(../img/icon/grayBox2_bg1.png) no-repeat 50% 50%; background-size: 100% auto; font-size: 14px; line-height: 1.5 }
.manage3.type2 .grayBox2 ul li.bg2 { background: url(../img/icon/grayBox2_bg2.png) no-repeat 50% 50%; background-size: 100% auto }
.manage3.type2 .grayBox2 ul li.bg3 { background: url(../img/icon/grayBox2_bg3.png) no-repeat 50% 50%; background-size: 100% auto }
.manage3.type2 .grayBox2 ul li.bg4 { background: url(../img/icon/grayBox2_bg4.png) no-repeat 50% 50%; background-size: 100% auto }
.manage3.type2 .grayBox2 ul li:after { display: none }
.manage3.type2 .grayBox2 ul li span { font-size: 13px; line-height: 1.5 }
.manage3.type2 .grayBox2 ul li div p { padding: 0 }
.manage4Top { margin-top: 40px }
.manage4Top .txt1>span { padding: 6px 15px; font-size: 20px }
.manage4Top .txt1>span:before { width: 13px; height: 10px; background: url(../img/icon/manage4_icon1.gif) no-repeat 0 0; background-size: 13px auto }
.manage4Top .txt1>span:after { width: 13px; height: 10px; background: url(../img/icon/manage4_icon2.gif) no-repeat 0 0; background-size: 13px auto }
.manage4Top .txt2 { margin-top: 10px; font-size: 16px; line-height: 1.5 }
.manage4Top .txt3 { margin-top: 20px; font-size: 14px; line-height: 1.5 }
.manage4Top .imgTxt { margin-top: 30px }
.manage4Top .imgTxt>img.pc { display: none }
.manage4Top .imgTxt>img.mobile { display: inline-block; vertical-align: top }
.manage4 { margin-top: 40px; padding-top: 40px }
.manage4 .tit1 { margin-top: 40px; padding-left: 20px; background: url(../img/icon/manage6_tit_icon.png) no-repeat 0 50%; background-size: 13px auto; font-size: 16px }
.manage4>.tit2 { margin-top: 25px; font-size: 16px }
.manage4 .txt { margin-top: 10px; font-size: 13px; line-height: 1.5 }
.manage4 .greenImgList { margin-top: 25px }
.manage4 .greenImgList>li { margin-top: 25px }
.manage4 .greenImgList>li .tit { margin-top: 10px; font-size: 16px; line-height: 1.5 }
.manage4 .greenImgList>li ul { margin-top: 5px }
.manage4 .greenImgList>li ul li { padding-left: 10px; font-size: 13px; line-height: 1.5 }
.manage4 .greenImgList>li ul li:before { top: 7px }
.manage4 .greenList>li { margin-top: 55px; padding-bottom: 20px }
.manage4 .greenList>li .icon { margin-top: -38px }
.manage4 .greenList>li .icon img { height: 73px }
.manage4 .greenList>li .tit { margin-top: 20px; font-size: 16px }
.manage4 .greenList>li ul { margin-top: 10px; padding: 0 3% }
.manage4 .greenList>li ul li { padding-left: 10px; font-size: 13px; line-height: 1.5 }
.manage4 .greenList>li ul li:before { top: 8px }
.manage4>.halfArea .right { margin-top: 40px }
.manage4 .imgList1 { margin: 15px auto 0; max-width: 450px; text-align: center }
.manage4 .imgList1 li { float: none; display: inline-block; margin: 10px 0 0; width: auto; vertical-align: top }
.manage4 .imgList1 li:first-child { margin-top: 0 }
.manage4 .imgList1 li:nth-child(2n) { margin-top: 10px; margin-right: 0 }
.manage4 .imgList1 li img { max-width:100%:
}
.manage4 .imgList1 li .txt { margin-top: 0; font-size: 14px }
.manage4 .imgList2 { margin: 15px auto 0; max-width: 450px; text-align: center }
.manage4 .imgList2 li { float: none; display: inline-block; margin: 10px 0 0; width: auto; vertical-align: top; text-align: center }
.manage4 .imgList2 li:first-child { margin-top: 0 }
.manage4 .imgList2 li:nth-child(2n) { margin-top: 10px; margin-right: 0 }
.manage4 .imgList2 li img { max-width:100%:
}
.manage4 .grayBox { margin-top: 15px; padding: 20px 3% }
.manage4 .grayBox>div .img img { height: 80px }
.manage4 .grayBox>div ul { padding-top: 15px }
.manage4 .grayBox>div ul li { margin-top: 0; padding-left: 10px; font-size: 14px; line-height: 1.5 }
.manage4 .grayBox>div ul li:before { top: 8px }
.manage4 .dotLIst { margin-top: 15px }
.manage4 .dotLIst li { margin-top: 5px; padding-left: 10px; font-size: 13px }
.manage4 .dotLIst li:before { top: 7px }
.manage4 .greenImg { margin-top: 40px; padding-bottom: 10px }
.manage4 .greenImg img.pc { display: none }
.manage4 .greenImg img.mobile { display: inline-block; width: 300px }
.csrArea1 { margin: 40px auto 0 }
.csrArea1 .txt1 { font-size: 20px; line-height: 1.5 }
.csrArea1 .txt1>img { margin-top: 6px; height: 18px }
.csrArea1 .txt2 { margin-top: 15px; font-size: 14px; line-height: 1.5 }
.csrArea1 .imgArea { margin-top: 40px }
.csrArea1 .imgArea img.pc { display: none }
.csrArea1 .imgArea img.mobile { display: inline-block }
.csrArea2 { margin-top: 20px }
.csrArea2 .csrTab>div { overflow: hidden }
.csrArea2 .csrTab>div a { float: left; margin-top: 10px; padding-top: 10px; padding-bottom: 10px; width: 50%; border-bottom: 2px solid #e0e0e0; font-size: 13px }
.csrArea2 .csrTab>div a.on { border-bottom: 2px solid #8bbf45 }
.csrArea2 .csrTit { margin-top: 30px; font-size: 20px }
.csrArea2 .csrTxt { margin-top: 15px; font-size: 14px; line-height: 1.5 }
.csrArea2 .csrBox { margin-top: 20px }
.csrArea2 .csrBox>div .imgBox { height: 250px }
.csrArea2 .csrBox>div .imgBox .swiper-button-prev { margin-top: -14px; width: 28px; height: 28px; background: url(../img/btn/csr2_prev.png) no-repeat 0 0; background-size: 100% 100% }
.csrArea2 .csrBox>div .imgBox .swiper-button-next { margin-top: -14px; width: 28px; height: 28px; background: url(../img/btn/csr2_next.png) no-repeat 0 0; background-size: 100% 100% }
.csrArea2 .csrBox>div .imgBox .txtArea { padding: 10px 3%; width: calc(100% - 6%) }
.csrArea2 .csrBox>div .imgBox .txtArea .tit { font-size: 14px }
.csrArea2 .csrBox>div .imgBox .txtArea .date { margin-top: 5px; font-size: 13px }
.csrArea2 .csrBox>div .txtBox>div>div { padding: 20px 3% }
.csrArea2 .csrBox>div .txtBox>div>div .tit { font-size: 18px }
.csrArea2 .csrBox>div .txtBox>div>div .txt { margin-top: 15px; font-size: 14px; line-height: 1.5 }
.manage6>.txt1 { font-size: 18px; line-height: 1.5 }
.manage6>.txt2 { margin-top: 15px; font-size: 14px; line-height: 1.5 }
.manage6>.tit1 { margin-top: 40px; padding-left: 20px; background: url(../img/icon/manage6_tit_icon.png) no-repeat 0 50%; background-size: 13px; font-size: 16px }
.manage6 .imgBox { margin-top: 15px; text-align: center }
.manage6 .activity { margin-top: 20px }
.manage6 .activity .boxArea { margin-top: 10px; padding: 20px 10px 0 }
.manage6 .activity .boxArea .tit2 { padding-bottom: 20px; font-size: 16px }
.manage6 .activity .boxArea>div .box { height: 70px }
.manage6 .activity .boxArea>div .box .icon { width: 60px }
.manage6 .activity .boxArea>div .box .icon img { height: 25px }
.manage6 .activity .boxArea>div .box .txtArea { padding: 10px 0 }
.manage6 .activity .boxArea>div .box .txtArea .tit { font-size: 16px; line-height: 1.5 }
.manage6 .activity .boxArea>div .box .txtArea ul { margin-top: 5px }
.manage6 .activity .boxArea>div .box .txtArea ul li { font-size: 13px; line-height: 1.5 }
.manage6 .btnArea { margin-top: 22px }
.manage6 .btnArea .top a { margin: 3px; margin-left: 0 }
.manage6 .btnArea .top a:first-child { margin: 3px }
.manage6 .btnArea .bottom { margin-top: 22px }
.manage6 .btnArea .bottom a { margin: 3px; margin-left: 0; padding: 2px; width: 205px }
.manage6 .btnArea .bottom a img { height: 25px }
.manage6 .btnArea .bottom a:first-child { margin: 3px }
.manage6 .adList { margin-top: 15px; padding: 0 }
.manage6 .adList li { padding: 20px 0 15px }
.manage6 .adList li .txtArea { padding: 15px 0 0 0; font-size: 13px; line-height: 1.5 }
.manage6 .adList li .txtArea .tit { margin-bottom: 15px; font-size: 18px }
.srchInput { margin-top: 25px }
.srchInput>div { display: block; width: auto }
.srchInput>div input { padding: 3px 50px 3px 10px; width: calc(100% - 62px); height: 30px; font-size: 14px }
.srchInput>div .resetBtn { right: 35px; margin-top: -8px; width: 16px; height: 16px; background: url(../img/btn/reset_btn.png) no-repeat 0 0; background-size: 100% 100% }
.srchInput>div .srchBtn { right: 9px; margin-top: -8px; width: 16px; height: 16px; background: url(../img/btn/srch_btn.png) no-repeat 0 0; background-size: 100% 100% }
.faqList { margin-top: 30px }
.faqList>li .titArea a { display: block; overflow: hidden; padding: 10px 30px 10px 10px; width: auto; background: url(../img/icon/faq_icon.png) no-repeat right 10px top 50%; background-size: 9px 5px }
.faqList>li .titArea a.on { background: url(../img/icon/faq_icon_on.png) no-repeat right 10px top 50%; background-size: 9px 5px }
.faqList>li .titArea a .label { float: left; display: block; padding: 0; width: auto }
.faqList>li .titArea a .label>span { width: 28px; height: 28px; font-size: 14px; line-height: 28px }
.faqList>li .titArea a .gubun { float: left; display: block; padding-left: 10px; width: auto; font-size: 13px; line-height: 30px }
.faqList>li .titArea a .tit { float: left; display: block; margin-top: 10px; padding-right: 0; width: 100%; font-size: 14px; line-height: 1.5 }
.faqList>li .txtArea { padding: 14px 14px 14px 50px }
.faqList>li .txtArea .label { top: 9px; left: 9px; width: 30px; height: 30px; font-size: 14px; line-height: 30px }
.faqList>li .txtArea .txt { font-size: 13px; line-height: 1.5 }
.policySelect { overflow: hidden; margin-top: 20px; text-align: left }
.policySelect select { float: left; padding: 5px 9% 5px 3%; width: calc(100% - 65px); height: 35px; font-size: 13px }
.policySelect a { float: left; margin-left: 5px; width: 60px; height: 35px; font-size: 14px; line-height: 35px }
.policyArea { margin-top: 15px; padding: 25px 3% 0; font-size: 13px; line-height: 1.5 }
.policyArea .mt30 { margin-top: 15px!important }
.policyArea .mt50 { margin-top: 25px!important }
.policyArea .tit { margin-top: 15px; font-size: 15px }
.policyArea .underL { font-size: 14px; line-height: 1.5 }
.policyArea .underL.mt30 { margin-top: 14px!important }
.policyArea .pl20 { padding-left: 15px }
.policyArea .barList { padding-left: 5px }
.policyArea .barList li { padding-left: 63px; text-indent: -63px }
.policyArea .numList { margin-top: 15px }
.policyArea .policyTable { margin-top: 25px }
.policyArea .policyTable .th .cell { font-size: 14px }
.policyArea .policyTable .cell { padding: 10px 5px; word-break: break-all }
.partnerArea .txt1 { font-size: 16px; line-height: 1.5 }
.partnerArea .txt2 { margin-top: 10px; font-size: 13px; line-height: 1.5 }
.partnerArea .tit { margin-top: 40px; padding-left: 20px; background: url(../img/icon/manage6_tit_icon.png) no-repeat 0 50%; background-size: 13px; font-size: 16px }
.partnerArea .partnerList { margin-top: 15px }
.partnerArea .partnerList>li { display: block }
.partnerArea .partnerList>li .imgArea { display: block; padding: 15px 3% 5px; width: auto }
.partnerArea .partnerList>li .imgArea>img { height: 74px }
.partnerArea .partnerList>li .txtArea { display: block; padding: 5px 3% 15px }
.partnerArea .partnerList>li .txtArea p { font-size: 14px; line-height: 1.5 }
.partnerArea .partnerList>li .txtArea p br { display: none }
.partnerArea .partnerList>li .txtArea .step { margin: 0; font-size: 14px }
.partnerArea .partnerList>li .txtArea ul { margin-top: 5px }
.partnerArea .partnerList>li .txtArea ul li { margin-left: 9px; text-indent: -9px; font-size: 13px; line-height: 1.5 }
.partnerArea .btnArea { margin-top: 38px }
.partnerArea .btnArea a { margin: 2px }
.allSrchArea .inner { padding: 50px 3% 45px }
.allSrchArea .printBtn { display: none }
.allSrchArea .allSrch { margin-top: 35px; padding-right: 30px; padding-bottom: 10px; width: calc(100% - 45px) }
.allSrchArea .allSrch input { height: 16px; font-size: 14px }
.allSrchArea .allSrch a { right: 10px; width: 19px; height: 20px; background: url(../img/btn/allSrch_btn.png) no-repeat 0 0; background-size: 100% 100% }
.allSrchArea .txt { margin-top: 30px; font-size: 14px }
.allSrchResult { padding: 40px 0 70px }
.allSrchResult .inner>.tit { margin-top: 40px; font-size: 18px }
.allSrchResult .inner>.tit .moreBtn { top: 2px; padding-right: 15px; background: url(../img/icon/allSrch_more_icon.png) no-repeat 100% 2px; background-size: 8px 8px; font-size: 14px; line-height: 1 }
.allSrchResult .allSrchList { margin-top: 15px }
.allSrchResult .allSrchList li>a { padding: 18px 3% 20px }
.allSrchResult .allSrchList li .tit { font-size: 16px; line-height: 1.5 }
.allSrchResult .allSrchList li .tit span { margin-left: 7px; padding-left: 10px }
.allSrchResult .allSrchList li .tit span:before { margin-top: -3.5px; width: 5px; height: 7px }
.allSrchResult .allSrchList li .txt { margin-top: 15px; font-size: 14px }
.allSrchArea .noData .txt { font-size: 13px; line-height: 1.5 }
.errorDiv .errorCon { padding: 15px 3% }
.errorDiv .logo a { height: 25px }
.errorDiv .logo a img { height: 25px }
.errorDiv .box { padding: 30px 3%; width: auto }
.errorDiv .box.type2 { width: auto }
.errorDiv .box .icon img { height: 42px }
.errorDiv .box .txt1 { margin-top: 20px; font-size: 20px }
.errorDiv .box .txt2 { margin-top: 15px; font-size: 14px; line-height: 1.5 }
.errorDiv .box ul { margin-top: 20px; padding: 15px 3% }
.errorDiv .box ul li { margin-top: 10px; padding-left: 12px; font-size: 14px; line-height: 1.5 }
.errorDiv .box ul li:before { top: 5px }
.capacityArea { margin-top: 40px }
.capacityArea .unit { top: 90px; right: 19px; font-size: 12px; line-height: 14px }
.capacityArea .label { top: 25px; text-align: left }
.capacityArea .label li { font-size: 12px; line-height: 14px }
.capacityArea .label li:before { width: 15px; height: 15px }
.capacityArea .box { padding: 120px 19px 30px; width: 750px }
.capacityArea .box img { width: 750px }
.capacityArea .capPop { padding: 30px 25px 25px }
.capacityArea .capPop .tit { margin-bottom: 5px; font-size: 16px }
.capacityArea .capPop .txt1 { font-size: 12px; line-height: 1.5 }
.capacityArea .capPop .txt2 { font-size: 12px; line-height: 1.5 }
.capacityArea .capPop .txt3 { font-size: 12px; line-height: 1.5 }
.capacityArea .capPop .txt4 { font-size: 12px; line-height: 1.5 }
.capacityArea .capPop .closeBt { top: 10px; right: 10px; width: 15px; height: 15px }

.mainCon3 .center-info{ width: auto;}
.mainCon3 .center-block{ padding-top: 0;}
.mainCon3 .prev,.mainCon3 .next{ display: none;}

}


@media screen and (max-width:450px) {
.mainVis{height:350px !important;}
	.mainVis .rollArea .roll .bg.pc{display: none}
	.mainVis .rollArea .roll .bg.mobile{display: block}
	.mainCon4 .inner .more,.mainCon1 .inner .more{font-size: 14px}
	.mainVis .rollArea .roll .bg video{display: none}
	.mainVis .rollArea .roll .bg img{width: 100%;object-fit: cover;display: block; }
}

@media all and (max-width:350px) {
}

.en .mainCon1>.txt{font-size: 16px;}
.en .mainCon1>.conArea .boxArea .box a .txt{font-size: 15px}
.en .mainCon1>.conArea .boxArea .box a .tit{font-size: 28px}
.en .mainCon3 .bottomArea .box .hover .tit{font-size: 24px}
.en .mainCon3 .bottomArea .box .hover .txt{font-size: 14px}


























@media screen and (max-width:1610px) {

    .subWrap {padding-bottom:120px;}
    .inner {width:auto; padding:0 5%;}
    


    /* header */
    #header {height:70px;}
    #header h1{margin:14px 20px 0 20px;}
    #header h1 a {width:200px; }
    #header .moin a {width:48px; height:27px; background-size:100% auto;}
    #header #gnb {width:60% !important; display: block;}
    #header #gnb > li {width:12.5% !important;}
    #header #gnb li .oneD {font-size:15px; padding:27px 0;}
    #header #gnb li .twoD {top:70px; width:100%; height:420px; padding-top:20px;}
    #header #gnb li .twoD li a {font-size:14px; line-height:1.3;}
    #header .gnbBg {top:70px; height:420px;}
    #header .rightDiv .lang {font-size:14px;}
    #header .rightDiv .lang > a {width:70px; margin:21px 0;}
    #header .rightDiv .lang div {top:74px;}
    #header .rightDiv .srchBtn {width:70px; margin-top:21px; background-size:17px auto;}
    #header .rightDiv .allMenu .allMenuBtn {width:70px; height:70px; background-size:27px;}

    .en #header #gnb li .oneD{ font-size: 14px;}
    
    .srchArea{top:70px; padding:60px 0 25px;}
    .srchArea .inputArea {width:600px;}

    .allMenu .openDiv {height:calc(100% - 70px); height:-webkit-calc(100% - 70px); top:70px; }
    .allMenu .openDiv .oneD_area {margin:60px 0;}
    .allMenu .openDiv .oneD_area:last-child {margin-bottom:40px;}
    .allMenu .openDiv .oneD_area .oneD {font-size:22px;}
    .allMenu .openDiv .oneD_area > .twoD_area {padding:30px 0; margin-top:30px;}
    .allMenu .openDiv .oneD_area > .twoD_area .twoD {width:16.5%;}
    .allMenu .openDiv .oneD_area > .twoD_area .twoD > a {font-size:16px;}
    .allMenu .openDiv .oneD_area > .twoD_area .twoD .thrD a {font-size:14px; margin:15px 0;}
    .allMenu .openDiv .oneD_area > .twoD_area .twoD_inner {padding-top:15px;}

    /* main header */
    #header.main h1 a {}
    #header.main .moin a {background-size:100% auto;}

    /* main header - SCROLLED, HOVER */
    #header.main.scrolled h1 a, #header.main.hover h1 a {}
    .en #header #gnb li .twoD li a, .en .allMenu .openDiv .oneD_area > .twoD_area .twoD .thrD a{font-size: 12px;}
    .en #header.main.scrolled h1 a, #header.main.hover h1 a{    background-position: center center;}
    #header.main.scrolled .moin a, #header.main.hover .moin a {background-size:100% auto;}
    
    /* footer */
    #footer .top {padding:25px 0;}
    #footer .top .left {padding-right:380px}
    #footer .top .left .links a {font-size:14px; margin-top:5px;}
    #footer .top .left .links a:after {width:2px; height:2px; margin:0 5px 0 10px;}
    #footer .top .left > p {font-size:14px; margin-top:20px;}
    #footer .top .familySite {right:5%;}
    /* #footer .top .familySite select {font-size:14px;}
    #footer .top .familySite select:first-child {width:210px;}
    #footer .top .familySite select:last-child {width:160px;} */
    #footer .bottom {padding:15px 0;}
    #footer .bottom .copyright {padding:4px 0; margin-left:15px; font-size:13px;}
    #footer .bottom .sns { margin-top:0;}
    #footer .bottom .award {margin-top:-4px}
    #footer .bottom .award img {height:35px;}
    .inner .logo{ height: 30px;}

    .lnb:after {height:50px;}
    .lnb .homeBt {width:50px; height:50px;}    
    .lnb .inner .container {width:calc(100% - 50px);}
    .lnb .inner .container > div {width:33.3%;}
    .lnb .inner .container > div:first-child {width:33.4%;}
    .lnb .inner .container > div  > a {padding:17px 30px;}

    .lnb .hoverTwoD {width:100%;}
    .lnb .hoverThrD {width:calc(100% - 2px);}
    .lnb .moreMenu > .hoverThrD {width:100%;}

    /* listType */
    .listType1 ul li a .date {width:120px;}
    .listType1 ul li a .txtArea {width:450px; padding:0; padding-left:25px;}
    .listType1 ul li a .img {width:320px; height:204px;}

    .listType3 {position:relative;} 
    .listType3 .listDiv a {width:23%; margin-right:2.5%;}

    .listType3 .listDiv.type2 {border:none;} 
    .listType3 .listDiv.type2 > div {width:23%; margin:30px 2.5% 0 0}
    .listType3 .listDiv.type2 > div .txtArea {padding:20px;}
    .listType3 .listDiv.type2 > div .txtArea .downLink {padding:10px 5px; font-size:14px;}
    .listType3 .listDiv.type2 > div .txtArea .downLink span {padding-right:20px;}

    .listType4 a {width:23%; margin-right:2.5%; margin-top:50px;} 
    .listType4 a .label {top:20px; left:20px; padding:7px 5px 5px; font-size:13px;}
    .listType4 a .imgCon .txt {width:calc(100% - 40px); bottom:-1px;}
    .listType4 a .imgCon .txt span {font-size:15px; line-height:25px;}

    
    .listType5 a {width:49%;}
    .listType5 a .imgCon {width:200px; position:relative;}
    .listType5 a .imgCon img {position:absolute; top:50%; left:50%; transform:translate(-50%, -50%);}
    .listType5 a .txtArea {width:calc(100% - 200px); height:256px; padding:40px; box-sizing:border-box;}
    .listType5 a .txtArea > .tit {font-size:22px; line-height:30px; font-weight:700; color:#000; overflow:hidden; text-overflow:ellipsis; height:60px;     word-wrap:break-word; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical}
    .listType5 a .txtArea ul {margin-top:25px;}
    .listType5 a .txtArea ul li {margin-top:10px;}
    .listType5 a .txtArea ul li:first-child {margin-top:0}
    .listType5 a .txtArea ul li:after {content:""; display:block; clear:both;}
    .listType5 a .txtArea ul li p {float:left; width:calc(100% - 80px); }
    .listType5 a .txtArea ul li p.tit {color:#000; font-weight:700; width:80px; text-align:justify;}



    /* viewType */
    .viewType1 {max-width:90%;}
    .viewType1 .titArea.type2 .date {width:175px;}
    
    .viewType2 {max-width:90%;}

    .topBtn {right:1%;}

    .layerPop2 {width:1000px;}    
    .layerPop2.guidePop .guide1 .productList > div {width:19%; margin-left:1%;}
    .layerPop2.guidePop .guide1 .compList li {background-size:120px 136px;}
    .layerPop2.guidePop .guide1 .compList li p span br {display:none;}/* 2018-11-15 */
    .layerPop2.guidePop .guide1 .grayBox .img {display:inline-block; margin-right:140px;}
    .layerPop2.guidePop .guide1 .grayBox .img:last-child {margin-right:0;}
    .layerPop2.guidePop .guide1 .grayBox img {max-width:100%;}
    .layerPop2.guidePop .guide1 .grayBox img.mobile {display:none;}
    .layerPop2.guidePop .guide1 .whiteBox {border:1px solid #e0e0e0; background:#fff; padding:40px 0; margin-top:20px; text-align:center;}
    .layerPop2.guidePop .guide1 .whiteBox img {max-width:100%;}
    .layerPop2.guidePop .guide1 .whiteBox img.mobile {display:none;}

    .layerPop2.guidePop .productDiv .imgList li {width:24%; margin-right:1%;}
    .layerPop2.guidePop .productDiv .whiteBox {padding:40px 50px;}
    .layerPop2.guidePop .productDiv .whiteBox .imgCon {width:463px;}
    .layerPop2.guidePop .productDiv .whiteBox .imgCon li {width:48%; }
    .layerPop2.guidePop .productDiv .whiteBox .imgCon li:first-child {margin-right:2%;}
    .layerPop2.guidePop .productDiv .whiteBox .imgCon li img {max-width:100%; }
    .layerPop2.guidePop .productDiv .whiteBox .dotList {margin-top:15px}



}
@media screen and (max-width:1204px) {
    /* header*/
    #header #gnb {display:none !important;}
    #header .rightDiv .lang {display:none !important ;}
    #header .rightDiv .srchBtn {display:none !important;}
    #header .moin {display:none;}
}

@media screen and (max-width:1023px) {



    .allMenu .openDiv {border-top:0; padding-top:40px; padding-bottom:100px; box-sizing:border-box; overflow-x:hidden;}
    .allMenu .openDiv .oneD_area {margin:0;}
    .allMenu .openDiv .oneD_area:nth-last-of-type(1) {margin-bottom:0; border-bottom:1px solid #e0e0e0;}
    .allMenu .openDiv .oneD_area .oneD {display:block; padding:35px 3%; font-size:30px; border-top:1px solid #e0e0e0; background:url("../img/icon/all_oneD.png") no-repeat right 3% center;}
    .allMenu .openDiv .oneD_area:hover .oneD {color:#000;}
    .allMenu .openDiv .oneD_area .oneD.on {color:#000; background-image:url("../img/icon/all_oneD_on.png");}
    .allMenu .openDiv .oneD_area .oneD.curent {color:#265fae; background-image:url("../img/icon/all_oneD_curent.png");}
    .allMenu .openDiv .oneD_area .oneD.curent.on {color:#265fae; background-image:url("../img/icon/all_oneD_curent_on.png");}
    .allMenu .openDiv .oneD_area > .twoD_area { padding:0; margin-top:0; border:0; border-top:1px solid #e0e0e0}
    .allMenu .openDiv .oneD_area > .twoD_area .twoD {float:none; width:100%;}
    .allMenu .openDiv .oneD_area > .twoD_area .twoD > a {display:block; padding:30px 5%; font-size:20px; }
    .allMenu .openDiv .oneD_area > .twoD_area .twoD > a.thrBt {background:url("../img/icon/all_twoD.png") no-repeat right 5% center;}
    .allMenu .openDiv .oneD_area > .twoD_area .twoD .thrD {background:#f6f6f6; border:1px solid #e0e0e0; border-top:0; padding:30px 0; display:none;}
    .allMenu .openDiv .oneD_area > .twoD_area .twoD .thrD a {display:block; margin:0; font-size:18px; line-height:42px; padding:0 5%}
    .allMenu .openDiv .oneD_area > .twoD_area .twoD .thrD a:last-child {margin-bottom:0;}
    .allMenu .openDiv .oneD_area > .twoD_area .twoD_inner {padding-top:0;}
    .allMenu .openDiv .oneD_area > .twoD_area .twoD > a.curent {color:#fff; background-color:#555; }
    .allMenu .openDiv .oneD_area > .twoD_area .twoD > a.thrBt.curent {background-image:url("../img/icon/all_twoD_curent.png");}
    .allMenu .openDiv .oneD_area > .twoD_area .twoD .thrD a.curent {color:#000; font-weight:700;}
    .allMenu .openDiv .mlangBtn {display:block; padding:0 3% 40px;}    
    .allMenu .openDiv .mlangBtn a {display:inline-block; font-size:20px; font-family:'Proxima-Regular', sans-serif; font-weight:normal; margin-right:20px;}
    .allMenu .openDiv .mlangBtn a.on {font-family:'Proxima-Bold', sans-serif; font-weight:normal; color:#265fae;}

    /* footer */
    #footer .top .left {padding-right:200px;}
    #footer .top .left .links a:after {margin:0 10px 0 15px;}
    #footer .top .left > p > span {display:block; margin-top:5px; margin-left:0;}
    #footer .top .familySite {top:-15px; width:200px;}
    /* #footer .top .familySite select {float:none;}
    #footer .top .familySite select:first-child {width:100%;}
    #footer .top .familySite select:last-child {width:100%; margin-top:5px;} */

    #footer .bottom .inner {position:relative;}
    #footer .bottom .inner:after {content:""; display:block; clear:both;}
    #footer .bottom p {float:none;}
    #footer .bottom .copyright {float:none; margin-left:0; padding:10px 0;}
    #footer .bottom .sns {float:none; position:absolute; top:0; right:5%; margin-top:0;}
    #footer .bottom .award {float:none; position:absolute; top:-4px; right:calc(5% + 140px); margin:0;}
    
    .subV {height:380px;}
    .subV .titArea {top:45%; transform:translateY(-50%);}
    .subV .titArea h2 {font-size:56px;} 
    .subV .printBtn {display:none;}    
    .subV .bg.v4_5 div {background-image:url("../img/icon/subV4_5_t.jpg");}

    .lnb {top:calc(100% - 60px);}
    .lnb:after {display:none;}
    .lnb .homeBt {display:none;}
    .lnb .inner {padding:0;}
    .lnb .inner .container {width:100%;}
    .lnb .inner .container > div {float:none; display:none; width:100%; }
    .lnb .inner .container > div:last-child {display:block;}
    .lnb .inner .container > div:last-child  > a {padding:22px 30px; border-right:0; color:#fff; background-color:#043f66;}
    .lnb .hoverMenu {display:none !important;}

    .srchType1 {margin:40px 0 30px; text-align:right;}
    .srchType1 select {position:relative; top:0; right:auto; width:100%; height:54px; border-bottom:0;}
    .srchType1 .inputDiv {width:100%; float:none; }
    .srchType1 .inputDiv input {width:calc(100% - 54px); height:54px; box-sizing:border-box; border:1px solid #e0e0e0; border-right:0;}
    .srchType1.yearS {}
    .srchType1.yearS select{position:absolute; border-bottom:1px solid #e0e0e0;}
    .srchType1.yearS .inputDiv {float:right;}

    .listType1 {margin-top:100px;}
    .listType1 ul li a {padding:30px 0;}
    .listType1 ul li a .date {float:none; width:100%;}
    .listType1 ul li a .date span {display:none;}
    .listType1 ul li a .txtArea {float:none; width:100%; padding:0; margin:20px 0;}
    .listType1 ul li a .txtArea .tit {font-size:20px; color:#000; line-height:30px; font-weight:700; display:-webkit-box; height:60px; overflow:hidden; text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
    .listType1 ul li a .txtArea .txt {display:none;}
    .listType1 ul li a .txtArea:after {display:none;}
    .listType1 ul li a .img {float:none; width:100%; height:auto; text-align:center;}

    .listType2 {margin-top:100px;}
    .listType2 ul li a {display:block; padding:20px 3%; box-sizing:border-box; position:relative;}
    .listType2 ul li a > p {display:block;}
    .listType2 ul li a > p.type {width:160px; text-align:left; margin-bottom:10px;}
    .listType2 ul li a > p.type span {text-align:center;}
    .listType2 ul li a > p.title {padding:0;}
    .listType2 ul li a > p.date {position:absolute; top:20px; right:3%; width:auto; line-height:36px; text-align:right;}
    .listType2 ul li a:hover .title span{text-decoration:underline; font-weight:700;}
    
    .listType2 ul.type2 li {padding:20px 3%; position:relative;}
    .listType2 ul.type2 li .num {display:block; width:auto; margin-bottom:10px;}
    .listType2 ul.type2 li .title {display:block; width:75%; }
    .listType2 ul.type2 li .date {display:block; width:auto; text-align:left; position:absolute; top:20px; right:3%;}
    .listType2 ul.type2 li .down {display:block; width:auto; text-align:left; margin-top:20px;}
    .listType2 ul.type2 li .down a {display:inline-block; width:auto; padding:0; border:2px solid #e0e0e0; border-radius:3px; border-radius:3px; padding:10px 20px;}
    .listType2 ul.type2 li .down a span {display:block; font-weight:700; padding-right:25px; background:url("../img/icon/alertArea_btnIcon.png") no-repeat right center;}
    .listType2 ul.type2 li .down a:hover {background:#8bbf45; border-color:#8bbf45; }
    .listType2 ul.type2 li .down a:hover span {color:#fff; background-image:url("../img/icon/down_icon.png");}
    .listType2 ul.type2 li .down.type2 {width:100%; display:block; text-align:left; }

    .listType3 {margin-top:100px;}
    .listType3 .listDiv a {display:block; float:left; width:48%; margin-right:4%; }
    .listType3 .listDiv a:nth-child(even) {margin-right:0;}
    
    .listType3 .listDiv.type2 > div {width:48%; margin-right:0; margin-top:30px;}
    .listType3 .listDiv.type2 > div:nth-child(-n+4) {margin-top:30px;} 
    .listType3 .listDiv.type2 > div:nth-child(-n+2) {margin-top:0;} 
    .listType3 .listDiv.type2 > div:nth-child(4n) {margin-right:0;}
    .listType3 .listDiv.type2 > div:nth-child(even) {float:right} 
    .listType3 .listDiv.type2 > div .txtArea .downLink {padding:10px 20px; font-size:14px;}
    .listType3 .listDiv.type2 > div .txtArea .downLink span {padding-right:25px;}
    
    .listType4 a {width:48%; margin-right:4%;}
    .listType4 a:nth-of-type(4n) {margin-right:2%;}
    .listType4 a:nth-of-type(2n) {margin-right:0;}
    .listType4 a:nth-of-type(-n+4) {margin-top:50px;}
    .listType4 a:nth-of-type(-n+2) {margin-top:0;}    
    .listType4 a .label {top:20px; left:30px; padding:10px; font-size:16px;}
    .listType4 a .imgCon .txt {bottom:-1px; width:calc(100% - 60px);}

    .listType5 a {float:none; width:100%; margin-top:20px;} 
    .listType5 a:after {content:""; display:block; clear:both;}
    .listType5 a:nth-of-type(even) {float:none;}
    .listType5 a:nth-child(-n+2) {margin-top:20px;}
    .listType5 a:first-child {margin-top:0}
    .listType5 a .imgCon {width:300px; height:256px; overflow:hidden; float:left;}
    .listType5 a .txtArea {float:left; width:calc(100% - 300px); height:256px; padding:40px;}
    .listType5 a .txtArea > .tit {font-size:22px; line-height:30px; font-weight:700; color:#000; overflow:hidden; text-overflow:ellipsis; height:60px;     word-wrap:break-word; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical}
    .listType5 a .txtArea ul {margin-top:25px;}
    .listType5 a .txtArea ul li {margin-top:10px;}
    .listType5 a .txtArea ul li:first-child {margin-top:0}
    .listType5 a .txtArea ul li:after {content:""; display:block; clear:both;}
    .listType5 a .txtArea ul li p {float:left;}
    .listType5 a .txtArea ul li p.tit {color:#000; font-weight:700; width:80px; text-align:justify;}




    .viewType1 {max-width:100%; }
    .viewType1 .titArea {display:block; padding:40px 5%; box-sizing:border-box;}
    .viewType1 .titArea .tit {display:block; padding:0; line-height:30px;}
    .viewType1 .txtArea .txt {width:100%;}
    .viewType1 .titArea .date {display:block; padding:0; margin-top:20px; width:100%; text-align:left;}
    .viewType1 .titArea.type2 .type {display:block; width:100%; text-align:left; padding:0; margin-bottom:20px;}
    .viewType1 .titArea.type2 .type span {text-align:center;}
    .viewType1 .titArea.type2 .tit {padding:0}
    
    .viewType2 {max-width:100%;} 
    .viewType2 .titArea {padding:40px 5%; box-sizing:border-box;}
    .viewType2 .titArea .tit {padding:0; line-height:30px;}
    .viewType2 .txtArea {display:block; margin:60px 0 80px; padding:0 5%;}
    .viewType2 .txtArea .imgCon {display:block; width:100%; text-align:center;}
    .viewType2 .txtArea .dotList {display:block; padding:50px 0 0;}
    

    .writeType1 {padding:0;}
    .writeType1 ul li {display:block; padding-bottom:25px; border-top:1px solid #e0e0e0;}
    .writeType1 ul li:first-child {border-top:0;}
    .writeType1 ul li .left {display:block; width:100%; padding:25px 20px; box-sizing:border-box;}
    .writeType1 ul li .left .tit {font-weight:700;}
    .writeType1 ul li .right {display:block; padding:0 20px; box-sizing:border-box;}
    .writeType1 ul li .right.inputArea select {width:100%; margin-left:0; margin-top:5px;}
    .writeType1 ul li .right.inputArea select:first-child {margin-top:0;}

    .writeType1 ul li .right.inputArea input[type="text"] {height:46px; width:100%; box-sizing:border-box;}
    .writeType1 ul li .right.inputArea input[type="tel"] {height:46px; width:100%; box-sizing:border-box;}
    .writeType1 ul li .right.inputArea .fileDiv > input {float:left; height:46px; width:calc(100% - 147px); margin-right:5px;}
    .writeType1 ul li .right.inputArea .mark.blackT {margin-bottom:0}
    .writeType1 ul li .right.inputArea .captchaDiv .captchaImg {width:178px; height:52px; float:left; border:1px solid #e0e0e0; margin-right:5px; overflow:hidden}
    .writeType1 ul li .right.inputArea .captchaDiv .captchaImg img {width:100%}
    .writeType1 ul li .right.inputArea .captchaDiv .againBt {height:52px;}
    .writeType1 ul li .right.inputArea .captchaDiv .listenBt {height:52px;}
    .writeType1 ul li .right.inputArea .captchaDiv input {width:calc(100% - 274px);}

    .writeType1.type2 ul li .left {width:auto;}
    .writeType1.type2 ul li .right {padding:10px 20px;}
    .writeType1.type2 ul li .right.inputArea select {width:100%; height:46px;}
    .writeType1.type2 ul li .right.inputArea select + input {margin-top:5px;}
    .writeType1.type2 ul li .right.inputArea .captchaDiv input {width:calc(100% - 274px);}

    .paging a.mobile {display:none;}
    
    .layerPop {width:90%;}    
    .layerPop .popBody {padding:40px 30px 60px;}    
    .layerPop.prodDown .tableType1 table {width:150%;}
    .layerPop.mail .popBody {height:auto; padding:40px 30px 60px;}
    .layerPop.mail .popBody .txt1 br {display:none;}
    .layerPop .popBody .searchDiv .selectArea {float:none; margin-right:0; width:100%; margin-bottom:10px;}
    .layerPop .popBody .searchDiv .selectArea select {float:left; width:calc(33.3% - 2px); margin-left:3px;}
    .layerPop .popBody .searchDiv .inputArea {width:calc(100% - 57px); float:left;}
    .layerPop .popBody .searchDiv .resetBtn {float:left; margin-left:3px;}
    .layerPop.prodDown .grayBox {padding:25px 50px; margin-top:20px;}
    .layerPop.prodDown .grayBox .roundList li {width:50%;}
    .layerPop.prodDown .popBody .popBtnArea {margin:20px 0;}
    .layerPop.prodDown .grayBox .moreBtn {margin:20px auto 0;}
    .layerPop.poolPop .popBody {height:auto; padding:40px 30px 60px;}
    .layerPop.poolPop .employBox .tit {margin-top:30px;}
    .layerPop.poolPop .employBox .grayBox {border:1px solid #e0e0e0; background:#f4f4f4; padding:50px 20px; margin-top:20px;}
    .layerPop.poolPop .employList li {width:120px; height:136px; margin-right:5px; background-size:120px 136px;}
    .layerPop.poolPop .employList li p span{letter-spacing:-2px; font-size:14px}
    .layerPop.poolPop .employList li p span strong{letter-spacing:0}
    .layerPop.poolPop .employList li p span .greenBt {font-size:12px; line-height:1.3; margin-top:10px; border-radius:3px;}
    .layerPop.poolPop .employList li p span .greenT {display:block; color:#265fae; line-height:20px; margin-top:10px;}

    .layerPop2 {width:90%;}    
    .layerPop2 .tabArea {padding:0 30px;} 
    .layerPop2 .tabArea .tabBtn2 {margin-top:30px; overflow-x:auto;}
    .layerPop2 .tabArea .tabBtn2 .scrollDiv {display:block; float:left; white-space:nowrap; position:relative; text-align:center;}
    .layerPop2 .tabArea .tabBtn2 a {display:inline-block; padding:20px 30px; text-align:center; font-size:15px;}
    
    
    .layerPop2.guidePop .guide1 {padding:0 30px 30px;}
    .layerPop2.guidePop .guide1 .h3TxtArea .txt br {display:none;}
    .layerPop2.guidePop .guide1 .productList > div {width:32%; margin-left:2%; margin-top:15px;}
    .layerPop2.guidePop .guide1 .productList > div:nth-of-type(-n+3) {margin-top:0;}
    .layerPop2.guidePop .guide1 .productList > div:nth-of-type(3n-2){margin-left:0}
    .layerPop2.guidePop .guide1 .productArea .boxWrap .boxArea.imgType {padding:20px 30px;}
    .layerPop2.guidePop .guide1 .productArea .boxWrap .boxArea.txtType {padding:20px 40px;}
    .layerPop2.guidePop .guide1 .compList {margin: 50px auto;}
    .layerPop2.guidePop .guide1 .compList li {width:140px; height:159px; background-size:140px 159px}
    .layerPop2.guidePop .guide1 .grayBox .img {display:block; margin-right:0;}
    .layerPop2.guidePop .guide1 .grayBox .img:last-child {margin-top:35px;}

    
    .layerPop2.guidePop .guideDiv2 .h3TxtArea {padding:0 30px;}
    .layerPop2.guidePop .guideDiv2 .h3TxtArea br {display:none;}
    .layerPop2.guidePop .guideDiv2 .topArea .iconBtn {width:calc(100% - 60px); overflow-x:auto;}
    .layerPop2.guidePop .guideDiv2 .topArea .iconBtn .scrollDiv {width:792px;}
    
    .layerPop2.guidePop .guideDiv2 .grayArea .linkArea {text-align:left; }
    .layerPop2.guidePop .guideDiv2 .grayArea .linkArea > div {width:49%; display:inline-block; margin-top:40px;}
    .layerPop2.guidePop .guideDiv2 .grayArea .linkArea > div:nth-of-type(-n+2) {margin-top:0}
    .layerPop2.guidePop .guideDiv2 .grayArea .linkArea > div ul {display:inline-block; vertical-align:top; border-left:1px solid #e0e0e0; padding-left:20px;}
    .layerPop2.guidePop .guideDiv2 .grayArea .linkArea > div ul li {text-align:left; margin-top:20px;}
    .layerPop2.guidePop .guideDiv2 .grayArea .linkArea > div ul li:first-child {margin-top:0}
    .layerPop2.guidePop .productDiv {padding:0 30px;}
    .layerPop2.guidePop .productDiv .imgList li {width:32%; margin-right:2%; margin-top:20px;}
    .layerPop2.guidePop .productDiv .imgList li:nth-of-type(3n) {margin-right:0}
    .layerPop2.guidePop .productDiv .imgList li:nth-of-type(-n+3) {margin-top:0;}

    .layerPop2.guidePop .productDiv .whiteBox {padding:30px;}
    .layerPop2.guidePop .productDiv .whiteBox .imgCon {width:100%; margin-top:15px;}
    .layerPop2.guidePop .productDiv .whiteBox .imgCon li {width:48%; }
    .layerPop2.guidePop .productDiv .whiteBox .imgCon li:first-child {margin-right:2%;}
    .layerPop2.guidePop .productDiv .whiteBox .imgCon li img {max-width:100%; width:100%;}
    .layerPop2.guidePop .productDiv .whiteBox .dotList {margin-top:0}


    .layerPop2 .factoryDiv {padding:0 30px;}
    .layerPop2 .factoryDiv .h3TxtArea br {display:none;}

    .layerPop2 .factoryDiv .factoryList > div .factoryTxt {float:none; width:100%; padding-right:0;}    

}

@media screen and (max-width:758px) {
    select{padding:5px 6% 5px 2%; height:40px; font-size:14px; background-position:right 7px center; background-size:8px auto;}
    .banner-mouse{ display: none;}
    .subWrap {padding-bottom:88px;}
    .inner {width:auto; padding:0 3%;}
    
    .mt40{margin-top:20px !important}
    .mt60{margin-top:30px !important}
    .mt80{margin-top:40px !important}

    /* header */
    #header {height:45px;}
    #header h1 {margin:10px 10px 0 3%;}
    #header h1 a {width:145px; height:25px;}
    #header .rightDiv .allMenu .allMenuBtn {width:45px; height:45px; background-size:15px 12px;}
    #header .rightDiv .allMenu .allMenuBtn.on {background-size:14px;}

    
    .allMenu .openDiv {height:calc(100% - 45px); height:-webkit-calc(100% - 45px); top:45px; padding-top:20px; padding-bottom:50px;}
    .allMenu .openDiv .oneD_area .oneD {padding:20px 3%; font-size:18px; background-size:13px; display: none;}
    .allMenu .openDiv .oneD_area > .twoD_area .twoD > a {display:block; padding:15px 5%; font-size:15px; }
    .allMenu .openDiv .oneD_area > .twoD_area .twoD > a.thrBt {background-size:10px auto;}
    .allMenu .openDiv .oneD_area > .twoD_area .twoD .thrD {padding:15px 0;}
    .allMenu .openDiv .oneD_area > .twoD_area .twoD .thrD a {font-size:13px; line-height:30px; padding:0 5%}
    .allMenu .openDiv .mlangBtn {padding:0 3% 20px;}    
    .allMenu .openDiv .mlangBtn a {font-size:13px; margin-right:15px;}

    /* footer */
    #footer .top {padding:25px 0;}
    #footer .top .inner {padding-top:50px; }
    #footer .top .left {padding-right:0;}
    #footer .top .left .links {margin:15px 0;}
    #footer .top .left .links a {line-height:25px; font-size:12px; margin-top:0;}
    #footer .top .left .links a:after {margin:0 4px 0 9px;}
    #footer .top .left > p {font-size:12px; line-height:1.5; margin-top:0;}
    #footer .top .familySite {top:0; left:3%; width:94%;}
    #footer .bottom {padding:15px 0;}
    #footer .bottom .inner {position:relative;}
    #footer .bottom .inner:after {content:""; display:block; clear:both;}
    #footer .bottom p {float:none;}
    #footer .bottom .copyright {padding:15px 0; float:none; margin-left:0; font-size:10px;}
    #footer .bottom .sns {float:none; position:absolute; top:0; right:3%; margin-top:0;}
    #footer .bottom .sns a:after {height:14px;}
    #footer .bottom .award {float:none; position:absolute; top:-4px; right:calc(3% + 90px); margin:0;}
    #footer .bottom .award img {width:18px; height:auto;}
    .inner .logo{ height: 30px;}
    .subV {height:190px;}
    .subV .titArea .h2Txt {font-size:11px; margin-bottom:10px;}
    .subV .titArea h2 {font-size:28px;} 

    .lnb {top:calc(100% - 40px);}
    .lnb .inner .container > div:last-child  > a {padding:14px 3%; border-right:0; font-size:12px; background-position:right 3% center; background-size:20px;}
    .lnb .moreMenu {padding:10px 0 12px;}
    .lnb .moreMenu a {display:block; padding-left:3%; font-size:12px; line-height:27px;}
    
    #cBody h3 {font-size:29px; margin-top:50px;}    
    .h3TxtArea {margin-bottom:40px;}
    .h3TxtArea.prodTab {margin-top:35px;}
    .h3TxtArea.mt {margin-top:50px;}
    .h3TxtArea .tit {font-size: 16px; margin-top: 35px;}
    .h3TxtArea .sTit {font-size:29px;}
    .h3TxtArea .sTitSub {font-size:13px; margin-top:10px;}
    .h3TxtArea .txt {font-size: 13px; line-height: 20px; margin-top:25px; line-height: 1.6;}
    .productTit {font-size:16px; padding-left:25px; margin:40px 0 20px;}
    .productTit:before {width:15px; height:16px; background-size:13px;}
    .productTit2 {font-size:15px; margin:30px 0 15px;}
    .productTxt.ncc {font-size:13px; line-height:1.5;}

    
    .srchType1 {margin:35px 0 15px;}
    .srchType1 select {width:100%; height:40px; font-size:13px; padding:5px 3%;}
    .srchType1 .inputDiv input {width:calc(100% - 40px); height:40px;}
    .srchType1 .inputDiv .srchBtn {width:40px; height:40px; background-size:19px; }
    .srchType1 .inputDiv .grayBtn {padding:0; font-size:14px; margin-left:5px; width:60px; height:35px; line-height:37px;}
    .srchType1.yearS {}
    .srchType1.yearS select{position:relative; top:0; right:auto; width:calc(100% - 65px); height:35px; font-size:13px;}
    .srchType1.yearS .inputDiv {width:auto;}


    .listType1 {margin-top:50px;}
    .listType1 .listTab {top:-37px; left:0;}
    .listType1 .listTab a {padding:0 8px; font-size:12px;}
    .listType1 ul {padding:0}
    .listType1 ul li a {padding:30px 0;}
    .listType1 ul li a .date {font-size:13px; line-height:16px;}
    .listType1 ul li a .txtArea {margin:10px 0 15px;}
    .listType1 ul li a .txtArea .tit {font-size:14px; line-height:20px; height:40px;}

    .listType2 {margin-top:50px;}
    .listType2 .poolBtn {top:-45px; padding:10px 15px; font-size:13px;}
    .listType2 ul li a {padding:10px 3%;}
    .listType2 ul li a > p.type {width:160px; margin-bottom:5px;}
    .listType2 ul li a > p.type span {width:50px; height:14px; padding:4px 0 2px; font-size:12px; line-height:1.1; border-radius:10px;}
    .listType2 ul li a > p.title span {font-size:14px;}
    .listType2 ul li a > p.date {top:10px; font-size:12px; line-height:17px;}

    .listType2 ul.type2 li {padding:20px 3%;}
    .listType2 ul.type2 li .num {font-size:12px;}
    .listType2 ul.type2 li .title {font-size:14px; }
    .listType2 ul.type2 li .date {font-size:12px;}
    .listType2 ul.type2 li .down {margin-top:10px;}
    .listType2 ul.type2 li .down a {border:1px solid #e0e0e0; padding:5px 10px;}
    .listType2 ul.type2 li .down a span {padding-right:15px; background-size:8px; font-size:12px;}
    .listType2 ul.type2 li .down a:hover {background:#8bbf45; border-color:#8bbf45; }
    .listType2 ul.type2 li .down a:hover span {color:#fff; background-image:url("../img/icon/down_icon.png");}
    .listType2 ul.type2 li .down.type2 {width:100%; display:block; text-align:left; }


    .listType3 {margin-top:50px;}
    .listType3 .listTab {top:-35px; left:0;}
    .listType3 .listTab a {padding:0 10px; font-size:13px;}
    
    .listType3 .listDiv {margin-top:60px;}
    .listType3 .listDiv a .txtArea .tit {font-size:16px; line-height:1.3; }
    .listType3 .listDiv a .txtArea .date {margin:15px 0; font-size:13px;} 
    .listType3 .listDiv a .txtArea .txt {font-size:13px; line-height:1.3; height:48px;}

    .listType3 .listDiv.type2 {margin-top:30px;}
    .listType3 .listDiv.type2 > div {margin-top:15px;}
    .listType3 .listDiv.type2 > div:nth-child(-n+2) {margin-top:0;} 
    .listType3 .listDiv.type2 > div .imgCon {padding:20px 20px 0; overflow:hidden;}
    .listType3 .listDiv.type2 > div .txtArea {padding:15px;}
    .listType3 .listDiv.type2 > div .txtArea .tit {font-size:14px; line-height:1.3;}
    .listType3 .listDiv.type2 > div .txtArea .downLink {margin-top:15px; padding:5px 10px; border:1px solid #e0e0e0;}
    .listType3 .listDiv.type2 > div .txtArea .downLink span {padding-right:15px; background-size:8px; font-size:12px;}
    
    .listType4 a {margin-top:25px;}
    .listType4 a:nth-of-type(-n+4) {margin-top:25px;}
    .listType4 a:nth-of-type(-n+2) {margin-top:0;}    
    .listType4 a .label {top:10px; left:15px; padding:5px 5px 3px; font-size:12px;}
    .listType4 a .imgCon .txt {width:calc(100% - 30px); padding:10px 0;}
    .listType4 a .imgCon .txt span {font-size:13px; line-height:1.5; padding:0 10px;}
    .listType4 a .imgCon .txt span:before {width:8px; height:4px; background-size:100%;}
    .listType4 a .imgCon .txt span:after {bottom:4px; width:8px; height:4px; background-size:100%;}
    .listType4 a .txtCon {padding-top:20px; font-size:13px;}
    
    .listType5 a {float:none; width:100%; margin-top:10px;}
    .listType5 a:nth-of-type(even) {float:none;}
    .listType5 a:nth-child(-n+2) {margin-top:10px;}
    .listType5 a:first-child {margin-top:0}
    .listType5 a .imgCon {width:45%; height:200px; overflow:hidden; float:left;}
    .listType5 a .imgCon img {max-height:100%;}
    .listType5 a .txtArea {float:left; width:calc(100% - 45%); height:200px; padding:20px;}
    .listType5 a .txtArea > .tit {font-size:16px; line-height:1.3; height:42px;}
    .listType5 a .txtArea ul {margin-top:10px;}
    .listType5 a .txtArea ul li {margin-top:8px;}
    .listType5 a .txtArea ul li p {font-size:13px; line-height:1.3; width:calc(100% - 70px);}
    .listType5 a .txtArea ul li p.tit {width:70px;}
    .listType5 a .txtArea ul li.t2 p {float:none; width:100%;}
    .listType5 a .txtArea ul li.t2 p.tit {width:100%;}

    .noData {padding:60px 0 85px;}
    .noData .txt {font-size:13px; padding-top:73px; background-size:57px;}
    .noData.faq {margin-top:30px;}


    /* viewType */
    .viewType1 {margin:40px auto 0;}
    .viewType1 .titArea {padding:25px 3%;}
    .viewType1 .titArea .tit {font-size:15px; line-height:20px; color:#000; font-weight:700;}
    .viewType1 .titArea .date {font-size:12px; margin-top:15px;}

    .viewType1 .titArea.type2 .type {margin-bottom:15px;}
    .viewType1 .titArea.type2 .type span {width:50px; height:14px; padding-top:4px; line-height:1; border-radius:10px; font-size:12px;}
    .viewType1 .txtArea {padding:30px 3% 50px;}
    .viewType1 .txtArea .imgCon {margin-bottom:30px;}
    .viewType1 .txtArea .txt {font-size:12px; line-height:20px;}
    .viewType1 .fileArea {padding:0 3%;}
    .viewType1 .fileArea a {padding:7px 10px; margin-right:2px; font-size:11px;}
    .viewType1 .fileArea a span {padding-left:15px; background-size:11px; background-position:0 3px}
    .viewType1 .prevNext {border-top:1px solid #e2e2e2; border-bottom:1px solid #e2e2e2; margin-top:20px;}
    .viewType1 .prevNext > div {padding:11px 15px;}
    .viewType1 .prevNext .prev span:first-child {padding-right:10px; width:45px; background-size:8px auto; font-size:13px;}
    .viewType1 .prevNext .prev span:last-child {width:calc(100% - 91px); padding-left:25px; font-size:13px; }
    .viewType1 .prevNext .next span:first-child {padding-right:10px; width:45px;  background-size:8px auto; font-size:13px;}
    .viewType1 .prevNext .next span:last-child {width:calc(100% - 91px); padding-left:25px; font-size:13px; }

    
    .viewType2 {margin:40px auto 0;} 
    .viewType2 .titArea {padding:25px 3%;}
    .viewType2 .titArea .tit {font-size:15px; line-height:20px; }
    .viewType2 .txtArea {margin:30px 3% 50px; padding:0}
    .viewType2 .txtArea .dotList {padding:25px 0 0}
    .viewType2 .txtArea .dotList li {font-size:13px; line-height:1.5; margin-top:10px;}
    .viewType2 .txtArea .dotList li:first-child {margin-top:0}
    .viewType2 .txtArea .dotList li .clear .tit {float:left; width:85px; padding-left:8px; background-size:2px; }    
    .viewType2 .txtArea .dotList li .clear .tit:after {right:auto; left:80px; font-size:13px;}
    .viewType2 .txtArea .dotList li.t2 .clear p {float:none; width:100%; }


    .viewType2 .prevNext {border-top:1px solid #e2e2e2; border-bottom:1px solid #e2e2e2; margin-top:20px;}
    .viewType2 .prevNext > div {padding:11px 15px;}
    .viewType2 .prevNext .prev span:first-child {padding-right:10px; width:45px; background-size:8px auto; font-size:13px;}
    .viewType2 .prevNext .prev span:last-child {width:calc(100% - 91px); padding-left:25px; font-size:13px; }
    .viewType2 .prevNext .next span:first-child {padding-right:10px; width:45px;  background-size:8px auto; font-size:13px;}
    .viewType2 .prevNext .next span:last-child {width:calc(100% - 91px); padding-left:25px; font-size:13px; }


    /* writeType */
    .writeType1 ul li {padding-bottom:15px; }
    .writeType1 ul li .left {padding:15px 3%;}
    .writeType1 ul li .left .tit {font-size:15px;}
    .writeType1 ul li .right {padding:0 3%;}        
    .writeType1 ul li .right .txt {font-size:14px; line-height:1.3}
    .writeType1 ul li .right.inputArea select {height:35px; padding-right:20px;}
    .writeType1 ul li .right.inputArea input[type="text"] {height:35px; font-size:14px;}
    .writeType1 ul li .right.inputArea input[type="tel"] {height:35px; font-size:14px;}
    .writeType1 ul li .right.inputArea .mark {font-size:13px; line-height:1.5; margin-top:10px;}
    .writeType1 ul li .right.inputArea .fileDiv > input {height:27px; width:calc(100% - 87px);}
    .writeType1 ul li .right.inputArea .fileChoice {width:60px; height:14px; padding:10px 0 10px; font-size:13px;}
    .writeType1 ul li .right.inputArea .fileChoice > input {height:35px;}
    .writeType1 ul li .right.inputArea .fileArea {margin-top:5px;}
    .writeType1 ul li .right.inputArea .fileArea a {font-size:13px; padding:5px 25px 5px 10px; background-size:10px; background-position:right 10px center;}
    .writeType1 ul li .right.inputArea .captchaDiv {position:relative; }
    .writeType1 ul li .right.inputArea .captchaDiv .captchaImg {width:135px; height:35px; position:absolute; top:-30px; right:50px;}
    .writeType1 ul li .right.inputArea .captchaDiv .againBt {height:35px; background-size:15px auto; margin:0; position:absolute; top:-30px; right:25px;}
    .writeType1 ul li .right.inputArea .captchaDiv .listenBt {height:35px; background-size:15px auto; margin:0; position:absolute; top:-30px; right:0;}
    .writeType1 ul li .right.inputArea .captchaDiv input {width:100%; margin-top:15px; font-size:13px;}

    .writeType1.type2 ul li .right {padding:0 3%;}
    .writeType1.type2 ul li .right.inputArea select {height:35px;}
    .writeType1.type2 ul li .right.inputArea .captchaDiv input {width:100%;}
    .writeType1Notice {padding:20px 3%;}
    .writeType1Notice .tit {font-size:16px;}
    .writeType1Notice ul {margin-top:10px;}
    .writeType1Notice ul li {font-size:14px; line-height:1.5;}
    .writeType1Notice .txt {padding-left:8px; font-size:13px; line-height:1.5;}
    .writeType1Notice .txt p {padding-left:0; display:inline;}
    .writeType1Notice .txt p:first-child {position:relative; left:0;}
    .writeType1Notice .txt p br {display:none;}
        
    .paging {margin-top:30px;}
    .paging a {font-size:12px; margin:0 9px;}
    .paging a:hover:after, .paging a.on:after {bottom:0;}
    .paging .first {width:28px; height:28px; background-size:auto 9px;}
    .paging .prev {width:28px; height:28px; background-size:auto 9px; margin-right:0;}
    .paging .next {width:28px; height:28px; background-size:auto 9px; margin-left:0;}
    .paging .last {width:28px; height:28px; background-size:auto 9px;}

    .btnArea {margin-top:25px;}
    .btnArea a {margin:2px;}
    .btnArea a:first-child {margin:2px;}
    .btnArea .blueBtn {margin-top:40px;}
    .bBlueBtn {padding:9px 36px 10px; font-size:12px;}
    .blueBtn {padding:11px 40px 12px; font-size:12px;}
    .tabBtn {display:block;width:100%;}
    .tabBtn.mt80 {margin-top:40px !important;}
    .tabBtn:after {content:""; display:block; clear:both;}
    .tabBtn a {display:block; float:left; width:50%; padding:12px 0 13px; box-sizing:border-box; border-left:0; border-top:0; font-size:13px;}
    .tabBtn a:nth-of-type(2n-1) {border-left:1px solid #e0e0e0;}
    .tabBtn a:nth-of-type(-n+2) {border-top:1px solid #e0e0e0;}
    .tabBtn a.on {background:#8bbf45; color:#fff; font-weight:700;}
    .tabBtn a.w100 {width:100%;}
    .tabBtn.employ {display:none;}
    .tabBtn.employ.mobileTab {display:table; table-layout:fixed; width:100%;}
    .tabBtn.employ.mobileTab div {display:table-row; }
    .tabBtn.employ.mobileTab div a {float:none; display:table-cell; vertical-align:middle; text-align:center; border-top:0;}
    .tabBtn.employ.mobileTab > div:first-child a:nth-of-type(-n+2) {border-top:1px solid #e0e0e0;}
    .tabBtn.table {display:table; table-layout:fixed; width:100%;}
    .tabBtn.table a {display:table-cell; vertical-align:middle; text-align:center; float:none;}
    .tabBtn.table a:first-child {border-left:1px solid #e0e0e0;}
    .tabBtn.table a.on {background:#8bbf45; border-color:#8bbf45; color:#fff; font-weight:700;}


    .chkType1 {margin:10px 0 0;}
    .chkType1 label {padding-left:22px; font-size:14px; height:16px; line-height:16px; background:url("../img/btn/checkbox.gif") no-repeat 0 50%; background-size:15px 15px;}
    .chkType1 input[type="checkbox"]:checked + label {background:url("../img/btn/checkbox_on.gif") no-repeat 0 50%; background-size:15px 15px}

    .radioType1 label {padding-left:20px; height:15px; line-height:15px; font-size:13px; background:url("../img/btn/radio_btn.png") no-repeat 0 50%; background-size:15px 15px;}
    .radioType1 input[type="radio"]:checked + label {background:url("../img/btn/radio_btn_on.png") no-repeat 0 50%; background-size:15px 15px;}

    .layerPop {width:100%; height:100%;}
    .layerPop .popHead {padding:15px 3%; font-size:16px;}
    .layerPop .popBody {padding:20px 3% 30px; height:calc(100% - 66px); overflow-y:auto; -webkit-overflow-scrolling:touch;}
    .layerPop .popBody .searchDiv .selectArea {margin-bottom:5px;}
    .layerPop .popBody .searchDiv .selectArea select {height:40px; font-size:14px;}
    .layerPop .popBody .searchDiv .inputArea {width:calc(100% - 43px);}
    .layerPop .popBody .searchDiv .inputArea input {width:calc(100% - 61px); height:32px; font-size:14px;}
    .layerPop .popBody .searchDiv .inputArea .srchBtn {width:40px; height:40px; background-size:15px auto;}
    .layerPop .popBody .searchDiv .resetBtn {width:40px; height:40px; background-size:15px auto;}
    .layerPop .popClose {top:15px; right:3%;}
    .layerPop .popClose img {width:14px; height:14px;}
    .layerPop.prodDown .grayBox {padding:15px 3%; margin-top:20px;}
    .layerPop.prodDown .grayBox .tit {font-size:18px;}
    .layerPop.prodDown .grayBox .roundList {margin-top:10px}
    .layerPop.prodDown .grayBox .roundList li {min-width:195px; width:100%; font-size:13px;}
    .layerPop.prodDown .grayBox .roundList li .round {width:25px; height:25px; font-size:13px; line-height:25px; margin-right:5px;}
    .layerPop.prodDown .grayBox .moreBtn {width:24px; height:13px; margin:10px auto 0; background-size:24px 13px;}
    .layerPop.prodDown .popBody .popBtnArea {margin:10px 0 25px;}
    .layerPop.prodDown .popBody .popBtnArea .grayBtn {padding:10px 30px; font-size:14px;}
    .layerPop.prodDown .tableType1 table {width:200%;}
    .layerPop.prodDown .tableType1 table th {padding:15px 0; font-size:14px;}
    .layerPop.prodDown .tableType1 table th:nth-child(1) {width:100px;}
    .layerPop.prodDown .tableType1 table th:nth-child(2) {width:160px;}
    .layerPop.prodDown .tableType1 table th:nth-child(3) {width:160px;}
    .layerPop.prodDown .tableType1 table th:nth-child(4) {width:130px;}
    .layerPop.prodDown .tableType1 table th:nth-child(5) {width:160px;}
    .layerPop.prodDown .tableType1 table td {padding:10px 5px; font-size:13px; line-height:1.5;}
    .layerPop.prodDown .tableType1 table td.roundTd img {width:25px}
    .layerPop.prodDown .popBody > *:last-child {margin-bottom:30px;}    
    .layerPop.contPop .popBody > *:last-child {margin-bottom:30px;}
    .layerPop.recruitPop .popBody > *:last-child {margin-bottom:30px;}
    .layerPop.mail .popBody {padding:20px 3%; height:calc(100% - 85px);}
    .layerPop.mail .popBody .icon > img {height:70px;}
    .layerPop.mail .popBody .txt1 {font-size:16px; line-height:1.5; margin-top:15px;}
    .layerPop.mail .popBody .txt2 {font-size:13px; line-height:1.5; margin-top:10px;}
    .layerPop.mail .popBody .btnArea .blueBtn {margin-top:30px;}
    .layerPop.browser {width:100%;}
    .layerPop.browser .popBody {padding:20px 3%; height:calc(100% - 85px);}
    .layerPop.browser .popBody .txt1 {font-size:14px; line-height:1.5;}
    .layerPop.browser .popBody .txt1 br {display:none;}
    .layerPop.browser .popBody .txt2 {font-size:14px; line-height:1.5; margin-top:5px;}
    .layerPop.browser .popBody .txt2 br {display:none;}
    .layerPop.browser .popBody .icons {display:block; text-align:center; margin-top:20px;}
    .layerPop.browser .popBody .icons a {float:none; padding:15px 0; width:32%; margin:0;}
    .layerPop.browser .popBody .icons a .icon img {height:30px;}
    .layerPop.browser .popBody .icons a .name {font-size:13px; margin-top:10px;}
    .layerPop.browser .popFoot {position:absolute; bottom:0; left:0; width:94%; padding:10px 3%;}
    .layerPop.poolPop .popBody {height:calc(100% - 96px); padding:20px 3% 30px;}
    .layerPop.poolPop .txt {font-size:13px; line-height:1.5;}
    .layerPop.poolPop .employBox .tit {font-size:15px; margin-top:15px;}
    .layerPop.poolPop .employBox .grayBox {padding:25px 10px; margin-top:20px;}
    .layerPop.poolPop .employList li {width:120px; height:136px; margin-right:5px; background-size:120px 136px;}
    .layerPop.poolPop .employList li p span{letter-spacing:-2px; font-size:14px}
    .layerPop.poolPop .employList li p span strong{letter-spacing:0}
    .layerPop.poolPop .employList li p span .greenBt {font-size:12px; line-height:1.3; margin-top:10px; border-radius:3px;}
    .layerPop.poolPop .employList li p span .greenT {display:block; color:#265fae; line-height:20px; margin-top:10px;}
    .layerPop .imgBtn {margin-top:25px;}
    .layerPop .imgBtn .pc {display:none;}
    .layerPop .imgBtn .mobile {display:inline-block; height:35px;}
    .layerPop .msdsBtn img {width:50px;}
    .layerPop.prodDown2 {} 
    .layerPop.prodDown2 .h3TxtArea {margin-bottom:15px;}
    .layerPop.prodDown2 .tabBtn a {padding:8px 0;}
    .layerPop.prodDown2 .tabCon {margin-top:15px; margin-bottom:30px;}

    .layerPop2 {width:100%; height:100%;}
    .layerPop2 .popHead {padding:15px 3%; font-size:16px;}
    .layerPop2 .popBody {padding:20px 0 0; height:calc(100% - 66px); overflow-y:auto; -webkit-overflow-scrolling:touch;}    
    /*.layerPop2 .popBody > *:last-child {margin-bottom:30px;}    */
    .layerPop2 .popBody .guide1 {margin-bottom:30px;}
    .layerPop2 .popBody .guideDiv2 {margin-bottom:30px;}
    .layerPop2 .popBody .factoryDiv {margin-bottom:30px;}
    .layerPop2 .popBody .btnArea {margin-bottom:30px;}

    .layerPop2 .popClose {top:15px; right:3%;}
    .layerPop2 .popClose img {width:14px; height:14px;}
    /*.layerPop2 .imgBtn {margin-top:25px;}*/
    .layerPop2 .imgBtn .pc {display:none;}
    .layerPop2 .imgBtn .mobile {display:inline-block; height:35px;}

    .layerPop2 .tabArea {padding:0 3%;} 
    .layerPop2 .tabArea .tabBtn2 {margin-top:15px;}
    .layerPop2 .tabArea .tabBtn2 a {font-size:13px; padding:10px 20px;}
    
    .layerPop2.guidePop .productTit {margin:30px 0 15px;}
    .layerPop2.guidePop .productTit2 {font-size:14px; margin:25px 0 15px;}
    .layerPop2.guidePop .productTxt {font-size:13px; line-height:1.5}
    .layerPop2.guidePop .h3TxtArea {margin:30px 0;}

    .layerPop2.guidePop .guide1 {padding:0 3% 15px;}
    .layerPop2.guidePop .guide1 .productList > div {float:left; width:49%; margin-top:10px;}
    .layerPop2.guidePop .guide1 .productList > div:nth-of-type(-n+3) {margin-top:10px;}
    .layerPop2.guidePop .guide1 .productList > div:nth-of-type(-n+2) {margin-top:0;}
    .layerPop2.guidePop .guide1 .productList > div:nth-of-type(3n-2){margin-left:2%}
    .layerPop2.guidePop .guide1 .productList > div:nth-of-type(2n-1){margin-left:0}    
    .layerPop2.guidePop .guide1 .productArea .boxWrap {margin-top:10px;}
    .layerPop2.guidePop .guide1 .productArea .boxWrap:nth-of-type(1) {margin-top:0;}
    .layerPop2.guidePop .guide1 .productArea .boxWrap .boxArea {float:none; width: 100%; min-height:auto; padding:15px 0;}
    .layerPop2.guidePop .guide1 .productArea .boxWrap:nth-child(even) .boxArea {float:none;}
    .layerPop2.guidePop .guide1 .productArea .boxWrap:nth-child(even) .boxArea {float:left;}
    .layerPop2.guidePop .guide1 .productArea .boxWrap .boxArea.txtType {padding:20px 0;}
    .layerPop2.guidePop .guide1 .productArea .boxWrap:last-child .boxArea.txtType {padding-bottom:0}
    .layerPop2.guidePop .guide1 .productArea .boxWrap:nth-child(even) .boxArea.txtType {text-align:left;}
    .layerPop2.guidePop .guide1 .productArea .boxWrap .boxArea.txtType .tit {font-size:16px; line-height:1.3;}
    .layerPop2.guidePop .guide1 .productArea .boxWrap .boxArea.txtType .txt {font-size:13px; line-height:1.5;}
    .layerPop2.guidePop .guide1 .compList {width:290px; margin:10px auto;}
    .layerPop2.guidePop .guide1 .compList li {width:70px; height:80px; padding-right:40px; background-size:70px 80px;}
    .layerPop2.guidePop .guide1 .compList li:last-child {padding-right:0;}
    .layerPop2.guidePop .guide1 .compList li:after {width:40px; height:80px; background-size:15px auto;}
    .layerPop2.guidePop .guide1 .compList li:last-child:after {display:none}
    .layerPop2.guidePop .guide1 .compList li p span {padding:0 6px; font-size:12px; line-height:1.3;}
    .layerPop2.guidePop .guide1 .grayBox {padding:40px 0; margin-top:15px;}
    .layerPop2.guidePop .guide1 .grayBox .dotList {margin-left:25px;}
    .layerPop2.guidePop .guide1 .grayBox .dotList li {padding-left:7px; background-size:2px; background-position:0 8px; font-size:13px; line-height:1.6;}
    .layerPop2.guidePop .guide1 .grayBox .img:last-child {margin-top:30px}
    .layerPop2.guidePop .guide1 .grayBox img.pc {display:none;}
    .layerPop2.guidePop .guide1 .grayBox img.mobile {display:inline-block;}
    .layerPop2.guidePop .guide1 .whiteBox {padding:30px 3%; margin-top:10px; overflow-x:auto}
    .layerPop2.guidePop .guide1 .whiteBox img.pc {display:none;}
    .layerPop2.guidePop .guide1 .whiteBox img.mobile {display:inline-block; /*max-width:120%;*/}
    
    .layerPop2.guidePop .guideDiv2 .topArea .iconBtn { margin:0 auto; position:relative; top:50px; width:94%}
    .layerPop2.guidePop .guideDiv2 .topArea .iconBtn .scrollDiv {width:722px;}
    .layerPop2.guidePop .guideDiv2 .topArea .iconBtn a .txt {font-size:13px; padding-top:50px; text-align:center;}
    .layerPop2.guidePop .guideDiv2 .topArea .iconBtn a.t1 .txt {background-size:49px auto}
    .layerPop2.guidePop .guideDiv2 .topArea .iconBtn a.t2 .txt {background-size:49px auto}
    .layerPop2.guidePop .guideDiv2 .topArea .iconBtn a.t3 .txt {background-size:49px auto;}
    .layerPop2.guidePop .guideDiv2 .topArea .iconBtn a.t4 .txt {background-size:49px auto;}
    .layerPop2.guidePop .guideDiv2 .topArea .iconBtn a.t5 .txt {background-size:49px auto}
    .layerPop2.guidePop .guideDiv2 .topArea .iconBtn a.t6 .txt {background-size:49px auto}
    .layerPop2.guidePop .guideDiv2 .topArea .iconBtn a.t7 .txt {background-size:49px auto}
    .layerPop2.guidePop .guideDiv2 .topArea .iconBtn a.t8 .txt {background-size:49px auto;}
    .layerPop2.guidePop .guideDiv2 .topArea .iconBtn a:hover:after {content:""; display:block; width:calc(100% + 2px); position:absolute; bottom:-1px; left:-1px; border-bottom:2px solid #8bbf45} 
    .layerPop2.guidePop .guideDiv2 .topArea .iconBtn a:hover .txt {color:#8bbf45; font-weight:700;}
    .layerPop2.guidePop .guideDiv2 .topArea .iconBtn a.t1:hover .txt {background-size:49px auto}
    .layerPop2.guidePop .guideDiv2 .topArea .iconBtn a.t2:hover .txt {background-size:49px auto}
    .layerPop2.guidePop .guideDiv2 .topArea .iconBtn a.t3:hover .txt {background-size:49px auto}
    .layerPop2.guidePop .guideDiv2 .topArea .iconBtn a.t4:hover .txt {background-size:49px auto}
    .layerPop2.guidePop .guideDiv2 .topArea .iconBtn a.t5:hover .txt {background-size:49px auto}
    .layerPop2.guidePop .guideDiv2 .topArea .iconBtn a.t6:hover .txt {background-size:49px auto}
    .layerPop2.guidePop .guideDiv2 .topArea .iconBtn a.t7:hover .txt {background-size:49px auto}
    .layerPop2.guidePop .guideDiv2 .topArea .iconBtn a.t8:hover .txt {background-size:49px auto}
    .layerPop2.guidePop .guideDiv2 .topArea .iconBtn a.on:after {content:""; display:block; width:calc(100% + 2px); position:absolute; bottom:-1px; left:-1px; border-bottom:2px solid #8bbf45} 
    .layerPop2.guidePop .guideDiv2 .topArea .iconBtn a.on .txt {color:#8bbf45; font-weight:700;}
    .layerPop2.guidePop .guideDiv2 .topArea .iconBtn a.t1.on .txt {background-size:49px auto}
    .layerPop2.guidePop .guideDiv2 .topArea .iconBtn a.t2.on .txt {background-size:49px auto}
    .layerPop2.guidePop .guideDiv2 .topArea .iconBtn a.t3.on .txt {background-size:49px auto}
    .layerPop2.guidePop .guideDiv2 .topArea .iconBtn a.t4.on .txt {background-size:49px auto}
    .layerPop2.guidePop .guideDiv2 .topArea .iconBtn a.t5.on .txt {background-size:49px auto}
    .layerPop2.guidePop .guideDiv2 .topArea .iconBtn a.t6.on .txt {background-size:49px auto}
    .layerPop2.guidePop .guideDiv2 .topArea .iconBtn a.t7.on .txt {background-size:49px auto;}
    .layerPop2.guidePop .guideDiv2 .topArea .iconBtn a.t8.on .txt {background-size:49px auto}    
    .layerPop2.guidePop .guideDiv2 .grayArea {background:#f9f9f9; padding:100px 3% 30px;}
    .layerPop2.guidePop .guideDiv2 .grayArea .tit {font-size:16px; color:#000; font-weight:700; text-align:center;}
    .layerPop2.guidePop .guideDiv2 .grayArea .linkArea {margin-top:30px;}
    .layerPop2.guidePop .guideDiv2 .grayArea .linkArea > div {width:100%; display:block; margin-top:25px;}
    .layerPop2.guidePop .guideDiv2 .grayArea .linkArea > div:nth-of-type(-n+2) {margin-top:25px}
    .layerPop2.guidePop .guideDiv2 .grayArea .linkArea > div:first-child {margin-top:0}
    .layerPop2.guidePop .guideDiv2 .grayArea .linkArea > div ul {display:inline-block; vertical-align:top; border-left:1px solid #e0e0e0; padding-left:20px; font-size:13px;}
    .layerPop2.guidePop .guideDiv2 .grayArea .linkArea > div ul li {margin-top:10px;}
    .layerPop2.guidePop .productDiv {padding:0 3%;}
    .layerPop2.guidePop .productDiv .tit {font-size:16px; margin-bottom:15px;}
    .layerPop2.guidePop .productDiv .grayImgBox {padding:30px 30px; margin-bottom:25px;}
    .layerPop2.guidePop .productDiv .tableType1 .scrollDiv {}
    .layerPop2.guidePop .productDiv .tableType1 .scrollDiv table {width:200%;}
    .layerPop2.guidePop .productDiv .tableType1 table thead th {font-size:13px; padding:10px 0;}
    .layerPop2.guidePop .productDiv .tableType1 table tbody td {padding:10px 15px; font-size:12px; line-height:1.3;}
    .layerPop2.guidePop .productDiv .tableType1 table tfoot td {padding:10px 15px; font-size:12px; line-height:1.3;}
    .layerPop2.guidePop .productDiv .imgList {margin-top:15px;}
    .layerPop2.guidePop .productDiv .imgList li {float:left; width:49%; margin-right:2%; margin-top:10px;}
    .layerPop2.guidePop .productDiv .imgList li:nth-of-type(-n+3) {margin-top:10px;}
    .layerPop2.guidePop .productDiv .imgList li:nth-of-type(-n+2) {margin-top:0;}
    .layerPop2.guidePop .productDiv .imgList li:nth-of-type(3n) {margin-right:2%;}
    .layerPop2.guidePop .productDiv .imgList li:nth-of-type(2n) {margin-right:0;}
    .layerPop2.guidePop .productDiv .whiteBox {padding:25px 5%;}
    .layerPop2.guidePop .productDiv .whiteBox .dotList li {padding-left:7px; background-size:2px; background-position:0 8px; font-size:13px; line-height:1.6;}

    .layerPop2 .factoryDiv {padding:0 3%;}
    .layerPop2 .factoryDiv .factoryList > div .factoryTxt {margin-top:30px;}
    .layerPop2 .factoryDiv .factoryList > div .factoryTxt .tit {font-size:14px; line-height:25px;}
    .layerPop2 .factoryDiv .factoryList > div .factoryTxt .tit span {width:25px; height:25px; font-size:12px; line-height:25px; margin-right:5px;}
    .layerPop2 .factoryDiv .factoryList > div .factoryTxt .txt {font-size:13px; line-height:1.5; margin-top:10px;}
    .layerPop2 .factoryDiv .tabArea a {padding:10px; font-size:13px;}


    .topBtn {right:3%; width:40px; height:40px;}
    .topBtn a {padding-top:9px;}
    .topBtn a img {height:19px;}
}

@media screen and (max-width:450px) {
    .listType3 .listDiv.type2 > div .txtArea .downBtn {margin-top:15px;}
    .listType3 .listDiv.type2 > div .txtArea .downLink {margin-top:5px}
    .listType3 .listDiv.type2 > div .txtArea .downLink:first-child {margin-top:0}
}


.taL{text-align:left !important}

.companyDiv .mTit {font-size:30px; font-weight:bold; color:#000; margin-bottom:25px; text-align:center;} /* 개요 */
.companyDiv .sTit {text-align:center; line-height:1.5}
.companyDiv .summaryArea {margin-top:80px;}
.companyDiv .summaryArea .mainImg {position:relative; top:100px; left:0; opacity:0; height:810px; margin-bottom:217px; background:url("/common/img/icon/summaryArea_main.jpg") no-repeat center;}
.companyDiv .summaryArea .mainImg .inner {height:100%; position:relative;}
.companyDiv .summaryArea .mainImg .txtArea {
	position:absolute; bottom:-217px; left:-150px; width:795px; height:457px; padding:80px 60px; box-sizing:border-box; box-shadow:70px 70px 80px rgba(0,0,0,0.4); color:#fff; opacity:0;
	background:url("/common/img/icon/mainImg_Bg.png") no-repeat center; background-size:cover; 
}
.companyDiv .summaryArea .mainImg .txtArea .tit {font-size:24px; line-height:36px; font-weight:bold; margin-bottom:30px;}
.companyDiv .summaryArea .mainImg .txtArea .txt {line-height:28px; margin-top:20px; color:rgba(255,255,255,0.6)}
.summaryDiv > div {padding-top:80px; position:relative; top:100px; left:0; opacity:0;}
.summaryDiv > div:after {content:""; display:block; clear:both;}
.summaryDiv > div .txtArea {float:left; width:700px; padding:80px 60px; box-sizing:border-box;}
.summaryDiv > div .txtArea .tit {font-size:22px; line-height:34px; color:#000; font-weight:bold;}
.summaryDiv > div .txtArea .tit .greenT {color:#8bbf45;}
.summaryDiv > div .txtArea .txt {line-height:28px; margin-top:40px; word-break:keep-all;}
.summaryDiv > div .imgArea {float:left; width:700px; height:450px; overflow:hidden; box-sizing:border-box;}
.summaryDiv > div .imgArea img {width:100%;}
.summaryDiv > div:first-child .txtArea {float:right;}
.summaryDiv > div:first-child .imgArea {float:right;}
.companyArea1 {position:relative; top:100px; left:0; opacity:0; padding:260px 0 80px; background:url("/common/img/icon/companyArea1_bg.png") no-repeat center top;}
.companyList {margin-top:60px;}
.companyList:after {content:""; display:block; clear:both;}
.companyList li {float:left; position:relative; top:50px; left:0; opacity:0; width:275px; height:260px; padding:40px; margin-left:5px; box-sizing:border-box; text-align:center; background:rgba(255,255,255,0.9);}
.companyList li:first-child {margin-left:0}
.companyList li .icon {margin-bottom:40px;}
.companyList li .tit {font-size:18px; font-weight:bold; color:#000; margin-bottom:30px;}
.companyList li .txt {line-height:28px;}
.gradeList {position:relative; top:100px; left:0; opacity:0; border-bottom:1px solid #e0e0e0; margin-bottom:150px;}
.gradeList:after {content:""; display:block; clear:both;}
.gradeList li {float:left; width:350px; padding:80px 0; text-align:center;}
.gradeList li .tit {font-size:18px; color:#000; margin-bottom:30px;}
.gradeList li .txt {font-size:20px; color:#000;}
.gradeList li .txt strong {font-size:50px; color:#000; font-weight:bold; font-family:'Proxima-Bold', sans-serif; font-weight:normal;}
.gradeList li .date {font-size:15px; position:absolute; bottom:20px; right:0;}
.bizArea > div {position:relative; top:100px; left:0; opacity:0; }
.bizList {margin:60px 0 120px;}
.bizList:after {content:""; display:block; clear:both;}
.bizList li {float:left; width:350px; position:relative;}
.bizList li a {display:block;}
.bizList li div .img img {width:100%;}
.bizList li div .img img.mobile {display:none;}
.bizList li .frontDiv .txt {position:absolute; top:50px; left:50px; font-size:26px; line-height:36px; color:#fff;}
.bizList li .frontDiv .txt span {display:block; font-weight:bold;}
.bizList li .backDiv {opacity:0; position:absolute; top:0; left:0; width:100%; height:100%; box-shadow:80px 60px 80px rgba(0,0,0,0.5); transition:all 0.3s; -webkit-transition: all 0.3s;}
.bizList li .backDiv .txtArea {position:absolute; top:0; left:0; padding:50px; width:100%; height:100%; box-sizing:border-box;}
.bizList li .backDiv .txtArea:after {content:""; display:block; position:absolute; bottom:50px; left:50px; width:63px; height:12px; background:url("/common/img/icon/box_arrow_w.png") no-repeat 0 0;}
.bizList li .backDiv .txtArea .tit {font-size:26px; line-height:36px; color:#fff;}
.bizList li .backDiv .txtArea .tit span {display:block; font-weight:bold;}
.bizList li .backDiv .txtArea .txt {line-height:28px; color:#fff; margin-top:30px; word-break:keep-all;}
.bizList li:hover .backDiv, .bizList li:focus .backDiv {opacity:1}
.bizArea .imgCon {margin-top:80px; position:relative;}
.bizArea .imgCon img {width:100%;}

.bizArea .imgCon .img2 , .bizArea .imgCon .img3 , .bizArea .imgCon .img4 {position:absolute; top:0; left:0; opacity:0;}
.bizArea .imgCon > a {display:inline-block; position:absolute; background:#545a66; color:#fff; padding:15px 60px ; text-align:center; top:-25px; left:50%; border-radius:3px; transform:translateX(-50%);}

.companyDiv .bottomArea {background:#f3f3f3; padding:80px 0 130px;}
.downList {width:1108px; margin:60px auto 0;}
.downList:after {content:""; display:block; clear:both;}
.downList li {width:232px; float:left; margin-left:60px; text-align:center;}
.downList li:first-child {margin-left:0;}
.downList li .img img {max-width:100%;}
.downList li .tit {margin-top:35px; font-weight:bold; color:#000}
.downList li a {display:inline-block; padding:10px 20px; border:2px solid #e1e1e1; border-radius:3px;  margin-top:20px; transition:all 0.3s; -webkit-transition: all 0.3s;}
.downList li a span {transition:all 0.3s; -webkit-transition: all 0.3s;}
.downList li a:hover {background:#8bbf45; border-color:#8bbf45;}
.downList li a:hover span {color:#fff;}

.visionArea p {line-height:26px;}
.visionArea > .mTit {font-size:30px; font-weight:bold; color:#000; line-height:42px; text-align:center;}
.visionArea > .mTit .greenT {color:#8bbf45;}
.visionImg {margin:80px 0;  text-align:center;}
.visionImg img {max-width:100%;}
.visionImg .mobile {display:none;}
.visionImg .mobileTxt {display:none;}
.visionList:after {content:""; display:block; clear:both;}
.visionList li {float:left; width:332px; margin-left:24px;}
.visionList li:first-child {margin-left:0;}
.visionList li .img {width:332px; height:260px; overflow:hidden; margin-bottom:30px;}
.visionList li .tit {font-size:22px; font-weight:bold; color:#000; margin-bottom:20px;}
.visionList li .txt {line-height:26px; word-break:keep-all;}
.visionDiv {text-align:center;}
.visionDiv > .tit {font-size:22px; font-weight:bold; color:#000;}
.visionDiv .redBox {display:inline-block; padding:26px 60px 28px; margin:30px 0; background:#ed1b23; border-radius:40px; font-size:30px; font-weight:bold; font-family:'Proxima-Bold', sans-serif; font-weight:normal; color:#fff;}
.visionDiv .boxArea {margin:60px 0;}
.visionDiv .boxArea:last-child {margin-bottom:0;}
.visionDiv .boxArea > .tit {font-size:30px; color:#000; font-family:'Proxima-Bold', sans-serif; font-weight:normal; margin-bottom:30px;}
.visionDiv .boxArea > ul {margin-top:30px;}
.visionDiv .boxArea > ul:after {content:""; display:block; clear:both;}
.visionDiv .boxArea > ul li {position:relative; float:left; width:424px; height:190px; background:#f4f4f4; padding:0 10px 10px; margin-right:34px;}
.visionDiv .boxArea > ul li:after {content:""; display:block; width:34px; height:100%; position:absolute; top:0; right:-34px; background:url("/common/img/icon/vision_arrow.png") no-repeat center;}
.visionDiv .boxArea > ul li:last-child {margin-right:0}
.visionDiv .boxArea > ul li:last-child:after {display:none;}
.visionDiv .boxArea > ul li .tit {font-size:18px; color:#000; padding:27px 0;}
.visionDiv .boxArea > ul li .txt {line-height:26px; height:48px; padding:30px 10px; background:#fff; border:1px solid #e0e0e0; word-break:keep-all;}

.ceoArea {margin-top:80px;}
.ceoArea .topArea {padding:130px 180px 100px 575px; background:url("/common/img/icon/ceoTop_bg.png") no-repeat center top;}
.ceoArea .topArea .tit {
	font-size:30px; line-height:44px; font-weight:bold; color:#000; padding-left:27px; display:inline; padding-right:30px;
	background-image:url("/common/img/icon/ceoTop_txt_bg1.png") , url("/common/img/icon/ceoTop_txt_bg2.png");
	background-repeat: no-repeat, no-repeat;
	background-position: left top, right bottom 30px;
}
.ceoArea .topArea .tit .greenT {color:#8bbf45;}
.ceoArea .topArea .name {margin-top:20px; font-size:18px; padding-left:27px;}
.ceoArea .topArea .name span {display:block; font-size:20px; line-height:36px; font-weight:bold; color:#000;}
.ceoArea .txtArea {padding-top:60px; line-height:30px; word-break:keep-all;}
.ceoArea .txtArea .ceoInfo {text-align:right; font-weight:bold; line-height:38px; margin-top:25px;}
.ceoArea .txtArea .ceoInfo .info_name{display:inline-block; margin-left:10px; font-size:22px; line-height:38px; color:#000; padding-right:85px; background:url("/common/img/icon/ceoInfo_bg.png") no-repeat right center;}

.advertiseTop{margin-top:60px;}
.advertiseTop:after {content:""; display:block; clear:both;}
.advertiseTop .videoDiv {width:926px; height:521px; float:left;}
.advertiseTop .videoDiv iframe {position:relative; width:100%; height:100%;}
.advertiseTop .video_info{width:474px; height:521px; float:left; padding:40px; box-sizing:border-box; overflow-y:auto; background:#f2f2f2;}
.advertiseTop .video_info .tit{color:#000; font-size:20px; line-height:30px; margin-bottom:25px;}
.advertiseTop .video_info .date{color:#888; font-family:'Proxima-Regular', sans-serif; font-weight:normal;}
.advertiseTop .video_info .videoTxt{line-height:26px; margin-top:50px;}
.advertiseBot {margin-top:40px; padding-bottom:60px; border-bottom:2px solid #e0e0e0;}
.advertiseBot:after {content:""; display:block; clear:both;}
.advertiseBot .list{width:452px; float:left; margin-right:20px; position:relative;}
.advertiseBot .list:last-child{margin-right:0;}
.advertiseBot .list .txtDiv {padding-top:30px;}
.advertiseBot .list .txtDiv .txt {font-size:20px; font-weight:bold; color:#000; line-height:30px; overflow:hidden; text-overflow:ellipsis; height:60px; word-wrap:break-word; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
.advertiseBot .list .txtDiv .date{font-family:'Proxima-Regular', sans-serif; font-weight:normal; color:#888; margin-top:20px;}
.advertiseBot .list .advertise_hover{position:absolute; top:0; left:0; opacity:0;}
.advertiseBot .list:hover .advertise_hover{opacity:1;}

.ciArea .ciDiv1 .imgCon {text-align:center;} /* ci */
.ciArea .ciDiv1 .imgCon img {max-width:100%;}
.ciArea .ciDiv1 .imgCon img.mobile {display:none;}
.ciArea .ciDiv1 .logoTxt {text-align:center; margin:70px 0 50px;}
.ciArea .ciDiv1 .logoTxt .txt {display:inline-block; text-align:left; line-height:26px; padding:12px 0 11px 90px; background:url("/common/img/icon/ci_img2.png") no-repeat left center;}
.ciArea .ciDiv1 .ciList {border-top:1px solid #e0e0e0; padding-top:50px;}
.ciArea .ciDiv1 .ciList:after {content:""; display:block; clear:both;}
.ciArea .ciDiv1 .ciList li {float:left; width:465px; height:200px; text-align:center; border-left:1px solid #e0e0e0;}
.ciArea .ciDiv1 .ciList li:first-child {border-left:0}
.ciArea .ciDiv1 .ciList li .img {margin-bottom:40px;}
.ciArea .ciDiv1 .ciList li .txt {line-height:26px;}
.ciArea .ciDiv2 {position:relative; margin-top:100px;}
.ciArea .ciDiv2 .btnDiv {position:absolute; top:-16px; right:0;}
.ciArea .ciDiv2 .btnDiv a {display:inline-block; width:100px; box-sizing:border-box; border-radius:3px; padding:10px 20px; border:2px solid #e0e0e0; transition:all 0.3s; -webkit-transition: all 0.3s;}
.ciArea .ciDiv2 .btnDiv a span {display:block;  text-align:left; font-weight:bold; padding-right:30px; background:url("/common/img/icon/alertArea_btnIcon.png") no-repeat right center; transition:all 0.3s; -webkit-transition: all 0.3s;}
.ciArea .ciDiv2 .btnDiv a:hover {background:#8bbf45; border-color:#8bbf45}
.ciArea .ciDiv2 .btnDiv a:hover span {background-image:url("/common/img/icon/down_icon.png"); color:#fff;}
.ciArea .ciDiv2 .grayBox {background:#f7f7f7; padding:40px; margin-bottom:30px;}
.ciArea .ciDiv2 .grayBox:after {content:""; display:block; clear:both;}
.ciArea .ciDiv2 .grayBox > div {float:left; width:638px; margin-left:44px;}
.ciArea .ciDiv2 .grayBox > div:first-child {margin-left:0}
.ciArea .ciDiv2 .grayBox > div .tit {font-size:22px; font-weight:bold; color:#000; margin-bottom:20px; text-align:center;}
.ciArea .ciDiv2 .grayBox > div .img {margin-top:10px;}
.ciArea .ciDiv2 .grayBox > div .img:nth-of-type(1) {margin-top:0}
.ciArea .ciDiv3 .infoT {line-height:26px;}
.ciArea .ciDiv3 .colorDiv {margin-top:60px;}
.ciArea .ciDiv3 .colorDiv:after {content:""; display:block; clear:both;}
.ciArea .ciDiv3 .colorDiv .leftDiv {float:left; width:390px;}
.ciArea .ciDiv3 .colorDiv .rightDiv {float:right; width:945px;}
.ciArea .ciDiv3 .colorDiv > div .tit {font-size:22px; font-weight:bold; color:#000; border-bottom:1px solid #e0e0e0; padding-bottom:30px; }
.ciArea .ciDiv3 .colorDiv > div .txtArea {margin-top:25px;}
.ciArea .ciDiv3 .colorDiv > div .txtArea > .txt {line-height:24px;}
.ciArea .ciDiv3 .colorDiv > div .txtArea .color {height:90px; padding:20px; margin-top:15px;}
.ciArea .ciDiv3 .colorDiv > div .txtArea .color .txt {color:#fff; line-height:22px;}
.ciArea .ciDiv3 .colorDiv > div .txtArea .color.t1 {background:#da291c;}
.ciArea .ciDiv3 .colorDiv > div .txtArea .color.t2 {background:#064975;}
.ciArea .ciDiv3 .colorDiv > div .txtArea .color.t3 {background:#8dc63f;}
.ciArea .ciDiv3 .colorDiv > div .txtArea .color.t4 {background:#54585a;}
.ciArea .ciDiv3 .colorDiv > div .txtArea .color.t5 {background:#949599;}
.ciArea .ciDiv3 .colorDiv .rightDiv .txtArea {float:left; width:220px; margin-left:20px;}
.ciArea .ciDiv3 .colorDiv .rightDiv .txtArea:nth-of-type(1) {margin-left:0}
.ciArea .ciDiv4 .boxArea {display:table; border:1px solid #e0e0e0; padding:50px 0;}
.ciArea .ciDiv4 .boxArea .img {display:table-cell; vertical-align:middle; padding:0 100px; text-align:center;}
.ciArea .ciDiv4 .boxArea .img img {max-width:100%;}
.ciArea .ciDiv4 .boxArea .txt {display:table-cell; padding-right:100px; font-size:18px; color:#000; line-height:32px; word-break:keep-all;}

/* R&D */
.studyImgTxt {margin-top:80px; text-align:center;}
.studyImgTxt img {max-width:100%;}
.studyImgTxt .mobile {display:none;}
.studyArea .tabBtn {width:1400px; margin:0 auto;}
.studyArea .mainDiv {padding-top:80px; background:url("/common/img/icon/study_mainBg.jpg") no-repeat top;}
.studyArea.type2 .mainDiv {background-image:url("/common/img/icon/study_mainBg2.jpg");}
.studyArea .mainDiv .mTit {font-size:30px; font-weight:bold; color:#000; line-height:1.3; margin-bottom:55px; text-align:center;}
.studyArea .mainDiv .mTit .greenT {color:#8cc63e;}
.studyArea .mainDiv ul{position:relative; width:580px; height:310px; margin:55px auto 0;}
.studyArea .mainDiv li{position:absolute; top:0; left:0; width:310px; height:310px; border-radius:155px; text-align:center; box-sizing:border-box; color:#fff; background:#8bbf45; opacity:0.95; padding:110px 0 0; font-size:18px}
.studyArea .mainDiv li:nth-child(1) p:nth-child(2){font-size:50px; font-family:'Proxima-Bold', sans-serif; font-weight:normal; }
.studyArea .mainDiv li:nth-child(2){left:auto; right:0; background:#034875}
.studyArea .mainDiv li p:nth-child(2){margin-top:30px}
.studyArea .mainDiv li p:nth-child(2) span{font-size:20px; font-family:'Malgun Gothic',  sans-serif}
.studyArea .mainDiv li:nth-child(2) p:nth-child(2){font-size:35px; font-weight:bold;}
.studyArea .mainDiv li:nth-child(2) p:nth-child(2) span{display:block; font-weight:normal; margin-top:15px}
.rndHistory .productTit {width:1368px; margin:60px auto 0;}
.rndHistory .historyDiv {margin:80px 0 140px; position:relative;}
.rndHistory .historyDiv:before {content:""; display:block; width:100%; height:1px; background:#e0e0e0; position:absolute; top:60px; z-index:-1}
.rndHistory .historyDiv .inner:after {content:""; display:block; clear:both;}
.rndHistory .historyDiv .yearArea {float:left; width:452px; margin-left:22px; text-align:center;}
.rndHistory .historyDiv .yearArea:first-child {margin-left:0}
.rndHistory .historyDiv .yearArea .tit {font-family:'Proxima-Bold', sans-serif; font-weight:normal; font-size:30px; color:#000; margin-bottom:22px;}
.rndHistory .historyDiv .yearArea .txtArea {padding-top:65px; background:url("/common/img/icon/rndHistory_icon.png") no-repeat center 0;}
.rndHistory .historyDiv .yearArea .txtArea .grayBox {border:1px solid #e0e0e0; background:#f4f4f4; padding:60px 0; height:160px;}
.rndHistory .historyDiv .yearArea .txtArea ul {display:inline-block; text-align:left;}
.rndHistory .historyDiv .yearArea .txtArea ul li {margin-bottom:30px; }
.rndHistory .historyDiv .yearArea .txtArea ul li:last-child {margin-bottom:0;}
.rndHistory .historyDiv .yearArea .txtArea ul li:after {content:""; display:block; clear:both;}
.rndHistory .historyDiv .yearArea .txtArea ul li p {float:left; font-size:18px; line-height:1.5;}
.rndHistory .historyDiv .yearArea .txtArea ul li p.yearT {font-size:20px; font-family:'Proxima-Bold', sans-serif; font-weight:normal; width:70px; margin-right:30px;}

.studyArea .bottomArea {margin-top:140px; padding:80px 0 110px; background:url("/common/img/icon/studyBot_bg.jpg") no-repeat center;}
.studyArea .bottomArea .tit {font-size:26px; font-weight:bold; color:#000; text-align:center;}
.studyArea .bottomArea .img {text-align:center; margin-top:10px;}
.studyArea .bottomArea .img img {max-width:100%;}
.studyArea .bottomArea .img .mobile {display:none;}
.studyArea .txtBox {padding:60px 0; margin-top:505px; line-height:30px; text-align:center; word-break:keep-all;}
.studyArea.type2 .txtBox {padding:60px 0 20px;}
.studyArea .txtBox .tit {color:#000; font-size:28px; font-weight:bold; line-height:1; margin-bottom:25px;}
.studyArea .historyArea.type2 {margin-top:30px; margin-bottom:140px;}
.studyArea .historyArea.type2 .history .year {margin-top:50px;}
.studyArea .historyArea.type2 .history .year:first-child {margin-top:0}

.investImg {position:relative; text-align:center; }
.investImg .date {position:absolute; top:-45px; right:0;}
.investImg img {max-width:100%;}
.boardArea1 {background:#f4f4f4; padding:60px; margin-top:60px;} 
.boardArea1 .tit {font-size:18px; font-weight:bold; color:#000; text-align:center;}
.boardArea1 .downList {margin:30px auto 0; width:943px; text-align:center;}
.boardArea1 .downList:after {content:""; display:block; clear:both;}
.boardArea1 .downList a {display:inline-block; width:237px; padding:15px 30px; margin:20px 10px 0 0; background:#545a66; border-radius:3px;}
.boardArea1 .downList a:nth-child(3n) {margin-right:0;}
.boardArea1 .downList .top a:nth-child(-n+2) {margin-top:0;}
.boardArea1 .downList a span {display:block; background:url("/common/img/icon/down_icon.png") no-repeat right center; color:#fff; text-align:left;}
.boardArea2:after {content:""; display:block; clear:both;}
.boardArea2 .memberList {float:left; width:440px; margin:10px 10px 0 0; padding:0 10px 10px; background:#f4f4f4;}
.boardArea2 .memberList:nth-child(3n) {margin-right:0;}
.boardArea2 .memberList:nth-child(-n+3) {margin-top:0;}
.boardArea2 .memberList > .tit {font-size:18px; font-weight:bold; color:#000; padding:30px 0; text-align:center;}
.boardArea2 .memberList .txtArea {border:1px solid #e0e0e0; background:#fff; padding:20px;}
.boardArea2 .memberList:nth-of-type(1) .txtArea, .boardArea2 .memberList:nth-of-type(2) .txtArea, .boardArea2 .memberList:nth-of-type(3) .txtArea {height:205px;}
.boardArea2 .memberList:nth-of-type(4) .txtArea, .boardArea2 .memberList:nth-of-type(5) .txtArea, .boardArea2 .memberList:nth-of-type(6) .txtArea {height:410px;}
.boardArea2 .memberList:nth-of-type(7) .txtArea, .boardArea2 .memberList:nth-of-type(8) .txtArea, .boardArea2 .memberList:nth-of-type(9) .txtArea {height:365px;}
.boardArea2 .memberList .txtArea .list {border-top:1px solid #e0e0e0; padding:10px 20px;}
.boardArea2 .memberList .txtArea .list:first-child {border-top:0}
.boardArea2 .memberList .txtArea .list:after {content:""; display:block; clear:both;}
.boardArea2 .memberList .txtArea .list .tit {float:left; width:100px; color:#000; font-weight:bold; line-height:26px;}
.boardArea2 .memberList .txtArea .list ul {float:right; width:calc(100% - 100px);}
.boardArea2 .memberList .txtArea .list ul li {position:relative; padding-left:12px; line-height:26px; word-break:keep-all;}
.boardArea2 .memberList .txtArea .list ul li:before {content:""; display:block; position:absolute; top:0; left:0; width:4px; height:26px; background:url("/common/img/icon/dotG_4x4.gif") no-repeat 0 center;}
.boardArea2 .memberList .txtArea .list .txt {float:right; width:calc(100% - 100px); line-height:26px; word-break:keep-all;}
.boardArea3 {}
.boardArea3 > .txt {line-height:30px;}
.boardArea3 .dotDl dt {font-size:22px; font-weight:bold; color:#000; margin:50px 0 25px;}
.boardArea3 .dotDl dd {line-height:30px; padding-left:15px; background:url("/common/img/icon/dotG_4x4.gif") no-repeat 0 14px;}
.boardArea3 .acoArea { margin-top:40px;}
.boardArea3 .acoArea a {display:block; border:1px solid #e0e0e0; padding:30px; font-size:18px; color:#000; font-weight:bold; background:url("/common/img/icon/manage2_acco_icon.gif") no-repeat right 30px center;}
.boardArea3 .acoArea a.on {background-image:url("/common/img/icon/manage2_acco_icon_on.gif");}
.boardArea3 .acoArea .acoCon {display:none; border:1px solid #e0e0e0; border-top:0; padding:60px 80px;}

.investTab {margin:80px auto 0; width:200px;}
.investTab:after {content:""; display:block; clear:both;}
.investTab a {display:block;float:left; width:100px; text-align:center; font-size:18px; padding-bottom:20px; border-bottom:2px solid #e0e0e0;}
.investTab a.on {color:#000; font-weight:bold; border-color:#8bbf45;}
.investList {margin-top:40px;}
.investList:after {content:""; display:block; clear:both;}
.investList li {float:left; width:450px; border:1px solid #e0e0e0; margin-left:22px; text-align:center;}
.investList li:first-child {margin-left:0}
.investList li img {max-width:100%;}

.brochureTop {background:#f4f4f4; margin-top:80px; padding:60px 0;} 
.brochureTop .inner:after {content:""; display:block; clear:both;}
.brochureTop .txtArea {float:left; width:60%; padding:60px 30px 0 100px; box-sizing:border-box; }
.brochureTop .txtArea .tit {font-size:34px; font-weight:bold; color:#000; line-height:1.3;}
.brochureTop .txtArea .txt {margin-top:30px; line-height:1.5;}
.brochureTop .txtArea .downBtn {margin-top:50px;} 
.brochureTop .txtArea .downBtn a {display:inline-block; padding:12px 30px; background:#fff; border:2px solid #e0e0e0; border-radius:3px; margin-left:2px;}
.brochureTop .txtArea .downBtn a:first-child {margin-left:0}
.brochureTop .txtArea .downBtn a:hover {background:#8bbf45; border-color:#8bbf45;}
.brochureTop .txtArea .downBtn a:hover span {background-image:url("/common/img/icon/down_icon.png"); color:#fff;}
.brochureTop .txtArea a span {padding-right:30px; background:url("/common/img/icon/alertArea_btnIcon.png") no-repeat right center;}
.brochureTop .txtArea .infoT {background:url("/common/img/icon/infoT_icon.png") no-repeat left 5px; padding-left:30px; font-size:15px; line-height:26px; margin-top:120px;}
.brochureTop .txtArea .greenT {color:#8bbf45; font-size:15px; line-height:30px; border-bottom:1px solid #8bbf45;} 
.brochureTop .imgArea {float:right; width:40%; padding-right:100px;  box-sizing:border-box; text-align:right;}
.brochureTop .imgArea > div {display:inline-block; box-shadow:10px 10px 0 #ebebeb; width:280px; height:388px; overflow:hidden;}
.brochureTop .imgArea > div img {height:100%;}


.prodMainV {position:fixed; top:0; left:0; z-index:0; min-height:700px; width:100%; background:url("/common/img/icon/prodMainV.jpg") no-repeat center; background-size:cover;}
.prodMainV .txtArea {position:absolute; top:40%; left:0; transform:translateY(-50%); width:100%; text-align:center; color:#fff;}
.prodMainV .txtArea .tit1 {position:relative; top:-120px; opacity:0; display:block; margin-bottom:20px; font-size:22px; font-family:'Proxima-Bold', sans-serif; font-weight:normal;}
.prodMainV .txtArea .tit2 {position:relative; top:-100px; opacity:0; font-size:74px; font-weight:bold; margin-bottom:55px; letter-spacing:-5px;}
.prodMainV .txtArea .txt {position:relative; top:100px; opacity:0; font-size:18px; line-height:30px;}
.prodMainV .scroll {position:absolute; bottom:60px; left:0; width:100%; font-size:14px; font-weight:bold; color:#fff; font-family:'Proxima-Bold', sans-serif; font-weight:normal; text-align:center; opacity:0;}
.prodMainV .scroll .arrow {display:block; width:74px; height:74px; margin:30px auto 0; border:1px solid #fff; background:url("/common/img/icon/prodMainV_scroll.png") no-repeat center; cursor:pointer }



/* .subWrap .inner  */.h3TxtArea.prod .downBtn {display:inline-block; padding:19px 30px; background:#545a66; border-radius:3px; margin-top:45px}
/* .subWrap .inner  */.h3TxtArea.prod .downBtn span {color:#fff; font-weight:bold; background:url("/common/img/icon/down_icon.png") no-repeat right center; padding-right:36px;}
/* .subWrap .inner  */.h3TxtArea.prodTab .downBtn {display:inline-block; padding:19px 30px; background:#545a66; border-radius:3px; margin-top:45px}
/* .subWrap .inner  */.h3TxtArea.prodTab .downBtn span {color:#fff; font-weight:bold; background:url("/common/img/icon/down_icon.png") no-repeat right center; padding-right:36px;}

.h3TxtArea .downBtn.hoverG:hover {background:#8bbf45;}


.prodCon {background:#fff; position:relative; max-width:1920px; margin:0 auto;}
.prodCon .inner {position:relative;}
.prod_subList {position:relative; top:0; left:0; opacity:1; height:555px; padding-top:80px; background:url("/common/img/icon/prod_subList_bg.jpg") no-repeat 100% bottom;}
.prod_subList:nth-of-type(even) {background-position:0 bottom; text-align:right;}
.prod_subList:nth-of-type(1) {padding-top:120px;}
.prod_subList .txtArea {position:absolute; top:0; left:-260px; min-height:475px; padding:75px 0 0 1260px;}
.prod_subList:nth-of-type(even) .txtArea {left:auto; right:-260px; padding:75px 1260px 0 0;}
.prod_subList.type1 .txtArea {background:url("/common/img/icon/prod_subList_txt_bg1.jpg") no-repeat 0 top;}
.prod_subList.type2 .txtArea {background:url("/common/img/icon/prod_subList_txt_bg2.jpg") no-repeat 100% top;}
.prod_subList.type3 .txtArea {background:url("/common/img/icon/prod_subList_txt_bg3.jpg") no-repeat 0 top;}
.prod_subList.type4 .txtArea {background:url("/common/img/icon/prod_subList_txt_bg4.jpg") no-repeat 100% top;}
.prod_subList.type5 .txtArea {background:url("/common/img/icon/prod_subList_txt_bg5.jpg") no-repeat 0 top;}
.prod_subList .txtArea .mTxt {font-size:56px; font-weight:bold; color:#000;}
.prod_subList .txtArea .subTxt {font-size:18px; line-height:28px; margin:35px 0 30px;}
.prod_subList .txtArea .linkArea {text-align:right;}
.prod_subList .txtArea .linkArea.type2 {text-align:left;}
.prod_subList .txtArea .linkArea > div {display:inline-block; max-width:310px; vertical-align:top; text-align:left;}
.prod_subList .txtArea .linkArea a {display:inline-block; width:150px; font-size:18px; font-weight:bold; padding:19px 0 15px; margin-right:5px; border-bottom:1px solid #ccc; text-align:left;} 
.prod_subList .txtArea .linkArea a.w230 {width:230px;}
.prod_subList .txtArea .linkArea a:nth-child(even) {margin-right:0}
/*.prod_subList .txtArea .linkArea.type2 a {display:block;}*/
.prod_subList .txtArea .linkArea a:hover {color:#8bbf45; border-color:#8bbf45; background:url("/common/img/icon/linkArea_icon_on.png") no-repeat right 57%;}
.prodCon .bottArea {position:relative; padding:140px 0 150px; background:url("/common/img/icon/prodBottArea_bg.jpg") no-repeat center; background-size:cover; color:#fff; text-align:center; margin-top:80px;}
.prodCon .bottArea .tit {font-size:30px; font-weight:bold; }
.prodCon .bottArea .txt {font-size:18px; margin:30px 0 50px;}
.prodCon .bottArea a {display:inline-block; border:2px solid #fff; border-radius:3px; padding:19px 100px 19px 24px; background:url("/common/img/icon/prodBottArea_arrow.png") no-repeat right 30px center; font-size:18px; color:#fff;}
.prodImg {border:1px solid #e0e0e0; text-align:center;}
.prodImg img {max-width:100%;}
.prodImg .mobile {display:none;}

.prodList {text-align:center;} 
.prodList li {position:relative; display:inline-block; width:219px; min-height:110px; padding:20px 0; border-left:1px solid #e0e0e0;}
.prodList li:first-child {border-left:0;}
.prodList li .icon {margin-bottom:30px;}
.prodList li .txt {position:absolute; bottom:0; left:0; width:100%; height:40px; line-height:1.3; box-sizing:border-box;}
.processImg {text-align:center;}
.processImg img {max-width:100%;}
.processImg img.mobile {display:none;}

.compList {text-align:center;} 
.compList li {display:inline-block; position:relative; width:140px; height:160px; padding-right:115px; background:url("/common/img/icon/compList_bg1.png") no-repeat 0 0;}
.compList li:nth-child(even) {background-image:url("/common/img/icon/compList_bg2.png")}
.compList li:after {content:""; display:block; position:absolute; top:0; right:0; width:120px; height:160px; background:url("/common/img/icon/compList_dot.png") no-repeat center;}
.compList li:last-child {padding-right:0}
.compList li:last-child:after {display:none;} 
.compList li p {display:table; width:100%; height:100%;}
.compList li p span {display:table-cell; vertical-align:middle; padding:0 10px; color:#fff; font-size:18px; line-height:26px; font-weight:bold;}

.compList2 {text-align:center; padding-bottom:20px;}
.compList2 dt {display:block; margin-bottom:20px;}
.compList2 dt p {
	display:table; position:relative; width:165px; height:186px; margin:0 auto; 
	background:url("/common/img/icon/compList2_dt_icon.png"), url("/common/img/icon/compList2_bg1.png");
	background-repeat: no-repeat, no-repeat;
	background-position:center 50px ,0 0 ;
}
.compList2 dt p span {display:table-cell; vertical-align:middle; padding:55px 10px 0; color:#fff; font-size:18px; font-weight:bold; }
.compList2 dd {display:inline-block; position:relative; width:140px; height:160px; padding-right:115px; background:url("/common/img/icon/compList2_bg2.png") no-repeat 0 0;}
.compList2 dd:after {content:""; display:block; position:absolute; top:0; right:0; width:120px; height:160px; background:url("/common/img/icon/compList_dot.png") no-repeat center;}
.compList2 dd:last-child {padding-right:0}
.compList2 dd:last-child:after {display:none;} 
.compList2 dd p {display:table; width:100%; height:100%;}
.compList2 dd p span {display:table-cell; vertical-align:middle; padding:0 10px; font-size:18px; line-height:26px; font-weight:bold;}

/* tableType */
.tableWrap {position:relative;}
.tableWrap .tableTit {font-size:20px; font-weight:bold; color:#000; margin-bottom:20px;}


.tableWrap .downBtn {position:absolute; top:-62px; right:0; display:inline-block; padding:19px 30px; background:#545a66; border-radius:3px; }
.tableWrap .downBtn span {color:#fff; font-weight:bold; background:url("/common/img/icon/down_icon.png") no-repeat right center; padding-right:36px;}
.tableWrap .downBtn.hoverG:hover {background:#8bbf45;}
.tableWrap .downBtn span.bgNo {background:none; padding-right:0}

.tableType1 {border-top:2px solid #000; margin-bottom:40px;} 
.tableType1:last-child {margin-bottom:0}
.tableType1 table {width:100%; table-layout:fixed;}
.tableType1 table thead th {font-size:18px; color:#000; font-weight:bold; padding:20px 0; border-bottom:1px solid #e0e0e0;}
.tableType1 table tbody td {padding:20px 30px; border-bottom:1px solid #e0e0e0; text-align:center; line-height:1.5;}
.tableType1 .mobile {display:none;}
.tableType1 .tableTxt {margin-top:30px;}
.tableType1 .tableTxt .dotT {position:relative; padding-left:12px; line-height:26px;}
.tableType1 .tableTxt .dotT:before {content:""; display:block; position:absolute; top:0; left:0; width:2px; height:26px; background:url("/common/img/icon/dot_2x2.gif") no-repeat 0 center;}
.tableType1 .tableTxt .dotT strong {display:inline-block; font-weight:bold; margin-right:25px;}
.tableType1 .scrollDiv {overflow-x:auto;}
.tableType1 .scrollDiv::-webkit-scrollbar { height: 2px; }
.tableType1 .scrollDiv::-webkit-scrollbar-thumb { background: #a9a9a9; }
.tableType1 table tbody td.borL {border-left:1px solid #e0e0e0;}

.tableType2 {border-top:2px solid #000; position:relative;} 
.tableType2 .taL {text-align:left !important;}
.tableType2 .date {position:absolute; top:-45px; right:0;}
.tableType2 .grayBtn {position:absolute; top:-62px; right:0; display:inline-block; padding:12px 30px; background:#545a66; border-radius:3px; color:#fff; font-weight:bold;}
.tableType2 .scrollDiv {overflow-x:auto;}
.tableType2 .scrollDiv::-webkit-scrollbar {height: 2px; }
.tableType2 .scrollDiv::-webkit-scrollbar-thumb { background: #a9a9a9; }

.tableType2 table {width:100%; table-layout:fixed;}
.tableType2 table thead th {font-size:18px; color:#000; font-weight:bold; padding:20px 0; border-bottom:1px solid #e0e0e0;}
.tableType2 table tbody td {padding:20px 10px; border-bottom:1px solid #e0e0e0; text-align:center; line-height:30px;}
.tableType2 table tfoot td {padding:20px 10px; border-bottom:1px solid #e0e0e0; font-weight:bold; text-align:center; line-height:30px;}
.tableType2 table.type2 th, .tableType2 table.type2 td {border-left:1px solid #e0e0e0;}
.tableType2 table.type2 th:first-child, .tableType2 table.type2 td:first-child {border-left:0; border-right:1px solid #e0e0e0;}
.tableType2 table.type2 td .checkIcon {vertical-align:middle;}
.tableType2 .tableTxt {margin:20px 0;}
.tableType2 .tableTxt .dotT {position:relative; padding-left:12px; line-height:26px;}
.tableType2 .tableTxt .dotT:before {content:""; display:block; position:absolute; top:0; left:0; width:4px; height:26px; background:url("/common/img/icon/dotG_4x4.gif") no-repeat 0 center;}
.tableType2 .tableTxt .dotT strong {display:inline-block; font-weight:bold; margin-right:25px;}

.contArea {background:url("/common/img/icon/contArea_bg.jpg") no-repeat center; background-size:cover; padding:80px 0 140px; text-align:center;}
.contArea .tit {font-size:28px; font-weight:bold; color:#000; margin-bottom:40px;}
.contArea .contBox {position:relative; display:inline-block; width:392px; background:#fff; margin-left:14px; padding:35px 30px 0 35px; text-align:left;}
.contArea .contBox:first-child {margin-left:0;}
.contArea .contBox .tit {font-size:22px; font-weight:bold; margin-bottom:130px;}
.contArea .contBox .icon {position:absolute; top:30px; right:30px; width:47px; height:51px; padding-top:44px; background:url("/common/img/icon/contArea_icon.png") no-repeat center 0; font-size:14px;}
.contArea .contBox .icon.t2 {width:52px; height:51px; background:url("/common/img/icon/contArea_icon2.png") no-repeat center 0; }
.contArea .contBox .txt {border-top:1px solid #dcdcdc; padding:20px 0 25px;} 
.contArea .contBox .txt span{background:url('/common/img/icon/contArea_icon_q.png') no-repeat right; padding-right:20px;}

.agreeDiv {margin-bottom:50px;}
.agreeDiv .agreeTxt {border:1px solid #e0e0e0; padding:30px; height:240px; overflow-y:auto; line-height:28px; word-break:break-all;}
.agreeDiv .agreeTxt p+p {margin-top:15px;}
.agreeDiv .agreeTxt p:last-child {margin-bottom:20px;}

.recruitList:after {content:""; display:block; clear:both;}
.recruitList .recruitBox {float:left; width:452px; margin-left:20px; border-top:1px solid #e0e0e0; padding-top:40px;}
.recruitList .recruitBox:first-child {margin-left:0;}
.recruitList .recruitBox .tit {font-size:22px; font-weight:bold; color:#000; line-height:30px;}
.recruitList .recruitBox .tit .num {display:block; font-size:20px; color:#8cc63e; font-family:'Proxima-Bold', sans-serif; font-weight:normal;}
.recruitList .recruitBox .img {margin:30px 0;}
.recruitList .recruitBox .img img {width:100%;}
.recruitList .recruitBox .txt {line-height:26px; word-break:keep-all; letter-spacing:-1px}
.recruitList .recruitBox.type2 {border-top:0; padding-top:0;}
.recruitList .recruitBox.type2 .tit {margin:30px 0;}
.recruitList .recruitBox.type2 .img {margin:0;}
.recruitList .recruitBox.type2 .dotList {border-top:1px solid #e0e0e0; margin-top:40px; padding-top:30px;}
.recruitList .recruitBox.type2 .dotList li {background:url("/common/img/icon/dotG_4x4.gif") no-repeat 0 13px; line-height:30px; padding-left:15px;}
.recruiteImg {text-align:center;}
.recruiteImg.type2 {border:1px solid #e0e0e0;}
.recruiteImg img {max-width:100%;}
.recruiteImg img.mobile {display:none;}
.recruiteDiv > .mTit {font-size:24px; font-weight:bold; line-height:36px; color:#000; text-align:center;}
.recruiteDiv > .mTit .greenT {color:#8cc63e;}
.recruiteDiv .tit {font-size:22px; font-weight:bold; color:#000; margin:50px 0 30px; word-break:keep-all;}
.recruiteDiv .tit:first-child {margin-top:80px;}
.recruiteDiv .txt {line-height:30px; margin-top:25px; word-break:keep-all;}
.recruiteDiv .txt .greenT {display:block; font-size:18px; font-weight:bold; color:#8cc63e; margin-bottom:10px;}
.recruiteDiv .dotTxt {position:relative; line-height:26px; padding-left:15px;}
.recruiteDiv .dotTxt:before {content:""; display:block; width:4px; height:26px; background:url("/common/img/icon/dotG_4x4.gif") no-repeat 0 center; position:absolute; top:0; left:0;}
.benefitTable {border-top:2px solid #000; }
.benefitTable table {width:100%;}
.benefitTable table th {font-size:18px; padding:25px 0; text-align:center; border-bottom:1px solid #e0e0e0;}
.benefitTable table th br {display:none;}
.benefitTable table td {padding:10px 0; border-bottom:1px solid #e0e0e0;}
.benefitTable table td .arrowT {font-size:18px; font-weight:bold; color:#fff; text-align:center; padding:15px 0;}
.benefitTable table td .arrowT.t1 {background:url("/common/img/icon/benefitTable_bg1.png") no-repeat right center;}
.benefitTable table td .arrowT.t2 {background:url("/common/img/icon/benefitTable_bg2.png") no-repeat right center;}
.benefitTable table td .arrowT span br {display:none;}
.benefitList {display:table; width:100%; border:1px solid #e0e0e0;} 
.benefitList li {display:table-cell; width:25%; border-left:1px solid #e0e0e0; padding:60px 10px; text-align:center;}
.benefitList li:first-child {border-left:0;}
.benefitList li .tit {font-size:20px; font-weight:bold; color:#000; margin:55px 0 0;}
.benefitList li .txt {display:inline-block; text-align:left;}

.employDiv {margin-top:80px;}
.employDiv > .txt {text-align:center; line-height:32px; font-size:18px;}
.employDiv .employBox {padding:100px 30px; margin-top:60px; background:#f4f4f4;}
.employDiv .btnArea .downBtn {position:relative; top:0; left:0; display:inline-block; padding:21px 28px; border-radius:3px; background:#545a66; color:#fff; font-size:18px; margin-top:50px; margin-right:5px;}
.employDiv .btnArea .downBtn span {padding-right:36px; background:url("/common/img/icon/down_icon.png") no-repeat right center;}
.employDiv .btnArea .blueBtn {position:relative; top:0; left:0;}
.employList {text-align:center;}
.employList li {display:inline-block; position:relative; width:154px; height:174px; margin-right:5px; background:url("/common/img/icon/employList_bg.png") no-repeat 0 0;}
.employList li:after {content:""; display:block; position:absolute; top:50%; right:-16px; transform:translateY(-50%); z-index:1; width:26px; height:24px; background:url("/common/img/icon/employList_arrow.png") no-repeat 0 0; }
.employList li:last-child {margin-right:0;}
.employList li:last-child:after {display:none;}
.employList li p {display:table; width:100%; height:100%;}
.employList li p span {display:table-cell; vertical-align:middle; padding:0 10px; color:#000; line-height:26px; font-weight:bold;}
.employList li p span .greenBt {display:inline-block; padding:5px 10px; font-size:15px; color:#fff; background:#8cc63e; margin-top:10px; border-radius:3px;}
.employList li p span .greenT {display:block; color:#8cc63e; line-height:20px; margin-top:10px;}

.recruitG_box {background:#f4f4f4; padding:70px 0; margin-top:80px; text-align:center;}
.recruitG_box .txt {font-size:18px;}
.recruitG_box .grayBtn {display:inline-block; padding:17px 60px; margin-top:30px; border-radius:3px; background:#545a66; color:#fff; font-weight:bold;}

.productDiv_G {margin-top:80px;}
.productDiv_G:after {content:""; display:block; clear:both;}
.productDiv_G > div {width:690px; padding:60px 0; text-align:center; background-color:#f4f4f4;}
.productDiv_G div.t1 {float:left;}
.productDiv_G div.t2 {float:right;}
.productDiv_G > div .txt {font-size:18px; line-height:32px; font-weight:bold; color:#000; padding-top:145px;}
.productDiv_G div.t1 .txt {background:url("/common/img/icon/productDiv_G_list_icon1.png") no-repeat center 0}
.productDiv_G div.t2 .txt {background:url("/common/img/icon/productDiv_G_list_icon2.png") no-repeat center 0}
.productDiv_G > div .btnDiv {margin-top:45px;}
.productDiv_G > div .btnDiv a {display:inline-block; padding:15px 60px; margin-left:5px; background:#fff; border:2px solid #e0e0e0; border-radius:3px; font-weight:bold;}
.productDiv_G > div .btnDiv a:first-child {margin-left:0}
.productDiv_G > div.t1 .btnDiv a:hover {background:#12547a; border-color:#12547a; color:#fff;}
.productDiv_G > div.t2 .btnDiv a:hover {background:#8bbf45; border-color:#8bbf45; color:#fff;}


.recuitDiv.view {border-bottom:1px solid #e0e0e0; padding-bottom:30px; word-break:break-all;}
.recuitDiv.view:after {content:""; display:block; clear:both;}
.recuitDiv.view .leftDiv {float:left; position:relative; width:420px; margin-right:46px;}
.recuitDiv.view .leftDiv .img img {max-width:100%;}
.recuitDiv.view .leftDiv .txtCon {position:absolute; top:60px; left:50%; transform:translateX(-50%); width:calc(100% - 60px); text-align:center;}
.recuitDiv.view .leftDiv .txtCon .tit {
	font-size:24px; color:#034874; font-weight:bold; display:inline-block; padding:0 20px;
	background-image:url("/common/img/icon/listType4_txt_bg1.png") , url("/common/img/icon/listType4_txt_bg2.png");
	background-repeat: no-repeat, no-repeat;
	background-position: left top, right bottom;
}
.recuitDiv.view .leftDiv .txtCon .txt {font-size:18px; margin-top:20px;}
.recuitDiv.view .leftDiv .txtCon .txt span {font-weight:bold;}
.recuitDiv.view .rightDiv {float:right; width:calc(100% - 466px);}
.recuitDiv.view .qnaList li {border-top:1px solid #e0e0e0; padding:30px 0;}
.recuitDiv.view .qnaList li .qTit {position:relative; padding-left:60px; font-size:18px; font-weight:bold; line-height:40px;}
.recuitDiv.view .qnaList li .qTit:before {content:""; display:block; width:40px; height:40px; position:absolute; top:0; left:0; background:url("/common/img/icon/recuitDiv_qna_bg.png") no-repeat 0 0;}
.recuitDiv.view .qnaList li .aTxt {padding:0 50px 0 60px; line-height:30px; word-break:break-all;}


.promoteArea {margin-top:80px;}
.promoteArea > .txt {text-align:center; font-size:18px; line-height:32px;}
.promoteList {margin-top:95px; text-align:center;}
.promoteList li {display:inline-block; position:relative; margin-right:70px; width:220px; height:249px; background-repeat:no-repeat; background-position:0 center;}
.promoteList li:before {content:""; display:block; position:absolute; top:0; right:-73px; width:73px; height:249px; background:url("/common/img/icon/promoteList_arrow.png") no-repeat center;}
.promoteList li.t1 {background-image:url("/common/img/icon/promoteList_bg1.png");}
.promoteList li.t2 {background-image:url("/common/img/icon/promoteList_bg2.png");}
.promoteList li.t3 {background-image:url("/common/img/icon/promoteList_bg3.png");}
.promoteList li.t4 {background-image:url("/common/img/icon/promoteList_bg4.png");}
.promoteList li.t5 {background-image:url("/common/img/icon/promoteList_bg5.png"); margin-right:0;}
.promoteList li.t5:before {display:none;}
.promoteList li div {display:table; width:100%; height:100%; }
.promoteList li div .txt {display:table-cell; vertical-align:middle; text-align:center; font-size:18px; line-height:30px; color:#000; }
.promoteList li div .txt span {display:block; font-weight:bold;}
.promoteImg {text-align:center;}
.promoteImg img {max-width:100%;}
.promoteImg img.mobile {display:none;}


#stockInfoIframe {height:1500px;}

/* ncc/ecc */
.factoryList:after {content:""; display:block; clear:both;}
.factoryList > div {float:left; width:50%;}
.factoryList .factoryTxt {float:left; width:50%; padding-right:65px; box-sizing:border-box;margin-top:40px;}
.factoryList .factoryTxt .tit {font-size:20px; line-height:32px; font-weight:bold; color:#000}
.factoryList .factoryTxt .tit span {display:inline-block; width:32px; height:32px; font-size:15px; line-height:32px; letter-spacing:0; text-align:center; border-radius:50%; color:#fff; background:#8bbf45; font-family:'Proxima-Bold'; font-weight:normal;}
.factoryList .factoryTxt .txt {font-size:16px; line-height:28px; margin-top:20px; word-break:keep-all;}



@media screen and (max-width:1480px) {
	
	
	.companyDiv .summaryArea .mainImg {margin-bottom:227px;}
	.companyDiv .summaryArea .mainImg .txtArea {margin-left:5%; box-shadow:50px 50px 60px rgba(0,0,0,0.4)} 
	.summaryDiv > div .txtArea {width:50%; padding: 0 20px;}
	.summaryDiv > div .txtArea .tit br {display:none;}
	.summaryDiv > div .txtArea .txt {margin-top:20px;}
	.summaryDiv > div .imgArea {width:50%; height:auto;}
	.companyList li {width:19%; padding:40px 10px; margin-left:1%;}
	.companyList li .icon {margin-bottom:30px;}
	.companyList li .tit {margin-bottom:20px;}
	/*.companyList li .txt br {display:none;}*/
	.gradeList li {width:25%;}
	.gradeList li .txt strong {font-size:40px;}
	.bizList li {width:25%;}
	.bizList li .frontDiv .txt {top:20px; left:20px; font-size:23px; line-height:1.3}
	.bizList li .backDiv .txtArea {padding:20px;}
	.bizList li .backDiv .txtArea:after {bottom:25px; left:20px;}
	.bizList li .backDiv .txtArea .tit {font-size:23px; line-height:1.3}
	.bizList li .backDiv .txtArea .txt {margin-top:20px; font-size:14px; line-height:1.5;}
	.bizArea .imgCon {margin-top:80px; position:relative;}
	.bizArea .imgCon > a {padding:10px 40px; font-size:14px; top:-20px;} 
	.downList {width:90%; margin:60px auto 0;}
	.downList li {display:inline-block; width:23%; margin-left:2%;}

	.visionArea p {line-height:26px;} 
	.visionList li {width:23%; margin-left:2%;}
	.visionList li:first-child {margin-left:0;}
	.visionList li .img {width:100%; height:auto;}
	.visionList li .img img {width:100%;}
	.visionDiv .boxArea > ul li {width:32%; height:240px; box-sizing:border-box; margin-right:2%;}
	.visionDiv .boxArea > ul li:after {width:7%; right:-7%; }
	.visionDiv .boxArea > ul li .txt {height:88px;}

	.ceoArea .topArea {padding:110px 60px 100px 40%; background-position:left -160px top;}
	.ceoArea .topArea .tit {font-size:25px; line-height:1.5; background-position:left top, right bottom 20px}

	
	.advertiseTop .videoDiv {width:60%; height:311px; float:left; overflow:hidden;}
	.advertiseTop .videoDiv img {width:100%;}
	.advertiseTop .video_info {width:40%; height:311px;}
	.advertiseBot .list {width:31%; float:left; margin-right:2%; position:relative;}
	.advertiseBot .list .img img {width:100%}

	/* ci */
	.ciArea .ciDiv1 .ciList li {float:left; width:33%; padding:0 20px; height:240px; text-align:center; border-left:1px solid #e0e0e0; box-sizing:border-box;}
	.ciArea .ciDiv1 .ciList li .txt br {display:none;}
	.ciArea .ciDiv2 .grayBox > div {float:left; width:49%; margin-left:2%;}
	.ciArea .ciDiv2 .grayBox > div:first-child {margin-left:0}
	.ciArea .ciDiv2 .grayBox > div .tit {font-size:22px; font-weight:bold; color:#000; margin-bottom:20px; text-align:center;}
	.ciArea .ciDiv2 .grayBox > div .img {margin-top:10px;}
	.ciArea .ciDiv2 .grayBox > div .img:nth-of-type(1) {margin-top:0}
	.ciArea .ciDiv2 .grayBox > div .img img {width:100%;}
	.ciArea .ciDiv3 .infoT br {display:none;}
	.ciArea .ciDiv3 .colorDiv .leftDiv {float:left; width:23%;}
	.ciArea .ciDiv3 .colorDiv .rightDiv {float:right; width:75%;}
	.ciArea .ciDiv3 .colorDiv .rightDiv .txtArea {width:23%; margin:25px 2% 0 0;}
	.ciArea .ciDiv3 .colorDiv .rightDiv .txtArea:last-child {margin-right:0}
	.ciArea .ciDiv3 .colorDiv > div .txtArea .color {height:90px; padding:20px; }
	.ciArea .ciDiv4 .boxArea .img {padding:0 50px;}
	.ciArea .ciDiv4 .boxArea .txt {padding-right:50px; font-size:16px; line-height:1.5;}
	
	/* R&D */
	.studyArea .tabBtn {width:90%;}
	.studyArea .mainDiv .studyList li {float:left; width:25%; height:120px; text-align:center; padding-top:10px; border-left:1px solid rgba(255,255,255,0.2); box-sizing:border-box;}
	.studyArea .bottomArea .img {width:90%; margin:10px auto 0}
	.studyArea .bottomArea .img img {max-width:100%;}
	.studyArea .bottomArea .img .mobile {display:none;}
	.studyArea .txtBox br {display:none;}

	.rndHistory .productTit {width:calc(90% - 32px); margin:60px auto 0;}
	.rndHistory .historyDiv .yearArea {width:32%; margin-left:2%;}
	.rndHistory .historyDiv .yearArea .txtArea .grayBox {padding:40px 20px; height:230px;}
	.rndHistory .historyDiv .yearArea .txtArea ul {display:inline-block; text-align:left;}
	.rndHistory .historyDiv .yearArea:first-child .txtArea ul {width:215px;}
	.rndHistory .historyDiv .yearArea .txtArea ul li {margin-bottom:20px; }
	.rndHistory .historyDiv .yearArea .txtArea ul li p {width:calc(100% - 85px);}
	.rndHistory .historyDiv .yearArea .txtArea ul li p br {display:none;}
	.rndHistory .historyDiv .yearArea .txtArea ul li p.yearT {width:70px; margin-right:15px;}

	
	.boardArea1 {padding:40px;} 
	.boardArea1 .downList {width:100%;}
	.boardArea1 .downList a {width:30%; margin-right:2%; box-sizing:border-box; padding:15px;}
	.boardArea1 .downList a:nth-child(3n) {margin-right:2%;}
	.boardArea2 .memberList {width:49%; margin:20px 2% 0 0; box-sizing:border-box;}
	.boardArea2 .memberList:nth-child(3n) {margin-right:2%;}
	.boardArea2 .memberList:nth-child(even) {margin-right:0;}
	.boardArea2 .memberList:nth-child(-n+3) {margin-top:20px;}
	.boardArea2 .memberList:nth-child(-n+2) {margin-top:0;}
	.boardArea2 .memberList > .tit {font-size:18px; font-weight:bold; color:#000; padding:30px 0; text-align:center;}
	.boardArea2 .memberList .txtArea {border:1px solid #e0e0e0; background:#fff; padding:20px;}
	.boardArea2 .memberList:nth-of-type(1) .txtArea, .boardArea2 .memberList:nth-of-type(2) .txtArea {height:185px;}
	.boardArea2 .memberList:nth-of-type(3) .txtArea, .boardArea2 .memberList:nth-of-type(4) .txtArea {height:200px;}
	.boardArea2 .memberList:nth-of-type(5) .txtArea, .boardArea2 .memberList:nth-of-type(6) .txtArea {height:410px;}
	.boardArea2 .memberList:nth-of-type(7) .txtArea, .boardArea2 .memberList:nth-of-type(8) .txtArea {height:320px;}
	.boardArea2 .memberList:nth-of-type(9) .txtArea {height:360px;}
	.boardArea2 .memberList .txtArea .list {border-top:1px solid #e0e0e0;}
	
	.investList li {width:31%; margin-left:3%;}

	.brochureTop .txtArea {padding:50px 30px 0 60px; box-sizing:border-box; } 
	.brochureTop .imgArea {padding-right:60px;  box-sizing:border-box; }
	.brochureTop .imgArea > div {box-shadow:10px 10px 0 #ebebeb;}


	
	.prodCon {max-width:100%;} 
	.prod_subList {height:445px; background-size:1340px auto}
	.prod_subList .txtArea {min-height:355px; padding:60px 0 0 890px;}
	.prod_subList:nth-of-type(even) .txtArea { padding:60px 890px 0 0;}
	.prod_subList.type1 .txtArea {background-size:850px auto;}
	.prod_subList.type2 .txtArea {background-size:850px auto;}
	.prod_subList.type3 .txtArea {background-size:850px auto;}
	.prod_subList.type4 .txtArea {background-size:850px auto;}
	.prod_subList.type5 .txtArea {background-size:850px auto;}
	.prod_subList .txtArea .mTxt {font-size:40px;}
	.prod_subList .txtArea .subTxt {margin:30px 0 20px;}
	.prod_subList .txtArea .linkArea a {font-size:16px; padding:13px 0 11px;} 

	.prodList li {width:16%;} 
	.compList li {width:120px; height:136px; padding-right:80px; background-size:120px 136px;}
	.compList li:after {width:80px; height:136px; background-size:30px auto;}	
	
	.compList2 dd {width:120px; height:136px; padding-right:50px; background-size:120px 136px;}
	.compList2 dd:after {width:50px; height:136px; background-size:auto 4px;}
	.compList2 dd p {display:table; width:100%; height:100%;}
	.compList2 dd p span {display:table-cell; vertical-align:middle; padding:0 10px; font-size:18px; line-height:26px; font-weight:bold;}

	
	.recruitList .recruitBox {width:32%; margin-left:2%; padding-top:40px;}

	.employList li {width:120px; height:136px; margin-right:5px; background-size:120px 136px;}
	.employList li p span{letter-spacing:-2px; font-size:14px; line-height:1.5}
	.employList li p span strong{letter-spacing:0}
	.employList li p span .greenBt {font-size:12px; line-height:1.3; margin-top:10px; border-radius:3px;}
	.employList li p span .greenT {display:block; color:#8cc63e; line-height:1.3; margin-top:8px;}

	
	.productDiv_G > div {width:49%;}
	.productDiv_G > div .btnDiv a {display:inline-block; padding:15px 30px; background:#fff; border:2px solid #e0e0e0; border-radius:3px; font-weight:bold;}

	
	.promoteList {margin-top:50px;}
	.promoteList li {margin-right:30px; width:150px; height:168px; background-size:150px 168px;}
	.promoteList li:before {right:-33px; width:33px; height:168px; background-size:20px auto;}

	/* ncc/ecc */
	.factoryList > div {float:none; width:100%;}
	.factoryList > div:after {content:""; display:block; clear:both;}
	.factoryList .factoryTxt {float:left; width:50%; padding-right:65px; box-sizing:border-box;margin-top:40px;}
	.factoryList .factoryTxt .tit {font-size:20px; line-height:32px; font-weight:bold; color:#000}
	.factoryList .factoryTxt .tit span {display:inline-block; width:32px; height:32px; font-size:15px; line-height:32px; letter-spacing:0; text-align:center; border-radius:50%; color:#fff; background:#8bbf45; font-family:'Proxima-Bold'; font-weight:normal;}
	.factoryList .factoryTxt .txt {font-size:16px; line-height:28px; margin-top:20px; word-break:keep-all;}

	
}

@media screen and (max-width:1023px) {

	
	.companyDiv .summaryArea .mainImg .txtArea {margin-left:5%; width:90%; height:447px; padding:60px 40px; }
	.companyDiv .summaryArea .mainImg .txtArea .tit, .companyDiv .summaryArea .mainImg .txtArea .txt {word-break:keep-all;}
	.companyDiv .summaryArea .mainImg .txtArea .tit br, .companyDiv .summaryArea .mainImg .txtArea .txt br {display:none;}
	.summaryDiv > div .txtArea {float:none; width:auto; padding:0;}
	.summaryDiv > div .imgArea {float:none; width:auto; height:auto; margin-bottom:30px;}
	.summaryDiv > div .imgArea img {width:100%;}
	.companyArea1 {margin-top:80px; padding-top:80px; background:url("/common/img/icon/companyArea1_bg_m.jpg") no-repeat center bottom; background-size:cover;}
	.companyList li {width:48%; margin:20px 2% 0 0;}
	.companyList li:nth-child(-n+2) {margin-top:0}
	.companyList li:nth-child(even) {margin-right:0}
	.companyList li .icon {margin-bottom:30px;}
	.companyList li .tit {margin-bottom:20px;}
	/*.companyList li .txt br {display:none;}*/
	.gradeList li {width:50%; padding:60px 0;}
	.bizList {position:relative; top:0; left:-5%; width:110%;}
	.bizList li {float:none; width:100%; height:320px; overflow:hidden;}
	.bizList li:first-child {margin-top:0}
	.bizList li div .img img.pc {display:none;}
	.bizList li div .img img.mobile {display:block;}
	.bizArea .imgCon > a {padding:6px 24px; font-size:12px; top:-20px;} 
	.bizList li .frontDiv .txt {top:30px; left:30px; display:none;}
	.bizList li .backDiv {opacity:1; box-shadow:none;}
	.bizList li .backDiv .img {display:none;}
	.bizList li .backDiv .txtArea {position:absolute; top:0; left:0; padding:50px; width:100%; height:100%; box-sizing:border-box;}
	.bizList li .backDiv .txtArea:after {bottom:50px; left:50px;}
	.bizList li .backDiv .txtArea .tit {font-size:26px; line-height:36px; color:#fff;}
	.bizList li .backDiv .txtArea .tit span {display:block; font-weight:bold;}
	.bizList li .backDiv .txtArea .txt {line-height:28px; color:#fff; margin-top:30px; word-break:keep-all;}
	.bizList li:hover .backDiv, .bizList li:focus .backDiv {opacity:1}
	
	.downList {width:90%;}
	.downList li {width:48%; margin:20px 2% 0 0;}
	.downList li:nth-child(even) {margin-right:0;}
	.downList li:nth-child(-n+2) {margin-top:0;}

	.visionList li {float:left; width:48%; margin:40px 4% 0 0;}
	.visionList li:nth-child(even) {margin-right:0;}
	.visionList li:nth-child(-n+2) {margin-top:0;}
	.visionImg .pc {display:none;}
	.visionImg .mobile {display:inline-block;}
	.visionImg .mobileTxt {display:block;}
	.visionImg .mobileTxt:after {content:""; display:block; clear:both;}
	.visionImg .mobileTxt .list {float:left; width:48%; border-top:4px solid #8cc63e; padding:30px 0; text-align:left; word-break:keep-all;}
	.visionImg .mobileTxt .list .tit {font-size:27px; color:#000; font-weight:bold; line-height:38px;}
	.visionImg .mobileTxt .list ul li {position:relative; font-size:20px; line-height:30px; padding-left:20px; margin-top:20px;}
	.visionImg .mobileTxt .list ul li:before {content:""; position:absolute; top:0; left:0; display:block; width:6px; height:30px; background:url("/common/img/icon/vision_dot1.gif") no-repeat 0 center;}
	.visionImg .mobileTxt .list:nth-child(even) {float:right;}
	.visionImg .mobileTxt .list:nth-child(-n+2) {height:280px;}
	.visionImg .mobileTxt .list.t2 {border-top:4px solid #12547a; }
	.visionImg .mobileTxt .list.t2 ul li:before {background-image:url("/common/img/icon/vision_dot2.gif");}

	.visionDiv .boxArea > ul li {float:none; width:100%; height:auto; margin:20px 0 0 0}
	.visionDiv .boxArea > ul li:after {width:100%; height:20px; right:0; top:auto; bottom:-20px; background-image:url("/common/img/icon/vision_arrow_m.png");}
	.visionDiv .boxArea > ul li .txt {height:auto;}

	.ceoArea {margin-top:80px;} 
	.ceoArea .topArea {padding:100px 40px 100px 250px; background:url("/common/img/icon/ceoTop_bg_m.jpg") no-repeat center; background-size:cover;}
	.ceoArea .topArea .tit br {display:none;}
	
	.advertiseTop .videoDiv {position: relative; padding-bottom: 56.25%;  padding-top: 30px; height: 0; overflow: hidden; width:100%; height:auto; float:none;}
	.advertiseTop .videoDiv iframe {position:absolute; top:0; left:0; width:100%; height:100%;}
	.advertiseTop{margin-top:30px;}
	.advertiseTop .video_info {width:100%; height:300px; float:none;}
	.advertiseBot .list{width:49%; margin-right:0;}
	.advertiseBot .list:nth-child(even) {float:right; margin-right:0;}
	.advertiseBot .list .txtDiv {height:136px; }
	
	.ciArea .ciDiv1 .imgCon img.pc {display:none;} /* ci */
	.ciArea .ciDiv1 .imgCon img.mobile {display:inline-block;}
	.ciArea .ciDiv1 .ciList li {width:100%; height:auto; border-left:0; border-bottom:1px solid #e0e0e0; padding:30px 0;}
	.ciArea .ciDiv1 .ciList li:first-child {border-left:0; padding-top:0;}
	.ciArea .ciDiv2 .grayBox > div {float:none; width:100%; margin-left:0; margin-top:20px;}
	.ciArea .ciDiv2 .grayBox > div:first-child {margin-left:0; margin-top:0}
	.ciArea .ciDiv3 .colorDiv .leftDiv {float:none; width:100%;}
	.ciArea .ciDiv3 .colorDiv .rightDiv {float:none; width:100%; margin-top:30px;}
	.ciArea .ciDiv3 .colorDiv > div .txtArea .color {height:120px; width:100%; box-sizing:border-box; }
	.ciArea .ciDiv3 .colorDiv .rightDiv .txtArea {width:23%; margin:0; margin-left:2%; padding-top:25px;}
	.ciArea .ciDiv3 .colorDiv .rightDiv .txtArea:nth-of-type(1) {margin-left:0}	
	.ciArea .ciDiv4 .boxArea {display:block; padding:50px 5%;}
	.ciArea .ciDiv4 .boxArea .img {display:block; margin-bottom:50px;}
	.ciArea .ciDiv4 .boxArea .txt {display:block; padding-right:0;}


	/* R&D */	
	.studyImgTxt .pc {display:none;}
	.studyImgTxt .mobile {display:inline-block;}
	.studyArea .mainDiv {position:relative; padding-top:50px; height:854px; background-image:url("/common/img/icon/study_mainBg_m.jpg"); background-position:center bottom; background-size:cover; margin-bottom:410px; }
	.studyArea.type2 .mainDiv {margin-bottom:220px;}
	.studyArea .txtBox {margin-top:450px; }
	.studyArea.type2 .txtBox {margin-top:410px; }
	.rndHistory .historyDiv:before {display:none;width:1px; height:100%; position:absolute; top:0; left:calc(5% + 8px); z-index:-1}
	.rndHistory .historyDiv .yearArea {float:left; width:100%; margin-left:0; margin-top:80px; text-align:center;}
	.rndHistory .historyDiv .yearArea:first-child {margin-top:0;}
	.rndHistory .historyDiv .yearArea .txtArea {padding-top:65px; background:url("/common/img/icon/rndHistory_icon.png") no-repeat center 0;}
	.rndHistory .historyDiv .yearArea .txtArea .grayBox {padding:40px 0; height:auto;}
	.rndHistory .historyDiv .yearArea .txtArea ul li {margin-bottom:30px; }
	.rndHistory .historyDiv .yearArea .txtArea ul li:last-child {margin-bottom:0;}
	.rndHistory .historyDiv .yearArea .txtArea ul li:after {content:""; display:block; clear:both;}
	/*.rndHistory .historyDiv .yearArea .txtArea ul li p {float:left; font-size:18px; line-height:1.5;}
	.rndHistory .historyDiv .yearArea .txtArea ul li p.yearT {font-size:20px; font-family:'Proxima-Bold', sans-serif; font-weight:normal; margin-right:30px;}
	*/
	.boardArea1 .downList a {width:48%; margin:20px 2% 0 0; }
	.boardArea1 .downList a:nth-child(3n) {margin-right:2%;}
	.boardArea1 .downList a:nth-child(even) {margin-right:0;}
	.boardArea1 .downList a:nth-child(-n+3) {margin-top:20px;}
	.boardArea1 .downList .top a:nth-child(-n+2) {margin-top:0;}
	.boardArea1 .downList br {display:none;}
	.boardArea2 .memberList {width:100%; margin:20px 0 0 0}
	.boardArea2 .memberList:nth-child(3n) {margin-right:0}
	.boardArea2 .memberList:nth-of-type(2) {margin-top:20px;}
	.boardArea2 .memberList:nth-of-type(1) .txtArea, .boardArea2 .memberList:nth-of-type(2) .txtArea {height:auto;}
	.boardArea2 .memberList:nth-of-type(3) .txtArea, .boardArea2 .memberList:nth-of-type(4) .txtArea {height:auto;}
	.boardArea2 .memberList:nth-of-type(5) .txtArea, .boardArea2 .memberList:nth-of-type(6) .txtArea {height:auto;}
	.boardArea2 .memberList:nth-of-type(7) .txtArea, .boardArea2 .memberList:nth-of-type(8) .txtArea {height:auto;}
	.boardArea2 .memberList:nth-of-type(9) .txtArea {height:auto;}
	.boardArea2 .memberList .txtArea .list .tit {float:none;}
	.boardArea2 .memberList .txtArea .list ul {float:none; width:100%; margin-top:20px;}
	.boardArea2 .memberList .txtArea .list.type2 .tit {float:left;}

	.brochureTop .txtArea {float:none; width:100%; padding:50px 0 0 0; }
	.brochureTop .imgArea {float:none; width:100%; padding-right:0;  box-sizing:border-box; text-align:center;}
	
	
	.prodMainV .txtArea .tit {font-size:55px; margin-bottom:40px;}
	.prodMainV .txtArea .tit span {margin-bottom:20px; font-size:22px;}

	.prod_subList {height:600px;}
	.prod_subList .txtArea {position:relative; top:0; left:0; width:100%; min-height:auto; padding:0; padding-top:320px;}
	.prod_subList:nth-of-type(even) .txtArea {left:auto; right:auto; padding:0; padding-top:320px;}
	.prod_subList.type1 .txtArea {background-size:695px auto; background-position:center top;}
	.prod_subList.type2 .txtArea {background-size:695px auto; background-position:center top;}
	.prod_subList.type3 .txtArea {background-size:695px auto; background-position:center top;}
	.prod_subList.type4 .txtArea {background-size:695px auto; background-position:center top;}
	.prod_subList.type5 .txtArea {background-size:695px auto; background-position:center top;}
	.prod_subList .txtArea .mTxt {font-size:45px;}
	.prod_subList .txtArea .subTxt {font-size:18px; line-height:28px; margin:20px 0 15px;}

	.prodList:after {content:""; display:block; clear:both;}
	.prodList li {display:block; float:left; width:50%; box-sizing:border-box; margin-top:20px;}
	.prodList li:nth-of-type(-n+2) {margin-top:0}
	.prodList li:nth-of-type(2n-1) {border-left:0;}	
	.processImg img.pc {display:none}
	.processImg img.mobile {display:inline-block;}


	.compList {width:580px; margin:0 auto;}
	.compList:after {content:""; display:block; clear:both;}
	.compList li {display:block; float:left; width:140px; height:159px; padding-right:80px; margin-top:20px; background-size:140px 159px;}
	.compList li:nth-of-type(3n) {padding-right:0;}
	.compList li:nth-of-type(-n+3) {margin-top:0;}
	.compList li:after {width:80px; height:159px; background:url("/common/img/icon/compList_dot_m.png") no-repeat center;}
	.compList li:nth-of-type(3n):after {display:none;}
	
	.compList2 {width:520px; margin:0 auto;}
	.compList2:after {content:""; display:block; clear:both;}
	.compList2 dd {display:block; float:left; width:140px; height:160px; background-size:140px 160px; margin-top:20px;}
	.compList2 dd:after {height:160px; background:url("/common/img/icon/compList_dot_m.png") no-repeat center; background-size:20px auto;}
	.compList2 dd:last-child, .compList2 dd:nth-of-type(3n){padding-right:0}
	.compList2 dd:last-child:after, .compList2 dd:nth-of-type(3n):after {display:none;} 
	.compList2 dd:nth-of-type(-n+3) {margin-top:0}
	
	.contArea {background:url("/common/img/icon/contArea_bg_m.jpg") no-repeat center bottom; background-size:cover;}
	.contArea .contBox {width:90%; box-sizing:border-box; margin-left:0; margin-top:20px;}
	.contArea .contBox:first-child {margin-top:0}
	.contArea .contBox .tit {font-size:22px; font-weight:bold; margin-bottom:130px;}
	.contArea .contBox .icon {position:absolute; top:30px; right:30px; padding-top:44px; background:url("/common/img/icon/contArea_icon.png") no-repeat center 0; font-size:14px;}
	
	/* tableType */
	.tableType1 .pc {display:none;}
	.tableType1 .mobile {display:block; text-align:center; }
	.tableType1 .mobile > .tit {font-size:24px; font-weight:bold; color:#000; padding:25px 0; border-bottom:1px solid #e0e0e0;}
	.tableType1 .mobile ul li {display:table; width:100%; border-bottom:1px solid #e0e0e0;}
	.tableType1 .mobile ul li .tit {display:table-cell; vertical-align:middle; width:130px; padding:25px 0; font-size:21px; font-weight:bold; color:#000; border-right:1px solid #e0e0e0;}
	.tableType1 .mobile ul li .txt {display:table-cell; vertical-align:middle; padding:25px 0; font-size:18px; line-height:1.3;}
	.tableType1 .scrollDiv {padding-bottom:1px;}
	.tableType1 .scrollDiv::-webkit-scrollbar { height: 2px; }
	.tableType1 .scrollDiv::-webkit-scrollbar-thumb { background: #a9a9a9; }
	.tableType1 .scrollDiv table {width:150%;}
	
	.tableType2 .scrollDiv {padding-bottom:1px;}
	.tableType2 .scrollDiv::-webkit-scrollbar { height: 2px; }
	.tableType2 .scrollDiv::-webkit-scrollbar-thumb { background: #a9a9a9; }
	.tableType2 table {width:150%; }	
	
	.recruitList .recruitBox {float:none; width:100%; margin-left:0; padding:40px 0;}
	.recruitList .recruitBox:last-child {padding-bottom:0;}
	.recruiteDiv > .mTit br {display:none;}
	.recruiteImg.type2 {border:0}
	.recruiteImg img.mobile {display:inline-block;}
	.recruiteImg img.pc {display:none;}	

	.benefitTable table td .arrowT {font-size:16px;}
	.benefitTable table td .arrowT span {padding-right:20px;}
	.benefitList {display:block;} 
	.benefitList:after {content:""; display:block; clear:both;}
	.benefitList li {float:left; display:block; width:50%; box-sizing:border-box; border-left:1px solid #e0e0e0; border-top:1px solid #e0e0e0;}
	.benefitList li:nth-child(-n+2) {border-top:0;}
	.benefitList li:nth-child(odd) {border-left:0;}

	.productDiv_G > div {width:100%;}
	.productDiv_G div.t1,.productDiv_G div.t2 {float:none;}
	.productDiv_G div.t2 {margin-top:30px;}
	.productDiv_G > div .btnDiv a {display:inline-block; padding:15px 60px; background:#fff; border:2px solid #e0e0e0; border-radius:3px; font-weight:bold;}
	
	.recuitDiv.view .leftDiv {float:none; width:100%; margin-right:0;}
	.recuitDiv.view .leftDiv .img {text-align:center;}
	.recuitDiv.view .rightDiv {float:none; width:100%; margin-top:40px;}
	.recuitDiv.view .qnaList li {border-top:1px solid #e0e0e0; padding:30px 0;}
	.recuitDiv.view .qnaList li .qTit {position:relative; padding-left:60px; font-size:18px; font-weight:bold; line-height:40px;}
	.recuitDiv.view .qnaList li .qTit:before {content:""; display:block; width:40px; height:40px; position:absolute; top:0; left:0; background:url("/common/img/icon/recuitDiv_qna_bg.png") no-repeat 0 0;}
	.recuitDiv.view .qnaList li .aTxt {padding:0 50px 0 60px; line-height:30px;}
	
	.promoteList {width:596px; margin:60px auto 0;}
	.promoteList li:nth-child(3) {margin-right:0}
	.promoteList li:nth-child(3):before {display:none;}
	.promoteImg img.pc {display:none;}
	.promoteImg img.mobile {display:inline-block;}

	/* ncc/ecc */
	.factoryList > div .factoryTxt {float:none; width:100%; padding-right:0;}
	
}

@media screen and (max-width:758px) {
	.companyDiv .mTit {font-size:22px; margin-bottom:15px;}
	.companyDiv .sTit {font-size:13px; line-height:1.5; padding:0 3% }
	.companyDiv .summaryArea {margin-top:40px;}
	.companyDiv .summaryArea .mainImg {height:405px; margin-bottom:230px; background-size:cover;}
	.companyDiv .summaryArea .mainImg .txtArea {bottom:auto; top:330px; width:94%; height:auto;  margin-left:3%; padding:40px 30px; box-shadow:35px 35px 40px rgba(0,0,0,0.4);}
	.companyDiv .summaryArea .mainImg .txtArea .tit {font-size:16px; line-height:1.5; margin-bottom:20px;}
	.companyDiv .summaryArea .mainImg .txtArea .txt {font-size:13px; line-height:1.5; margin-top:10px;}
	.summaryDiv > div {padding-top:40px;}
	.summaryDiv > div .txtArea .tit {font-size:16px; line-height:1.5;}
	.summaryDiv > div .txtArea .txt {font-size:13px; line-height:1.5; margin-top:20px;}
	.summaryDiv > div .imgArea {margin-top:10px;}
	.companyArea1 {padding:40px 0; margin-top:40px;}
	.companyList {margin-top:30px;}	
	.companyList li {width:48%; height:210px; margin:10px 2% 0 0;}
	.companyList li .icon {margin-bottom:15px;}
	.companyList li .tit {font-size:15px; margin-bottom:10px;}
	.companyList li .txt {font-size:13px; line-height:1.5;}
	.gradeList {margin-bottom:75px;}
	.gradeList li {padding:30px 0;}
	.gradeList li .tit {font-size:14px; margin-bottom:15px;;}
	.gradeList li .txt {font-size:13px;}
	.gradeList li .txt strong {font-size:25px;}
	.gradeList li .date {font-size:10px; bottom:10px; }
	.bizList {margin:30px 0 60px; left:-3%; width:106%;}
	.bizList li {height:180px;}
	.bizList li .frontDiv .txt {top:20px; left:20px; font-size:16px; line-height:1.3;}
	.bizList li .backDiv .txtArea {padding:20px;}	
	.bizList li .backDiv .txtArea:after {bottom:20px; left:20px; width:30px; height:6px; background-size:30px 6px;}
	.bizList li .backDiv .txtArea .tit {font-size:16px; line-height:1.3;}
	.bizList li .backDiv .txtArea .txt {font-size:13px; line-height:1.5; margin-top:20px;}
	.bizArea .imgCon {margin-top:40px;}
	.bizArea .imgCon > a {padding:5px 20px; font-size:12px; top:-20px}
	.companyDiv .bottomArea {padding:40px 0 65px;}
	.downList {margin-top:30px;}
	.downList li {margin:10px 2% 0 0;}
	.downList li .tit {margin-top:15px; font-size:13px;}
	.downList li a {padding:5px 10px; border:1px solid #e1e1e1; margin-top:10px;}
	.downList li a span {padding-right:0; font-size:12px; background-size:8px;}

	.visionArea p {line-height:1.5; font-size:13px;}
	.visionArea .productTit {font-size:16px; line-height:1}
	.visionArea > .mTit {font-size:18px; line-height:1.3;}
	.visionImg {margin:40px 0;}
	.visionImg .mobileTxt .list {border-top:2px solid #8cc63e; padding:20px 0;}
	.visionImg .mobileTxt .list .tit {font-size:16px; line-height:1.3;}
	.visionImg .mobileTxt .list ul li {font-size:13px; line-height:1.5; padding-left:10px; margin-top:10px;}
	.visionImg .mobileTxt .list ul li:before {width:3px; height:18px; background-size:3px;}
	.visionImg .mobileTxt .list:nth-child(-n+2) {height:165px;}
	.visionImg .mobileTxt .list:nth-child(3), .visionImg .mobileTxt .list:nth-child(4) {padding-bottom:0}
	.visionImg .mobileTxt .list.t2 {border-top:2px solid #12547a; }
	.visionImg .mobileTxt .list.t2 ul li:before {background-size:3px;}

	.visionList li .img {margin-bottom:15px;}
	.visionList li .tit {font-size:16px; margin-bottom:10px;}
	.visionList li .txt {font-size:13px; line-height:1.5;}
	.visionDiv > .tit {font-size:16px;}
	.visionDiv .redBox {padding:13px 30px 14px; margin:15px 0; border-radius:20px; font-size:15px;}
	.visionDiv .boxArea {margin:30px 0;}
	.visionDiv .boxArea > .tit {font-size:18px; margin-bottom:15px;}
	.visionDiv .boxArea > ul {margin-top:15px;}
	.visionDiv .boxArea > ul li:after {background-size:auto 5px;}	
	.visionDiv .boxArea > ul li .tit {font-size:16px; line-height:1; padding:15px 0;}
	.visionDiv .boxArea > ul li .txt {font-size:13px; line-height:1.3; padding:15px 10px;}

	.ceoArea {margin-top:40px;}
	.ceoArea .topArea {padding:65px 3% 50px 40%;}
	.ceoArea .topArea .tit {font-size:15px; line-height:22px; padding:0 15px; background-size:10px auto, 10px auto; background-position:left top, right bottom 10px}
	.ceoArea .topArea .name {margin-top:10px; font-size:14px; line-height:1.3; padding-left:15px;}
	.ceoArea .topArea .name span {font-size:14px; line-height:1.3;}
	.ceoArea .txtArea {padding-top:30px; font-size:13px; line-height:1.5;}
	.ceoArea .txtArea .ceoInfo {font-size:12px; line-height:19px;; margin-top:15px;}
	.ceoArea .txtArea .ceoInfo .info_name{margin-left:5px; font-size:13px; line-height:19px;; padding-right:42px; background-size:auto 19px;}

	.advertiseTop .video_info {height:200px; padding:20px;}
	.advertiseTop .video_info .tit{font-size:16px; line-height:1.5; margin-bottom:12px;}
	.advertiseTop .video_info .date{font-size:13px;}
	.advertiseTop .video_info .videoTxt{font-size:13px; line-height:1.3; margin-top:25px;}
	.advertiseBot {margin-top:10px; padding-bottom:15px;}
	.advertiseBot .list .txtDiv {padding-top:15px; height:85px;}
	.advertiseBot .list .txtDiv .txt {font-size:15px; line-height:1.3; height:39px;}
	.advertiseBot .list .txtDiv .date{margin-top:15px; font-size:12px;}

	.ciArea .ciDiv1 .logoTxt {margin:40px 0 25px;} /* ci */
	.ciArea .ciDiv1 .logoTxt .txt {font-size:13px; line-height:1.5; padding:95px 0 10px; background:url("/common/img/icon/ci_img2.png") no-repeat center top;}
	.ciArea .ciDiv1 .ciList {padding-top:25px;}
	.ciArea .ciDiv1 .ciList li .img {margin-bottom:20px;}
	.ciArea .ciDiv1 .ciList li .txt {line-height:1.5; font-size:13px;}
	.ciArea .ciDiv2 .btnDiv {top:-4px;}
	.ciArea .ciDiv2 .btnDiv a {width:50px; border-radius:1px; padding:5px 10px; border:1px solid #e0e0e0;}
	.ciArea .ciDiv2 .btnDiv a span {font-size:12px; padding-right:15px; background-size:8px;}
	.ciArea .ciDiv2 .grayBox {padding:20px; margin-bottom:15px;}
	.ciArea .ciDiv2 .grayBox > div .tit {font-size:14px; margin-bottom:20px;}
	.ciArea .infoT {line-height:1.5; font-size:13px;}
	.ciArea .ciDiv3 .infoT {line-height:1.5; font-size:13px;}
	.ciArea .ciDiv3 .colorDiv {margin-top:15px;}
	.ciArea .ciDiv3 .colorDiv > div .tit {font-size:16px; padding-bottom:15px; }
	.ciArea .ciDiv3 .colorDiv > div .txtArea {margin-top:15px;}
	.ciArea .ciDiv3 .colorDiv > div .txtArea > .txt {line-height:1.3; font-size:13px;}
	.ciArea .ciDiv3 .colorDiv > div .txtArea .color {height:90px; padding:10px; margin-top:15px;}
	.ciArea .ciDiv3 .colorDiv > div .txtArea .color .txt {font-size:13px; line-height:1.3;}
	.ciArea .ciDiv3 .colorDiv .rightDiv .txtArea {float:left; width:48%; margin:10px 2% 0 0;}
	.ciArea .ciDiv3 .colorDiv .rightDiv .txtArea:nth-of-type(even) {float:right; margin-right:0}
	.ciArea .ciDiv3 .colorDiv .rightDiv .txtArea:nth-of-type(-n+2) {margin-top:0}	
	.ciArea .ciDiv4 .boxArea {padding:25px 3%;}
	.ciArea .ciDiv4 .boxArea .img {margin-bottom:25px;}
	.ciArea .ciDiv4 .boxArea .txt {font-size:13px;}

	/* R&D */
	.studyImgTxt {margin-top:40px; border-top:1px solid #e0e0e0;}
	.studyArea > .mTit {font-size:16px; margin-bottom:25px;}
	.studyArea .tabBtn {width:94%;}
	.studyArea .mainDiv {position:relative; padding-top:50px; height:410px; margin-bottom:270px; }
	.studyArea.type2 .mainDiv {margin-bottom:160px;}
	.studyArea .mainDiv .mTit {font-size:16px; line-height:1.3; margin-bottom:25px;}
	.studyArea .mainDiv .mTit .greenT {display:block;}
	.studyArea .mainDiv ul{position:relative; width:290px; height:155px; margin:25px auto 0;}
	.studyArea .mainDiv li{width:155px; height:155px; border-radius:50%; padding:50px 0 0; font-size:14px}
	.studyArea .mainDiv li:nth-child(1) p:nth-child(2){font-size:25px;}
	.studyArea .mainDiv li p:nth-child(2){margin-top:15px}
	.studyArea .mainDiv li p:nth-child(2) span{font-size:13px;}
	.studyArea .mainDiv li:nth-child(2) p:nth-child(2){font-size:18px;}
	.studyArea .mainDiv li:nth-child(2) p:nth-child(2) span{margin-top:5px}
	.studyArea .txtBox {padding:30px 3%; margin-top:0; line-height:1.5; font-size:13px; position:absolute; top:100%; left:0; width:100%; box-sizing:border-box;}
	.studyArea.type2 .txtBox {padding:30px 3% 10px;}
	.studyArea .txtBox .tit {font-size:15px; margin-bottom:15px;}

	.rndHistory .productTit {width:calc(94% - 25px); margin:30px auto 0;}
	.rndHistory .historyDiv {margin:40px 0 70px;}
	.rndHistory .historyDiv .yearArea {margin-top:40px;}
	.rndHistory .historyDiv .yearArea .tit {font-size:20px; margin-bottom:10px;}
	.rndHistory .historyDiv .yearArea .txtArea {padding-top:35px; background-size:auto 50px;}
	.rndHistory .historyDiv .yearArea .txtArea .grayBox {padding:30px;}
	.rndHistory .historyDiv .yearArea:first-child .txtArea ul {width:163px;}
	.rndHistory .historyDiv .yearArea .txtArea ul li {margin-bottom:15px; }
	.rndHistory .historyDiv .yearArea .txtArea ul li p {font-size:14px; line-height:1.5; width:calc(100% - 65px); word-break:keep-all;}
	.rndHistory .historyDiv .yearArea .txtArea ul li p.yearT {width:55px; font-size:15px; font-family:'Proxima-Bold', sans-serif; font-weight:normal; margin-right:10px;}
	
	.studyArea .bottomArea {margin-top:70px; padding:40px 0 55px; background:url("/common/img/icon/studyBot_bg.jpg") no-repeat center;}
	.studyArea .bottomArea .tit {font-size:16px;}
	.studyArea .bottomArea .img img {max-width:100%;}
	.studyArea .bottomArea .img .mobile {display:none;}

	.investImg .date {position:absolute; top:auto; bottom:-20px; right:0; font-size:13px;}
	.investImg .scrollDiv {overflow-x:auto;}
	.investImg .scrollDiv img {max-width:180%;}
	.boardArea1 {padding:30px 20px;}
	.boardArea1 .tit {font-size:16px;}
	.boardArea1 .downList {margin-top:15px;}
	.boardArea1 .downList a {width:100%; margin:10px 0 0 0; font-size:13px; }
	.boardArea1 .downList a:nth-child(2), .boardArea1 .downList a:nth-child(3) {margin:10px 0 0 0;}
	.boardArea1 .downList a:nth-child(2) {margin:10px 0 0 0;}
	.boardArea2 .memberList {float:none; width:auto; margin:0; margin-top:10px;}
	.boardArea1 .downList a:nth-child(-n+3) {margin-top:10px;}
	.boardArea1 .downList .top a:nth-child(-n+2) {margin-top:10px;}
	.boardArea2 .memberList .top a:nth-child(1) {margin-top:0;}
	.boardArea2 .memberList > .tit {font-size:14px; padding:15px 0;}
	.boardArea2 .memberList .txtArea {padding:10px;}
	.boardArea2 .memberList .txtArea.type1, .boardArea2 .memberList .txtArea.type2, .boardArea2 .memberList .txtArea.type3 {height:auto; }
	.boardArea2 .memberList .txtArea .list {padding:10px 0}
	.boardArea2 .memberList .txtArea .list .tit {font-size:14px; line-height:1.3}
	.boardArea2 .memberList .txtArea .list ul {margin-top:10px;}
	.boardArea2 .memberList .txtArea .list ul li {font-size:13px; line-height:1.3}
	.boardArea2 .memberList .txtArea .list ul li:before {height:16px; background-size:2px;}
	.boardArea2 .memberList .txtArea .list .txt {float:none; line-height:1.3; font-size:13px;}
	.boardArea3 > .txt {font-size:13px; line-height:1.3;}
	.boardArea3 .dotDl dt {font-size:16px; margin:25px 0 10px;}
	.boardArea3 .dotDl dd {font-size:13px; line-height:1.3; padding-left:15px; background-size:2px; background-position:left 6px; padding-left:8px;}
	.boardArea3 .acoArea { margin-top:20px;}
	.boardArea3 .acoArea a {padding:15px; font-size:14px; background-position:right 15px center; background-size:8px auto;}
	.boardArea3 .acoArea .acoCon {padding:30px 40px;}
	
	.investTab {margin:40px auto 0; width:100px;}
	.investTab a {width:50px; font-size:13px; padding-bottom:10px; border-bottom:1px solid #e0e0e0;}
	.investList {margin-top:20px;}
	.investList li {width:48%; margin-left:0; margin-top:10px;}
	.investList li:nth-child(-n+2) {margin-top:0}
	.investList li:nth-child(even) {float:right;}

	.brochureTop {margin-top:40px; padding:45px 0;} 
	.brochureTop .txtArea {padding:25px 0 0 0; }
	.brochureTop .txtArea .tit {font-size:17px; }
	.brochureTop .txtArea .txt {margin-top:10px; font-size:13px;}	
	.brochureTop .txtArea .downBtn {margin-top:25px;} 
	.brochureTop .txtArea .downBtn a {padding:5px 15px; border:1px solid #e0e0e0;}
	.brochureTop .txtArea .downBtn a span {background-size:9px; font-size:12px; padding-right:15px;}
	.brochureTop .txtArea .grayBtn {padding:6px 15px; margin-top:20px; font-size:12px;}
	.brochureTop .txtArea .grayBtn span {padding-right:15px; background-size:8px;}
	.brochureTop .txtArea .infoT {background-size:9px; background-position:left 8px; padding-left:15px; font-size:12px; line-height:1.5; margin-top:60px;}
	.brochureTop .txtArea .greenT {color:#8bbf45; font-size:12px; line-height:1.5;} 
	.brochureTop .imgArea > div {width:152px; height:210px;}
	.brochureTop .imgArea > div img {height:100%;}

	.prodMainV .txtArea .tit1 {margin-bottom:15px; font-size:14px; word-break:keep-all;}
	.prodMainV .txtArea .tit2 {font-size:33px; word-break:keep-all; margin-bottom:30px; letter-spacing:-1px;}
	.prodMainV .txtArea .txt {font-size:12px; word-break:keep-all; line-height:1.3;}
	.prodMainV .scroll {bottom:30px;font-size:12px;}
	.prodMainV .scroll .arrow {width:37px; height:37px; margin:15px auto 0; background-size:10px auto;}
		
	/*.prod_subList .txtArea {position:absolute; top:0; left:-260px; min-height:475px; padding:90px 0 0 1260px;}
	.prod_subList:nth-of-type(even) .txtArea {left:auto; right:-260px; padding:90px 1260px 0 0;}
	.prod_subList.type1 .txtArea {background:url("/common/img/icon/prod_subList_txt_bg1.jpg") no-repeat 0 top;}
	.prod_subList.type2 .txtArea {background:url("/common/img/icon/prod_subList_txt_bg2.jpg") no-repeat 100% top;}
	.prod_subList.type3 .txtArea {background:url("/common/img/icon/prod_subList_txt_bg3.jpg") no-repeat 0 top;}
	.prod_subList.type4 .txtArea {background:url("/common/img/icon/prod_subList_txt_bg4.jpg") no-repeat 100% top;}
	.prod_subList.type5 .txtArea {background:url("/common/img/icon/prod_subList_txt_bg5.jpg") no-repeat 0 top;}
	.prod_subList .txtArea .mTxt {font-size:56px; font-weight:bold; color:#000;}
	.prod_subList .txtArea .subTxt {font-size:18px; line-height:28px; margin:40px 0 30px;}
	.prod_subList .txtArea .linkArea a {display:inline-block; width:150px; font-size:18px; font-weight:bold; padding:19px 0 15px; border-bottom:1px solid #ccc; text-align:left;} 
	.prod_subList .txtArea .linkArea.type2 a {display:block;}
	.prod_subList .txtArea .linkArea a:hover {color:#8bbf45; border-color:#8bbf45; background:url("/common/img/icon/linkArea_icon_on.png") no-repeat right center;}
	.prodCon .bottArea {padding:140px 0 150px; background:url("/common/img/icon/prodBottArea_bg.jpg") no-repeat center; background-size:cover; color:#fff; text-align:center;}
	.prodCon .bottArea .tit {font-size:30px; font-weight:bold; }
	.prodCon .bottArea .txt {font-size:18px; margin:30px 0 50px;}
	.prodCon .bottArea a {display:inline-block; border:2px solid #fff; border-radius:3px; padding:19px 100px 19px 24px; background:url("/common/img/icon/prodBottArea_arrow.png") no-repeat right 30px center; font-size:18px; color:#fff;}*/

	.prod_subList {height:auto; padding:50px 0 50px;}
	.prod_subList:nth-of-type(1) {padding-top:60px;}
	.prod_subList .txtArea {padding-top:230px;}
	.prod_subList:nth-of-type(even) .txtArea {padding-top:230px;}
	.prod_subList.type1 .txtArea {background-size:500px auto;}
	.prod_subList.type2 .txtArea {background-size:500px auto;}
	.prod_subList.type3 .txtArea {background-size:500px auto;}
	.prod_subList.type4 .txtArea {background-size:500px auto;}
	.prod_subList.type5 .txtArea {background-size:500px auto;}
	.prod_subList .txtArea .mTxt {font-size:22px;}
	.prod_subList .txtArea .subTxt {font-size:13px; line-height:1.3; margin:20px 0 15px;}
	.prod_subList .txtArea .linkArea > div {max-width:100%; width:100%;}
	.prod_subList .txtArea .linkArea:after {content:""; display:block; clear:both;}
	.prod_subList .txtArea .linkArea a {font-size:13px; padding:10px 0 8px; width:48% !important; float:left;}
	.prod_subList .txtArea .linkArea a:nth-of-type(even) {float:right;}
	.prod_subList .txtArea .linkArea a:hover {background-size:5px auto;}
	.prodCon .bottArea {padding:70px 0 75px; margin-top:50px;}
	.prodCon .bottArea .tit {font-size:15px; font-weight:bold; }
	.prodCon .bottArea .txt {font-size:13px; margin:15px 0 25px;}
	.prodCon .bottArea a {border:1px solid #fff; padding:10px 50px 9px 12px; background-position:right 15px center; font-size:13px;}
	.prodImg .pc {display:none;}
	.prodImg .mobile {display:block;}

	/* .subWrap .inner  */.h3TxtArea.prod .downBtn {display:inline-block; padding:14px 26px; background:#545a66; border-radius:3px; margin-top:45px}
	/* .subWrap .inner  */.h3TxtArea.prod .downBtn span {color:#fff; font-weight:bold; background:url("/common/img/icon/down_icon.png") no-repeat right center; padding-right:36px; font-size:13px}
	/* .subWrap .inner  */.h3TxtArea.prodTab .downBtn {display:inline-block; padding:14px 26px; background:#545a66; border-radius:3px; margin-top:45px}
	/* .subWrap .inner  */.h3TxtArea.prodTab .downBtn span {color:#fff; font-weight:bold; background:url("/common/img/icon/down_icon.png") no-repeat right center; padding-right:36px; font-size:13px}

	.prodList li {margin-top:10px;}
	.prodList li .icon {margin-bottom:15px;}
	.prodList li .icon img {width:38px;}
	.prodList li .txt {position:relative; top:0; left:0; font-size:12px; padding:0 10px;}
	.processImg.scroll {overflow-x:auto;}
	.processImg.scroll img {width:225%; max-width:225%;}

	.compList {width:290px; margin:0 auto;}
	.compList li {display:block; float:left; width:70px; height:80px; padding-right:40px; margin-top:10px; background-size:70px 80px;}
	.compList li:after {width:40px; height:80px; background-size:15px auto;}
	.compList li p span {padding:0 6px; font-size:12px; line-height:1.6;}

	.compList2 {width:290px;}
	.compList2 dt {margin-bottom:15px;}
	.compList2 dt p {
		width:110px; height:125px;  
		background-position:center 35px ,0 0 ;
		background-size:28px auto , 110px 125px;
	}
	.compList2 dt p span {padding:40px 3% 0; font-size:16px;}
	.compList2 dd {width:73px; height:83px; background-size:73px 83px; padding-right:35px; margin-top:10px;}
	.compList2 dd:after {width:35px; height:83px; background-size:15px 5px;}
	.compList2 dd p span {font-size:12px; line-height:1.3; padding:5px 3% 0;}

	.contArea {padding:40px 3% 80px; }
	.contArea .tit {font-size:20px; margin-bottom:25px;}
	.contArea .contBox {width:100%; margin-top:10px; padding:20px 5% 0;}
	.contArea .contBox .tit {font-size:15px; margin-bottom:80px;}
	.contArea .contBox .icon {top:20px; right:5%; padding-top:35px; background-size:35px 39px; font-size:11px;}
	.contArea .contBox .icon.t2{background-size: 40px 39px;}
	.contArea .contBox .txt {font-size:12px; padding:13px 0 15px;}
	.contArea .contBox .txt span {background-size:auto 8px; padding-right:13px}
	
	/* tableType */
	.tableWrap .tableTit {font-size:14px; margin-bottom:15px; clear:both;}
	.tableWrap .downBtn {position:relative; top:0; float:right; padding:8px 20px; margin-bottom:10px;}
	.tableWrap .downBtn span {background-size:13px; padding-right:23px; font-size:13px;}
	.tableType1 {clear:both; margin-bottom:20px;}
	.tableType1 .mobile > .tit {font-size:13px; padding:18px 0;}
	.tableType1 .mobile ul li .tit {width:75px; padding:19px 0; font-size:13px;}
	.tableType1 .mobile ul li .txt {padding:19px 0; font-size:12px;}
	.tableType1 .tableTxt {margin-top:30px;}	
	.tableType1 .tableTxt .dotT {position:relative; padding-left:6px; font-size:13px; line-height:20px; margin-top:10px;}
	.tableType1 .tableTxt .dotT:first-child {margin-top:0}
	.tableType1 .tableTxt .dotT strong {margin-right:0; display:block;}
	.tableType1 table thead th {font-size:15px; padding:16px 0;}
	.tableType1 table tbody td {font-size:13px; padding:16px 15px; line-height:1.3;}
	.tableType1 table.standar thead th {font-size:15px; padding:16px 0}
	.tableType1 table.standar tbody td {font-size:13px; padding:16px 0}
	
	.tableType2 .date {font-size:13px; top:auto; bottom:-20px;}
	.tableType2 .grayBtn {top:-42px; right:0; padding:6px 15px; font-size:13px;}
	.tableType2 table {width:200%; }
	.tableType2 table thead th {font-size:13px; padding:10px 0;}
	.tableType2 table tbody td {padding:10px 15px; font-size:12px; line-height:1.3;}
	.tableType2 table tfoot td {padding:10px 15px; font-size:12px; line-height:1.3;}
	.tableType2 table.type2 th, .tableType2 table.type2 td {border-left:1px solid #e0e0e0;}
	.tableType2 table.type2 th:first-child, .tableType2 table.type2 td:first-child {border-left:0;}
	.tableType2 table.type2 td .checkIcon {vertical-align:middle;}
	.tableType2 .tableTxt {margin:20px 0;}
	.tableType2 .tableTxt .dotT {position:relative; padding-left:12px; line-height:1.5; font-size:13px;}
	.tableType2 .tableTxt .dotT:before {height:20px; background-size:2px;}
	.tableType2 .tableTxt .dotT strong {display:inline-block; font-weight:bold; margin-right:25px;}
	
	.agreeDiv {margin-bottom:25px;}
	.agreeDiv .agreeTxt {padding:15px; height:120px; font-size:13px; line-height:1.5;}

	.recruitList .recruitBox {padding:20px 0;}
	.recruitList .recruitBox .tit {font-size:15px; line-height:1.5;}
	.recruitList .recruitBox .tit .num {font-size:14px;}
	.recruitList .recruitBox .img {margin:15px 0;}
	.recruitList .recruitBox .txt {font-size:13px; line-height:1.6;}	
	.recruitList .recruitBox.type2 .tit {margin:15px 0;}
	.recruitList .recruitBox.type2 .dotList {margin-top:20px; padding-top:15px;}
	.recruitList .recruitBox.type2 .dotList li {background-size:2px; background-position:0 8px; line-height:1.6; font-size:13px; padding-left:7px;}
	
	.recruiteDiv > .mTit {font-size:14px; line-height:1.5;}
	.recruiteDiv .tit {font-size:15px; margin:25px 0 15px;}
	.recruiteDiv .tit:first-child {margin-top:40px;}
	.recruiteDiv .txt {font-size:13px; line-height:1.5; margin-top:15px;}
	.recruiteDiv .txt .greenT {font-size:14px; margin-bottom:5px;}
	.recruiteDiv .dotTxt {font-size:13px; line-height:1.5; padding-left:8px;}
	.recruiteDiv .dotTxt:before {width:2px; height:18px; background-size:2px;}
	
	.benefitTable table th {font-size:14px; line-height:1.3; padding:10px 0;}
	.benefitTable table th br {display:block;}
	.benefitTable table td {padding:5px 0;}
	.benefitTable table td .arrowT {display:table; width:100%; font-size:13px; line-height:1.3; padding:10px 0;}
	.benefitTable table td .arrowT.t1 {background-image:url("/common/img/icon/benefitTable_bg1_m.png");}
	.benefitTable table td .arrowT.t2 {background-image:url("/common/img/icon/benefitTable_bg2_m.png");}
	.benefitTable table td .arrowT span {padding:10px 0; display:table-cell; vertical-align:middle;}
	.benefitTable table td .arrowT.t2 span {padding:18px 0}
	.benefitTable table td .arrowT span br {display:block;}
	.benefitList li {padding:30px 10px;}
	.benefitList li .icon img {width:35px;}
	.benefitList li .tit {font-size:15px; margin:25px 0 0;}

	.employDiv {margin-top:40px;}
	.employDiv > .txt {line-height:1.5; font-size:13px;}
	.employDiv .employBox {padding:30px 3%; margin-top:30px;}
	.employDiv .btnArea .downBtn {padding:11px 15px 12px; font-size:12px; margin-top:25px;}
	.employDiv .btnArea .downBtn span {padding-right:20px; background-size:10px auto;}
	.employDiv .btnArea .blueBtn {padding:11px 30px 12px; margin-top:25px;} 
	.employList {margin:0 auto; width:280px;}
	.employList:after {content:""; display:block; clear:both;}
	.employList li {display:block; float:left; width:125px; height:142px; margin-top:10px; margin-right:5px; background-size:125px 142px;}
	.employList li:nth-of-type(even) {float:right; margin-right:0}
	.employList li:nth-of-type(-n+2) {margin-top:0;}
	.employList li:after {right:-30px; width:30px; height:34px; background-size:20px 19px; background-position:center;}	
	.employList li:nth-of-type(even):after {display:none;}
	.employList li p span {padding:0 3%; font-size:13px; line-height:1.5;}
	.employList li p span .greenBt {font-size:12px; margin-top:5px;}
	.employList li p span .greenT {font-size:12px; line-height:1.5; margin-top:5px;}

	.recruitG_box {padding:35px 0; margin-top:40px;}
	.recruitG_box .txt {font-size:13px;}
	.recruitG_box .grayBtn {padding:11px 40px 12px; margin-top:15px; font-size:12px;}
	.recruiteDiv .noData .txt {padding-top:73px; background-size:57px;}

	.productDiv_G {margin-top:40px;}
	.productDiv_G > div {padding:30px 0;}
	.productDiv_G > div .txt {font-size:16px; line-height:1.5; padding-top:72px;}
	.productDiv_G div.t1 .txt {background-size:55px;}
	.productDiv_G div.t2 .txt {background-size:55px;}
	.productDiv_G div.t2 {margin-top:15px;}
	.productDiv_G > div .btnDiv {margin-top:22px;}
	.productDiv_G > div .btnDiv a {padding:10px 30px 9px; margin-left:0; font-size:12px;}
	
	.recuitDiv.view {padding-bottom:15px;}
	.recuitDiv.view .leftDiv .txtCon {width:calc(100% - 30px); text-align:center;}
	.recuitDiv.view .leftDiv .txtCon .tit {
		font-size:16px; padding:0 10px;
		background-size:8px 4px , 8px 4px;
	}
	.recuitDiv.view .leftDiv .txtCon .txt {font-size:13px; margin-top:10px;}
	.recuitDiv.view .rightDiv {margin-top:25px;}
	.recuitDiv.view .qnaList li {padding:15px 0;}
	.recuitDiv.view .qnaList li:last-child {padding-bottom:0}
	.recuitDiv.view .qnaList li .qTit {padding-left:40px; font-size:16px; line-height:30px;}
	.recuitDiv.view .qnaList li .qTit:before {width:30px; height:30px; background-size:100%;}
	.recuitDiv.view .qnaList li .aTxt {margin-top:10px; padding:0 25px 0 40px; font-size:13px; line-height:1.5;}
	.btnArea.recuitView .blueBtn {margin-top:25px;}
	
	.promoteArea {margin-top:40px;}
	.promoteArea > .txt {font-size:13px; line-height:1.5;}
	.promoteList {width:310px; margin:45px auto 0;}
	.promoteList li {width:90px; margin-right:15px; height:101px; background-size:90px 101px;}
	.promoteList li:before {right:-18px; width:18px; height:101px; background-size:15px auto;}	
	.promoteList li div .txt {font-size:12px; line-height:1.3;}

	/* ncc/ecc */
	.factoryList > div .factoryTxt {margin-top:20px;}
	.factoryList > div .factoryTxt .tit {font-size:14px; line-height:1.3;}
	.factoryList > div .factoryTxt .tit span {width:20px; height:20px; font-size:13px; line-height:20px; }
	.factoryList > div .factoryTxt .txt {font-size:13px; line-height:1.5; margin-top:10px;}
	
}

@media screen and (max-width:700px) {
	/* 주가정보 */
	#stockInfoIframe {height:2850px;}
}

@media screen and (max-width:450px) {

	.companyDiv .summaryArea .mainImg {margin-bottom:260px;}
	.companyDiv .summaryArea .mainImg .txtArea {position:relative; top:330px; width:100%; height:auto;  margin-left:0; padding:30px 8%; box-shadow:35px 35px 40px rgba(0,0,0,0.4);}

	.studyArea .mainDiv {margin-bottom:310px;}

}

@media screen and (max-width:350px) {
	.employBox .btnArea a {margin-top:10px !important;}
	.employBox .btnArea a:first-child {margin-top:0;}
	.downList li .tit {font-size:12px;}
	.companyDiv .summaryArea .mainImg {margin-bottom:350px;}
	.ceoArea .topArea {background-position:left top; padding:45px 3% 50px 40%;}
	.productDiv_G > div .btnDiv a {padding:10px 20px 9px;}

	.recuitDiv.view .leftDiv .txtCon {top:50px;}

}

@media print{
	body {-webkit-print-color-adjust:exact !important;}

	.tableType1 {border-top:2px solid #000 !important; margin-bottom:40px;} 
	.tableType1:last-child {margin-bottom:0}
	.tableType1 table {width:100% !important; table-layout:fixed !important;}
	.tableType1 table thead th {font-size:18px; color:#000; font-weight:bold; padding:20px 0; border-bottom:1px solid #e0e0e0 !important;}
	.tableType1 table tbody td {padding:20px 30px; border-bottom:1px solid #e0e0e0 !important; border-left:1px solid #e0e0e0 !important; vertical-align:middle !important; text-align:center !important; line-height:1.5;}
	.tableType1 table tbody td:first-child {border-left:0 !important; border-right:1px solid #e0e0e0;}
	.tableType1 .mobile {display:none;}
	.tableType1 .tableTxt {margin-top:30px;}
	.tableType1 .tableTxt .dotT {position:relative; padding-left:12px; line-height:26px;}
	.tableType1 .tableTxt .dotT:before {content:""; display:block; position:absolute; top:0; left:0; width:2px; height:26px; background:url("/common/img/icon/dot_2x2.gif") no-repeat 0 center;}
	.tableType1 .tableTxt .dotT strong {display:inline-block; font-weight:bold; margin-right:25px;}
	.tableType1 .scrollDiv {overflow-x:auto;}
	.tableType1 table tbody td.borL {border-left:1px solid #e0e0e0 !important;}

	.tit {font-size:22px !important; color:#000 !important; font-weight:bold !important; margin-bottom:30px !important;}
	.grayImgBox {position:relative !important; display:inline-block !important; padding:60px 0  !important; width:100% !important; background:#f9f9f9 !important; text-align:center !important; margin-bottom:50px !important; -webkit-print-color-adjust:exact !important;}
}


@media screen and (max-width:1540px) {.index-adv-list > ul > li {
    /* margin-right: 35px; */
    margin-right: 105px;
}
}

@media (max-width: 1399px) {
	/*.section-2*/
	.index-eng-list > ul > li {
		margin-right: 30px;
	}
	.picScroll-left .bd{ margin-left:50px; }
	.eng-one {
		margin: 0 auto;
		width: 310px;
	}
	.eng-one-img {
		position: relative;
		width: 100%;
	 
	}

	/*.section-3*/
	.index-adv-list > ul > li {
 margin-right: 0px;  
 width: 25%;
	}
	.adv-one {
	    position: relative;
	    margin:0 auto;
	    padding-bottom: 35px;
	    margin-bottom: 29px;
	    width: 80% !important;
	    height: auto;
	    overflow: hidden;
	}
	.adv-one1 {
	    position: relative;
	    margin:0 auto;
	    padding-bottom: 35px;
	    margin-bottom: 29px;
	    width: 80%;
	    height: auto;
	    overflow: hidden;
	}
	.adv-one-img {
	    position: relative;
	    padding-top: 35px;
	    margin: 0 auto 40px;
	    width: 116px;
	    height: 132px;
	}
	.adv-one-title h3 {
	    margin-bottom: 30px;
	}
.adv-one-title1 h3 {
	    margin-bottom: 30px;
	}
	/*.section-4*/
	.about-l {
	    width: 550px;
	}
	.index-abou {
	    margin-top: 40px;
	}
	.index-abou > ul > li {
	    display: inline-block;
	    margin-right: 20px;
	    vertical-align: top;
	}
	.about-one {
	    width: 120px;
	    height: 120px;
	}
	.about-one-img {
	    margin: 20px auto 20px;
	}
	.about-video-all {
	    position: relative;
	    padding: 20px 14px 0 20px;
	    width: 300px;
	    height: 320px;
	}
	.about-video-play {
		width: 350px;
		height: auto;
	}
	.about-video-all p {
	    margin-bottom: 18px;
	}

	/*.section-5*/
	.ind-l > a {
		width: 450px;
		height: auto;
	}
	.ind-one {
		padding-bottom: 25px;
		width: 500px;
	}
	.ind-time {
	    margin-bottom: 23px;
	}
	.ind-one h3 {
	    margin-bottom: 24px;
	}
}
@media screen and (max-width:1200px) {.index-adv-list > ul > li {
  margin-right: 0px;  
 width: 25%;
}
}
@media screen and (max-width:1150px) {.index-adv-list > ul > li {
  margin-right: 0px;  
 width: 25%;
}
}
@media screen and (max-width:800px) {
	.mainVis .rollArea .roll .video{display: none}
}

@media screen and (max-width:1024px) {
	.index-adv-list > ul > li {
    /* margin-right: 35px;
    margin-right: 70px; */    width: 25%;
}}
@media (max-height: 700px) {
	.index-adv-list {
	    margin-top: 20px;
	}
	.adv-one-img {
		padding-top: 20px;
		margin-bottom: 20px;
	}
	.adv-one-title h3 {
		margin-bottom: 20px;
	}
	.adv-one-title1 h3 {
		margin-bottom: 20px;
	}
	.adv-one {
		padding-bottom: 20px;
	    margin-bottom: 10px;
	    height: auto;
	    overflow: hidden;
	}
	.adv-one1 {
		padding-bottom: 20px;
	    margin-bottom: 10px;
	    height: auto;
	    overflow: hidden;
	}
	.list-more {
		margin-top: 20px;
	}
}

@media (max-width: 62em) {
	/*首页导航挡住了*/
	.fix-nav-all {
		height: 0;
	}
	.fix-nav-close {
		top: -34px;
	}
	.fix-nav-close-click {
		top: -46px;
	}

	/*en标题bye*/
    .inside-title-img-2-2,
    .inside-title-img-3-2,
    .inside-title-img-3-3,
    .inside-title-img-4-2,
    .inside-title-img-4-3,
    .inside-title-img-5-2,
    .inside-title-img-5-3 {
    	display: none;
    }
    /*cn标题ctrl*/
    .inside-title-img > img {
		height: 30px;
    }

	/*.section-1*/
	.one-img-1-1 {
		top: 53.21%;
	}
	.one-img-1-1.move {
		top: 48.21%;
	}
	.one-img-1-1 > img {
		height: 30px;
	}
	.one-img-1-2 {
		top: 58%;
	}
	.one-img-1-2.move {
		top: 53%;
	}
	.one-img-1-2 > img {
		height: 24px;
	}

    /*.section-2*/
    .index-eng-list {
	    margin-top: 30px;
	}
	.eng-one-title p {
		display: none;
	}
	.index-eng-list > ul > li,
	.index-eng-list > ul > li.last,
	.index-eng-list > ul > li.more {
		margin-right: 0;
		width: 50%;
		text-align: center;
	}
	.index-eng-list > ul > li.more {
		display: inline-block;
		font-size: 30px;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	.index-eng-list > ul > li.more a {
		display: inline-block;
		border: 1px solid #cacaca;
		width: 310px;
		height: 201px;
		line-height: 201px;
		font-size: 20px;
		color: #333;
		-o-transition: .6s, height 0s, line-height 0s;
		-moz-transition: .6s, height 0s, line-height 0s;
		transition: .6s, height 0s, line-height 0s;
	}
	.index-eng-list > ul > li.more:hover a {
		color: #fff;
	}
	.eng-one {
		/*width: 80%;*/
	}
	.eng-one-img {
		margin: 0 auto;
		height:192px;
	}
	.list-more {
		display: none;
		margin-top: 0;
	}
	.eng-one-title h3 {
		margin-bottom: 0px;
		margin-top:0px  !important;
		font-size: 16px !important;
	}
	.eng-one-title {
	    padding-top: 12px;
	    padding-bottom: 20px;
	}

	/*.section-3*/
	.index-adv-list {
		margin-top: 30px;
	}
	.index-adv-list > ul > li,
	.index-adv-list > ul > li.last,
	.index-adv-list > ul > li.more {
		display: inline-block;
		margin-right: 0;
		width: 25%;
	}
	.index-adv-list > ul > li.mo {
		position: relative;
		z-index: 10;
		font-size: 12px;
		color: #333;
		-o-transition: .5s, line-height 0;
		-moz-transition: .5s, line-height 0;
		transition: .5s, line-height 0;
	}
	.index-adv-list .mo {
    display: none;
    margin-top: 45px;
    height: 34px;
    text-align: center;
    color: #fff;
    font-size: 12px !important;
    line-height: 34px;
}
	.index-adv-list > ul > li.more:hover a {
		color: #fff;
	}
	/*.adv-one {
		margin-right: auto;
		margin-left: auto;
	}*/
	.index-adv-list > ul > li.more .adv-one {
		height: 175px;
		line-height: 210px;
	}
	.index-adv-list > ul > li.more .adv-one1 {
		height: 175px;
		line-height: 210px;
	}
	.adv-one-img {
	    margin: 0 auto 20px;
		width: 90px;
		height: auto;
	}
	.adv-one-bg {
		-o-transition: .6s;
		-moz-transition: .6s;
		transition: .6s;
	}
	.adv-one-title h3 {
	    margin-bottom: 0;
	    line-height: 18px;
	    font-size: 18px;
	}
	.adv-one-title h3 img {
		display: none;
	}
	.adv-one-title1 h3 {
	    margin-bottom: 0;
	    line-height: 18px;
	    font-size: 18px;
	}
	.adv-one-title1 h3 img {
		display: none;
	}
	.adv-one-title p,
	.adv-one-xiu,
	.adv-line-btm {
		display: none;
	}
.adv-one-title1 p,
	.adv-one-xiu,
	.adv-line-btm {
		display: none;
	}
	/*.section-4*/
	.about-all {
	    margin-top: 30px;
	}
	.about-l {
		width: 100%;
	}
	.about-desc p {
	    font-size: 14px;
	    line-height: 20px;
	    text-indent: 2em;
	}
	.list-more-about {
		display: block;
		margin-top: 16px;
	    width: 90px;
	    height: 26px;
	    line-height: 26px;
	    text-align: center;
	    font-size: 14px;
	}
	.index-abou {
	    margin-top: 30px;
	}
	.about-one {
	    width: 70px;
	    height: 70px;
	}
	.index-abou {
	    margin-top: 20px;
	}
	.about-one-img {
	    margin: 10px auto 10px;
	    height: 30px;
	}
	.about-one-img img {
		height: 100%;
		width: auto;
	}
	.about-one p {
	    line-height: 14px;
	    font-size: 14px;
	}
	.about-r {
		float: none;
		margin: 30px auto;
		width: 100%;
	}
	.about-video-all {
	    position: relative;
	    padding: 16px 16px 10px;
        margin: 0 auto;
	    width: 380px;
	    height: 290px;
	    text-align: center;
	}
	.about-video-all h3 {
	    margin-bottom: 10px;
	    line-height: 18px;
	    font-size: 18px;
	}
	.about-video-all p {
	    margin-bottom: 14px;
	    line-height: 12px;
	    font-size: 12px;
	}
	.about-video-play {
	    width: 100%;
	}
	.about-video-play-arrow {
		width: 50px;
	}

	/*.section-5*/
	.ind-all {
	    margin-top: 30px;
	    text-align: center;
	}
	.ind-l {
		width: 100%;
	}
	.ind-l > a {
		display: inline-block;
	    width: 350px;
	    height: auto;
	}
	.ind-l-title {
		margin-bottom: 26px;
	    max-width: 100%;
	}
	.ind-r {
	    float: none;
	    width: 80%;
	    text-align: left;
	}
	.ind-one {
	    padding-bottom: 10px;
	    width: 100%;
	}
	.ind-time {
	    display: none;
	}
	.ind-one h3 {
	    margin-bottom: 10px;
	    line-height: 20px;
	    font-size: 16px;
	}
  	.picScroll-left .bd{ margin-left:0px; }
		.picScroll-left .bd ul li{  margin:0 5px; width:100%; float:left; _display:inline;overflow:hidden;text-align:center;margin-top:20px;}
	 
}

@media (max-width: 48em) {
    /*cn标题ctrl*/
    .inside-title-img > img {
		height: 26px;
    }
    .inside-info {
    	margin-top: -6px;
    }
	.picScroll-left .bd{ margin-left:0px; }
	/*.section-1*/
	.one-img-1-1 {
		top: 53.21%;
	}
	.one-img-1-1.move {
		top: 48.21%;
	}
	.one-img-1-1 > img {
		height: 26px;
	}
	.one-img-1-2 {
		top: 58.5%;
	}
	.one-img-1-2.move {
		top: 53.5%;
	}
	.one-img-1-2 > img {
		height: 18px;
	}

	/*.section-2*/
	.eng-one {
	    margin: 0 auto;
	    width: 256px;
	    margin-top:50px;
	}
	.index-eng-list > ul > li.more a {
	    width: 256px;
	    height: 166px;
	    line-height: 166px;
	    font-size: 16px;
	}

	/*section-3*/
	.adv-one {
	    padding-bottom: 35px;
	    margin-bottom: 29px;
	    width: 144px;
	}
	.adv-one-img {
	    margin: 0 auto 20px;
	    width: 80px;
	}
	.adv-one-title h3 {
	    line-height: 16px  !important;
	    font-size: 16px !important;
	}
		.adv-one-title1 h3 {
	    line-height: 16px  !important;
	    font-size: 16px !important;
	}
	.index-adv-list > ul > li.more a {
	    font-size: 16px;
	}
}
@media (max-width: 34em) {
	.inside-info {
	    margin-top: -14px;
	}

    /*cn标题ctrl*/
    .inside-title-img > img {
		height: 18px;
    }
	.inside-title-img > span.zhong {
		font-size:18px;
		 
    }

    /*.section-1*/
    .one-words-1-1 {
    	top: 77%;
    	width: 80%
    }

	/*.section-2*/
	.eng-one {
	    margin: 0 auto;
	    width: 90%;
	}
	.index-eng-list > ul > li.more a {
	    width: 90%;
	    line-height: 166px;
	    font-size: 14px;
	}
	.eng-one-title {
	    padding-top: 12px;
	    padding-bottom: 18px;
	}
	.eng-one-title h3 {
		line-height: 14px;	    
	    font-size: 14px;
	}

	/*.section-3*/
	.adv-one {
	    padding-bottom: 35px;
	    margin-bottom: 10px;
	    width: 90% !important;
	}
		.adv-one1 {
	    padding-bottom: 35px;
	    margin-bottom: 10px;
	    width: 90%;
	}
	.adv-one-img {
		padding-top: 25px;
	    margin: 0 auto 10px;
	    width: 60%;
	}
	.adv-one-title h3 {
	    line-height: 14px !important;
	    font-size: 14px !important;
	}
		.adv-one-title1 h3 {
	    line-height: 14px !important;
	    font-size: 14px !important;
	}
	.index-adv-list > ul > li.more a {
	    font-size: 14px;
	}

	/*.section-4*/
	.about-desc p {
	    font-size: 12px;
	    line-height: 16px;
	}
	.index-abou > ul > li {
	    margin-right: 14px;
	}
	.about-one {
	    width: 60px;
	    height: 20px;
	}
	.about-one-img {
		display: none;
	    margin: 10px auto 10px;
	    height: 20px;
	}
	.list-more-about {
	    margin-top: 6px;
	    width: 60px;
	    height: 20px;
	    line-height: 20px;
	    font-size: 12px;
	}
	.index-abou {
	    margin-top: 10px;
	}
	.about-r {
	    float: none;
	    margin: 10px auto;
	    width: 100%;
	}
	.about-one p {
	    line-height: 20px;
	    font-size: 12px;
	}
	.about-video-all {
	    position: relative;
	    padding: 6px;
	    margin: 0 auto;
	    width: 100%;
	    height: auto;
	    text-align: center;
	}
	.about-video-play {
		float: none;
	}
	.about-video-all h3 {
	    margin-bottom: 4px;
	    line-height: 14px;
	    font-size: 14px;
	}
	.about-video-all p {
	    margin-bottom: 5px;
	}

	/*.section-5*/
	.ind-l > a{
	    width: 100%;
	    height: auto;
	}
	.ind-l-title {
		margin-top: 10px;
		margin-bottom: 14px;
	}
	.ind-r {
	    width: 100%;
	}
	.ind-one h3 {
	    margin-bottom: 6px;
	    line-height: 20px;
	    font-size: 14px;
	}
	.section-1 {
	}
}

.business_box4{ padding:0 0 60px 0;}
.business_box4 .fr{ width: 67%;}
.business_box4 .fr .topbox{ line-height: 28px;}
.business_box4 .fr .lower_box ul li{ width: 33.33%; float: left; text-align: center; padding: 30px 0;}
.business_box4 .fr .lower_box ul li:nth-child(1),.business_box4 .fr .lower_box ul li:nth-child(2),.business_box4 .fr .lower_box ul li:nth-child(3){ border-bottom: 1px dotted #dcdcdc;}
.business_box4 .fr .lower_box ul li .dazi{ color: #265fae; font-size: 24px;}
.business_box4 .fr .lower_box ul li .dazi span{ font-size: 80px; font-weight: bold; font-family: arial; font-style: normal; vertical-align: initial;}
.business_box4 .fr .lower_box.en ul li .dazi span{font-size: 60px;}

.business_box4.homes{}
.business_box4.homes .fr{ width: 100%;}
.business_box4.homes .fr .lower_box ul li{ width:20%; border-width: 0;}
.wrapper {
  width: 100%;
  padding: 20px 0;
  margin: auto;
  text-align: left;display:flex;flex-wrap:wrap;
}
.wrapper .image {
  width: 33%;
 padding:10px;
  display: inline-block;
  vertical-align: top;

}
.wrapper .image img{width:100%;}
.wrapper  .caption {
  font-size: 1em;
  padding: 4px;text-align:center;
}


#fullscreenSlideshowContainer .ui{position:absolute;font-family:sans-serif;z-index:10; font-size:2em;}
#fs-loader,#fs-prev,#fs-next,#fs-close{background-color:black;color:white;font-weight:bold;cursor:pointer;line-height:1em;}
#fs-close{top:1em;right:1em; }
#fs-prev,#fs-next{top:50%;margin-top:-1em; }
#fs-prev{left:1em;}
#fs-next{right:1em;}
#fs-loader{top:50%;left:50%;height:1em;margin-top:-1em;margin-left:-75px;display:none;}
#fs-caption{bottom:20px;text-align:center;width:100%;left:0;line-height:1em;display:none;}
#fs-caption span{background-color:white;}
#fs-loader,#fs-prev,#fs-next,#fs-close,#fs-caption span{padding:5px 15px;-moz-border-radius:3px;
-webkit-border-radius:3px;-o-border-radius:3px;-ms-border-radius:3px;-khtml-border-radius:3px;border-radius:3px; }

.index-adv-list .mo {
    display: none;
    margin-top: 45px;
   
    height: 34px;
   text-align:center;
    color: #fff;
    font-size: 16px;
    line-height: 34px;
}
.index-adv-list li:hover .mo{  display: block;text-decoration:underline;}