@charset "utf-8";
.doc-tit {font-size:26px; font-weight:bold; line-height:1.385em; letter-spacing:-0.04em; color:#3859fe; margin-bottom:27px;}

.doc-cnt {margin-bottom:55px;}
.doc-cnt:last-child {margin-bottom:0;}

.cnt p {position:relative; padding-left:15px; margin-bottom:5px; font-size:15px; font-weight:300; color:#505050; line-height:1.533em; letter-spacing:-.04em;}
.cnt p:before {content:""; position:absolute; width:5px; height:5px; border-radius:100%; background:#dfdfdf; top:8px; left:0;}
.cnt p:last-child {margin-bottom:0;}

.summary {display:flex;}
.summary li {position:relative; flex:1; padding:35px 0 35px 30px; font-size:22px; font-weight:500; letter-spacing:-0.04em; border:1px solid #dfdfdf;}
.summary li:not(:first-child) {border-left:0;}
.summary li:before {content:""; position:absolute; width:24px; height:4px; background:#3958fe; top:90px; left:30px;}
.summary .cnt {margin-top:55px;}

.green-check {position:relative; font-size:22px; font-weight:400; letter-spacing:-0.04em; margin-bottom:10px; padding-left:32px;}
.green-check:before {content:""; position:absolute; width:20px; height:20px; background:url("/images/sub/green_check.png") no-repeat 50% 50%; top:4px; margin-left:-32px;}
.green-check:last-child {margin-bottom:0;}


/*greeting*/
.greeting .bg-box {position:relative; margin-bottom:70px;}
.greeting .bg-box img {min-height: 180px; object-fit: cover;}
.greeting .blue-box {display:flex; align-items:center; position:absolute; width:63.33%; height:150px; left:50%; margin-top:-96px; transform: translateX(-50%); padding:60px 10px 60px 260px; background:url("/images/sub/greeting_logo.png") 60px 50% no-repeat #3958fe;}
.greeting .blue-box p {position:relative; font-size:28px; font-weight:500; line-height:1.4em; color:#fffefe;}
.greeting .blue-box p:before {content:""; position:absolute; width:1px; height:53px; background:rgba(255,255,255,0.3); top:50%; left:-40px; margin-top:-27px;}
.greeting .txt-box p {font-size:18px; font-weight:400; line-height:1.778em; letter-spacing:-0.04em; color:#505050; margin-bottom:20px;}
.greeting  .sign {font-size:20px; line-height:1.7em; font-weight:500; color:#2c2c2c; margin:30px 0 0 0;}

/*org*/

/*history*/
.history .bg-box {display:flex; flex-direction: column; justify-content: center;position:relative; width:100%; height:240px; background:url("/images/sub/history.jpg") no-repeat 50% 50%; padding-left:292px;}
.history .bg-box:before {content:""; position:absolute; width:1px; height:90px; background:#cccccc; bottom:-50px; left:180px;}
.history .bg-box:after {content:""; position:absolute; width:160px; height:161px; background:url("../images/sub/history_icon.png") no-repeat 50% 50%; left:100px;}
.history .bg-box p {font-size:26px; font-weight:400; line-height:1.4em; color:#fff;}
.history .bg-box .deco {font-size:18px; letter-spacing: 0.6em; margin-bottom:15px;}

.history ul {padding:38px 0 0 94px;}
.history li {display:flex; position:relative; padding-bottom:25px;}
.history li:last-child {padding-bottom:0; margin-top:-10px;}
.history li:last-child::before {display:none;}
.history li:before {content:""; position:absolute; width:1px; height:100%; background:#cccccc; top:0; left:86px;}
.history .year {position:relative; width:65px; text-align:right; font-size:28px; font-weight:bold; color:#3958fe;margin-right:47px;}
.history .year:after {content:""; position:absolute; width:9px; height:9px; top:50%; right:-26px; margin-top:-4px; background:#5eb31e; transform: rotate(45deg);}
.history .month {display:block; font-size:20px; font-weight:500; color:#2c2c2c; letter-spacing:-0.04em; width:56px;}
.history .doc-txt {display:flex; font-size:18px; font-weight:300; color:#505050; line-height:1.778em; letter-spacing:-.04em; margin-bottom:10px;}
.history .doc-txt:last-child {margin-bottom:0;}

/*certi*/
.certi ul {display:flex; margin:0 -20px 77px -20px; text-align:center;}
.certi ul li {width:25%; padding:0 20px;}
.certi ul p {font-size:18px; font-weight:500; color:#2c2c2c; margin-top:15px;}

.certi .txt {text-align:center; font-size:22px; color:#2c2c2c; font-weight:400; letter-spacing:-0.04em; background:#f4f4f4; padding:22px 5px; margin-bottom:20px;}
.certi .txt span {font-weight:500;}

/*business*/
.business .pro {display:flex; text-align:center;}
.business .pro > li{flex:1; border:1px solid #dfdfdf;}
.business .pro > li:not(:first-child) {border-left:0;}
.business .pro .tit {border-bottom:1px solid #dfdfdf; background:#fafafa;}
.business .pro  .tit p {font-size:16px; font-weight:400; color:#505050; height:53px; line-height:53px;}
.business .pro  .tit span {font-weight:500; color:#2c2c2c;}

.business .pro ul {padding:29px 0 25px 0;}
.business .pro ul li {margin-bottom:15px; padding:0 10px;}
.business .pro ul li:last-child {margin-bottom:0;}
.business .pro .txt {font-size:15px; font-weight:300; color:#505050; margin-top:10px;}

/*business_machine*/
.business .machine {display:flex; text-align:center;}
.business .machine > div {flex:1; border:1px solid #dfdfdf;}
.business .machine > div:not(:first-child) {border-left:0;}
.business .machine .tit {border-bottom:1px solid #dfdfdf; background:#fafafa;}
.business .machine .tit p {font-size:16px; font-weight:500; color:#2c2c2c; height:53px; line-height:53px;}
.business .machine .img {padding:29px 10px;}

/*business_skill3*/
.skill3 .img-box {display:flex;}
.skill3 .img-box .img {flex:1; width:371px; margin-right:40px;}
.skill3 .img-box .img:last-child {margin-right:0;}

/*business_product*/
.product .pro .cnt {text-align:left; padding-left:12%;}
.product .pro .img {margin-bottom:18px;}
.product .pro ul li {margin-bottom:5px;}
.product .pro .tit p {color:#2c2c2c;}


/*business_pig*/
.pig .box {display:flex; margin:0 -14px;}
.pig .box .img {width:33.33%; padding:0 14px; text-align:center;}

/*technology*/
.technology .group {display: flex;}
.technology .group > div {flex:1; border:1px solid #dfdfdf; padding:85px 0 70px 0;}
.technology .green-box {font-size:18px; font-weight:400; color:#fff; line-height:44px; width:287px; height:44px; border-radius:25px; margin: 0 auto 25px auto; background:#5eb31e;}
.technology .group .txt-box {border-left:0; background:#fafafa; padding-left:47px; padding-right:10px;}
.technology .group .txt-box {font-size:18px; font-weight:300; color:#2c2c2c;}
.technology .group .doc-tit {margin-bottom:20px;}

.technology .img-box {display:flex; margin-bottom:40px;}
.technology .img-box .img {flex:1; width:580px; margin-right:40px;}
.technology .img-box .img:last-child {margin-right:0;}

.technology .desc {border-bottom:1px solid #dfdfdf; margin-bottom:80px;}
.technology .desc .tit {text-align:center; font-size:16px; font-weight:500; color:#2c2c2c; line-height:56px; height:56px; background:#fafafa; border-top:1px solid #a8a8a8; border-bottom:1px solid #dfdfdf;}
.technology .desc .cnt {width:500px; margin:25px auto;}

/*mbr*/
.mbr .tit {text-align:center; font-size:18px; font-weight:300; margin-bottom:70px;}
.mbr .pro {display:flex; margin-bottom:77px;}
.mbr .pro > li {width:50%; border:1px solid #dfdfdf;}
.mbr .pro > li:not(:first-child) {border-left:0;}
.mbr .pro > li ul {padding-bottom:23px;}
.mbr .pro ul li {margin-bottom:5px;}
.mbr .pro ul li:last-child {margin-bottom:0;}

.mbr .pro .tit {text-align:center;  border-bottom:1px solid #dfdfdf; background:#fafafa;}
.mbr .pro .tit p {font-size:16px; font-weight:400; color:#2c2c2c; height:53px; line-height:53px;}

.mbr .pro .img {text-align:center; margin:28px 0 20px 0;}
.mbr .pro .cnt {width:445px; margin:0 auto;}

.mbr .green-check {width:326px; margin:0 auto 10px auto;}

/*ro*/
.ro .tit {text-align:center; font-size:18px; font-weight:300; margin-bottom:70px;}
.ro .group {display:flex;}
.ro .group > div {width:50%;}
.ro .group .txt-box {padding:105px 0 0 45px; border:1px solid #dfdfdf; background:#fafafa; border-left:0;}
.ro .group .txt-box .wrap {display:flex;}
.ro .group .txt-box .wrap .cnt {flex:1;}

.ro .img-box {display:flex; margin-bottom:40px;}
.ro .img-box .img {flex:1; width:580px; margin-right:40px;}
.ro .img-box .img:last-child {margin-right:0;}

.ro .desc {border-bottom:1px solid #dfdfdf; margin-bottom:77px;}
.ro .desc .tit {text-align:center; font-size:16px; font-weight:500; color:#2c2c2c; line-height:56px; height:56px; margin-bottom:0; background:#fafafa; border-top:1px solid #a8a8a8; border-bottom:1px solid #dfdfdf;}
.ro .desc .cnt-box {display:flex; width:756px; margin:30px auto;}
.ro .desc .cnt-box .cnt:first-child {flex:1; margin-right:118px;}

.ro .green-check {width:200px; margin:0 auto 10px auto;}

/*smell*/
.smell .tit {text-align:center; font-size:18px; font-weight:300; margin-bottom:70px;}
.smell .group {display:flex; margin-bottom:75px;}
.smell .group > div {width:50%;}
.smell .group .txt-box {flex:1; padding:105px 0 0 45px; border:1px solid #dfdfdf; background:#fafafa; border-left:0;}
.smell .group .txt-box .wrap {display:flex;}
.smell .group .txt-box .wrap .cnt {flex:1;}

.smell .img-box {margin-bottom:40px;}

.smell .desc {border-bottom:1px solid #dfdfdf;}
.smell .desc .tit {text-align:center; font-size:16px; font-weight:500; color:#2c2c2c; line-height:56px; height:56px; margin-bottom:0; background:#fafafa; border-top:1px solid #a8a8a8; border-bottom:1px solid #dfdfdf;}
.smell .desc .cnt-box { width:320px; margin:30px auto;}

.smell .green-check {width:380px; margin:0 auto 10px auto;}

/*press*/
.press .tit {text-align:center; font-size:18px; font-weight:300; margin-bottom:70px;}
.press .group {display:flex; margin-bottom:75px;}
.press .group > div {width:50%;}
.press .group .txt-box { padding:105px 0 0 45px; border:1px solid #dfdfdf; background:#fafafa; border-left:0;}

.press .desc {border-bottom:1px solid #dfdfdf; margin-bottom:77px;}
.press .desc .tit {text-align:center; font-size:16px; font-weight:500; color:#2c2c2c; line-height:56px; height:56px; margin-bottom:0; background:#fafafa; border-top:1px solid #a8a8a8; border-bottom:1px solid #dfdfdf;}
.press .desc .cnt-box { width:360px; margin:30px auto;}

.press .green-check {width:200px; margin:0 auto 10px auto;}

/*photo*/
.photo-cate ul {display:flex; text-align:center; margin-bottom:60px;}
.photo-cate li {flex:1; border:1px solid #dfdfdf; background:#fafafa;}
.photo-cate li a {display:block; font-size:17px; font-weight:400; color:#878787; line-height:1.4em; padding:20px 5px; }
.photo-cate li:not(:first-child) {border-left:0;}
.photo-cate li.active {background:#5eb31e; border:0; font-weight:bold; color:#ffffff;}
.photo-cate li.active a{color:#ffffff;}

.photo-box ul {display:flex; flex-wrap: wrap; margin:0 -20px;}
.photo-box li {width:33.33%; padding:0 20px; margin-bottom:40px;}
.photo-box li p {font-size:18px; font-weight:500; line-height:2em; letter-spacing:-0.04em; color:#2c2c2c; margin-top:10px;}
.photo-box li .pop_modal .thumb {position: relative; padding-bottom: 75.07%; overflow: hidden;}
.photo-box li .pop_modal .thumb img {position: absolute; top: 50%; left: 0; transition: .4s ease-in-out; transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); width: 100%; height: auto !important;  max-width: 100%; min-height: 100%; object-fit: cover;}
.photo-box li .pop_modal .thumb:after {content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0,0,0,.6) url("../images/bbs/zoom.png") 50% 50% no-repeat; opacity: 0; transition: .2s;}
.photo-box ul li a:hover .thumb:after {opacity:1;}

.layer_popup {display:none; max-width:800px !important; width:100%; position:relative; z-index:100 !important;}
.layer_popup img {width:100%; max-width:800px; height:auto !important;}