@charset "utf-8";

/*회사개요*/
.company {width:100%; min-height:1000px; background:url(../../pages/images/company_top.jpg) no-repeat; background-position: top center;}
.company .companyWrap {width:1400px; height:100%; margin:0 auto; padding-top: 580px;}
.company .companyWrap .companyTop {height:200px; background:#ffffff;}
.company .companyWrap .companyTop .left {float:left; width:260px; font-size:50px; color:#000000; font-weight:bold; padding-top: 60px; padding-left: 85px;}
.company .companyWrap .companyTop .right {float:left; width:1140px; font-size:17px; line-height:32px; color:#777777; padding-top: 70px; word-break: keep-all;}

.company .companySub {width:100%; height:345px; border-bottom:solid 1px #dddddd; background:#ffffff; }
.company .companySub:nth-child(3n) {border-bottom:0 none;}
.company .companySub .companySubWrap {width:1400px; height:100%; margin:0 auto;}
.company .companySub .companySubWrap .sub {float:left; width:25%; height:100%; border-right:solid 1px #dddddd;}
.company .companySub .companySubWrap .sub:nth-child(4n) {border-right:0 none;}
.company .companySub .companySubWrap .sub .subWrap {width:100%; height:100%;}
.company .companySub .companySubWrap .sub .subWrap .thumb {width:100%; }
.company .companySub .companySubWrap .sub .subWrap .thumb1 {height:132px; background:url(../../pages/images/company_icon01.png) no-repeat; background-position: top center; margin-top: 105px;}
.company .companySub .companySubWrap .sub .subWrap .thumb2 {height:50px; background:url(../../pages/images/company_icon02.png) no-repeat; background-position: top center; margin-top: 105px;}
.company .companySub .companySubWrap .sub .subWrap .thumb3 {height:50px; background:url(../../pages/images/company_icon03.png) no-repeat; background-position: top center; margin-top: 105px;}
.company .companySub .companySubWrap .sub .subWrap .thumb4 {height:50px; background:url(../../pages/images/company_icon04.png) no-repeat; background-position: top center; margin-top: 105px;}
.company .companySub .companySubWrap .sub .subWrap .thumb5 {height:50px; background:url(../../pages/images/company_icon05.png) no-repeat; background-position: top center; margin-top: 105px;}
.company .companySub .companySubWrap .sub .subWrap .thumb6 {height:50px; background:url(../../pages/images/company_icon06.png) no-repeat; background-position: top center; margin-top: 105px;}
.company .companySub .companySubWrap .sub .subWrap .thumb7 {height:50px; background:url(../../pages/images/company_icon07.png) no-repeat; background-position: top center; margin-top: 105px;}
.company .companySub .companySubWrap .sub .subWrap .thumb8 {height:50px; background:url(../../pages/images/company_icon08.png) no-repeat; background-position: top center; margin-top: 105px;}
.company .companySub .companySubWrap .sub .subWrap .title {font-size:24px; color:#3c3c3c; font-weight:bold; text-align:center; padding-top: 26px;}
.company .companySub .companySubWrap .sub .subWrap .txt {font-size:17px; line-height:26px; color:#777777; text-align:center; padding: 5px 35px; word-break: keep-all;}

@media all and (max-width:1024px){
	.company .companyWrap {width:100%; padding-top: 450px;}
	.company .companySub {height: 100%; border-bottom:0 none;}
	.company .companySub .companySubWrap {width:100%;}
	.company .companySub .companySubWrap .sub {width: 50%; height:345px; border:solid 1px #dddddd; }
	.company .companySub .companySubWrap .sub:nth-child(4n) {border-right:solid 1px #dddddd;}
	.company .companyWrap .companyTop {height: 250px;}
	.company .companyWrap .companyTop .left {width:30%; padding-top: 30px; padding-left: 35px;}
	.company .companyWrap .companyTop .right {width:70%; padding-top: 40px; padding-bottom: 50px;}

}

@media all and (max-width:768px){
	.company {background-size: cover; min-height: 100%;}
	.company .companyWrap {padding-top: 250px;}
	.company .companyWrap .companyTop .left {width: 100%; padding-top: 10px; padding-left: 10px; font-size: 30px;}
	.company .companyWrap .companyTop .right {width: 100%; padding: 10px;}
	.company .companySub .companySubWrap .sub {width: 100%; height: 100%; padding: 50px 20px;}
	.company .companySub .companySubWrap .sub .subWrap .thumb1 {margin-top: 0px;}
	.company .companySub .companySubWrap .sub .subWrap .thumb2 {margin-top: 0px;}
	.company .companySub .companySubWrap .sub .subWrap .thumb3 {margin-top: 0px;}
	.company .companySub .companySubWrap .sub .subWrap .thumb4 {margin-top: 0px;}
	.company .companySub .companySubWrap .sub .subWrap .thumb5 {margin-top: 0px;}
	.company .companySub .companySubWrap .sub .subWrap .thumb6 {margin-top: 0px;}
	.company .companySub .companySubWrap .sub .subWrap .thumb7 {margin-top: 0px;}
	.company .companySub .companySubWrap .sub .subWrap .thumb8 {margin-top: 0px;}
}

/*	 비전&핵심경쟁력*/
.vision {width: 100%; height: 100%;}
.vision .visionTop {width: 100%; height: 700px; max-width:2000px; background:#eff0ef; margin:0 auto;}
.vision .visionTop .visionTopWrap {width:1400px; height:100%; margin:0 auto;}
.vision .visionTop .visionTopWrap .topTitle {font-size:50px; line-height:110px; font-weight:bold; color:#333333; text-align:center; padding: 85px 0px;}
.vision .visionTop .visionTopWrap .topTitle:after {display:block;height:0;content:".";font-size:0;visibility:hidden;clear:both;}
.vision .visionTop .visionTopWrap .topTitle span {position: relative;}
.vision .visionTop .visionTopWrap .topTitle span:after {position: absolute; bottom: 15px; margin: 0px 0 0 5px; vertical-align: middle; display: inline-block; width: 20px; height: 20px; background: #89b929; content: ""; border-radius:20px; }
.vision .visionTop .visionTopWrap .content {padding-top: 60px;}
.vision .visionTop .visionTopWrap .content .sub {float:left; width:410px; margin-right:83px;}
.vision .visionTop .visionTopWrap .content .sub:last-child {margin-right:0px;}
.vision .visionTop .visionTopWrap .content .sub .subWrap {width:100%; height: 448px; background:#ffffff; border:solid 1px #dddddd; }
.vision .visionTop .visionTopWrap .content .sub .subWrap .thumb {width:180px; height:180px; border-radius:180px; margin:0 auto; margin-top: -80px;}
.vision .visionTop .visionTopWrap .content .sub .subWrap .thumb1 {background:#799f2d url(../../pages/images/vision_icon01.png) no-repeat; background-position: center;}
.vision .visionTop .visionTopWrap .content .sub .subWrap .thumb2 {background:#5f7932 url(../../pages/images/vision_icon02.png) no-repeat; background-position: center;}
.vision .visionTop .visionTopWrap .content .sub .subWrap .thumb3 {background:#414f26 url(../../pages/images/vision_icon03.png) no-repeat; background-position: center;}

.vision .visionTop .visionTopWrap .content .sub .subWrap .title {text-align:center; font-size:30px; font-weight:bold; color:#333333; position: relative; padding: 40px 0px;}

.vision .visionTop .visionTopWrap .content .sub .subWrap .title1 {}
.vision .visionTop .visionTopWrap .content .sub .subWrap .title1:before {content : ""; position: absolute; left: 50%; margin-left:-23px; bottom: 1px; height: 2px; width: 45px; border-bottom:2px solid #799f2d; }
.vision .visionTop .visionTopWrap .content .sub .subWrap .title2 {}
.vision .visionTop .visionTopWrap .content .sub .subWrap .title2:before {content : ""; position: absolute; left: 50%; margin-left:-23px; bottom: 8px; height: 2px; width: 45px; border-bottom:2px solid #5f7932; }
.vision .visionTop .visionTopWrap .content .sub .subWrap .title3 {}
.vision .visionTop .visionTopWrap .content .sub .subWrap .title3:before {content : ""; position: absolute; left: 50%; margin-left:-23px; bottom: 1px; height: 2px; width: 45px; border-bottom:2px solid #414f26; }

.vision .visionTop .visionTopWrap .content .sub .subWrap .txt {font-size:17px; line-height:34px; color:#777777; text-align:center; padding-top: 15px;}

.vision .visionBottom {width: 100%; height: 577px; background:url(../../pages/images/vision_bg.jpg) no-repeat; background-position: top center; }
.vision .visionBottom .visionBottomWrap {width:1400px; height:100%; margin:0 auto;}
.vision .visionBottom .visionBottomWrap .topTitle {font-size:50px; line-height:110px; font-weight:bold; color:#ffffff; text-align:center; padding: 245px 0px 90px;}
.vision .visionBottom .visionBottomWrap .topTitle:after {display:block;height:0;content:".";font-size:0;visibility:hidden;clear:both;}
.vision .visionBottom .visionBottomWrap .topTitle span {position: relative;}
.vision .visionBottom .visionBottomWrap .topTitle span:after {position: absolute; bottom: 15px; margin: 0px 0 0 5px; vertical-align: middle; display: inline-block; width: 20px; height: 20px; background: #89b929; content: ""; border-radius:20px; }
.vision .visionBottom .visionBottomWrap .content {padding-top: 60px;}
.vision .visionBottom .visionBottomWrap .content .sub {float:left; width:410px; margin-right:83px;}
.vision .visionBottom .visionBottomWrap .content .sub:last-child {margin-right:0px;}
.vision .visionBottom .visionBottomWrap .content .sub .subWrap {width:100%; height: 448px; }
.vision .visionBottom .visionBottomWrap .content .sub .subWrap .thumb {width:410px; height:300px; margin:0 auto; margin-top: -80px;}
.vision .visionBottom .visionBottomWrap .content .sub .subWrap .thumb1 {background:url(../../pages/images/vision_thumb_01.jpg) no-repeat; background-position: center;}
.vision .visionBottom .visionBottomWrap .content .sub .subWrap .thumb2 {background:url(../../pages/images/vision_thumb_02.jpg) no-repeat; background-position: center;}
.vision .visionBottom .visionBottomWrap .content .sub .subWrap .thumb3 {background:url(../../pages/images/vision_thumb_03.jpg) no-repeat; background-position: center;}

.vision .visionBottom .visionBottomWrap .content .sub .subWrap .title {background:#601e1e; text-align:center; font-size:17px; color:#ffffff; line-height: 70px;}

@media all and (max-width:1024px){
	.vision .visionTop {width: 100%; height: 100%;}
	.vision .visionTop .visionTopWrap {width: 100%;}
	.vision .visionTop .visionTopWrap .topTitle {padding: 35px 0px; }
	.vision .visionTop .visionTopWrap .content {padding-bottom: 50px;}
	.vision .visionTop .visionTopWrap .content .sub {float: none; width: 100%; margin-right: 0px;}
	.vision .visionTop .visionTopWrap .content .sub .subWrap {width: 410px; margin: 0 auto;}

	.vision .visionBottom {height: 100%;}
	.vision .visionBottom .visionBottomWrap {width: 100%;}
	.vision .visionBottom .visionBottomWrap .topTitle {padding: 180px 0px 30px;}
	.vision .visionBottom .visionBottomWrap .content .sub {float: none; width: 100%; margin-right: 0px;}
	.vision .visionBottom .visionBottomWrap .content .sub .subWrap {width: 410px; margin: 0 auto; margin-bottom: 30px;}
}

@media all and (max-width:768px){
	.vision .visionTop .visionTopWrap .content .sub .subWrap {width: 100%;}
	.vision .visionBottom .visionBottomWrap .content .sub .subWrap {width: 100%;}
	.vision .visionBottom .visionBottomWrap .content .sub .subWrap .thumb {width: 100%;}
	.vision .visionBottom .visionBottomWrap .topTitle {padding: 100px 0px 30px; font-size: 40px; line-height: 90px;}
	.vision .visionTop .visionTopWrap .topTitle {font-size: 40px; line-height: 90px;}
}


.history {width:100%; height:100%;}
.history .historyTop {width: 100%; height: 660px; max-width:2000px; background:url(../../pages/images/history_bg.jpg) no-repeat; background-position: center; margin:0 auto; padding-top: 200px;}
.history .historyTop .historyTopTitle {font-size:50px; line-height:64px; font-weight:bold; color:#ffffff; text-align:center;}
.history .historyTop .historyTopTitle .topTitleDot1 {font-size:100px; line-height:64px; font-weight:bold; color:#89b929;}
.history .historyTop .historyTopTxt {font-size:20px; color:#ffffff; text-align:center; padding-top: 28px;}

.history .historyBtm {width:100%; height:100%; max-width:1400px; min-height: 1200px; margin:0 auto; position: relative;}
.history .historyBtm .historyBtmLine {width:1px; height:100%; min-height:1200px; background:#dddddd; position: absolute; top: -145px; left: 700px;}
.history .historyBtm .historyBtmLine:before {position: absolute; top: 0px; left:-3px; margin: 0px 0 0 0px; vertical-align: middle; display: inline-block; width: 7px; height: 7px; border-radius:7px; background: #dddddd; content: "";}
.history .historyBtm .historyBtmLine:after {position: absolute; bottom: 0px; left:-3px; margin: 0px 0 0 0px; vertical-align: middle; display: inline-block; width: 7px; height: 7px; border-radius:7px; background: #dddddd; content: "";}
.history .historyBtm .historySub {padding-top: 100px;}
.history .historyBtm .historySub:after {display:block;height:0;content:".";font-size:0;visibility:hidden;clear:both;}

.history .historyBtm .historySub .hisSubLeft00 {float: left; width: 50%; font-size:80px; font-weight:bold; color:#94d218; text-align: right; padding-right: 210px; position: relative;}
.history .historyBtm .historySub .hisSubLeft00:before {position: absolute; bottom: 50px; right: -5px; margin: 0px 0 0 15px; vertical-align: middle; display: inline-block; width: 10px; height: 10px; background: #94d218;  border-radius:10px; content: "";  }
.history .historyBtm .historySub .hisSubLeft00:after {position: absolute; bottom: 55px; margin: 0px 0 0 15px; vertical-align: middle; display: inline-block; width: 185px; height: 2px; background: #94d218; content: "";}
.history .historyBtm .historySub .hisSubRight00 {float: left; width: 50%; padding-left: 70px; padding-top: 15px; position: relative;}
.history .historyBtm .historySub .hisSubRight00:after {position: absolute; top: 62px; left: 8px; margin: 0px 0 0 0px; vertical-align: middle; display: inline-block; width: 39px; height: 2px; background: #94d218; content: "";}
.history .historyBtm .historySub .hisSubRight00 .hisSubRight00Wrap {padding: 30px 0px 0px 0px;}
.history .historyBtm .historySub .hisSubRight00 .hisSubRight00Wrap:after {display:block;height:0;content:".";font-size:0;visibility:hidden;clear:both;}
.history .historyBtm .historySub .hisSubRight00 .hisSubRight00Wrap .hsrMonth {float:left; width:10%; font-size:20px; letter-spacing:-0.05rem; font-weight:bold; color:#94d218; position: relative;}
.history .historyBtm .historySub .hisSubRight00 .hisSubRight00Wrap .hsrMonth span {position: relative;}
.history .historyBtm .historySub .hisSubRight00 .hisSubRight00Wrap .hsrMonth span:after {position: absolute; bottom: -6px; left:0px; margin: 0px 0 0 0px; vertical-align: middle; display: inline-block; width: 100%; height: 1px; background: #94d218; content: "";}
.history .historyBtm .historySub .hisSubRight00 .hisSubRight00Wrap .hsrTxt {float:left; width:90%; font-size:17px; line-height: 30px; color:#777777; padding-left: 35px; word-break: keep-all;}

.history .historyBtm .historySub .hisSubLeft0 {float: right; width: 50%; font-size:80px; font-weight:bold; color:#8bc31c; text-align: left; padding-left: 210px; position: relative;}
.history .historyBtm .historySub .hisSubLeft0:before {position: absolute; bottom: 50px; left: -5px; margin: 0px 0 0 0px; vertical-align: middle; display: inline-block; width: 10px; height: 10px; background: #8bc31c;  border-radius:10px; content: "";  }
.history .historyBtm .historySub .hisSubLeft0:after {position: absolute; bottom: 55px; margin: 0px 0 0 -390px; vertical-align: middle; display: inline-block; width: 185px; height: 2px; background: #8bc31c; content: "";}
.history .historyBtm .historySub .hisSubRight0 {float: right; width: 50%; padding-right: 70px; padding-top: 15px; position: relative;}
.history .historyBtm .historySub .hisSubRight0:after {position: absolute; top: 62px; right: 8px; margin: 0px 0 0 0px; vertical-align: middle; display: inline-block; width: 39px; height: 2px; background: #8bc31c; content: "";}
.history .historyBtm .historySub .hisSubRight0 .hisSubRight0Wrap {padding: 30px 0px 0px 0px;}
.history .historyBtm .historySub .hisSubRight0 .hisSubRight0Wrap:after {display:block;height:0;content:".";font-size:0;visibility:hidden;clear:both;}
.history .historyBtm .historySub .hisSubRight0 .hisSubRight0Wrap .hsrMonth {float:right; font-size:20px; width:10%; letter-spacing:-0.05rem; font-weight:bold; color:#8bc31c; position: relative;}
.history .historyBtm .historySub .hisSubRight0 .hisSubRight0Wrap .hsrMonth span {position: relative;}
.history .historyBtm .historySub .hisSubRight0 .hisSubRight0Wrap .hsrMonth span:after {position: absolute; bottom: -6px; left:0px; margin: 0px 0 0 0px; vertical-align: middle; display: inline-block; width: 100%; height: 1px; background: #5f7932; content: "";}
.history .historyBtm .historySub .hisSubRight0 .hisSubRight0Wrap .hsrTxt {float:right; width:90%; font-size:17px; line-height: 30px; color:#777777; padding-right: 35px; text-align:right; word-break: keep-all;}

.history .historyBtm .historySub .hisSubLeft1 {float: left; width: 50%; font-size:80px; font-weight:bold; color:#799f2d; text-align: right; padding-right: 210px; position: relative;}
.history .historyBtm .historySub .hisSubLeft1:before {position: absolute; bottom: 50px; right: -5px; margin: 0px 0 0 15px; vertical-align: middle; display: inline-block; width: 10px; height: 10px; background: #799f2d;  border-radius:10px; content: "";  }
.history .historyBtm .historySub .hisSubLeft1:after {position: absolute; bottom: 55px; margin: 0px 0 0 15px; vertical-align: middle; display: inline-block; width: 185px; height: 2px; background: #799f2d; content: "";}
.history .historyBtm .historySub .hisSubRight1 {float: left; width: 50%; padding-left: 70px; padding-top: 15px; position: relative;}
.history .historyBtm .historySub .hisSubRight1:after {position: absolute; bottom: 71px; left: 8px; margin: 0px 0 0 0px; vertical-align: middle; display: inline-block; width: 39px; height: 2px; background: #799f2d; content: "";}
.history .historyBtm .historySub .hisSubRight1 .hisSubRight1Wrap {padding: 30px 0px 0px 0px;}
.history .historyBtm .historySub .hisSubRight1 .hisSubRight1Wrap:after {display:block;height:0;content:".";font-size:0;visibility:hidden;clear:both;}
.history .historyBtm .historySub .hisSubRight1 .hisSubRight1Wrap .hsrMonth {float:left; width:10%; font-size:20px; letter-spacing:-0.05rem; font-weight:bold; color:#799f2d; position: relative;}
.history .historyBtm .historySub .hisSubRight1 .hisSubRight1Wrap .hsrMonth span {position: relative;}
.history .historyBtm .historySub .hisSubRight1 .hisSubRight1Wrap .hsrMonth span:after {position: absolute; bottom: -6px; left:0px; margin: 0px 0 0 0px; vertical-align: middle; display: inline-block; width: 100%; height: 1px; background: #799f2d; content: "";}
.history .historyBtm .historySub .hisSubRight1 .hisSubRight1Wrap .hsrTxt {float:left; width:90%; font-size:17px; line-height: 30px; color:#777777; padding-left: 35px; word-break: keep-all;}


.history .historyBtm .historySub .hisSubLeft2 {float: right; width: 50%; font-size:80px; font-weight:bold; color:#5f7932; text-align: left; padding-left: 210px; position: relative;}
.history .historyBtm .historySub .hisSubLeft2:before {position: absolute; bottom: 50px; left: -5px; margin: 0px 0 0 0px; vertical-align: middle; display: inline-block; width: 10px; height: 10px; background: #5f7932;  border-radius:10px; content: "";  }
.history .historyBtm .historySub .hisSubLeft2:after {position: absolute; bottom: 55px; margin: 0px 0 0 -390px; vertical-align: middle; display: inline-block; width: 185px; height: 2px; background: #5f7932; content: "";}
.history .historyBtm .historySub .hisSubRight2 {float: right; width: 50%; padding-right: 70px; padding-top: 15px; position: relative;}
.history .historyBtm .historySub .hisSubRight2:after {position: absolute; top: 62px; right: 8px; margin: 0px 0 0 0px; vertical-align: middle; display: inline-block; width: 39px; height: 2px; background: #5f7932; content: "";}
.history .historyBtm .historySub .hisSubRight2 .hisSubRight2Wrap {padding: 30px 0px 0px 0px;}
.history .historyBtm .historySub .hisSubRight2 .hisSubRight2Wrap:after {display:block;height:0;content:".";font-size:0;visibility:hidden;clear:both;}
.history .historyBtm .historySub .hisSubRight2 .hisSubRight2Wrap .hsrMonth {float:right; font-size:20px; width:10%; letter-spacing:-0.05rem; font-weight:bold; color:#5f7932; position: relative;}
.history .historyBtm .historySub .hisSubRight2 .hisSubRight2Wrap .hsrMonth span {position: relative;}
.history .historyBtm .historySub .hisSubRight2 .hisSubRight2Wrap .hsrMonth span:after {position: absolute; bottom: -6px; left:0px; margin: 0px 0 0 0px; vertical-align: middle; display: inline-block; width: 100%; height: 1px; background: #5f7932; content: "";}
.history .historyBtm .historySub .hisSubRight2 .hisSubRight2Wrap .hsrTxt {float:right; width:90%; font-size:17px; line-height: 30px; color:#777777; padding-right: 35px; text-align:right; word-break: keep-all;}


.history .historyBtm .historySub .hisSubLeft3 {float: left; width: 50%; font-size:80px; font-weight:bold; color:#414f26; text-align: right; padding-right: 210px; position: relative;}
.history .historyBtm .historySub .hisSubLeft3:before {position: absolute; bottom: 50px; right: -5px; margin: 0px 0 0 15px; vertical-align: middle; display: inline-block; width: 10px; height: 10px; background: #414f26;  border-radius:10px; content: "";  }
.history .historyBtm .historySub .hisSubLeft3:after {position: absolute; bottom: 55px; margin: 0px 0 0 15px; vertical-align: middle; display: inline-block; width: 185px; height: 2px; background: #414f26; content: "";}
.history .historyBtm .historySub .hisSubRight3 {float: left; width: 50%; padding-left: 70px; padding-top: 15px; position: relative;}
.history .historyBtm .historySub .hisSubRight3:after {position: absolute; top: 63px; left: 8px; margin: 0px 0 0 0px; vertical-align: middle; display: inline-block; width: 39px; height: 2px; background: #414f26; content: "";}
.history .historyBtm .historySub .hisSubRight3 .hisSubRight3Wrap {padding: 30px 0px 0px 0px;}
.history .historyBtm .historySub .hisSubRight3 .hisSubRight3Wrap:after {display:block;height:0;content:".";font-size:0;visibility:hidden;clear:both;}
.history .historyBtm .historySub .hisSubRight3 .hisSubRight3Wrap .hsrMonth {float:left; width:10%; font-size:20px; letter-spacing:-0.05rem; font-weight:bold; color:#414f26; }
.history .historyBtm .historySub .hisSubRight3 .hisSubRight3Wrap .hsrMonth span {position: relative;}
.history .historyBtm .historySub .hisSubRight3 .hisSubRight3Wrap .hsrMonth span:after {position: absolute; bottom: -6px; left: 0px; margin: 0px 0 0 0px; vertical-align: middle; display: inline-block; width: 100%; height: 1px; background: #414f26; content: "";}
.history .historyBtm .historySub .hisSubRight3 .hisSubRight3Wrap .hsrTxt {float:left; width:90%; font-size:17px; line-height: 30px; color:#777777; padding-left: 35px; word-break: keep-all;}
.history .historyBtm .historySub .hisSubRight3 .hisSubRight3Wrap .hsrTxt:after {display:block;height:0;content:".";font-size:0;visibility:hidden;clear:both;}


@media all and (max-width:1024px){
	.history .historyTop {height: 360px; padding-top: 80px;}
	.history .historyBtm .historyBtmLine {left: 50px; min-height: 100%;}

	.history .historyBtm .historySub .hisSubLeft0 {float: none; width: 100%; padding-left: 250px;}
	.history .historyBtm .historySub .hisSubLeft0:before {left: 45px;}
	.history .historyBtm .historySub .hisSubLeft0:after {left: 60px; margin: 0 0 0 0; width: 150px;}
	.history .historyBtm .historySub .hisSubRight0 {float: none; width: 100%; padding-left: 150px;}
	.history .historyBtm .historySub .hisSubRight0 .hisSubRight0Wrap .hsrMonth {float: left;}
	.history .historyBtm .historySub .hisSubRight0 .hisSubRight0Wrap .hsrTxt {float: left; text-align: left; padding-left: 35px;}
	.history .historyBtm .historySub .hisSubRight0:after {width: 0px;}

	.history .historyBtm .historySub .hisSubLeft1 {float: none; width: 100%; text-align: left; padding-right: 0px; padding-left: 250px;}
	.history .historyBtm .historySub .hisSubLeft1:before {left: 30px;}
	.history .historyBtm .historySub .hisSubLeft1:after {left: 45px; width: 150px;}
	.history .historyBtm .historySub .hisSubRight1 {float: none; width: 100%; padding-left: 150px;}
	.history .historyBtm .historySub .hisSubRight1:after {width: 0px;}

	.history .historyBtm .historySub .hisSubLeft2 {float: none; width: 100%; padding-left: 250px;}
	.history .historyBtm .historySub .hisSubLeft2:before {left: 45px;}
	.history .historyBtm .historySub .hisSubLeft2:after {left: 60px; margin: 0 0 0 0; width: 150px;}
	.history .historyBtm .historySub .hisSubRight2 {float: none; width: 100%; padding-left: 150px;}
	.history .historyBtm .historySub .hisSubRight2 .hisSubRight2Wrap .hsrMonth {float: left;}
	.history .historyBtm .historySub .hisSubRight2 .hisSubRight2Wrap .hsrTxt {float: left; text-align: left; padding-left: 35px;}
	.history .historyBtm .historySub .hisSubRight2:after {width: 0px;}

	.history .historyBtm .historySub .hisSubLeft3 {float: none; width: 100%; text-align: left; padding-right: 0px; padding-left: 250px;}
	.history .historyBtm .historySub .hisSubLeft3:before {left: 30px;}
	.history .historyBtm .historySub .hisSubLeft3:after {left: 45px; width: 150px;}
	.history .historyBtm .historySub .hisSubRight3 {float: none; width: 100%; padding-left: 150px;}
	.history .historyBtm .historySub .hisSubRight3:after {width: 0px;}
}


@media all and (max-width:768px){
	.history .historyTop {height: 300px;}
	.history .historyTop .historyTopTitle {font-size: 40px; line-height: 44px;}
	.history .historyTop .historyTopTitle .topTitleDot1 {font-size: 50px; line-height: 44px;}
	.history .historyBtm .historySub {padding-top: 50px;}
	.history .historyBtm .historyBtmLine {display: none;}
	
	.history .historyBtm .historySub .hisSubLeft0 {padding-left: 0px; font-size: 40px; padding-left: 60px;}
	.history .historyBtm .historySub .hisSubLeft0:before {left: 0px; margin: 0 0 0 0; bottom: 21px;}
	.history .historyBtm .historySub .hisSubLeft0:after {left: -3px; width: 30px; bottom: 25px;}
	.history .historyBtm .historySub .hisSubRight0 {padding-left: 10px;}
	.history .historyBtm .historySub .hisSubRight0 .hisSubRight1Wrap .hsrTxt {padding-left: 0px;}
	

	.history .historyBtm .historySub .hisSubLeft1 {padding-left: 0px; font-size: 40px; padding-left: 60px;}
	.history .historyBtm .historySub .hisSubLeft1:before {left: 0px; margin: 0 0 0 0; bottom: 21px;}
	.history .historyBtm .historySub .hisSubLeft1:after {left: -3px; width: 30px; bottom: 25px;}
	.history .historyBtm .historySub .hisSubRight1 {padding-left: 10px;}
	.history .historyBtm .historySub .hisSubRight1 .hisSubRight1Wrap .hsrTxt {padding-left: 0px;}

	.history .historyBtm .historySub .hisSubLeft2 {padding-left: 0px; font-size: 40px; padding-left: 60px;}
	.history .historyBtm .historySub .hisSubLeft2:before {left: 0px; margin: 0 0 0 0; bottom: 21px;}
	.history .historyBtm .historySub .hisSubLeft2:after {left: 12px; width: 30px; bottom: 25px;}
	.history .historyBtm .historySub .hisSubRight2 {padding-left: 10px; padding-right: 0px;}
	.history .historyBtm .historySub .hisSubRight2 .hisSubRight2Wrap .hsrTxt {padding-left: 0px;}

	.history .historyBtm .historySub .hisSubLeft3 {padding-left: 0px; font-size: 40px; padding-left: 60px;}
	.history .historyBtm .historySub .hisSubLeft3:before {left: 0px; margin: 0 0 0 0; bottom: 21px;}
	.history .historyBtm .historySub .hisSubLeft3:after {left: -3px; width: 30px; bottom: 25px;}
	.history .historyBtm .historySub .hisSubRight3 {padding-left: 10px;}
	.history .historyBtm .historySub .hisSubRight3 .hisSubRight3Wrap .hsrTxt {padding-left: 0px;}
}

.organization {width:1400px; margin:0 auto; background:#eff0ef; text-align: center; padding: 150px 30px;}
.organization img {max-width:100%}


@media all and (max-width:1024px){
	.organization {width:100%;}
}

/*	특허및인증*/
.cert {width:100%; height:100%;}
.cert .certWrap {/*width:100%; height:100%; padding-top: 100px; border-top:solid 1px #dddddd;*/}
.cert .certWrap:first-child {border-top:0 none;}
.cert .certWrap:after {display:block;height:0;content:".";font-size:0;visibility:hidden;clear:both;}
.cert .certWrap .sub {float:left; width:382px; height:531px; margin-right:127px; margin-bottom: 100px;}
.cert .certWrap .sub:nth-child(3n) {margin-right:0px;}
.cert .certWrap .sub .subWrap {border:solid 1px #dddddd; position: relative;}
.cert .certWrap .sub .subWrap img {max-width:100%;}
.cert .certWrap .sub .subWrap .certBtn {width:30px; height:30px; background: url(../../pages/images/btn_cert1.jpg) no-repeat; position: absolute; top: 0px; right: 0px;}
.cert .certWrap .sub .subWrap1 {width:100%; height:100%; background:#eff0ef; border:solid 1px #eff0ef; padding:65px 60px;}
.cert .certWrap .sub .subWrap1 .certTitle {font-size:26px; line-height:44px; letter-spacing:-0.025rem; color:#604c40; font-weight:bold;}
.cert .certWrap .sub .subWrap1 .certTxt {font-size:17px; line-height:30px; letter-spacing:-0.05rem; color:#777777; word-break: keep-all; padding-top: 20px;}
.cert .certWrap .sub .subWrap1 .certTxt span {font-weight:500; color:#601e1e; }


@media all and (max-width:1024px){
	.cert .certWrap .sub:nth-child(3n) {margin-right:127px;}
	.cert .certWrap .sub:nth-child(2n) {margin-right:0px;}
}
@media all and (max-width:928px){
	.cert .certWrap .sub:nth-child(3n) {margin-right:0px;}
	.cert .certWrap .sub:nth-child(2n) {margin-right:0px;}
	.cert .certWrap .sub {margin: 0 auto !important; float: none; height: 100%; width: 100%;}
	.cert .certWrap .sub .subWrap {margin-bottom:50px; text-align: center;}
	.cert .certWrap .sub .subWrap1 {padding:35px 30px;}
	.cert .certWrap .sub .subWrap:after {display:block;height:0;content:".";font-size:0;visibility:hidden;clear:both;}
}

/*	오시는길*/
.location {width:1400px; height:100%; position: relative; margin:0 auto;}
.location .location_map {margin-bottom: 20px;}

.location .locContent {width: 1400px; height: 280px; background: #601e1e; position: relative; margin:0 auto; z-index: 1; padding: 55px;}
.location .locContent .locContent_left {float:left; width:480px; height:100%; position: relative; padding: 50px 0px 0px 100px;}
.location .locContent .locContent_left:after {content : ""; position: absolute; right: 0; bottom: 0; height: 165px; width: 1px; border-right:1px solid #804b4b;}

.location .locContent2 {width: 1400px; height: 230px; background: #601e1e; position: relative; margin:0 auto; z-index: 1; padding: 55px;}
.location .locContent2 .locContent_left {float:left; width:480px; height:100%; position: relative; padding: 5px 0px 0px 100px;}
.location .locContent2 .locContent_left:after {content : ""; position: absolute; right: 0; bottom: 0; height: 110px; width: 1px; border-right:1px solid #804b4b;}


.location .locContent .locContent_right {float:left; width:810px; height:100%;}
.location .locContent .locContent_right .sub {font-size:17px; line-height:40px; color:#ffffff; }
.location .locContent .locContent_right .sub:after {display:block;height:0;content:".";font-size:0;visibility:hidden;clear:both;}
.location .locContent .locContent_right .sub .left {float:left; width: 25%; padding-left: 95px;}
.location .locContent .locContent_right .sub .right {float:left; width: 75%; word-break: keep-all;}
.location .locationTitle {font-size:30px; color:#333333; word-break: keep-all;}
.location .locationTitle:after {display:block;height:0;content:".";font-size:0;visibility:hidden;clear:both;}
.location .locationTitle .s_title2 {position: relative;}
.location .locationTitle .s_title2:after {content : ""; position: absolute; left: 5px; bottom: 8px; height: 20px; width: 20px; border-radius:20px; background:#89b929;}

@media all and (max-width:2000px){
	.location {width:100%;}
	.location .location_map {width:100% !important;}
}

@media all and (max-width:1024px){
	.location .location_map {margin-bottom: 50px;}
	.location .locContent {width: 100%; height: 400px; position: relative; bottom: 0px; left: 0; margin-left: 0;}
	.location .locContent .locContent_left {float: none; width: 100%; height: auto; position: relative; padding: 0px; text-align: center; }
	.location .locContent .locContent_left:after {width:0px; height:0px;}
	.location .locContent .locContent_right {float: none; width: 100%; height: auto; padding-top: 50px;}

	.location .locContent2 {width: 100%; height: 260px; position: relative; bottom: 0px; left: 0; margin-left: 0;padding: 45px 55px 55px 55px;}
	.location .locContent2 .locContent_left {float: none; width: 100%; height: auto; position: relative; padding: 0px; text-align: center; }
	.location .locContent2 .locContent_left:after {width:0px; height:0px;}
	.location .locContent2 .locContent_right {float: none; width: 100%; height: auto; padding-top: 30px;}
}
@media all and (max-width:768px){
	.location .location_map {height: 250px;}
	.location .locContent {padding: 40px 20px;}
	.location .locContent .locContent_right .sub .left {padding-left: 10px;}
	.location .locContent .locContent_right .sub .right {padding-left: 10px;}
}


.product {width:2000px; height:100%; margin:0 auto;}
.product .productWrap {width:100%; height:100%;}
.product .productWrap1 {/*background:#eff0ef; padding-bottom: 150px;*/}


.product .productWrap .productWrap_inner {width:1400px; margin:0 auto; padding-top: 0px;}
.product .productWrap .productWrap_inner:after {display:block;height:0;content:".";font-size:0;visibility:hidden;clear:both;}
.product .productWrap .productWrap_inner .productTitle {font-size:30px; color:#333333; word-break: keep-all;}
.product .productWrap .productWrap_inner .productTitle:after {display:block;height:0;content:".";font-size:0;visibility:hidden;clear:both;}
.product .productWrap .productWrap_inner .productTitle .s_title1 {font-size:40px; font-weight:bold;}
.product .productWrap .productWrap_inner .productTitle .s_title1_white {color:#ffffff;}
.product .productWrap .productWrap_inner .productTitle .s_title2 {position: relative;}
.product .productWrap .productWrap_inner .productTitle .s_title2:after {content : ""; position: absolute; left: 5px; bottom: 8px; height: 20px; width: 20px; border-radius:20px; background:#89b929;}
.product .productWrap .productWrap_inner .productTxt {font-size:17px; color:#777777; padding-top: 15px; padding-bottom: 65px; word-break: keep-all;}

.product .productWrap1 .productWrap_inner .productContent {width:100%; height:100%; margin: 40px 0px;}
.product .productWrap1 .productWrap_inner .productContent:after {display:block;height:0;content:".";font-size:0;visibility:hidden;clear:both;}
.product .productWrap1 .productWrap_inner .productContent .sub {float:left; margin-right:20px;}
.product .productWrap1 .productWrap_inner .productContent .sub:last-child {margin-right:0px;}
.product .productWrap1 .productWrap_inner .productContent .sub .subWrap {width:333px; height:477px; background:#ffffff; border:solid 1px #dddddd; padding: 50px 40px}
.product .productWrap1 .productWrap_inner .productContent .sub .subWrap .thumb {width:100%; height:130px; }
.product .productWrap1 .productWrap_inner .productContent .sub .subWrap .thumb1 {background: url(../../pages/images/product_1_01.png) no-repeat; background-position: center center;}
.product .productWrap1 .productWrap_inner .productContent .sub .subWrap .thumb2 {background: url(../../pages/images/product_1_02.png) no-repeat; background-position: center center;}
.product .productWrap1 .productWrap_inner .productContent .sub .subWrap .thumb3 {background: url(../../pages/images/product_1_03.png) no-repeat; background-position: center center;}
.product .productWrap1 .productWrap_inner .productContent .sub .subWrap .thumb4 {background: url(../../pages/images/product_1_04.png) no-repeat; background-position: center center;}
.product .productWrap1 .productWrap_inner .productContent .sub .subWrap .title {font-size:24px; color:#333333; font-weight:bold; text-align:center; position: relative; line-height: 70px; margin-bottom: 10px;}
.product .productWrap1 .productWrap_inner .productContent .sub .subWrap .title:after {content : ""; position: absolute; left: 50%; margin-left:-23px; bottom: -10px; height: 2px; width: 46px; border-bottom:2px solid #89b929; }
.product .productWrap1 .productWrap_inner .productContent .sub .subWrap .txt {font-size:17px; line-height:34px; color:#777777; word-break: keep-all; padding-top: 20px;}
.product .productWrap1 .productWrap_inner .productContent .sub .subWrap .txt ul {padding-left: 12px; letter-spacing: -0.045rem;}
.product .productWrap1 .productWrap_inner .productContent .sub .subWrap .txt ul li {position: relative;}
.product .productWrap1 .productWrap_inner .productContent .sub .subWrap .txt ul li:before {position: absolute; top: 8px; margin: 8px 0 0 -12px; vertical-align: middle; display: inline-block; width: 4px; height: 1px; background: #777777; content: ""; }

@media all and (max-width:2000px){
	.product {width:100%;}
}

@media all and (max-width:1024px){
	.product .productWrap1 {padding-bottom: 0px;}
	.product .productWrap1 .productWrap_inner {width:100%;}
	.product .productWrap1 .productWrap_inner .productContent .sub {margin-right: 0px; width: 50%;}
	.product .productWrap1 .productWrap_inner .productContent .sub .subWrap {margin: 0 auto; margin-bottom: 50px; }
	.product .productWrap1 .productWrap_inner .productTitle {padding-left: 50px;}

}

@media all and (max-width:768px){
	.product .productWrap1 .productWrap_inner .productContent .sub {float: none; width: 100%;}
	.product .productWrap1 .productWrap_inner .productContent .sub .subWrap {width: 90%; height: 100%;}
}

.product .productWrap2 {/*padding: 77px 0px 150px;*/}
.product .productWrap2 .productContent {position: relative;}
.product .productWrap2 .productContent .productBg {text-align: center;}
.product .productWrap2 .productContent .productBg img {max-width:100%;}
.product .productWrap2 .productContent .productSub {position: absolute;}
.product .productWrap2 .productContent .productSub:after {display:block;height:0;content:".";font-size:0;visibility:hidden;clear:both;}
.product .productWrap2 .productContent .productSub1 {top: 100px; left: 50px;}
.product .productWrap2 .productContent .productSub2 {top: 256px; left: 18px;}
.product .productWrap2 .productContent .productSub3 {top: 400px; left: 18px;}
.product .productWrap2 .productContent .productSub4 {top: 550px; left: 80px;}
.product .productWrap2 .productContent .productSub5 {top: 100px; right: 30px;}
.product .productWrap2 .productContent .productSub6 {top: 256px; right: 10px;}
.product .productWrap2 .productContent .productSub7 {top: 400px; right: 45px;}
.product .productWrap2 .productContent .productSub8 {top: 550px; right: 59px;}


.product .productWrap2 .productContent .productSub_left {}
.product .productWrap2 .productContent .productSub_left .thumb {float:right; padding-left: 25px;}
.product .productWrap2 .productContent .productSub_left .content {float:right; text-align:right}
.product .productWrap2 .productContent .productSub_left .content .title {font-size:24px; font-weight:bold; color:#333333;}
.product .productWrap2 .productContent .productSub_left .content .txt {font-size:17px; color:#777777; padding-top: 5px;}

.product .productWrap2 .productContent .productSub_right {}
.product .productWrap2 .productContent .productSub_right .thumb {float:left; padding-right: 25px;}
.product .productWrap2 .productContent .productSub_right .content {float:left; text-align:left}
.product .productWrap2 .productContent .productSub_right .content .title {font-size:24px; font-weight:bold; color:#333333;}
.product .productWrap2 .productContent .productSub_right .content .txt {font-size:17px; color:#777777; padding-top: 5px;}

@media all and (max-width:1024px){
	.product .productWrap .productWrap_inner {width: 100%}
	.product .productWrap2 .productContent .productSub {position: relative; padding: 10px 0px;}
	.product .productWrap2 .productContent .productSub_left .thumb {float: left; padding-right: 25px;}
	.product .productWrap2 .productContent .productSub_left .content {float: left; text-align: left; }
	.product .productWrap2 .productContent .productSub_right .thumb {float: left; padding-left: 25px;}
	.product .productWrap2 .productContent .productSub_right .content {float: left; text-align: left; }
	.product .productWrap2 .productContent .productSub1 {top: 0px; left: 0px;}
	.product .productWrap2 .productContent .productSub2 {top: 0px; left: 0px;}
	.product .productWrap2 .productContent .productSub3 {top: 0px; left: 0px;}
	.product .productWrap2 .productContent .productSub4 {top: 0px; left: 0px;}
	.product .productWrap2 .productContent .productSub5 {top: 0px; right: 0px;}
	.product .productWrap2 .productContent .productSub6 {top: 0px; right: 0px;}
	.product .productWrap2 .productContent .productSub7 {top: 0px; right: 0px;}
	.product .productWrap2 .productContent .productSub8 {top: 0px; right: 0px;}
	.product .productWrap2 .productContent .productBg img {max-width:50%;}
}

@media all and (max-width:1024px){
	.product .productWrap2 .productContent .productBg img {max-width:70%;}

	.product .productWrap2 .productContent .productSub_left .thumb {width: 20%; padding-right: 0px; padding-left: 0px; }
	.product .productWrap2 .productContent .productSub_left .thumb img {max-width:90%;}
	.product .productWrap2 .productContent .productSub_left .content {width: 80%;}

	.product .productWrap2 .productContent .productSub_right .thumb {width: 20%; padding-right: 0px; padding-left: 0px; }
	.product .productWrap2 .productContent .productSub_right .thumb img {max-width:90%;}
	.product .productWrap2 .productContent .productSub_right .content {width: 80%;}
}


.product .productWrap3 {/*background:#141d29;*/}
.product .productWrap3 .productWrap3_sub {float:left; width:50%; padding: 0; word-break: keep-all;}
.product .productWrap3 .productWrap3_sub:first-child {text-align:center;}
.product .productWrap3 .productWrap3_sub:last-child {padding-left:100px;}
.product .productWrap3 .productWrap3_sub img {max-width:100%; }
.product .productWrap3 .productWrap3_sub .productWrap3_content {}
.product .productWrap3 .productWrap3_sub .productWrap3_content ul {padding-top: 30px;}
.product .productWrap3 .productWrap3_sub .productWrap3_content ul li {position: relative; font-size:17px; line-height:32px; color:#777777; padding: 10px 0px 10px 50px;}
.product .productWrap3 .productWrap3_sub .productWrap3_content ul li:before {position: absolute; top: 20px; margin: 0px 0 0 -50px; vertical-align: middle; display: inline-block; width: 14px; height: 14px; background: url(../../pages/images/dot_01.png) no-repeat; background-position: center center; content: ""; z-index: 1; }
.product .productWrap3 .productWrap3_sub .productWrap3_content ul li:after {content : ""; position: absolute; left: 6px; top: 30px; height: 100%; width: 1px; border-left:1px solid #414f26; }
.product .productWrap3 .productWrap3_sub .productWrap3_content ul li:last-child:after {width:0px; height:0px;}

@media all and (max-width:1024px){
	.product .productWrap3 .productWrap3_sub {float: none; width: 100%; padding: 20px 0px 30px; }
	.product .productWrap3 .productWrap3_sub img {max-width: 90%;}
}
@media all and (max-width:768px){
	.product .productWrap3 .productWrap3_sub:last-child {padding: 0px 10px 0px;}
}

.product .productWrap4 {/*background:#eff0ef; padding: 70px 0px 70px;*/}
.product .productWrap4 .productWrap4Wrap {width:100%; height:100%;}
.product .productWrap4 .productWrap4Wrap .sub {float:left;  margin-right:80px; margin-bottom: 80px;}
.product .productWrap4 .productWrap4Wrap .sub:nth-child(3n) {margin-right:0px;}
.product .productWrap4 .productWrap4Wrap .sub .subWrap {width:410px;}
.product .productWrap4 .productWrap4Wrap .sub .subWrap .thumb {text-align: center;}
.product .productWrap4 .productWrap4Wrap .sub .subWrap .thumb img {max-width:100%;}
.product .productWrap4 .productWrap4Wrap .sub .subWrap .title {width:100%; height:69px; background:#141d29; font-size:17px; line-height:69px; color:#ffffff; text-align:center;}
.product .productWrap4 .productWrap4Wrap .sub .subWrap .title_co {background:#601e1e;}


@media all and (max-width:1024px){
	.product .productWrap4 .productWrap4Wrap .sub {width: 50%; margin-right: 0px; }
	.product .productWrap4 .productWrap4Wrap .sub .subWrap {margin: 0 auto;}
}

@media all and (max-width:768px){
	.product .productWrap4 .productWrap4Wrap .sub {width: 100%; float: none; }
	.product .productWrap4 .productWrap4Wrap .sub .subWrap {width: 100%;}

}


.product .productWrap5 {/*width:100%; height:100%; padding: 125px 0px 200px*/}
.product .productWrap5 .productWrap5Wrap {/*width:100%; height:100%; padding-top: 60px;*/}
.product .productWrap5 .productWrap5Wrap .sub {float:left; margin-right:35px;}
.product .productWrap5 .productWrap5Wrap .sub:last-child {margin-right:0px;}
.product .productWrap5 .productWrap5Wrap .sub .subWrap {width:204px; height:204px; background: url(../../pages/images/circle_01.png) no-repeat; background-position: center center; text-align:center; font-size:24px; line-height:38px; font-weight:500; color:#333333; word-break: keep-all; padding-top: 62px;}

@media all and (max-width:1024px){
	.product .productWrap5 .productWrap5Wrap .sub {width: 33.33%; margin-right: 0px; }
	.product .productWrap5 .productWrap5Wrap .sub .subWrap {margin: 0 auto; margin-bottom: 30px;}
}

@media all and (max-width:768px){
	.product .productWrap5 .productWrap5Wrap .sub {width: 100%;}
}

.product .productWrap6 {width:100%; height:100%; background:#eff0ef; padding: 145px 0px 170px;}
.product .productWrap6 .productWrap6_inner {padding-top: 25px;}
.product .productWrap6 .productWrap6Wrap {width:100%; height:100%; position: relative;}

.product .productWrap6 .productWrap6Wrap:before {content : ""; position: absolute; left: 0; top: 0; height: 1px; width: 100%; border-top:1px solid #000000;}
.product .productWrap6 .productWrap6Wrap {margin-top: 80px;}
.product .productWrap6 .productWrap6Wrap .sub {float:left; width:25%; position: relative;}
.product .productWrap6 .productWrap6Wrap .sub:before {position: absolute; top: -32px; margin: 0px 0 0 0px; vertical-align: middle; display: inline-block; width: 14px; height: 14px; background: url(../../pages/images/dot_02.png) no-repeat; background-position: center center; content: ""; z-index: 1; }
.product .productWrap6 .productWrap6Wrap .sub .subWrap {font-size:17px; line-height:32px; color:#777777; padding-right: 120px; word-break: keep-all;}
.product .productWrap6 .productWrap6Wrap .sub .subWrap span {font-weight:500; color:#604c40;}

@media all and (max-width:1024px){
	.product .productWrap6 {padding: 100px 20px 110px;}
	.product .productWrap6 .productWrap6Wrap .sub .subWrap {padding-right: 50px;}
}

@media all and (max-width:768px){
	.product .productWrap6 {padding: 50px 20px 50px;}
	.product .productWrap6 .productWrap6Wrap:before {content: ""; position: absolute; left: 0; top: 0; height: 100%; width: 1px; border-left: 1px solid #000000;}
	.product .productWrap6 .productWrap6Wrap .sub {float: none; width: 100%;}
	.product .productWrap6 .productWrap6Wrap .sub .subWrap {padding-right: 0px; padding-left: 30px;}
	.product .productWrap6 .productWrap6_inner {padding-top: 0px;}
	.product .productWrap6 .productWrap6Wrap .sub:before {top: 0px; margin: 0px 0 0 -7px;}

}

.product .productWrap7 {/*width:100%; height:100%; padding: 80px 0px 150px;*/}
.product .productWrap7 .productWrap7Wrap {/*width:100%; height:100%; padding-top: 40px;*/}
.product .productWrap7 .productWrap7Wrap .tb_pro7 {width:100%; clear:both; border-collapse:collapse; border-top:2px solid #000;  border-bottom:#dbdbdb 1px solid;  margin:0;}
.product .productWrap7 .productWrap7Wrap .tb_pro7 th{color:#333333; line-height:60px; font-size:16px; text-align:center;  padding:10px 20px; border-bottom:#dddddd 1px solid; background:#eff0ef; word-break: keep-all;}
.product .productWrap7 .productWrap7Wrap .tb_pro7 th:nth-child(1) {width:30%}
.product .productWrap7 .productWrap7Wrap .tb_pro7 th:nth-child(2) {width:35%; background:#799f2d; color:#ffffff;}
.product .productWrap7 .productWrap7Wrap .tb_pro7 th:nth-child(3) {width:35%}
.product .productWrap7 .productWrap7Wrap .tb_pro7 td{color:#777777; line-height:30px; font-size:16px; text-align:center; padding:14px 20px; border-bottom:#dddddd 1px solid; word-break: keep-all;}
.product .productWrap7 .productWrap7Wrap .tb_pro7 td:nth-child(2) {border-left:solid 2px #799f2d; border-right:solid 2px #799f2d;}
.product .productWrap7 .productWrap7Wrap .tb_pro7 td.line_gr {border-bottom:solid 2px #799f2d;}

@media all and (max-width:768px){
	.product .productWrap7 .productWrap7Wrap .tb_pro7 td {padding: 10px 0px;}
	.product .productWrap7 .productWrap7Wrap .tb_pro7 th:nth-child(1) {width:20%}
	.product .productWrap7 .productWrap7Wrap .tb_pro7 th:nth-child(2) {width:40%;}
	.product .productWrap7 .productWrap7Wrap .tb_pro7 th:nth-child(3) {width:40%}
}

.product .productWrap8 {/*width:100%; height:100%; background:#141d29; padding: 80px 0px 150px;*/}
.product .productWrap8 .productWrap8Wrap {/*padding-top: 40px;*/}
.product .productWrap8 .productWrap8Wrap .sub {float:left; margin-right:23px}
.product .productWrap8 .productWrap8Wrap .sub:last-child {margin-right:0px;}
.product .productWrap8 .productWrap8Wrap .sub .subWrap {width: 450px; background: #ffffff; height: 730px;}
.product .productWrap8 .productWrap8Wrap .sub .subWrap .title {height:70px; line-height:70px; text-align:center; background:#604c40; font-size:20px; color:#ffffff;}
.product .productWrap8 .productWrap8Wrap .sub .subWrap .thumb { padding: 35px; text-align: center; border:1px #ddd solid;}
.product .productWrap8 .productWrap8Wrap .sub .subWrap .thumb img {max-width:100%;}


@media all and (max-width:1024px){
	.product .productWrap8 .productWrap8Wrap .sub {float: none; width: 100%; margin-right: 0px;}
	.product .productWrap8 .productWrap8Wrap .sub .subWrap {margin: 0 auto; margin-bottom: 20px;}
}

@media all and (max-width:768px){
	.product .productWrap8 .productWrap8Wrap .sub .subWrap {width: 95%; height: 100%;}
}

.product .productWrap9 {/*width:100%; height:100%; background:#eff0ef; padding: 75px 0px 150px;*/}
.product .productWrap9 .productWrap9Wrap {}
.product .productWrap9 .productWrap9Wrap .sub {float:left;}
.product .productWrap9 .productWrap9Wrap .sub:first-child {margin-right:38px; }
.product .productWrap9 .productWrap9Wrap .sub .subWrap {width:681px;}
.product .productWrap9 .productWrap9Wrap .sub .subWrap .title1 {font-size:30px; font-weight:bold; color:#333333; position: relative; padding-bottom: 23px; /*padding-top: 48px;*/}
.product .productWrap9 .productWrap9Wrap .sub .subWrap .title1:before {content : ""; position: absolute; left: 0; bottom: 0; height: 4px; width: 100%; border-bottom:4px solid #333333;}
.product .productWrap9 .productWrap9Wrap .sub .subWrap .title2 {font-size:30px; font-weight:500; color:#333333; padding-top: 30px;}
.product .productWrap9 .productWrap9Wrap .sub .subWrap .title3 {font-size:17px; color:#777777; padding-top: 10px;}
.product .productWrap9 .productWrap9Wrap .sub .subWrap .content {padding-top: 33px;}
.product .productWrap9 .productWrap9Wrap .sub .subWrap .content .con1 {float: left;}
.product .productWrap9 .productWrap9Wrap .sub .subWrap .content .con1:first-child {border-right:solid 1px #ffffff;}
.product .productWrap9 .productWrap9Wrap .sub .subWrap .content .con1 .thumb {}
.product .productWrap9 .productWrap9Wrap .sub .subWrap .content .con1 .thumb img {max-width:100%;}
.product .productWrap9 .productWrap9Wrap .sub .subWrap .content .con1 .txt {height:58px; line-height:58px; color:#ffffff; font-size:17px; background:#5c5c5c; text-align:center;}

@media all and (max-width:1024px){
	.product .productWrap9 .productWrap9Wrap .sub:first-child {margin-right: 0px; margin-bottom:50px;}
	.product .productWrap9 .productWrap9Wrap .sub {float: none;}
	.product .productWrap9 .productWrap9Wrap .sub:after {display:block;height:0;content:".";font-size:0;visibility:hidden;clear:both;}
	.product .productWrap9 .productWrap9Wrap .sub .subWrap {margin: 0 auto;}
}

@media all and (max-width:1024px){
	.product .productWrap9 .productWrap9Wrap .sub .subWrap .content .con1 {float: none;}
	.product .productWrap9 .productWrap9Wrap .sub .subWrap {width: 100%;}
	.product .productWrap9 .productWrap9Wrap .sub .subWrap .content .con1 .thumb {text-align: center;}
}

.product .productWrap10 {/*width:100%; height:100%; padding: 75px 0px 150px;*/}
.product .productWrap10 .productWrap10Wrap {/*width:100%; height:100%; margin-top: 60px;*/}
.product .productWrap10 .productWrap10Wrap .sub {float:left; width: 660px;; margin-right:80px;}
.product .productWrap10 .productWrap10Wrap .sub:last-child {margin-right:0px;}
.product .productWrap10 .productWrap10Wrap .sub .subWrap {}
.product .productWrap10 .productWrap10Wrap .sub .subWrap1 {}
.product .productWrap10 .productWrap10Wrap .sub .subWrap1 .box1 {height:80px; line-height:80px; border:solid 1px #5f7932; font-size:24px; color:#5f7932; text-align:center;}
.product .productWrap10 .productWrap10Wrap .sub .subWrap1 .box2 {height:100%; margin-top: 10px; text-align:center; font-size:20px; color:#333333; font-weight:500; padding: 35px 0px 20px; word-break: keep-all;}
.product .productWrap10 .productWrap10Wrap .sub .subWrap1 .box2 img {max-width:100%; padding-top: 10px;}
.product .productWrap10 .productWrap10Wrap .sub .subWrap1 .box3 {height:100%; margin-top: 10px; text-align:center; background:#5f7932; color:#ffffff; font-size:17px; line-height:32px; padding: 30px; word-break: keep-all;}
.product .productWrap10 .productWrap10Wrap .sub .subWrap1 .box3 span {font-weight:bold;}
.product .productWrap10 .productWrap10Wrap .sub .subWrap1 .box4 {height:100%; margin-top: 10px; text-align:center; background:#afbc98; color:#000000; font-size:17px; line-height:32px; padding: 30px; word-break: keep-all;}
.product .productWrap10 .productWrap10Wrap .sub .subWrap1 .box4 span {font-weight:bold;}
.product .productWrap10 .productWrap10Wrap .sub .subWrap1 .box5 {height:100%; margin-top: 10px; text-align:center; background:#dce2d2; color:#000000; font-size:17px; line-height:32px; padding: 30px; word-break: keep-all;}
.product .productWrap10 .productWrap10Wrap .sub .subWrap1 .box5 span {font-weight:bold;}
.product .productWrap10 .productWrap10Wrap .sub .subWrap1 .box6 {height:100%; margin-top: 10px; text-align:center; background:#eff1ea; color:#000000; font-size:17px; line-height:32px; padding: 30px; word-break: keep-all;}
.product .productWrap10 .productWrap10Wrap .sub .subWrap1 .box6 span {font-weight:bold;}
.product .productWrap10 .productWrap10Wrap .sub .subWrap1 .box7 {height:100%; margin-top: 10px; text-align:center;  font-size:17px; line-height:32px; }

.product .productWrap10 .productWrap10Wrap .sub .subWrap2 {}
.product .productWrap10 .productWrap10Wrap .sub .subWrap2 .box1 {height:80px; line-height:80px; border:solid 1px #601e1e; font-size:24px; color:#601e1e; text-align:center;}
.product .productWrap10 .productWrap10Wrap .sub .subWrap2 .box2 {height:100%; margin-top: 10px; text-align:center; font-size:20px; color:#333333; font-weight:500; padding: 35px 0px 20px; word-break: keep-all;}
.product .productWrap10 .productWrap10Wrap .sub .subWrap2 .box2 img {max-width:100%; padding-top: 10px;}
.product .productWrap10 .productWrap10Wrap .sub .subWrap2 .box3 {height:100%; margin-top: 10px; text-align:center; background:#601e1e; color:#ffffff; font-size:17px; line-height:32px; padding: 30px; word-break: keep-all;}
.product .productWrap10 .productWrap10Wrap .sub .subWrap2 .box3 span {font-weight:bold;}
.product .productWrap10 .productWrap10Wrap .sub .subWrap2 .box4 {height:100%; margin-top: 10px; text-align:center; background:#af8e8e; color:#000000; font-size:17px; line-height:32px; padding: 30px; word-break: keep-all;}
.product .productWrap10 .productWrap10Wrap .sub .subWrap2 .box4 span {font-weight:bold;}
.product .productWrap10 .productWrap10Wrap .sub .subWrap2 .box5 {height:100%; margin-top: 10px; text-align:center; background:#dccece; color:#000000; font-size:17px; line-height:32px; padding: 30px; word-break: keep-all;}
.product .productWrap10 .productWrap10Wrap .sub .subWrap2 .box5 span {font-weight:bold;}
.product .productWrap10 .productWrap10Wrap .sub .subWrap2 .box6 {height:100%; margin-top: 10px; text-align:center; background:#efe8e8; color:#000000; font-size:17px; line-height:32px; padding: 30px; word-break: keep-all;}
.product .productWrap10 .productWrap10Wrap .sub .subWrap2 .box6 span {font-weight:bold;}
.product .productWrap10 .productWrap10Wrap .sub .subWrap2 .box7 {height:100%; margin-top: 10px; text-align:center;  font-size:17px; line-height:32px; }


@media all and (max-width:1024px){
	.product .productWrap10 .productWrap10Wrap .sub {float: none; width: 90%; margin-right: 0px; margin: 0 auto;}
	.product .productWrap10 .productWrap10Wrap .sub:last-child {margin:0 auto;}
}
@media all and (max-width:768px){
	.product .productWrap10 .productWrap10Wrap .sub {width: 100%;}
	.product .productWrap10 .productWrap10Wrap .sub:first-child {margin-bottom:50px;}

	.product .productWrap10 .productWrap10Wrap .sub .subWrap1 .box3 {padding:10px;}
	.product .productWrap10 .productWrap10Wrap .sub .subWrap1 .box4 {padding:10px;}
	.product .productWrap10 .productWrap10Wrap .sub .subWrap1 .box5 {padding:10px;}
	.product .productWrap10 .productWrap10Wrap .sub .subWrap1 .box6 {padding:10px;}
	.product .productWrap10 .productWrap10Wrap .sub .subWrap1 .box7 {padding:10px;}

	.product .productWrap10 .productWrap10Wrap .sub .subWrap2 .box3 {padding:10px;}
	.product .productWrap10 .productWrap10Wrap .sub .subWrap2 .box4 {padding:10px;}
	.product .productWrap10 .productWrap10Wrap .sub .subWrap2 .box5 {padding:10px;}
	.product .productWrap10 .productWrap10Wrap .sub .subWrap2 .box6 {padding:10px;}
	.product .productWrap10 .productWrap10Wrap .sub .subWrap2 .box7 {padding:10px;}
}

.catalogue {width:100%; height:780px; background: linear-gradient(90deg, #ffffff 50%, #eff0ef 50%);}
.catalogue .catalogueWrap {width:1400px; height:100%; margin:0 auto;}
.catalogue .catalogueWrap .cw_sub {float:left; width:50%; padding: 100px 0px;}
.catalogue .catalogueWrap .cw_sub:last-child {padding-left:215px; margin-top: 118px;}
.catalogue .catalogueWrap .cw_sub .title {font-size:50px; color:#333333; font-weight:bold; position: relative;}
.catalogue .catalogueWrap .cw_sub .title:before {content : ""; position: absolute; left: 0; bottom: -15px; height: 2px; width: 50px; border-bottom:2px solid #000000; }
.catalogue .catalogueWrap .cw_sub .title .s_title2 {position: relative; }
.catalogue .catalogueWrap .cw_sub .title .s_title2:after {content : ""; position: absolute; left: 5px; bottom: 8px; height: 20px; width: 20px; border-radius:20px; background:#89b929;}
.catalogue .catalogueWrap .cw_sub .txt {font-size:17px; line-height:30px; letter-spacing:-0.05rem; color:#777777; padding-top: 40px; }
.catalogue .catalogueWrap .cw_sub .btn {width:200px; height:60px; font-size:17px; letter-spacing:0.05rem; line-height:60px; color:#ffffff; background:#5f7932; border-radius:50px; margin-top: 80px;}
.catalogue .catalogueWrap .cw_sub .btn a {color:#ffffff;}


@media all and (max-width:1024px){
	.catalogue {height: 100%; background: linear-gradient(180deg , #ffffff 50%, #eff0ef 50%);}
	.catalogue .catalogueWrap {width: 100%;}
	.catalogue .catalogueWrap .cw_sub {float: none; width: 100%; padding: 10px 0px;}
	.catalogue .catalogueWrap .cw_sub:first-child {text-align:center; }
	.catalogue .catalogueWrap .cw_sub:last-child {margin-top: 0px; padding: 50px;}
	.catalogue .catalogueWrap .cw_sub img {max-width:100%;}
}
@media all and (max-width:768px){
	.catalogue .catalogueWrap .cw_sub:last-child {padding: 20px;}
	.catalogue .catalogueWrap .cw_sub .title {font-size: 30px;}
	.catalogue .catalogueWrap .cw_sub .btn {margin-top: 30px;}
}




/*******************************************************/








.message {width:100%;}
.message .title {width:1400px; margin:0 auto; background: url(../../pages/images/message_02.png) no-repeat; padding:65px 0px 0px 50px;}
.message .title .txt1 { font-size:50px; color:#000000; font-weight:bold; }
.message .title .txt2 { font-size:35px; color:#000000;}
.message .message_wrap {width:100%; height:600px; background:#f4f4f4; margin-top:160px;}
.message .message_wrap .message_content {width:1400px; margin:0 auto;}
.message .message_wrap .message_content .left {float:left; width:50%; margin-top:-60px;}
.message .message_wrap .message_content .left img {max-width:100%; }
.message .message_wrap .message_content .right {float:left; width:50%; padding:90px 0px 0px 90px; word-break: keep-all;}
.message .message_wrap .message_content .right .txt1 {font-size:17px; line-height:29px; color:#777777;}
.message .message_wrap .message_content .right .txt2 {text-align:right; padding-top:60px;}
.message .message_wrap .message_content .right .txt2 img {max-width:100%;}

@media all and (max-width:1024px){
	.message .title {width:100%; margin-top:50px; }
	.message .message_wrap {margin-top: 50px; height:100%; margin-bottom:50px; }
	.message .message_wrap .message_content {width:100%; }
	.message .message_wrap .message_content .left {float:none; width:100%; text-align:center; margin-top:0px;}
	.message .message_wrap .message_content .right {float:none; width:100%; padding:50px; }
	.message .title .txt1 { font-size:40px; }
	.message .title .txt2 { font-size:25px; }
}

@media all and (max-width:768px){
	.message .title { margin-top:40px; }
	.message .title .txt1 { font-size:30px; }
	.message .title .txt2 { font-size:15px; }
	.message .message_wrap .message_content .right {padding:20px; }
}






.customer {width:100%;}
.customer .sub {float:left; width:348px; height:267px; border:solid 1px #cccccc; border-right:solid 1px #ffffff; border-bottom:solid 1px #ffffff; text-align:center; }
.customer .sub:nth-child(4n+4) {border-right:solid 1px #cccccc;}
.customer .sub:nth-child(8n) {border-bottom:solid 1px #cccccc;}
.customer .sub:nth-child(n+8) {border-bottom:solid 1px #cccccc;}
.customer .sub:last-child {border-right:solid 1px #cccccc;}

.customer .sub img {max-width:100%; }

@media all and (max-width:1024px){
	.customer {padding-top:50px;}
	.customer .sub {width:50%; border:solid 1px #cccccc; border-right:solid 1px #ffffff; border-bottom:solid 1px #ffffff;}
	.customer .sub:nth-child(8n) {border-bottom:solid 1px #ffffff;}
	.customer .sub:nth-child(n+8) {border-bottom:solid 1px #ffffff;}
	.customer .sub:nth-child(2n+2) {border-right:solid 1px #cccccc;}
	.customer .sub:nth-child(n+10) {border-bottom:solid 1px #cccccc;}
}

@media all and (max-width:768px){
	.customer .sub {height:auto;}
}











.tt{font-size:30px; color:#2557c0; margin-bottom:10px;}











.partner {margin:0;}

.partner .left {float:left;width:50%;}
.partner .left img {max-width:100%}
.partner .right {float:left;width:50%;}
.partner .right p {font-size:1.1em; color:#494848; line-height:1.5;word-break:keep-all;}

.partner .subPageTitle {background: url(../../company/images/bg_tit.png) no-repeat;    background-size: contain;height:187px;width:650px;margin:0 0 50px;}
.partner .subPageTitle span {font-size:2.0em; color:#494848; line-height:1.5;word-break:keep-all;    display: inline-block; padding: 39px 30px 39px 70px;}


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

	.partner .left {float:none;width:100%;margin-top:0;margin:0 0 10px;}
	.partner .right {float:none;width:100%;}

	.partner .subPageTitle {width:100%;height:auto;position:relative;top:0;}
	.partner .subPageTitle span {font-size:1.3em}
}

.partner .partner_top {}
.partner .partner_top .left {float:left;width:50%;}
.partner .partner_top .right {float:left;width:50%;}

.partner .partner_content {width:100%;clear:both;background:#f3f3f3;padding:30px 0px;}
.partner .partner_content .partner_content_wrap {margin:0 auto;}
.partner .partner_content img {max-width:100%;padding: 35px 75px;}

@media all and (max-width:1024px){
	.partner .partner_top .left {float:none;width:100%;}
	.partner .partner_top .right {float:none;width:100%;}

	.partner .partner_content {padding:10px 0px;}
	.partner .partner_content .partner_content_wrap {width:50%;margin:0 auto;}
	.partner .partner_content img {padding: 10px 10px;margin:0 auto;}
}


.tech {position: relative;}
.tech.gray {background: #f6f6f6;padding:85px 0}
.tech.gray:after {content: '';position: absolute;top:0;bottom:0;left: -100%;right: -100%;background: #f6f6f6;z-index: -1;}
.tech.white {background: #fff;padding:85px 0}

.rowc ul.grid4 > li.tech_item {margin: 0 0 2% 2%;position:relative;}
.rowc ul.grid4 > li.tech_item div.pos {display:block;padding:15px;}
.rowc ul.grid4 > li.tech_item div.pos h5 {color:#494848;font-size:1.1rem;line-height:1.3;font-weight:400;}

@media( max-width:1024px) {
	.tech.white, .tech.gray, .tech.last {padding:10px 0}

	.rowc ul.grid4 > li.tech_item  {width:48%}
	.rowc ul.grid4 > li.tech_item div.pos h5 {font-size:0.8rem;}

}

@media( max-width:640px) {
	.rowc ul.grid4 > li.tech_item  {width:100%;margin:0 0 10px 0}
}


.equip {position: relative;}
.equip div.inner {float:left;width:50%}

.equip .subPageTitle {background: url(../../company/images/bg_tit.png) no-repeat;    background-size: contain;height:187px;width:650px;margin:0 0 50px;}
.equip .subPageTitle span {font-size:2.0em; color:#494848; line-height:1.5;word-break:keep-all;    display: inline-block; padding: 39px 30px 39px 70px;}


.rowc ul.grid2 > li.equip_item {margin: 0 0 2% 2%;position:relative;width:301px;}

.div_scroll {overflow: auto;position: relative;}
.div_scroll .mobile_table_arrow {display: none}

.equip .table {width:100%; clear:both; border-collapse:collapse; border-top:2px solid #000;  border-bottom:#dbdbdb 1px solid;  margin:0;}
.equip .table th{color:#1e1e1e; font-size:1.0em; text-align:center;  padding:10px 20px; border-bottom:#dbdbdb 1px solid; }
.equip .table td{color:#7b7b7b; font-size:1.0em; text-align:center; padding:10px 20px; border-bottom:#dbdbdb 1px solid; }


@media( max-width:1024px) {
	.rowc ul.grid2 > li.equip_item  {width:48%}

	.equip .subPageTitle {width:100%;height:auto;position:relative;top:0;}
	.equip .subPageTitle span {font-size:1.3em}

	.equip div.inner {float:none;width:100%;margin:0 0 10px;}

	.div_scroll .mobile_table_arrow {display: block;position: absolute;}

	.equip .table {margin:30px 0;width:700px;}
	.equip .table th {font-size:12px;padding:10px;}
	.equip .table td {font-size:12px;padding:10px;}

}

@media( max-width:768px) {
	.rowc ul.grid2 > li.equip_item  {width:100%;margin:0 0 10px 0}

	/*.equip .table th {display:block;padding:10px;text-align:left;}*/
	/*.equip .table td {display:block;padding:10px;text-align:left;}*/
}

.robot {margin-bottom:125px;}
.robot .subPageTitle {background: url(../../business/images/bg_tit_sm.png) no-repeat;    background-size: contain;height:108px;margin:0 0 40px;}
.robot .subPageTitle span {font-size:2.0em; color:#0952b5; line-height:1.5;word-break:keep-all;    display: inline-block; padding: 30px 30px 30px 29px;}

.robot .con_txt_gray {background:#ededed;padding:30px;text-align:center;margin-bottom:40px;}
.robot .con_txt_gray p {color:#666666;font-size:1.0em;line-height:1.5;    word-break: keep-all;margin:0;}

.robot .con_txt {margin-bottom:25px;}
.robot .con_txt:after {display:block;height:0;content:".";font-size:0;visibility:hidden;clear:both;}

.robot .con_txt div.left {float:left;width:50%}
.robot .con_txt div.right {float:left;width:50%;padding-left:70px;}

.rowc ul.grid3 > li.rs  {margin:0 0 2% 2%}
.rowc ul.grid3 > li.rs div.robot_system {color:#666666;font-size:1.0rem;line-height:1.5;padding:15px 0;word-break: keep-all;text-align:left;position: relative;padding-left:20px}
.rowc ul.grid3 > li.rs div.robot_system:before {content:'●';position:absolute;top:20px;left:0;font-size:8px;color:#00addc;}

@media( max-width:1024px) {

	.robot .subPageTitle span {font-size:1.2em;padding:42px 30px 42px 29px }

	.robot .con_txt h4 {font-size:1.0em;}
	.robot .con_txt_gray p {font-size:0.8em;}


	.robot .con_txt div.left {float:none;width:100%}
	.robot .con_txt div.right {float:none;width:100%;padding-left:0;}

	.rowc ul.grid3 > li.rs div.robot_system {font-size:0.8rem;}
}

@media( max-width:420px) {
	.robot .subPageTitle span {font-size:1.0em;padding:31px 30px 31px 29px }
}