/* Common */
@-ms-viewport{  width: device-width; }

.top { width:50px; height:50px; display:block; position:fixed; bottom:80px; right:80px; background:url(../img/bg_top.png) center center no-repeat; z-index: 999}

.head { width:100%; height:97px; background:#fff; position:fixed; top:0; z-index:90; -webkit-box-shadow: 0px -1px 12px 0px rgba(0,0,0,0.29); -moz-box-shadow: 0px -1px 12px 0px rgba(0,0,0,0.29); box-shadow: 0px -1px 12px 0px rgba(0,0,0,0.29); }
.head .row { width:1250px; height:97px; margin:0 auto; }
.head .row .logo { width:190px; height:97px; display:block; margin:0 auto; background:url(../img/logo.gif) center center no-repeat; text-indent:-9999px; }
.head .left_layer { position:absolute; left:0px; top:0px; }
.head .left_layer ul { overflow:auto; }
.head .left_layer ul li { float:left; }
.head .left_layer .blog { width:36px; height:97px; margin-left:30px; display:block; background:url(../img/bg_blog.gif) center center no-repeat; text-indent:-9999px; }
.head .left_layer .cs_tel { width:219px; height:97px; margin-left:20px;  display:block; background:url(../img/bg_cs_tel.gif) center center no-repeat; text-indent:-9999px; }
.head .right_layer { position:absolute; right:0px; top:0px; }
.head .right_layer ul { overflow:auto; }
.head .right_layer ul li { float:left; }
.head .right_layer .search { width:30px; height:97px; margin-right:30px; display:block; background:url(../img/bg_search.gif) center center no-repeat; text-indent:-9999px; }
.head .right_layer .menu { width:30px; height:97px; margin-right:30px;  display:block; background:url(../img/bg_menu.gif) center center no-repeat; text-indent:-9999px; }

.visual { width:100%; padding-top:97px; position:relative; }
.visual .bx-wrapper{position: absolute; left:0;  z-index: 0;}
.visual .bx-wrapper ul li{ text-align: center; height: auto}
.visual .bx-wrapper img{
    display:block;
    max-width: 100%;
    height: auto;
}


.visual .row { width:1250px; height:700px; overflow:auto; margin:0 auto; position: relative; z-index: 10;}
.visual .txt01 { color:#999; font-size:20px; padding:200px 0 0 0;}
.visual .txt02 { color:#fff; font-size:40px; }
.visual .txt03 { width:355px; color:#fff; font-size:70px; background:#145f33; padding:0 0 0 20px; margin:10px 0; }
.visual .txt04 { width:100px; color:#fff; border:1px solid #fff; border-radius:40px; text-align:center; padding:12px; margin-top:20px; display: block;}
.visual .left { width:33.3%; height:800px; float:left; background:url(../img/visual01.jpg) center center no-repeat; }
.visual .left .dcom { margin-top:305px; }
.visual .left .dcom .logo { width:80px; height:57px; margin:0 auto; background:url(../img/bg_dcom.png) center center no-repeat; border-top:1px solid #c50000; border-bottom:2px solid #c50000; }
.visual .center { width:33.3%; height:800px; float:left; background:url(../img/visual02_on.jpg) center center no-repeat; position:relative; }
.visual .center .alive { margin-top:275px; }
.visual .center .alive .logo { width:80px; height:57px; margin:0 auto; background:url(../img/bg_dcom.png) center center no-repeat; border-top:1px solid #c50000; border-bottom:2px solid #c50000; }
.visual .center .alive .logo.on { width:446px; height:132px; margin:0 auto; background:url(../img/bg_alive.png) center 20px no-repeat; border-top:1px solid #ff9595; border-bottom:1px solid #ff9595; }
.visual .center .alive .logo p { color:#e3b2b2; text-align:center; padding:67px 0 0 0; line-height:23px; }
.visual .center .more { width:100%; height:80px; display:block; position:absolute; left:0; bottom:0; color:#dedddd; text-align:center; background:url(../img/bg_more.png) center 40px no-repeat; }
.visual .right { width:33.3%; height:800px; float:left; background:url(../img/visual03.jpg) center center no-repeat; }
.visual .right .conic { margin-top:305px; }
.visual .right .conic .logo { width:80px; height:57px; margin:0 auto; background:url(../img/bg_conic.png) center center no-repeat; border-top:1px solid #c50000; border-bottom:2px solid #c50000; }

.news { width:100%; position:relative; }
.news .row { width:1250px; overflow:auto; margin:0 auto; padding:77px 0 0 0; }
.news .row .top_new .icon { width:91px; height:31px; line-height:25px; background:url(../img/bg_news.gif) center center no-repeat; color:#fff; text-align:center; }
.news .row .top_new .title { font-size:32px; letter-spacing:-1px; padding:30px 0 15px 0; }
.news .row .top_new .date { padding:22px 0 30px 0; color:#888; background:url(../img/bg_news_line.gif) left top no-repeat; }
.news .row .article { border-top:1px solid #d1d1d1; overflow:auto; }
.news .row .article .title { color:#222; font-size:13px; font-weight:900; padding:30px 0; }
.news .row .article .box { float:left; margin-right:46px; }
.news .row .article .box .img_box { width:278px; height:176px; overflow:hidden; }
.news .row .article .box .thumb { width:100%; height:176px; display:block; background-position:center; transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -webkit-transition: all 1s ease; -o-transition: all 1s ease;     background-size: 100% 100% !important;}
.news .row .article .box .thumb:hover { transform: scale(1.15); -moz-transform: scale(1.15); -webkit-transform: scale(1.15); -o-transform: scale(1.15); -ms-transform: scale(1.15); /* IE 9 */ -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=1.15, M12=0, M21=0, M22=1.15, SizingMethod='auto expand')"; /* IE8 */ filter: progid:DXImageTransform.Microsoft.Matrix(M11=1.15, M12=0, M21=0, M22=1.15, SizingMethod='auto expand'); /* IE6 and 7 */ }
.news .row .article .box .subject { padding-top:20px; line-height:24px; }
.news .row .article .box .date { color:#666; padding-top:5px; }
.news .row .more { clear:both; width:67px; height:67px; display:block; margin:40px auto; margin-bottom:70px; background:url(../img/bg_more02.png) center center no-repeat; }

.img_box { width:100%; height:642px; overflow:hidden; position: relative;}
.introduce { width:100%; height:642px; background: url('../img/bg_introduce.jpg'); background-position:center; transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -webkit-transition: all 1s ease; -o-transition: all 1s ease; background-size:100% 642px; position: absolute;}
.introduce:hover { transform: scale(1.15); -moz-transform: scale(1.15); -webkit-transform: scale(1.15); -o-transform: scale(1.15); -ms-transform: scale(1.15); /* IE 9 */ -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=1.1, M12=0, M21=0, M22=1.1, SizingMethod='auto expand')"; /* IE8 */ filter: progid:DXImageTransform.Microsoft.Matrix(M11=1.1, M12=0, M21=0, M22=1.1, SizingMethod='auto expand'); /* IE6 and 7 */ }
.ic .icon { width:46px;  margin:0 auto; padding-top:220px; background:url(../img/bg_introduce_icon.png) center bottom no-repeat; position: relative}
.ic .txt { text-align:center; padding:50px 0 0 0; font-size:46px; font-weight:100; color:#fff;  position: relative}
.ic .txt .point { color:#25a15d; }
.ic .more { width:67px; height:67px; display:block; margin:0 auto; margin-top:80px; background:url(../img/bg_more02.png) center center no-repeat; }

.people { width:100%; }
.people .row { width:1250px; margin:0 auto; overflow:auto; padding-top:70px; }
.people .row .title { width:83px; margin:0 auto; padding:0 0 25px 0; border-bottom:2px solid #25a15d; font-size:13px; font-weight:900; text-align: center;}
.people .row .txt { font-size:31px; letter-spacing:-2px; text-align:center; line-height:52px; font-weight:100; margin:60px 0; }
.people .row .article { overflow:auto; }
.people .row .article .title { color:#222; font-size:13px; font-weight:900; padding:30px 0; }
.people .row .article .box { float:left; margin-right:6px; }
.people .row .article .box .img_box { width:306px; height:300px; overflow:hidden; }
.people .row .article .box .thumb { width:100%; height:300px; display:block; background-position:center; transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -webkit-transition: all 1s ease; -o-transition: all 1s ease; }
.people .row .article .box .thumb:hover { transform: scale(1.15); -moz-transform: scale(1.15); -webkit-transform: scale(1.15); -o-transform: scale(1.15); -ms-transform: scale(1.15); /* IE 9 */ -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=1.15, M12=0, M21=0, M22=1.15, SizingMethod='auto expand')"; /* IE8 */ filter: progid:DXImageTransform.Microsoft.Matrix(M11=1.15, M12=0, M21=0, M22=1.15, SizingMethod='auto expand'); /* IE6 and 7 */ }
.people .row .article .box .subject { padding-top:20px; }
.people .row .article .box .date { color:#666; padding-top:5px; }
.people .row .more { clear:both; width:67px; height:67px; display:block; margin:40px auto; margin-bottom:70px; background:url(../img/bg_more02.png) center center no-repeat; }

.footer { width:100%; background:#f4f4f4; border-top:1px solid #d1d1d1; }
.footer .row { width:1250px; height:150px; line-height:150px; margin:0 auto; }
.footer .row .logo { float:left; }
.footer .row .logo .logo_icon { float:left; width:194px; height:50px; margin-top:50px; background:url(../img/foot_logo.gif) center center no-repeat; }
.footer .row .logo .address { float:left; color:#888; margin-left:30px; }
.footer .row .copy { float:right; color:#888; }
.footer .row .blog { float:right; width:36px; height:150px; background:url(../img/bg_blog02.gif) center center no-repeat; text-indent:-9999px;}

.sub_img_box { width:100%; height:360px; overflow:hidden; }
.sub_visual { padding-top:97px; width:100%; height:254px;  overflow: hidden; position: relative;  }

.sub_visual-img{
    transition:1s all ease; -ms-transition:1s all ease; -moz-transition:1s all ease; -webkit-transition:1s all ease; -o-transition:1s all ease; 
}
.sub-visual-img img{width:100%;}
.sub_visual:hover .sub-visual-img{ transform: scale(1.1); -moz-transform: scale(1.1); -webkit-transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1); /* IE 9 */ -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=1.1, M12=0, M21=0, M22=1.1, SizingMethod='auto expand')"; /* IE8 */ filter: progid:DXImageTransform.Microsoft.Matrix(M11=1.1, M12=0, M21=0, M22=1.1, SizingMethod='auto expand'); /* IE6 and 7 */ }
 
.sub01{background:url(../img/sub_top02.jpg) center center no-repeat;}
.sub02{background:url(/assets/img/sub_visual01.jpg) center center no-repeat;}


.sub-visual-img{background-position:center; transition: transform 1s ease; -moz-transition: transform 1s ease; -ms-transition: transform 1s ease; -webkit-transition: transform 1s ease; -o-transition: transform 1s ease;  position: absolute;  left:0; width:100%; height: 100%;}
.sub-visual-img:hover {transform: scale(1.1); -moz-transform: scale(1.1); -webkit-transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1); }

.contents { width:100%; }
.contents .row { width:1250px; margin:0 auto; overflow:auto; padding:70px 0 40px 0; position:relative;  }
.contents .row .back { width:32px; height:32px; display:block; background:url(../img/bg_back.png) center center no-repeat; position:absolute; left:0px; top:187px; }
.contents .row .title { width:83px; margin:0 auto; padding:0 0 25px 0; border-bottom:2px solid #25a15d; font-size:13px; font-weight:900; }
.contents .row .txt { font-size:31px; letter-spacing:-2px; text-align:center; line-height:52px; font-weight:100; margin:60px 0; }
.contents .row .tap { width:430px; margin:0 auto; overflow:auto; margin-bottom:60px; }
.contents .row .tap ul li a { width:193px; height:50px; line-height:50px; background:#fff; margin:0 10px; border:1px solid #d1d1d1; border-radius:4px; text-align:center; float:left; display:block; }
.contents .row .tap ul li a.on { background:#25a15d; color:#fff; }

.product_list { width:100%; }
.product_list .row { width:1250px; margin:0 auto; overflow:auto; padding:70px 0 40px 0; }
.product_list .row .title { width:109px; margin:0 auto; padding:0 0 25px 0; border-bottom:2px solid #25a15d; font-size:13px; font-weight:900; }
.product_list .row .txt { font-size:31px; letter-spacing:-2px; text-align:center; line-height:52px; font-weight:100; margin:60px 0; }
.product_list .row .tap { text-align:center; overflow:auto; margin-bottom:60px; }
.product_list .row .tap a { width:150px; height:50px; line-height:50px; background:#fff; margin:0 10px; border:1px solid #d1d1d1; border-radius:4px; text-align:center;  display:inline-block; }
.product_list .row .tap a:hover { background:#25a15d; color:#fff; }
.product_list .row .tap a.on { background:#25a15d; color:#fff; }
.product_list .row .article { overflow:auto; clear:both; margin-bottom:30px; }
.product_list .row .article .title { color:#222; font-size:13px; font-weight:900; padding:30px 0; }
.product_list .row .article .left { width:735px; float:left; }
.product_list .row .article .left .box { float:left; margin-right:6px; margin-bottom:6px; border:1px solid #d2d2d2; position:relative; }
.product_list .row .article .left .box .thumb { width:355px; height:280px; display:block; background-size:100% auto !important; background-position:center center !important; }
.product_list .row .article .left .box .subject { padding:20px 0 0 20px; }
.product_list .row .article .left .box .date { color:#666; padding:5px 0 20px 20px; }
.product_list .row .article .left .box .checkbox { position:absolute; left:15px; top:15px; }
.product_list .row .article .right { width:500px; height:734px; float:left; background:#f9f9f9; border:1px solid #d2d2d2; }
.product_list .row .article .right .box { position:relative; }
.product_list .row .article .right .box .thumb { width:500px; height:570px; display:block; background-size:100% auto !important; background-position:center center !important; background-repeat:no-repeat !important;}
.product_list .row .article .right .box .subject { padding:50px 0 0 50px; font-size:20px;}
.product_list .row .article .right .box .date { color:#666; padding:10px 0 0 50px; }
.product_list .row .article .right .box .detail { color:#666; padding:10px 0 20px 50px; }
.product_list .row .article .right .box .checkbox { position:absolute; left:15px; top:15px; }
.product_list .row .more { clear:both; width:67px; height:67px; display:block; margin:40px auto; margin-bottom:70px; background:url(../img/bg_more02.png) center center no-repeat; }
.product_list .row .pager { text-align:center; margin:40px 0; }
.product_list .row .pager ul li { display:inline-block; margin:0 2px; }
.product_list .row .pager ul li a { display:inline-block; width:44px; height:44px; line-height:44px; background:#fff; border:1px solid #d1d1d1; text-align:center; border-radius:4px; }
.product_list .row .pager ul li a.on { background:#25a15d; color:#fff; }

.product_write { width:100%; }
.product_write .row { width:1250px; margin:0 auto; overflow:auto; padding:70px 0 40px 0; }
.product_write .row .title { width:109px; margin:0 auto; padding:0 0 25px 0; border-bottom:2px solid #25a15d; font-size:13px; font-weight:900; }
.product_write .row .txt { font-size:35px; letter-spacing:-2px; text-align:center; line-height:52px; font-weight:100; margin:45px 0; }
.product_write .row .tap { width:650px; margin:0 auto; overflow:auto; margin-bottom:60px; }
.product_write .row .tap ul li a { width:193px; height:50px; line-height:50px; background:#fff; margin:0 10px; border:1px solid #d1d1d1; border-radius:4px; text-align:center; float:left; display:block; }
.product_write .row .tap ul li a.on { background:#25a15d; color:#fff; }
.product_write .row .article { overflow:auto; clear:both; background:#f9f9f9; border:1px solid #d3d3d3; border-bottom:0; }
.product_write .row .article table { width:100%; }
.product_write .row .article table th { width:148px; text-indent:20px; border-bottom:1px solid #d3d3d3; }
.product_write .row .article table td { padding:20px 0; text-indent:20px; border-bottom:1px solid #d3d3d3; }
.product_write .row .article .int { width:520px; text-indent:10px; }
.product_write .row .article .int_file { border:0; }
.product_write .row .btn { margin:30px 0 0 0; }
.product_write .row .btn .left a { width:141px; height:50px; float:left; display:block; line-height:50px; text-align:center; background:#fff; border:1px solid #d1d1d1; border-radius:4px; }
.product_write .row .btn .right a { width:141px; height:50px; float:right; display:block; line-height:50px; text-align:center; color:#fff; background:#25a15d; border-radius:4px; }

.product_view { width:100%; }
.product_view .row { width:1250px; margin:0 auto; overflow:auto; padding:70px 0 40px 0; position:relative; }
.product_view .row .back { width:32px; height:32px; display:block; background:url(../img/bg_back.png) center center no-repeat; position:absolute; left:0px; top:175px; }
.product_view .row .title { width:109px; margin:0 auto; padding:0 0 25px 0; border-bottom:2px solid #25a15d; font-size:13px; font-weight:900; }
.product_view .row .txt { font-size:35px; letter-spacing:-2px; text-align:center; line-height:52px; font-weight:100; margin:45px 0; }
.product_view .row .tap { width:650px; margin:0 auto; overflow:auto; margin-bottom:60px; }
.product_view .row .tap ul li a { width:193px; height:50px; line-height:50px; background:#fff; margin:0 10px; border:1px solid #d1d1d1; border-radius:4px; text-align:center; float:left; display:block; }
.product_view .row .tap ul li a.on { background:#25a15d; color:#fff; }
.product_view .row .article { overflow:auto; clear:both; background:#fff; }
.product_view .row .article .thumb { float:left; width:50%; height:513px; border:1px solid #25a15d; background-size:100% auto !important; }
.product_view .row .article .info { float:left; width:49.5%; height:513px; border:1px solid #d3d3d3; border-left:0;  }
.product_view .row .article .info table { width:100%; }
.product_view .row .article .info table th { width:130px; padding:20px 0; text-indent:20px; border-bottom:1px solid #d3d3d3; }
.product_view .row .article .info table td { padding:25px 20px 20px 20px; border-bottom:1px solid #d3d3d3; }
.product_view .row .article .point_subject { border-bottom:0 !important; padding:30px 0 0 0 !important; }
.product_view .row .article .point { border-bottom:0 !important; line-height:27px; }
.product_view .row .detail {  }
.product_view .row .detail .subject { padding:20px 0; font-size:14px; }
.product_view .row .detail .con { border:1px solid #d3d3d3; padding:90px; text-align:center; }
.product_view .row .btn {  }
.product_view .row .btn .left a { width:141px; height:50px; float:left; display:block; line-height:50px; text-align:center; background:#fff; border:1px solid #d1d1d1; border-radius:4px; }
.product_view .row .btn .right a { width:141px; height:50px; float:right; display:block; line-height:50px; text-align:center; color:#fff; background:#25a15d; border-radius:4px; }

.board_list { width:100%; }
.board_list .row { width:1250px; margin:0 auto; overflow:auto; padding:60px 0 40px 0; }
.board_list .row .title { width:83px; margin:0 auto; padding:0 0 25px 0; border-bottom:2px solid #25a15d; font-size:13px; font-weight:900; }
.board_list .row .txt { font-size:31px; letter-spacing:-2px; text-align:center; line-height:52px; font-weight:100; margin:40px 0; }
.board_list .row .tap { text-align:center; overflow:auto; margin-bottom:60px; }
.board_list .row .tap a { width:150px; height:50px; line-height:50px; background:#fff; margin:0 10px; border:1px solid #d1d1d1; border-radius:4px; text-align:center;  display:inline-block; }
.board_list .row .tap a:hover { background:#25a15d; color:#fff; }
.board_list .row .tap a.on { background:#25a15d; color:#fff; }
.board_list .row .article { overflow:auto; clear:both; }
.board_list .row .article table { width:100%; }
.board_list .row .article table th { padding:20px 0; text-align:center; border-top:2px solid #25a15d; border-bottom:1px solid #d3d3d3; background:#F7F8F7}
.board_list .row .article table td { padding:20px 0; text-align:center; border-bottom:1px solid #d3d3d3; }
.board_list .row .article table td.checkbox { padding:0 20px 0 0; }
.board_list .row .article table td.subject { text-align:left; font-size:13px; }
.board_list .row .article table td.subject a{overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: block;}
.board_list .row .article table td.subject .thb { float:left; }
.board_list .row .article table td.subject .thb { width:120px; height:80px; background-position:center center !important; background-size:100% auto !important;}
.board_list .row .article table td.subject .sbj { float:left; padding:30px 0 0 20px; vertical-align:middle; }

.board_list .row .article_gal {  clear:both; }
.board_list .row .article_gal table { width:100%; }

.board_list .row .article_gal .box-wrap { width:100%; }
.board_list .row .article_gal table th { padding:30px 0; text-align:center; border-top:2px solid #c50000; border-bottom:1px solid #d3d3d3; background:url(../img/bg_board.gif) center center repeat-x; }
.board_list .row .article_gal table td { text-align:center; border-bottom:1px solid #d3d3d3; }
.board_list .row .article_gal .box-wrap .checkbox { padding:0 20px 0 0; }
.board_list .row .article_gal .box-wrap .box { text-align:left; font-size:13px; padding:25px 10px; position:relative; width:25%; height:249px; float: left; box-sizing: border-box;}
.board_list .row .article_gal .box-wrap .box .thumb { width:290px; overflow: hidden;}
.board_list .row .article_gal .box-wrap .box .thb { }
.board_list .row .article_gal .box-wrap .box .thb { width:290px; height:190px; background-position:center center !important; background-size:100% auto !important; 
-webkit-transition:1s scale ease;-ms-transition:1s transform ease;-moz-transition:1s scale ease;        
}
.board_list .row .article_gal .box-wrap .box .thb:hover{
    transform: scale(1.15); -ms-transform: scale(1.15); -moz-transform: scale(1.15); -webkit-transform: scale(1.15);
}
.board_list .row .article_gal .box-wrap .box .sbj { padding:20px 0 0 0; vertical-align:middle; display: block;
width:100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.board_list .row .article_gal .box-wrap .box .sbj a{display: block;overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.board_list .row .article_gal .box-wrap .box .date { color:#999; }
.board_list .row .article_gal .box-wrap .box .checkbox { position:absolute; left:25px; top:35px; }



.board_list .row .article_gal table th { padding:30px 0; text-align:center; border-top:2px solid #25a15d; border-bottom:1px solid #d3d3d3; background:url(../img/bg_board.gif) center center repeat-x; }
.board_list .row .article_gal table td { text-align:center; border-bottom:1px solid #d3d3d3; }
.board_list .row .article_gal table td.checkbox { padding:0 20px 0 0; }
.board_list .row .article_gal table td.box { text-align:left; font-size:13px; padding:25px 10px; position:relative; width:300px; height:249px; }
.board_list .row .article_gal table td.box .thumb { width:290px; }
.board_list .row .article_gal table td.box .thb { }
.board_list .row .article_gal table td.box .thb { width:290px; height:190px; background-position:center center !important; background-size:100% auto !important;}
.board_list .row .article_gal table td.box .sbj { padding:20px 0 0 0; vertical-align:middle; }
.board_list .row .article_gal table td.box .date { color:#999; }
.board_list .row .article_gal table td.box .checkbox { position:absolute; left:25px; top:35px; }
.board_list .row .more { clear:both; width:67px; height:67px; display:block; margin:40px auto; margin-bottom:70px; background:url(../img/bg_more02.png) center center no-repeat; }
.board_list .row .pager { text-align:center; margin:40px 0; }
.board_list .row .pager ul li { display:inline-block; margin:0 2px; }
.board_list .row .pager ul li a { display:inline-block; width:44px; height:44px; line-height:44px; background:#fff; border:1px solid #d1d1d1; text-align:center; border-radius:4px; }
.board_list .row .pager ul li a.on { background:#25a15d; color:#fff; }
.board_list .row .button { margin:30px 0 0 0; }

.board_view { width:100%; }
.board_view .row { width:1250px; margin:0 auto; overflow:auto; padding:70px 0 40px 0; }
.board_view .row .title { width:83px; margin:0 auto; padding:0 0 25px 0; border-bottom:2px solid #25a15d; font-size:13px; font-weight:900; }
.board_view .row .txt { font-size:35px; letter-spacing:-2px; text-align:center; line-height:52px; font-weight:100; margin:45px 0; }
.board_view .row .tap { width:650px; margin:0 auto; overflow:auto; margin-bottom:60px; }
.board_view .row .tap ul li a { width:193px; height:50px; line-height:50px; background:#fff; margin:0 10px; border:1px solid #d1d1d1; border-radius:4px; text-align:center; float:left; display:block; }
.board_view .row .tap ul li a.on { background:#25a15d; color:#fff; }
.board_view .row .article { overflow:auto; clear:both; background:#f9f9f9; border:1px solid #d3d3d3;  }
.board_view .row .article table { width:100%; }
.board_view .row .article table th { text-indent:20px; border-bottom:1px solid #d3d3d3; }
.board_view .row .article table td { padding:20px 0; text-indent:20px; border-bottom:1px solid #d3d3d3; }
.board_view .row .article .comment { margin-top:40px; }
.board_view .row .article .comment td { padding:0 !important; border-bottom:0 !important; text-indent:0 !important; }
.board_view .row .article .con { background:#fff; padding:40px; text-indent:0; line-height:30px; }
.board_view .row .article .int { width:520px; text-indent:10px; }
.board_view .row .article .int_file { border:0; }
.board_view .row .btn .left a { width:141px; height:50px; float:left; display:block; line-height:50px; text-align:center; background:#fff; border:1px solid #d1d1d1; border-radius:4px; }
.board_view .row .btn .right a { width:141px; height:50px; float:right; display:block; line-height:50px; text-align:center; color:#fff; background:#25a15d; border-radius:4px; }

.board_write { width:100%; }
.board_write .row { width:1250px; margin:0 auto; overflow:auto; padding:70px 0 40px 0; }
.board_write .row .title { width:83px; margin:0 auto; padding:0 0 25px 0; border-bottom:2px solid #25a15d; font-size:13px; font-weight:900; }
.board_write .row .txt { font-size:35px; letter-spacing:-2px; text-align:center; line-height:52px; font-weight:100; margin:45px 0; }
.board_write .row .tap { width:650px; margin:0 auto; overflow:auto; margin-bottom:60px; }
.board_write .row .tap ul li a { width:193px; height:50px; line-height:50px; background:#fff; margin:0 10px; border:1px solid #d1d1d1; border-radius:4px; text-align:center; float:left; display:block; }
.board_write .row .tap ul li a.on { background:#25a15d; color:#fff; }
.board_write .row .article { overflow:auto; clear:both; background:#f9f9f9; border:1px solid #d3d3d3; border-bottom:0; }
.board_write .row .article table { width:100%; }
.board_write .row .article table th { width:148px; text-indent:20px; border-bottom:1px solid #d3d3d3; }
.board_write .row .article table td { padding:20px 0; text-indent:20px; border-bottom:1px solid #d3d3d3; }
.board_write .row .article .int { width:520px; text-indent:10px; }
.board_write .row .article .int_file { border:0; }
.board_write .row .button { margin:30px 0 0 0; }
.board_write .row .button .left { float:left;}
.board_write .row .button .right { float:right; }
#variableFiles td { border:0; }
#variableFiles input { border:0; }

.menu_box { position:absolute; z-index:100; width:100%; display:none; }
.menu_box .black_overlay { width:100%; height:100%;background:url(../img/black_overlay.png) center center;  }
.menu_box .white_overlay { width:444px; height:100%; background:#fff; position:fixed; right:-444px; top:0; z-index:110; }
.menu_box .white_overlay .gnb { padding:147px 0 0 0; font-weight:100; }
.menu_box .white_overlay .gnb a { width:323px; height:40px; display:block; color:#666; padding:0 0 0 70px; margin:20px 0; font-size:35px; line-height:40px; }
.menu_box .white_overlay .gnb a:hover { color:#25a15d; }
.menu_box .white_overlay .gnb a.m01 { background:url(../img/m01.gif) right center no-repeat; }
.menu_box .white_overlay .gnb a.m02 { background:url(../img/m02.gif) right center no-repeat; }
.menu_box .white_overlay .gnb a.m03 { background:url(../img/m03.gif) right center no-repeat; }
.menu_box .white_overlay .gnb a.m04 { background:url(../img/m04.gif) right center no-repeat; }
.menu_box .white_overlay .gnb a.m05 { background:url(../img/documents.png) right center no-repeat; }
.menu_box .white_overlay .gnb a.m06 { background:url(../img/worldwide.png) right center no-repeat; }
.menu_box .white_overlay .gnb a.m07 { background:url(../img/microscope.png) right center no-repeat; }
.menu_box .white_overlay .close { width:31px; height:32px; display:block; cursor:pointer; position:absolute; right:55px; top:70px; background:url(../img/menu_x.gif) center center repeat-x; }

.search_box { position:absolute; z-index:100; width:100%; display:none; }
.search_box .black_overlay { width:100%; height:100%;background:url(../img/black_overlay.png) center center;  }
.search_box .white_overlay { width:100%; height:120px; background:#fff; position:fixed; right:0; top:-120px; z-index:110; }
.search_box .white_overlay .row { width:1250px; margin:0 auto;  }
.search_box .white_overlay .row .search_input { float:left; }
.search_box .white_overlay .row .search_input .inp_style { width:900px; height:50px; line-height:50px; border:1px solid #d1d1d1; border-radius:100px; margin-top:30px; margin-right:20px; }
.search_box .white_overlay .row .search_submit { float:left; }
.search_box .white_overlay .row .search_submit .smt_style { width:120px; height:50px; line-height:50px; background:#25a15d; color:#fff; border:0; border-radius:4px; margin-top:30px; cursor:pointer; }
.search_box .white_overlay .row .close { float:left; width:31px; height:32px; display:block; cursor:pointer; background:url(../img/menu_x.gif) center center repeat-x; margin-top:38px; margin-left:25px; }

.company { width:100%; }
.company .row { width:1250px; margin:0 auto; overflow:auto; padding:70px 0 90px 0; }
.company .row .title { width:69px; margin:0 auto; padding:0 0 25px 0; border-bottom:2px solid #25a15d; font-size:13px; font-weight:900; }
.company .row .logo { width:310px; height:267px; background:url(../img/com_logo.jpg) center center repeat-x; margin:0 auto; margin-top:67px;  }
.company .row .txt { text-align:center; font-size:30px; letter-spacing:-2px; padding:57px 0 0 0; }
.company .row .txt .point { color:#25a15d; }
.company .row .txt02 { font-size:13px; text-align:center; padding:35px 0 0 0; line-height:27px; }
.company .row .history { width:100%; height:620px; background:#f2f2f2; }
.compny-txt{font-size:15px;}
.history { width:100%; height:618px; background:#f2f2f2; }
.history .row { width:1250px; margin:0 auto; overflow:auto; }
.history .row .left { width:555px; float:left; }
.history .row .left .txt { font-size:35px; letter-spacing:-1px; padding:100px 0 0 0; }
.history .row .left .txt .point { color:#25a15d; }
.history .row .left .txt02 { padding:35px 0 0 0; line-height:25px; }
.history .row .right { width:644px; float:left; }
.history .row .right .tap { margin:75px 0 0 0; overflow:auto; }
.history .row .right .tap a { width:310px; height:60px; display:block; float:left; line-height:60px; background:#fff; border:1px solid #d1d1d1; text-align:center; }
.history .row .right .tap a.on { background:#25a15d; color:#fff; }
.history .row .right .year { background:url(../img/line_history.gif) 118px 0 repeat-y; position:relative; }
.history .row .right .year table { padding:35px 0 0 0; }
.history .row .right .year .dot { width:9px; height:9px; background:url(../img/dot_history.gif) 0 0 no-repeat; position:absolute;  }
.history .row .right .year .his1 { padding:10px 0 10px 40px; font-weight:900; }
.history .row .right .year .his2 { padding:10px 0 10px 96px; font-weight:900; }
.history .row .right .year .his3 { padding:10px 0 10px 34px; }

.brand { width:100%; }
.brand .row { width:1250px; margin:0 auto; overflow:auto; padding:60px 0; }
.brand .row .tap { text-align:center; }
.brand .row .tap a { display:inline-block; width:170px; height:50px; line-height:50px; font-size:15px; background:#666666; border:1px solid #d1d1d1; margin:0 11px; border-radius:4px;color: #fff;}
.brand .row .tap a.on { background:#256e46; color:#fff; }
.brand .row .field { padding:70px 0 0 0; text-align:center; }



.history-wrap .tap { text-align:center; }
.history-wrap .tap a { display:inline-block; width:170px; height:50px; line-height:50px; font-size:15px; background:#666666; border:1px solid #d1d1d1; margin:0 11px; border-radius:4px;color: #fff;}
.history-wrap .tap a.on { background:#256e46; color:#fff; }


.decom { width:100%; background:#f2f2f2; }
.decom .row { width:1250px; margin:0 auto; overflow:auto; padding:90px 0; }
.decom .row .title { width:133px; margin:0 auto; padding:0 0 25px 0; border-bottom:2px solid #25a15d; font-size:13px; font-weight:900; }
.decom .row .txt { font-size:31px; letter-spacing:-2px; text-align:center; line-height:52px; font-weight:100; margin:0 0 60px 0; }
.decom .row .article { overflow:auto; }
.decom .row .article .title { color:#222; font-size:13px; font-weight:900; padding:30px 0; }
.decom .row .article .box { float:left; margin-right:6px; }
.decom .row .article .box .thumb { width:306px; height:300px; display:block; }
.decom .row .article .box .subject { padding-top:20px; }
.decom .row .article .box .date { color:#666; padding-top:5px; }
.decom .row .more { clear:both; width:67px; height:67px; display:block; margin:40px auto; margin-bottom:70px; background:url(../img/bg_more02.png) center center no-repeat; }

.location { width:100%; }
.location .row { width:1250px; margin:0 auto; overflow:auto; padding:90px 0; }
.location .row .title { font-size:30px; text-align:center; }
.location .row .map { padding:45px 0 0 0; }

.btn { padding:0 14px; cursor:pointer; display:inline-block; height:40px; line-height:40px; background:#fff; margin:0 5px; border:1px solid #d1d1d1; border-radius:3px; text-align:center; float:left; display:block; transition: all 0.2s ease-in-out; }
.btn:hover { background:#25a15d; color:#fff; }
.btn_point { padding:0 14px; cursor:pointer; color:#fff; display:inline-block; height:40px; line-height:40px; background:#25a15d; margin:0 5px; border:1px solid #d1d1d1; border-radius:3px; text-align:center; float:left; display:block; transition: all 0.2s ease-in-out; }
.btn_point:hover { background:#222; color:#fff; }
.conttt{
    display: none;
}
.conttt.active{
    display: block;
}

.subvisual-txt{
    width:1240px;
    margin: auto;
    padding-top:85px;    
    position: relative;
    z-index: 2;
}
.subvisual-txt em{
    font-size:21px;
    color: #fff;
    opacity: .5;
    display: block;
    line-height: 0.8;
    margin-bottom:20px;
}
.subvisual-txt strong{
    display: block;
    font-size:32px;
    color:#fff;
    line-height: 0.8;
}
.subvisual-txt .lager{
    font-size:48px;
    color: #fff;
}

.section{
    width:1250px;
    margin: auto;
    padding:70px 0;    
}
.section:after{
    clear: both;
    display: block;
    content: "";
}
.section-tit{
    font-size:35px;
    font-weight: bold;
    margin-bottom:65px;
    color: #222;
}
.col-50{
    width:50%;
    float: left;
}
.maincolor{
    color: #256e46;
}
.section-h{
    font-size:33px;
    font-weight: bold;
    color: #222;
    margin-bottom:35px;
    line-height: 1.2;
    letter-spacing: -0.05em;
}

.company-txt{
    font-size:14px;
    color: #888888;
    letter-spacing: -0.02em;
    line-height: 178%;    
    word-break: keep-all;
}

.section-wrap{
    width:100%;
    border-top:1px solid #d1d1d1;
    border-bottom:1px solid #d1d1d1;
    background: #f4f4f4;
}



.his01{background: url(../img/history_bg.png) no-repeat center;}
.his02{background: url(../img/history_bg02.png) no-repeat center; position: relative;}
.history-cont{    
    width:100%;
    height: 280px;
    padding-left:205px;
    display: none;
    box-sizing: border-box;
    -webkit-box-sizing:border-box;
    -ms-box-sizing:border-box;
    -moz-box-sizing:border-box;
    -o-box-sizing:border-box;
}
.history-cont.active{display: block;}
.history-cont dl{
    float: left;
}
.history-cont dl dt{
    display: block;
    font-size:21px;
    font-weight: bold;
    color: #222;
    letter-spacing: -0.02em;
}
.hisroy-cont dl dd{
    font-size:14px;
    color:  #888888;;
}
.his01 .history01{
    margin-right:160px;
}
.his01 .history02{
    margin-right:85px;
}
.his01 .history03{
    margin-left:150px;
    margin-right:100px;
    margin-top:120px;
}
.his01 .history04{
    margin-right:195px;
    margin-top:120px;
}
.his01 .history05{
    margin-top:120px;
}
.his02 .history01{
    margin-right:160px;
}
.his02 dl{
    position: absolute;
}
.his02 .history02{
    left:365px;
    top:185px;
}
.his02 .history03{
    left:525px;
}
.his02 .history04{
    top:185px;
    left: 690px;
}
.his02 .history05{
    left:750px;
}
.his02 .history06{
    top:185px;
    right: 0;
}
.certificate-list{
    display: none;
    margin-top:30px;
    padding:0 115px;
}
.certificate-list.active{
    display: inline-block !important;
}
.certificate-list li{
    float: left;
    margin: 15px 50px;
}
.location-txt{
    font-size:15px;
    color: #888888;
    margin-bottom:50px;
}
.map{
    width:100%;
    height: 540px;
}



.btn-plus {
  position: relative;
  width: 36px;
  height: 36px;
  margin: 0 auto;
  display: block;
  overflow: hidden;
  transition: width 0.45s cubic-bezier(0.77, 0, 0.175, 1);
  -webkit-transition: width 0.45s cubic-bezier(0.77, 0, 0.175, 1);
  -moz-transition: width 0.45s cubic-bezier(0.77, 0, 0.175, 1);
  -o-transition: width 0.45s cubic-bezier(0.77, 0, 0.175, 1); }
  .btn-plus:hover {
    width: 200px; }
    .btn-plus:hover span:before {
      top: 0; }
    .btn-plus:hover span:after {
      top: 34px; }
    .btn-plus:hover span:before, .btn-plus:hover span:after {
      width: 5px; }
    .btn-plus:hover .l {
      left: 0; }
    .btn-plus:hover .r {
      right: 0; }
    .btn-plus:hover .txt {
      letter-spacing: 4px;
      opacity: 1; }
  .btn-plus span {
    position: absolute;
    left: 17px;
    top: 0;
    width: 2px;
    height: 36px;
    background: #25A15D;
    transition: all 0.45s cubic-bezier(0.77, 0, 0.175, 1);
    -webkit-transition: all 0.45s cubic-bezier(0.77, 0, 0.175, 1);
    -ms-transition: all 0.45s cubic-bezier(0.77, 0, 0.175, 1);
    -moz-transition: all 0.45s cubic-bezier(0.77, 0, 0.175, 1);
    -o-transition: all 0.45s cubic-bezier(0.77, 0, 0.175, 1); }
    .btn-plus span:after, .btn-plus span:before {
      position: absolute;
      left: 2px;
      top: 17px;
      width: 17px;
      height: 2px;
      content: '';
      background: inherit; }
    .btn-plus span.r {
      left: auto;
      right: 17px; }
      .btn-plus span.r:after, .btn-plus span.r:before {
        left: auto;
        right: 2px; }
  .btn-plus .txt {
    color: #222;
    text-align: center;
    letter-spacing: 50px;
    padding-top: 12px;
    display: block;
    font-size: 12px;
    font-style: normal;
    opacity: 0;
    text-transform: uppercase;
    transition: all 0.45s cubic-bezier(0.77, 0, 0.175, 1);
    -webkit-transition: all 0.45s cubic-bezier(0.77, 0, 0.175, 1);
    -ms-transition: all 0.45s cubic-bezier(0.77, 0, 0.175, 1);
    -moz-transition: all 0.45s cubic-bezier(0.77, 0, 0.175, 1);
    -o-transition: all 0.45s cubic-bezier(0.77, 0, 0.175, 1); }
.color-w{
    color: #fff !important;
}

.box-wrap{
    margin-top:30px;
}

.box-wrap:after{
    display: block;
    clear: both;
    content: "";
}

.h-wrap{
    width:100%;
    overflow: hidden;
    position: relative;
    /*background: url(../img/h_bg.png) no-repeat left center;    */
}

.his{
    position: relative;    
}
.his img{
    float: left;
    padding-left:125px;
}


.m-his {
    text-align: center;
    display: none;
}

.m-his img{
    width:100%;
}

.m-img{
    display: none;
}

.p-img{
    display: block;
}
.dp{
    display: block;
}


.business .row { width:1250px; margin:0 auto; overflow:hidden; padding:0px 0; }
.business .row .tap { text-align:center; }
.business .row .tap a { display:inline-block; width:250px; height:50px; line-height:50px; font-size:15px; background:#666666; border:1px solid #d1d1d1; margin:0 11px; border-radius:4px;color: #fff;}
.business .row .tap a.on { background:#256e46; color:#fff; }
.business .row .field { padding:70px 0 0 0; text-align:center; }

.business .cont,
.business .contt{
    display: none;
}
.business .cont.active,
.business .contt.active{
    display: block;
}

.business .cont02 ul li{
    float: left;
    width:50%;
    text-align: center;
    margin-bottom:20px;
}
.business .cont02 ul li img{

}


.en{
    position: absolute;
    top:70px;
    left:70px;
    font-size:18px;
}
.cn{
    position: absolute;
    top:70px;
    left:120px;
    font-size:18px;
}
.bb-tab:after{
    content: "";
    display: block;
    clear: both;
}

.bb-tab a{
    float: left;
    width:33.3333%;
    padding:10px 0;
    color: #58595B;
    text-align: center;
    border-right: 1px solid #fff;
    background: #BBBDBF;
    box-sizing: border-box;
    -ms-box-sizing:border-box;
}
.bb-tab a.active{
    background: #fff;
    color: #000;
}

.bb-img img{
    display: none;
}
.bb-img img.active{
    display: inline-block;
}

.rnd-tbl{
    table-layout: fixed;
    width:100%;
    border-collapse: collapse;
}
.rnd-tbl th{
    background: #D8E5DE;
    border: 1px solid #ccc;
    height:40px;
}
.rnd-tbl td{
    text-align: center;
    border:1px solid #ddd;
    padding:10px;
}

.rnd-list{
    width:60%; margin: auto;
}
.rnd-tech{
    font-size:21px; 
    color: #000;
    text-align: center;
    margin-bottom:10px;
    margin-top:50px;
}
.rnd-txt{
    font-size:14px;
    line-height: 170%;
    color: #333333;
}
.rnd-list li{
    width:100%;
    padding:10px 40px;
    background: #cccccc;
    color: #707070;
    font-size:17px;
    text-align: center;
    margin: 7px 0;
    box-sizing: border-box;
    -ms-box-sizing:border-box;
    -webkit-box-sizing:border-box;
}

.rnd-cont{
    display: none;
}
.rnd-cont.active{
    display: block;
}
.kw-txt{
    font-size:15px;
    line-height: 176%;
    color: #000;
    margin:60px 0;
    font-weight: normal;
}
.kw-txt strong{
    font-size:24px;
    font-weight: bold;
}
.kw-txt span{
    color: #458b00;
}