@charset "utf-8";


.message {width:100%;}
.message .messageWrap {width:100%; height:100%;}
.message .messageWrap .mBox {float:right; width:1186px; border:solid 5px #dddddd; padding:60px 140px 50px 180px; }
.message .messageWrap .mBox .txt1 {font-size:1.875rem; line-height:40px; color:#3e3e3e; word-break: keep-all;}
.message .messageWrap .mBox .txt1 span {color:#ed1941; }
.message .messageWrap .mBox .txt2 {font-size:20px; line-height:30px; color:#3d3d3d; word-break: keep-all; padding-top:45px;}
.message .messageWrap .messageContent {width:100%;}
.message .messageWrap .messageContent .left {float:left; width:400px; margin-top: -220px;}
.message .messageWrap .messageContent .left .mes_img01{margin-bottom:30px;}
.message .messageWrap .messageContent .right {float:left; width:1000px; }
.message .messageWrap .messageContent .right .rightTop {width:100%; height:95px; background: url(../../pages/images/ico_bar_r01.png) no-repeat; background-position: left 49px; }
.message .messageWrap .messageContent .right .rightContent {font-size:18px; line-height:30px; color:#595959; word-break: keep-all;}
.message .messageWrap .messageContent .right .rightBottom {padding-top:35px;}

@media all and (max-width:1024px){
	.message .messageWrap .mBox {float:none; width:100%; padding:50px;}
	.message .messageWrap .mBox .txt1 {font-size:20px; line-height:30px; }
	.message .messageWrap .mBox .txt2 {font-size:16px; line-height:24px; padding-top: 25px;}
	.message .messageWrap .messageContent .left {float:none; width:100%; text-align:center; margin:0 auto; margin-top: 50px;}
	.message .messageWrap .messageContent .left img {max-width:100%;}
	.message .messageWrap .messageContent .right {float:none; width:100%; margin:0 auto;}
}

@media all and (max-width:768px){
	.message .messageWrap .mBox {padding:20px;}
	.message .messageWrap .messageContent .right .rightContent { font-size: 16px;}
}

/* company */
.company {margin:0;}


.company .left {float:left;width:530px; position: relative;    text-align: center;}
.company .left img {max-width:100%}
.company .right {float:left;width:870px;}

.company table.cT01 {width:100%; clear:both; border-collapse:collapse; border-top:3px solid #ed1941;  margin:0;}
.company table.cT01 th{color:#3b3b3b; font-size:18px; text-align:center;  padding:20px 20px; border-bottom:#bdbdbd 1px solid; background:#efefef; word-break: keep-all;}
.company table.cT01 td{color:#595959; font-size:17px; text-align:left; padding:20px 40px; border-bottom:#bdbdbd 1px solid; word-break: keep-all;}

.company table.cT01 .tContent {width:100%; padding-bottom:10px;}
.company table.cT01 .tContent:after {display:block;height:0;content:".";font-size:0;visibility:hidden;clear:both;}
.company table.cT01 .tContent .left {float:left; width:220px; color:#000000; text-align: left;}
.company table.cT01 .tContent .left img {padding-right:10px;}
.company table.cT01 .tContent .right {float:left; width:370px; line-height: 40px; word-break: keep-all;}


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

	.company .img {margin:0 0 10px;}
	.company .img .img_txt p {font-size:12px;}
	.company .img .img_txt p strong {font-size:12px;}

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

	.company table.cT01 th {font-size:16px;padding:10px;}
	.company table.cT01 td {font-size:16px;padding:10px;}
}

@media all and (max-width:768px){
	.company table.cT01 th {width:30%; font-size:16px;padding:10px;}
	.company table.cT01 td {width:70%; font-size:16px;padding:10px;}
	.company table.cT01 .tContent .left {width:100%; }
	.company table.cT01 .tContent .right {width:100%; }
}

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


.location {width:100%; }
.location .locationWrap {margin-bottom:70px; }
.location .locationWrap:after {display:block;height:0;content:".";font-size:0;visibility:hidden;clear:both;}
.location .locationWrap .bar {width:100%; height:1px; border-bottom:solid 1px #aeaeae; position: relative; margin-bottom: 70px;}
.location .locationWrap .bar .barSec {width:300px; height:3px; background:#ed1941; position: absolute; top: -1px;}
.location .locationWrap .left {float:left; width:300px; font-size:34px; color:#ed1941; padding-left:10px; }
.location .locationWrap .right {float:left; width:1100px; }
.location .locationWrap .right .map {width:100%; height:500px;}
.location .locationWrap .right .content {width:100%; padding: 20px 0px;}
.location .locationWrap .right .content .sub {float:left; padding-right:80px; font-size:34px; color:#2e2e2e;}
.location .locationWrap .right .content .sub span {font-size:17px; color:#2e2e2e; padding-left:15px;}
.location .locationWrap .right .content .sub1 {}
.location .locationWrap .right .content .sub2 {}
.location .locationWrap .right .content .sub3 {}
.location .locationWrap .right .content .sub .sub_ass1 {font-size:25px; padding-left:0px; }
.location .locationWrap .right .content .sub .sub_ass2 {font-size:25px; padding-left:0px;}
.location .locationWrap .right .content .sub .sub_ass3 {font-size:20px; padding-left:5px;}

@media all and (max-width:1024px){
	.location .locationWrap .bar {margin-bottom: 30px;}
	.location .locationWrap .left {float:none; width:100%; padding-bottom: 20px;}
	.location .locationWrap .right {float:none; width:100%;}
}

@media all and (max-width:768px){
	.location .locationWrap .right .content .sub {float:none; padding-right:0px; font-size:20px;}
	.location .locationWrap .right .content .sub span {font-size:16px; }
	.location .locationWrap .right .map {height: 300px;}
}


.organization {margin:0;}
.organization .organizationImg{margin:0 0 0px 0;text-align:center;}
.organization .organizationImg img {max-width:100%}

@media all and (max-width:1024px){
	.organization .organizationImg {margin:0 0 10px;}
}

/*		주요거래처	*/
.trading {margin:0;}
.trading .tradingImg{margin:0 0 0px 0;text-align:center;}
.trading .tradingImg img {max-width:100%}

.trading .tradingWrap {width:100%;margin-top:65px;}
.trading .tradingWrap:after {display:block;height:0;content:".";font-size:0;visibility:hidden;clear:both;}
.trading .tradingWrap .bar {width:100%; height:1px; border-bottom:solid 1px #aeaeae; position: relative; margin-bottom: 70px;}
.trading .tradingWrap .bar .barSec {width:300px; height:3px; background:#ed1941; position: absolute; top: -1px;}

.trading .tradingWrap .left {float:left; width:300px; font-size:34px; color:#ed1941; padding-left:10px; }
.trading .tradingWrap .right {float:left; width:1100px; }
.trading .tradingWrap .right .sub {float:left; width:251px; margin-right:30px; }
.trading .tradingWrap .right .sub:nth-child(4n+4) {margin-right:0px;}
.trading .tradingWrap .right .sub .thumb {}
.trading .tradingWrap .right .sub .title {font-size:18px; color:#3c3c3c; padding-top:35px; padding-bottom: 40px; background: url(../../pages/images/ico_bar_r01.png) no-repeat; background-position: left 17px;}

.trading .tradingWrap .right .right_wrap {border-bottom:dashed 1px #cfcfcf; margin-bottom:44px;}
.trading .tradingWrap .right .right_wrap:after {display:block;height:0;content:".";font-size:0;visibility:hidden;clear:both;}
.trading .tradingWrap .right .subTitle {width:229px; height:47px; background: url(../../pages/images/trading_title_bg.png) no-repeat; margin-bottom:53px; font-size:20px; line-height:47px; color:#ffffff; padding-left:55px;}

.trading .tradingWrap .right .right_wrap .sub {float:left; width:251px; margin-right:30px; }
.trading .tradingWrap .right .right_wrap .sub:nth-child(4n+4) {margin-right:0px;}
.trading .tradingWrap .right .right_wrap .sub .thumb {}
.trading .tradingWrap .right .right_wrap .sub .title {font-size:18px; color:#3c3c3c; padding-top:35px; padding-bottom: 40px; background: url(../../pages/images/ico_bar_r01.png) no-repeat; background-position: left 17px;}

@media all and (max-width:1024px){
	.trading .tradingImg {margin:0 0 10px;}
	.trading .tradingWrap .left {float: none; width: 100%; padding-bottom: 20px;}
	.trading .tradingWrap .right {float:none; width:100%; }

	.trading .tradingWrap .right .sub:nth-child(4n+4) {margin-right:30px;}
	.trading .tradingWrap .right .right_wrap .sub:nth-child(4n+4) {margin-right:30px;}
	.trading .tradingWrap .bar {margin-bottom: 30px;}
}

/*		제품소개	*/
.safety {margin:0;}

.safety .safetyWrap {width:100%;margin-top:65px;}
.safety .safetyWrap:after {display:block;height:0;content:".";font-size:0;visibility:hidden;clear:both;}
.safety .safetyWrap .bar {width:100%; height:1px; border-bottom:solid 1px #aeaeae; position: relative; margin-bottom: 70px;}
.safety .safetyWrap .bar .barSec {width:300px; height:3px; background:#ed1941; position: absolute; top: -1px;}

.safety .safetyWrap .left {float:left; width:300px; font-size:34px; color:#ed1941; padding-left:10px; }
.safety .safetyWrap .left img.ciDownload {padding-top:50px;}
.safety .safetyWrap .right {float:left; width:1100px; }

.safety .safetyWrap .right_title {font-size:18px; font-weight:bold; color:#000000; padding-top:20px; background: url(../../pages/images/ico_bar_r01.png) no-repeat; background-position: left 0px;}
.safety .safetyWrap .right_txt {font-size:18px; color:#3c3c3c; line-height: 35px; margin-bottom:30px;}
.safety .safetyWrap .right_txt .right_txt_li {}


.safety .safetyWrap .right .sub {float:left; width:253px; margin-right:29px; }
.safety .safetyWrap .right .sub:nth-child(4n+4) {margin-right:0px;}
.safety .safetyWrap .right .sub .thumb {border:solid 1px #bbbbbb;}
.safety .safetyWrap .right .sub .title {font-size:18px; color:#3c3c3c; padding-top:50px; padding-bottom: 40px; background: url(../../pages/images/ico_bar_r01.png) no-repeat; background-position: left 33px; height:150px;}

.safety .safetyWrap .right .sub .title1 {font-size:18px; font-weight:bold; color:#000000; padding-top:20px; background: url(../../pages/images/ico_bar_r01.png) no-repeat; background-position: left 0px;}
.safety .safetyWrap .right .sub .txt {font-size:18px; color:#3c3c3c; line-height: 35px; margin-bottom:30px;}
.safety .safetyWrap .right .sub .txt .txt_li {}


.safety .safetyWrap .right .rightTxt {font-size:18px; color:#4c4c4c; padding-bottom:60px}


.safety table.tS1 {width:100%; clear:both; border-collapse:collapse; border-top:3px solid #292e3d;  margin:0;}
.safety table.tS1 th{color:#3b3b3b; font-size:18px; text-align:center;  padding:15px 15px; border-bottom:#bdbdbd 1px solid; border-right:#bdbdbd 1px solid; background:#ebedf2; word-break: keep-all;}
.safety table.tS1 td{color:#595959; font-size:17px; text-align:center; padding:15px 20px; border-bottom:#bdbdbd 1px solid; border-right:#bdbdbd 1px solid; word-break: keep-all;}
.safety table.tS1 th:last-child{border-right:none; }
.safety table.tS1 td:last-child{border-right:none; }

@media all and (max-width:1024px){
	.safety .tradingImg {margin:0 0 10px;}
	.safety .safetyWrap .left {float: none; width: 100%; padding-bottom: 20px;}
	.safety .safetyWrap .right {float:none; width:100%; }

	.safety .safetyWrap .right .sub:nth-child(4n+4) {margin-right:30px;}
	.safety .safetyWrap .bar {margin-bottom: 30px;}
}

@media all and (max-width:768px){
	.safety table.tS1 th{ padding:20px 5px; }
	.safety table.tS1 td{ padding:20px 5px; }
}

/*		제품소개	> 밸브사업	*/
.valve {margin:0;}

.valve .valveWrap {width:100%;margin-top:65px;}
.valve .valveWrap:after {display:block;height:0;content:".";font-size:0;visibility:hidden;clear:both;}
.valve .valveWrap .bar {width:100%; height:1px; border-bottom:solid 1px #aeaeae; position: relative; margin-bottom: 70px;}
.valve .valveWrap .bar .barSec {width:300px; height:3px; background:#ed1941; position: absolute; top: -1px;}

.valve .valveWrap .left {float:left; width:300px; font-size:34px; color:#ed1941; padding-left:10px; }
.valve .valveWrap .right {float:left; width:1100px; }
.valve .valveWrap .right .sub {width:100%;}

.valve .valveWrap .right .sub .thumb {float:left; border:solid 1px #bbbbbb;}
.valve .valveWrap .right .sub .thumb img {max-width:100%;}
.valve .valveWrap .right .sub .content {float:left; padding-left:70px; }
.valve .valveWrap .right .sub .content .title {font-size:18px; font-weight:bold; color:#000000; padding-top:20px; background: url(../../pages/images/ico_bar_r01.png) no-repeat; background-position: left 0px;}
.valve .valveWrap .right .sub .content .txt {font-size:18px; color:#3c3c3c; line-height: 35px; margin-bottom:30px;}
.valve .valveWrap .right .sub .content .txt .txt_li {}
.valve .valveWrap .right .sub .content .imgSec {padding-top:10px;}
.valve .valveWrap .right .sub .content .imgSec .imgSecSub {float:left; margin-right:15px;}
.valve .valveWrap .right .sub .content .imgSec .imgSecSub:nth-child(3n+3) {margin-right:0px;}

@media all and (max-width:1024px){
	.valve .valveWrap .bar {margin-bottom: 30px;}
	.valve .valveWrap .left {float: none; width: 100%; padding-bottom: 20px;}
	.valve .valveWrap .right {float:none; width:100%; }
	.valve .valveWrap .right .sub .thumb { float: none; border: solid 1px #bbbbbb; text-align: center; }
	.valve .valveWrap .right .sub .content { float: none; padding-left: 70px; padding-top: 50px; }
}
@media all and (max-width:768px){
	.valve .valveWrap .right .sub .content .imgSec .imgSecSub {margin-bottom:15px;}
	.valve .valveWrap .right .sub .content { padding-left: 0px;  }
	.valve .valveWrap .right .sub .content .imgSec .imgSecSub {float:none; text-align:center; margin-right:0px; }
}

.history {position: relative;}
.history .historyWrap {width:100%;margin-bottom:150px;}
.history .historyWrap:after {display:block;height:0;content:".";font-size:0;visibility:hidden;clear:both;}
.history .historyWrap .bar {width:100%; height:1px; border-bottom:solid 1px #aeaeae; position: relative; margin-bottom: 70px;}
.history .historyWrap .bar .barSec {width:300px; height:3px; background:#ed1941; position: absolute; top: -1px;}
.history .historyWrap .left {float:left; width:300px; font-size:34px; color:#ed1941; }
.history .historyWrap .right {float:left; width:1000px; margin-left:65px; }
.history .historyWrap .right .rightSec {position: relative; width:100%; padding-bottom: 50px;}
.history .historyWrap .right .rightSec:before {position: absolute; top: 0px; margin: 8px 0 0 -70px; vertical-align: middle; display: inline-block; width: 8px; height: 8px; background: #ed1941; content: ""; border-radius: 8px; }
.history .historyWrap .right .rightSec:after { content: ""; position: absolute; left: -66px; top: 8px; height: 300%; width: 1px; border-left: 1px solid #ed1941; }

.history .historyWrap .right .rightSec .year {float:left; font-size:28px; color:#001943; background: url(../../pages/images/ico_bar_r01.png) no-repeat; background-position: left 20px; padding-top:35px; padding-bottom:20px; }
.history .historyWrap .right .rightSec .con {float:left; margin-top: 40px; margin-left: 50px;}

.history .historyWrap .right .rightSec .con .con_li {font-size:19px; line-height: 35px; color:#262626;}


@media all and (max-width:1024px){
	.history {background:none;padding:0;}
	.history .subPageTitle {width:100%;height:auto;position:relative;top:0;}
	.history .subPageTitle span {font-size:1.3em}

	.history_list.first {padding-top:10px;}

	.history_list div.right_con {float:none;width:100%}
	.history_list h4.dtit {float:none;width:100%;font-size:1.5em;}
	.history_list h4.dtit:before {display:none}
	.history_list h4.dtit:after {display:none}
	.history_list div.dcon {float:none;width:100%;padding:10px 0;}
	.history_list div.dcon span.month {font-size:12px;}
	.history_list div.dcon span.txt {font-size:12px;padding:0}
	.history .historyWrap .bar {margin-bottom: 30px;}
}

@media all and (max-width:768px){
	.history .historyWrap .right .rightSec {padding-bottom: 20px;}
	.history .historyWrap .right .rightSec .year {float:none; }
	.history .historyWrap .right .rightSec .con {float:none; margin-top: 0px; margin-left: 0px;}
	.history .historyWrap .right { width:100%; margin-left:15px;}
	.history .historyWrap .right .rightSec .con .con_li {font-size: 16px;line-height: 20px;}
}



.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 }
}


/*	공정도 */
.process {}
.process:after {display:block;height:0;content:".";font-size:0;visibility:hidden;clear:both;}
.process .processWrap {position: relative;}
.process .processWrap:after {display:block;height:0;content:".";font-size:0;visibility:hidden;clear:both;}
.process .processWrap .bar {width:100%; height:1px; border-bottom:solid 1px #aeaeae; position: relative; margin-bottom: 70px;}
.process .processWrap .bar .barSec {width:300px; height:3px; background:#ed1941; position: absolute; top: -1px;}

.process .processWrap .process1 {height: 230px;}
.process .processWrap .process1 .sub {float:left; position: relative; padding-top: 120px;}

.process .processWrap .process1 .sub .subWrap {position: relative; padding-right: 32px;}
.process .processWrap .process1 .sub .subWrap .thumb {cursor: pointer;}
.process .processWrap .process1 .sub .subWrap .thumb img {max-width:100%;}
.process .processWrap .process1 .sub .subWrap .thumb1 {}
.process .processWrap .process1 .sub .subWrap .thumb_active img:first-child{display:none}
.process .processWrap .process1 .sub .subWrap .thumb_active img:last-child{display:inline-block !important}
.process .processWrap .process1 .sub .subWrap .thumb img:last-child{display:none}
.process .processWrap .process1 .sub .subWrap .thumb:hover img:first-child{display:none}
.process .processWrap .process1 .sub .subWrap .thumb:hover img:last-child{display:inline-block}
.process .processWrap .process1 .sub .subWrap .thumb1:hover {}
.process .processWrap .process1 .sub .subWrap .thumb img {max-width:100%;}
.process .processWrap .process1 .sub .subWrap .p_btn {width:30px; position: absolute; top: 40px; right: 0px;}

.process .processWrap .process2 {position: absolute; height:125px; top: 40px; left: 70px;}
.process .processWrap .process2 .sub {float:left; position: relative; }
.process .processWrap .process2 .sub .subWrap {position: relative; padding-bottom: 32px;}
.process .processWrap .process2 .sub .subWrap .thumb {cursor: pointer;}
.process .processWrap .process2 .sub .subWrap .thumb_active img:first-child{display:none}
.process .processWrap .process2 .sub .subWrap .thumb_active img:last-child{display:inline-block !important}
.process .processWrap .process2 .sub .subWrap .thumb img:last-child{display:none}
.process .processWrap .process2 .sub .subWrap .thumb:hover img:first-child{display:none}
.process .processWrap .process2 .sub .subWrap .thumb:hover img:last-child{display:inline-block}
.process .processWrap .process2 .sub .subWrap .thumb1:hover {}
.process .processWrap .process2 .sub .subWrap .thumb img {max-width:100%;}
.process .processWrap .process2 .sub .subWrap .p_btn {width:30px; position: absolute; bottom: 27px; right: 28px;}


.process .processWrap .process3 {position: relative; height: 350px; background:url(../../pages/images/process/ico_arrow5.gif) no-repeat; background-position-x: 35px; background-position-y: 2px; display:none;}
.process .processWrap .process3 .sub {float:left; position: relative; }
.process .processWrap .process3 .sub .subWrap {position: relative; padding-right: 32px;}
.process .processWrap .process3 .sub .subWrap .thumb {cursor: pointer;}
.process .processWrap .process3 .sub .subWrap .thumb1 {}
.process .processWrap .process3 .sub .subWrap .thumb_active img:first-child{display:none}
.process .processWrap .process3 .sub .subWrap .thumb_active img:last-child{display:inline-block !important}
.process .processWrap .process3 .sub .subWrap .thumb img:last-child{display:none}
.process .processWrap .process3 .sub .subWrap .thumb:hover img:first-child{display:none}
.process .processWrap .process3 .sub .subWrap .thumb:hover img:last-child{display:inline-block}
.process .processWrap .process3 .sub .subWrap .thumb1:hover {}
.process .processWrap .process3 .sub .subWrap .thumb img {max-width:100%;}
.process .processWrap .process3 .sub .subWrap .p_btn {width:30px; position: absolute; top: 40px; right: 0px;}

.process .processWrap .process3 .sub3_1 {position: absolute; top:13px; left: 132px;}
.process .processWrap .process3 .sub3_2 {position: absolute; top:125px; left: 132px;}
.process .processWrap .process3 .sub3_3 {position: absolute; top:238px; left: 132px;}
.process .processWrap .process3 .sub3_4 {position: absolute; top: 125px; left: 250px;}
.process .processWrap .process3 .sub3_5 {position: absolute; top:238px; left: 250px;}
.process .processWrap .process3 .sub3_6 {position: absolute; top:238px; left: 380px;}

.process4{z-index: -1; width: 100%; height: 100%; padding-top: 150px;}
.process4 .ycontainer {position: relative; padding-bottom: 56.25%; padding-top: 0; height: 0;}
.process4 .ycontainer iframe {display: block; width: 100%; height: 788px; }
.process4 .ycontainer .pBox {width:305px; height:150px; text-align:center; background:#ed1840; top: -60px; position: absolute;}
.process4 .ycontainer .pBox .txt1 {font-size:33px; color:#ffffff; padding-top: 35px;}
.process4 .ycontainer .pBox .txt2 {font-size:18px; color:#ffffff; }
.process4 .ycontainer .yconImg {padding-top: 250px;}
.process4 .ycontainer1 {display:none;}
.process4 .ycontainer2 {display:none;}
.process4 .ycontainer3 {display:none;}
.process4 .ycontainer4 {display:none;}
.process4 .ycontainer5 {display:none;}
.process4 .ycontainer6 {display:none;}
.process4 .ycontainer7 {display:none;}
.process4 .ycontainer8 {display:none;}
.process4 .ycontainer9 {display:none;}
.process4 .ycontainer10 {display:none; background: #e3e3e3; text-align: center;}
.process4 .ycontainer11 {display:none; background: #e3e3e3; text-align: center;}
.process4 .ycontainer12 {display:none;}
.process4 .ycontainer13 {display:none;}
.process4 .ycontainer14 {display:none;}
.process4 .ycontainer15 {display:none;}
.process4 .ycontainer16 {display:none; background: #e3e3e3; text-align: center;}
.process4 .ycontainer17 {display:none; background: #e3e3e3; text-align: center;}
.process4 .ycontainer18 {display:none; background: #e3e3e3; text-align: center;}

.process_arrow_right { position: absolute; display: inline-block; width: 0; height: 0; border-top: 8px solid transparent; border-right: 8px solid transparent; border-bottom: 8px solid transparent; border-left: 8px solid #6599ff; margin-top: 8px; margin-left: 9px; animation: horizontal 0.7s ease-in-out infinite; }
.process_arrow_right1 { position: absolute; display: inline-block; width: 0; height: 0; border-top: 8px solid #6599ff; border-right: 8px solid transparent; border-bottom: 8px solid transparent; border-left: 8px solid transparent; margin-top: 8px; margin-left: 9px; animation: vertical 0.7s ease-in-out infinite; }

@keyframes horizontal {
  0% {margin-left: 9px;  }
  50% {margin-left: 11px; }
  100% {margin-left: 9px;}
}
@keyframes vertical {
  0% {margin-top: 9px;  }
  50% {margin-top: 11px; }
  100% {margin-top: 9px;}
}

@media( max-width:1024px) {
	.process .processWrap .process1 {height: 450px;}
	.process .processWrap .process1 .sub {width: 25%;}
	.process .processWrap .process3 {top: -200px;}
	.process4 {padding-top: 350px;}
	.process4 .ycontainer iframe {
    height: 488px;
}
}


@media( max-width:768px) {
	.process .processWrap .process1 {height: 350px;}
	.process .processWrap .process1 .sub {width: 25%; height: 9rem; padding-top: 50px;}
	.process .processWrap .process1 .sub:nth-child(4n+4):after {display:block;height:0;content:".";font-size:0;visibility:hidden;clear:both;}
	.process .processWrap .process1 .sub .subWrap .p_btn {top: 10px;}

	.process .processWrap .process2 .sub {width: 50%;}
	.process .processWrap .process2 {height: 85px; left: 40px;}
	.process .processWrap .process3 .sub {width: 25%;}
	.process .processWrap .process3 .sub3_1 { top: 20px; left: 80px; }
	.process .processWrap .process3 .sub3_2 { top: 95px; left: 80px; }
	.process .processWrap .process3 .sub3_3 { top: 170px; left: 80px; }
	.process .processWrap .process3 .sub3_4 {top: 95px; left: 150px;}
	.process .processWrap .process3 .sub3_5 {top: 170px; left: 150px;}
	.process .processWrap .process3 .sub3_6 {top: 170px; left: 220px;}
	.process .processWrap .process3 {top: -250px; background-size: 18%; background-position-x: 15px;}
	.process .processWrap .process3 .sub .subWrap .p_btn {top: 15px;}
	.process .processWrap .process2 .sub .subWrap .p_btn {right: 8px;}
	/*.process .processWrap .process1 .sub .subWrap .thumb {text-align: center;}
	.process .processWrap .process1 .sub .subWrap .thumb img {max-width: 65px;}*/
	.process4 {padding-top: 150px; height: 300px;}
	.process4 .ycontainer .pBox .txt1 {font-size: 23px; padding-top: 15px;}
	.process4 .ycontainer .pBox {width: 100%; height: 100px;}
	.process4 .ycontainer iframe {height: 300px;}
}


/*홍보영상*/

.safety .promotional_video .video_ds{height:700px;}