@charset "utf-8";


.mg_t20 {margin-top:2.0rem;}
.mg_t30 {margin-top:3.0rem;}
.mg_t50 {margin-top:5.0rem;}




/*회사개요*/

.company .companyWrap .company_top{font-size:4.3rem;color:#212121;font-weight:400}
.company .companyWrap .company_top .bg{background: url(../../pages/images/icon_quotes.png) no-repeat; padding:45px 0 15px 65px;}

.company .company_table{clear:both; border-collapse:collapse; width:100%; margin-top:20px; border-top:1px solid #555; }
.company .company_table th{font-size:16px; color:#222; text-align:center; background:#f5f5f5; border-bottom:#cccccc 1px solid;background:#efefef}
.company .company_table td{font-size:16px; color:#222; text-align:left; line-height:30px; padding:10px 10px 10px 30px; background:#FFF; border-bottom:#cccccc 1px solid; border-right:#cccccc 1px solid;}
.company .company_table td.no{border-right:#fff 1px solid;}

.company_bot .message_img_box{display:inline-block;width:49%;vertical-align:top}
.company_bot .message_img_box h2{font-size:37px;position:relative}
.company_bot .message_img_box h2:after{display:block;content:"";width:44px;height:3px;background:#1a90e2;position:absolute;top:66px;left:4px;}
.company_bot .message_img_box p{font-size:24px;padding-top:26px;}
.company_bot .img_txt{padding:10px 50px}
.company .companyWrap .company_top .message_txt{font-size:1.8rem;padding:30px 0 50px 0;}
@media all and (max-width:1024px){

}

@media all and (max-width:768px){
.company .companyWrap .company_top .bg{background: url(../../pages/images/icon_quotes.png) no-repeat; padding:45px 0 60px 25px;}
.company_bot .message_img_box{width:100%}
.company_bot .img_txt{padding:10px 0px}
.company .company_table td {padding:15px;}
}



/*회사개요*/





/*	오시는길 Start*/
.location {width:100%; height:100%;margin-top:90px;}
.location .locationTop {width:100%; height:100%;}
.location .locationTop .map_info {width:100%; height:600px}
.location .map_info_m{display:none}

.location .locationBtm {width:100%; height:100%; padding-top: 75px;}
.location .locationBtm .loc_left {float:left; width:400px;}
.location .locationBtm .loc_left img {max-width:100%;}
.location .locationBtm .loc_right {float:left; width:1000px;}
.location .locationBtm .loc_right .locTable01 {width:100%; border-collapse:collapse; border-top: solid 2px #131928; word-break: keep-all;}
.location .locationBtm .loc_right .locTable01 caption {display:none}
.location .locationBtm .loc_right .locTable01 th {width: 150px; font-size:18px; line-height:55px; color:#252525; border-bottom: 1px solid #adadad; vertical-align: top;}
.location .locationBtm .loc_right .locTable01 td {font-size:16px; line-height:26px; color:#252525; text-align:left; padding: 15px; border-bottom: 1px solid #adadad;}

.location_box{width:100%}

@media screen and (max-width: 1024px){
	.location .locationBtm .loc_left {float: none; width: 100%; text-align: center; padding: 20px 0px; 	}
	.location .locationBtm .loc_right {float: none; width: 100%; }
}

@media (max-width: 768px) {
	.location  .map_info{display:none}
	.location .map_info_m{display:block}
	.location .locationBtm {padding-top: 25px;}
	.location .locationBtm .loc_right .locTable01 colgroup .col1 {width:30%;}
	.location .locationBtm .loc_right .locTable01 colgroup .col2 {width:70%;}
	.location .locationBtm .loc_right .locTable01 th, .location .locationBtm .loc_right .locTable01 td {display:block}
	.location .locationBtm .loc_right .locTable01 th {border-bottom:0 !important; width: 100%; line-height: 35px; text-align: left; padding: 10px 0px 0px 15px;}
	.location .locationBtm .loc_right .locTable01 td {padding: 0px 15px 10px;}
}
/*	오시는길 End*/

/* 인증서 */

/* certificate image common class */
.cert-img{
	width: 313px;
	height: 427px;
	object-fit: cover;      /* 이미지 비율 유지 */
	display: block;
	margin: 0 auto;
	border: 1px solid #aeaeac;
	border-top: 4px solid #5e1a84;
	box-sizing: border-box;
	transition: transform 0.3s ease, box-shadow 0.3s ease;
}

/* hover effect (optional but nice) */
.cert-img:hover{
	transform: translateY(-4px);
	box-shadow: 0 8px 20px rgba(0,0,0,0.15);
}

/* responsive */
@media screen and (max-width: 768px){
	.cert-img{
		width: 100%;
		height: auto;
	}
}

.cert{width:100%}
.cert .certWrap{margin-top:90px;}
.cert .certWrap ul{width:100%;margin:0 auto;}
.cert .certWrap ul li{display:inline-block;text-align:center;margin:16px;width:22%}
.cert .certWrap ul li .txt{padding-bottom:10px; margin-top: 5px; padding-top: 10px}
.cert .certWrap ul li .txt h5{font-size: 18px; font-weight: 400; color: #313131;}
.cert .certWrap ul:after{content:"";display:table;clear:both}
.cert .certWrap ul li img{border:1px solid #aeaeac; border-top: solid 4px #5e1a84;}

@media screen and (max-width: 1024px){
	.cert .certWrap ul li{width:46%}
}
@media screen and (max-width: 768px){
	.cert .certWrap ul{text-align:center}
	.cert .certWrap ul li{width:100%;margin:0}
}
/* 인증서 */


/*인사말*/

.message_bg{background: url(../../pages/images/icon_quotes.png) no-repeat; padding:45px 0 60px 65px;font-size:3.4rem}



.message .messageWrap .message_top{font-size: 4.0rem;color:#212121;font-weight:400;float:left;width: 49%;padding-top: 100px;}
.message .ceo_img {width: 50%;float:left;padding-top: 100px; border-bottom:5px solid #1a90e2;}
.message .messageWrap .message_top .bg{background: url(../../pages/images/icon_quotes.png) no-repeat; padding:45px 0 60px 65px;}
.message .messageWrap .message_top .message_img {position:relative}
.message .messageWrap .message_top .message_img:before{content:"";display:block;width:4px; height:142px;background:#1a90e2;position:absolute;right:76px;top:-90px;}
.message .messageWrap .message_top .message_img_box{width:1393px;box-shadow:7px 7px #1a90e2}
.message .messageWrap .message_top .message_txt{font-size:1.8rem;padding-top: 17px;padding-left: 43px;}
.message .messageWrap .message_top .message_txt .ceo_name{text-align:right;font-weight:bold}
.message .messageWrap .message_top .message_txt .ceo_name .ceo{display:inline-block;vertical-align:middle;padding:100px 0 0 30px;}
/*인사말*/

@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;}
	.message .messageWrap .message_top .message_img_box{width:100%;1box-shadow:7px 7px #1a90e2}
	.message .ceo_img{width:100%;padding:0}
	.message .messageWrap .message_top{width:100%}
	.message .messageWrap .message_top .message_txt{padding:30px 30px 30px 10px;}

}

@media all and (max-width:768px){
	.message .messageWrap .mBox {padding:20px;}
	.message .messageWrap .messageContent .right .rightContent { font-size: 16px;}
	.message .messageWrap .message_top .bg{background: url(../../pages/images/icon_quotes.png) no-repeat; padding:45px 0 10px 25px;}
	.message .messageWrap .message_top .message_img_box{width:100%;box-shadow:7px 7px #1a90e2}
	.message .messageWrap .message_top .message_img:before{content:"";display:block;width:4px; height:60px;background:#1a90e2;position:absolute;right:76px;top:-26px;}




}

/*모토*/
.moto{width:100%;height:100%;padding-top:38px;}
.moto .subWarp .thmb01{ background: url(../../pages/images/moto_bg01.jpg) no-repeat;}
.moto .subWarp .thmb02{ background: url(../../pages/images/moto_bg02.jpg) no-repeat;}
.moto .subWarp .thmb03{ background: url(../../pages/images/moto_bg03.jpg) no-repeat;}
.moto .subWarp .thmb04{ background: url(../../pages/images/moto_bg04.jpg) no-repeat;}

.moto .subWarp .thmb{font-size:38px;color:#fff;width:333px;height:157px;text-align:center;line-height:157px;padding-right:25px;float:left;margin-bottom:30px;}
.moto .subWarp .txt1{width:1067px;height:157px;line-height:157px;float:left;position:relative;background:#ffffff;font-size:2.0rem;padding-left:60px;}
.moto .subWarp .txt1:after{z-index:-1;position:absolute;content:"";bottom:18px;left:5px;width:1058px;top:80%;background:#b3b3b3;box-shadow:0 20px 15px #b3b3b3;transform: rotate(0deg);border-radius:50%}
.moto .clearfix:after{content:"";display:block;clear:both}
.moto .bot_content{padding:78px}
.moto .bot_content .subWarp{width:210px;height:210px;float:left;border:1px solid #969696;border-radius:25px;text-align:center;margin-right:80px;position:relative}
.moto .bot_content .subWarp:before{content:"";display:block;width:9px;height:9px;border-radius:50%;background:#2ea1f3;margin:0 auto;position:absolute;left:48%;top:-4px;}
.moto .bot_content .subWarp .box{font-size:29px;font-weight:bold;color:#2ea1f3;}
.moto .bot_content .subWarp .box:before{display:block;content:"";width:37px;height:1px;background:#2ea1f3;margin:35px auto}


@media all and (max-width:1024px){
.moto .bot_content{padding:78px 10px 78px 10px;}
.moto .bot_content .subWarp{margin-right:14px;margin-left:14px;}
.moto .subWarp .txt1{width:65%}
.moto .subWarp .txt1:after{width:100%;left:0}

}

@media all and (max-width:768px){
.moto .subWarp .txt1{width:100%;margin-bottom:100px;padding-left:0}
.moto .bot_content .subWarp{margin-right:14px;margin-left:14px;float:none;margin:0 auto;margin-bottom:30px;}
.moto .bot_content{padding:50px; 10px 50px 10px}

}



/*모토*/


/*주요고객사*/
.partner {width:100%; height:100%; padding-top: 50px;}
.partner .m_sub {float:left; margin-right:38px; }
.partner .m_sub:nth-child(5n) {margin-right:0px;}
.partner .m_sub .m_subWrap {text-align:center;}
.partner .m_sub .thumb {width: 249px; height: 99px; border:solid 1px #adadad; margin: 0 auto;position:relative}
.partner .m_sub .thumb:before {content:"";display:block;position:absolute;top:-1px;width:38px;height:1px;background:#1a90e2}
.partner .m_sub .thumb img {max-width:100%;}
.partner .m_sub .title {font-size:18px; color:#252525; text-align:center; padding: 10px 0px 30px;}
.partner .m_sub .title span {position: relative;}

@media all and (max-width:1024px){

.partner .m_sub{width:33%;text-align:center;margin-right:0}

}


@media all and (max-width:768px){
.partner .m_sub{width:100%;}
.partner .m_sub .thumb{width:100%;height:100%}
}
/* 중력주조,다이캐스팅, 정밀주조 */

.product_box{width:1400px; margin:0 auto; padding-top:100px;}
.product_box h2{font-size:27px;text-align:center;font-weight:500;padding-top: 16px;padding-bottom:90px;}
.product_box .content .sub{float:left;/*width:33.333%;*/padding-bottom:39px;padding-left:13px;padding-right:13px;}
.product_box .content .right_zero{padding-right:0px;padding-left:26px;}
.product_box .content .left_zero{padding-right:26px;padding-left:0px;}

.product_box .content .sub .subWrap{width:440px;height:557px;background:#dedede;border-top-right-radius:50px;position:relative}
.product_box .content .sub .subWrap .icon_plus{border:1px solid #888888;border-radius:50%;width:33px;height:33px; text-align:center;position:absolute;bottom:26.5%;right:4%}
.product_box .content .sub .subWrap .icon_plus a{font-size:22px;line-height:28px;color:#1964d7;display:block;}
.product_box .content .sub .subWrap .thmb{border-top-right-radius:50px;overflow:hidden}
.product_box .content .sub .subWrap .thmb .icon_plus{z-index:999;font-size:22px;line-height:28px;color:#1964d7;display:block;border:1px solid #888888;border-radius:50%;width:33px;height:33px; text-align:center;position:absolute;bottom:26.5%;right:4%}

.product_box .content .sub .subWrap img {width:100%;height:349px;}
.product_box .content .sub .txt1{font-size:28px;font-weight:bold;padding-top:24px;position: relative;padding-left: 57px;letter-spacing:-1px;}
.product_box .content .sub .font-height{line-height:30px;}
.product_box .content .sub .txt1:before{content:"";position:absolute;top:27px;left: 40px;border-radius:15px;height:35px;width:9px;background:#1a90e2;}
.product_box .content .sub .txt1:after{content:"";position:absolute;top:-8px;left: 43px;height:37px;width:1px;background:#1a90e2;}
.product_box .content .sub .txt2{font-size: 17px;font-weight:100;padding: 23px 20px 20px 30px;line-height: 25px;padding-left: 41px;}
.product_box .content .sub .txt2_height{padding-top:6px;}
.product_box .content .sub .txt2 th{text-align:left;font-weight:bold;padding-bottom:6px;}
.product_box .content .sub .txt2 th.left{/* padding-left:12px; */}
.product_box .content .sub .txt2 td{font-weight:500;padding-bottom:6px;}



@media screen and (max-width: 1024px){
.product_box{width:100%; margin:0 auto;background:url(../../pages/images/product_bg_img.png) no-repeat;background-position: top center;background-size:100%}
.product_box .content .sub{float:left;width:50%;padding-bottom:15px;padding:10px}
.product_box .content .sub .subWrap{width:100%;height:537px;background:#dedede;}
.k_container .product_box .content .sub img{width:100%;height:auto}
.product_box .content .sub .txt2 p{display:inline}
.product_box .content .sub .subWrap .icon_plus{bottom:30.5%}

}
@media screen and (max-width: 768px){
.product_box{background-size:75%; padding-top:0px;}
.product_box .content .sub{float:none;width:100%;padding:10px 0}
.product_box h2{font-size:18px;text-align:center;font-weight:500;padding-top:0px;padding-bottom:30px;}

.product_box .content .sub .subWrap{height:auto;padding-bottom: 30px;background:#dedede}
.product_box .content .sub .subWrap .icon_plus{bottom:34.5%}
.product_box .content .sub .txt2{font-size: 17px;font-weight:100;padding: 23px 0px 0px 0px;line-height: 25px;padding-left: 10px;}
.product_box .content .sub .txt1:after{left:19px;}
.product_box .content .sub .txt1:before{left:15px;}
.product_box .content .sub .txt1{padding-left:30px;font-size:22px}
.product_box .content .sub .txt2 th{text-align:left;font-weight:bold;padding-bottom:6px;font-size:14px;}
.product_box .content .sub .txt2 th.left{/* padding-left:12px; */}
.product_box .content .sub .txt2 td{font-weight:500;padding-bottom:6px;font-size:16px;}

}
/* 중력주조,다이캐스팅, 정밀주조  end*/


/* 반도체/디스플레이/전기차 */
.product_box02{width:1400px; margin:0 auto;padding-top:100px;}
.product_box02 h2{font-size:27px;text-align:center;font-weight:500;padding-top: 16px;padding-bottom:90px;}
.product_box02 .content_02 .sub{float:left;width:50%;padding-bottom:39px;padding-left:13px;padding-right:13px;}
.product_box02 .content_02 .right_zero{padding-right:0px;padding-left:26px;}
.product_box02 .content_02 .left_zero{padding-right:26px;padding-left:0px;}

.product_box02 .content_02 .sub .subWrap{width:100%;background:#dedede;border-top-right-radius:50px;position:relative}
.product_box02 .content_02 .sub .subWrap .icon_plus_bridge{border:1px solid #888888;border-radius:50%;width:33px;height:33px; text-align:center;position:absolute;bottom:18.5%;right:4%}
.product_box02 .content_02 .sub .subWrap .icon_plus_bridge a{font-size:22px;line-height:28px;color:#1964d7;display:block;}
.product_box02 .content_02 .sub .subWrap .thmb{border-top-right-radius:50px;overflow:hidden}
.product_box02 .content_02 .sub .subWrap img {width:100%;}
.product_box02 .content_02 .sub .txt1{font-size:31px;font-weight:bold;padding-top:20px;position: relative;padding-left: 57px;}
.product_box02 .content_02 .sub .subWrap .thmb .icon_plus_bridge{z-index:999;border:1px solid #888888;border-radius:50%;width:33px;height:33px; text-align:center;position:absolute;bottom:18.5%;right:4%;font-size:22px;line-height:28px;color:#1964d7;display:block;}


.product_box02 .content_02 .sub .txt1:before{content:"";position:absolute;top:27px;left: 40px;border-radius:15px;height:35px;width:9px;background:#1a90e2;}
.product_box02 .content_02 .sub .txt1:after{content:"";position:absolute;top:-8px;left: 43px;height:37px;width:1px;background:#1a90e2;}
.product_box02 .content_02 .sub .txt2{font-size: 17px;font-weight:100;padding: 23px 20px 20px 30px;line-height: 25px;padding-left: 41px;}

.product_box02 .content_02 .sub .txt2 th{text-align:left;font-weight:bold;padding-bottom:6px;}
.product_box02 .content_02 .sub .txt2 th.left{/* padding-left:12px; */}
.product_box02 .content_02 .sub .txt2 td{font-weight:500;padding-bottom:6px;}


@media screen and (max-width: 1024px){
.product_box02{width:100%; margin:0 auto;background:url(../../pages/images/product_bg_img.png) no-repeat;background-position: top center;background-size:100%}
.product_box02 .content_02 .sub{float:left;width:50%;padding-bottom:15px;padding:10px}
.product_box02 .content_02 .sub .subWrap{width:100%;height:537px;background:#f1f1f1;}
.k_container .product_box02 .content_02 .sub img{width:100%;height:auto}
.product_box02 .content_02 .sub .txt2 p{display:inline}

}
@media screen and (max-width: 768px){
.product_box02{background-size:75%; padding-top:0px;}
.product_box02 .content_02 .sub{float:none;width:100%}
.product_box02 h2{font-size:18px;text-align:center;font-weight:500;padding-top:0px;padding-bottom:30px;}

.product_box02 .content_02 .sub .subWrap{height:auto;padding-bottom: 30px;}
.product_box02 .content_02 .sub .txt2{padding-left:19px;}
.product_box02 .content_02 .sub .txt1:before{left:19px;}
.product_box02 .content_02 .sub .txt1:after{left:23px;}
.product_box02 .content_02 .sub .txt1{padding-left:40px;}
.product_box02 .content_02 .sub .subWrap .icon_plus_bridge{bottom:37.5%}

}

/* 반도체/디스플레이/전기차 end*/


/*설비현황*/
.facility {}
.facility .facility_movie{position:relative;width:100%;height:700px;}
.facility .facility_movie .movie_01{position:absolute;top:0;left:0;width:750px;}
.facility .facility_movie .movie_01:after{content:"";width: 40px;height:10px;background:#1a90e2;position:absolute;top:0;left:0;}
.facility .facility_movie .movie_01:before{content:"";width:10px;height:35px;background:#1a90e2;position:absolute;left:0px;top:5px;}
.facility .facility_movie .movie_01 .no1:after{content:"";width: 40px;height:10px;background:#1a90e2;position:absolute;bottom: 3px;right: 0px;}
.facility .facility_movie .movie_01 .no1:before{content:"";width:10px;height:30px;background:#1a90e2;position:absolute;right: 0;bottom: 13px;z-index:99}
.facility .facility_movie .movie_01:hover{z-index:999}

.facility .facility_movie .movie_02{position:absolute;bottom:70px;right:0;width:750px;z-index:99}
.facility .facility_movie .movie_02:after{content:"";width: 40px;height:10px;background:#1a90e2;position:absolute;top: 0px;left: 0;}
.facility .facility_movie .movie_02:before{content:"";width:10px;height: 35px;background:#1a90e2;position:absolute;left: 0;top: 5px;}
.facility .facility_movie .movie_02 .no2:after{content:"";width: 40px;height:10px;background:#1a90e2;position:absolute;bottom: 3px;right: 0px;}
.facility .facility_movie .movie_02 .no2:before{content:"";width:10px;height:30px;background:#1a90e2;position:absolute;right: 0;bottom: 13px;}

/* .facility2Wrap .movie_01{width:44.5%;display:inline-block;vertical-align:top} */

.facility .facility1 {width:100%; height:537px; background-size: cover;display:inline-block;}
.facility .facility1_1 {background:url("../../pages/images/facility_top_01.jpg") no-repeat;background-position:center}
.facility .facility1_2 {background:url("../../pages/images/facility_top_02_01.jpg") no-repeat;background-position:center}
.facility .facility1_3 {background:url("../../pages/images/facility_top_03.jpg") no-repeat;background-position:center}
.facility .facility1 .facility1Wrap {width:1400px; margin:0 auto}
.facility .facility2 {width:1400px; margin: 0 auto; padding:90px 0px;}
.facility .facility2 .facility2Wrap {}
.facility .facility2 .facility2Wrap:after {display:block;height:0;content:".";font-size:0;visibility:hidden;clear:both;}
.facility .facility2 .facility2Wrap .sub {float:left;width:333px;margin-left: 31px;margin-top: 20px;}
.facility .facility2 .facility2Wrap .sub1 {float:left;width: 333px;/* margin-left:61px; */margin-top:49px;margin-right:22px;}
.facility .facility2 .facility2Wrap .sub1 img{width:100%}
.facility .facility2 .facility2Wrap .last_sub1 {float:left;width: 333px;/* margin-left:61px; */margin-top:49px;margin-right: 0;}

.facility .facility2 .facility2Wrap .left_sub{width: 74%;margin-left: 0;}
.facility .facility2 .facility2Wrap .sub:nth-child(4n+4) {margin-right:0px; }
.facility .facility2 .facility2Wrap .sub:nth-child(n+5) {}
.facility .facility2 .facility2Wrap .sub .subWrap {}
.facility .facility2 .facility2Wrap .sub .subWrap img {max-width:100%; }

.facility .facility2 .subPage_title2 {font-size: 38px;font-weight: bold;color: #1a90e2;}
.facility .facility2 .facility2Content {margin-top:60px;}
.facility  .table_scroll{overflow:auto}

.facility table.facTb1 {width:100%; clear:both; border-collapse:collapse; border-top:3px solid #292e3d;  margin:0;}
.facility table.facTb1 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;}
.facility table.facTb1 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;}
.facility table.facTb1 th:last-child{border-right:none; }
.facility table.facTb1 td:last-child{border-right:none; }

.facility .facility_measurment {width: 100%;height:537px;background-size: cover;display:inline-block;}

.facility .facility_measurment {background: url(../../pages/images/facility_top_03.jpg) no-repeat;background-position: center;}
.facility .facility1_3 {width:100%; height:537px; background-size: cover;display:inline-block;}
@media( max-width:1024px) {
	.facility .facility1 .facility1Wrap {width: 100%;}
	.facility .facility2 {width: 100%}
	.facility .facility2 .facility2Wrap .sub {width: 50%; margin-right: 0px;padding:5px;}
	.facility .facility2 .facility2Wrap .sub img{width:100%}
	.facility .facility2 .facility2Wrap .sub .subWrap {width:100%; margin:0 auto;}
	.facility .facility_movie .movie_01{position:absolute;top:0;left:0;width:600px}
.facility .facility_movie .movie_01:hover{z-index:999}
.facility .facility_movie .movie_02{position:absolute;bottom:160px;right:0;width:600px}

.facility .facility2 .facility2Wrap .sub1{width:50%;margin-right:0;padding:5px;margin-top:0px;}
.facility .facility2 .facility2Wrap .left_sub{width:100%}
.facility .facility2 .facility2Wrap .sub{margin-left:0}

}
@media( max-width:768px) {
.facility .facility_movie .movie_01{position:absolute;top:0;left:0;width:100%}
.facility .facility_movie .movie_01:hover{z-index:999}
.facility .facility_movie .movie_02{position:absolute;bottom:160px;right:0;width:100%}
.facility .facility1{width:100%;}
.facility .facility1_movie{width:100%}
}

/*전시*/
.exhibition .exhibition_table{clear:both; border-collapse:collapse; width:100%; margin-top:20px; border-top:1px solid #555; }
.exhibition .exhibition_table th{font-size:16px; color:#222; text-align:center; background:#f5f5f5; border-bottom:#cccccc 1px solid;background:#efefef}
.exhibition .exhibition_table td{font-size:16px; color:#222; text-align:left; line-height:30px; padding:10px 10px 10px 30px; background:#FFF; border-bottom:#cccccc 1px solid; border-right:#cccccc 1px solid;}
.exhibition .exhibition_table td.no{border-right:#fff 1px solid;}

.exhibition .top_box h2{font-size:30px;margin:100px 0 30px 0;font-weight:400}


.exhibition .bot_box{margin-top:100px;}
.exhibition .bot_box h2{font-size:30px;margin:0 0 30px 0;font-weight:400}

@media( max-width:768px) {
.exhibition .bot_box{margin-top:50px;}
.exhibition .top_box h2{margin:20px 0 30px 0;}
}

/* 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;}

.company_bot {position: relative;margin-top:100px;}

.company_bot.gray {background: #f6f6f6;}
.company_bot.gray:after {content: '';position: absolute;top:0;bottom:  -100%;left: -100%;right: -100%;background: #f6f6f6;z-index: -1;}

.company_bot .con_txt {padding:0 0 15px;text-align:center;}
.company_bot .con_txt h3 {font-size:36px;font-weight:400;margin-bottom:40px;position: relative;word-break: keep-all;margin-top:100px}
.company_bot .con_txt h3:after {content:""; display:block;width:40px; height:3px; background:#000;position: absolute;bottom:-20px;left:50%;margin-left:-20px;}

.company_bot .con_box {display:table;width:100%;border-collapse: collapse;margin-bottom:100px;margin-top:25px;background:#fff;}
.company_bot .con_box div.con_box_row {display: table-row;}
.company_bot .con_box div.box {display:inline-block;vertical-align: middle;width:50%;border-bottom:1px solid #ddd;padding:10px 0}
.company_bot .con_box div.box.first {border-top:2px solid #1a90e2;}
.company_bot .con_box div.box span.bg {display:inline-block;width:170px;padding:0 15px; color:#333333;font-size:17px;line-height:1.5;font-weight:bold;}
.company_bot .con_box div.box span.bg img {display:inline-block;margin-right:30px;}
.company_bot .con_box div.box span.con {display:inline-block;}
.company_bot .con_box div.box span.con p {color:#666666;font-size:17px;line-height:1.5;}
.rowc ul.grid2 > li.right_txt{font-size:24px;text-align:left;width:48%;padding-top:19px;padding-left:50px;position:relative}
.rowc ul.grid2 > li.right_txt h3:after{display:block;content:"";width:30px;height:2px;background:red;position:absolute;top:52px;}

@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 {position: relative;}
.location .tit{font-size:36px;font-weight:500;text-align:center;padding-top:50px;}

/* .location.gray {background: #f6f6f6;} */
.location.gray:after {content: '';position: absolute;top:0;bottom:  -100%;left: -100%;right: -100%;/* background: #f6f6f6; */z-index: -1;}

.location .con_txt {padding:0 0 15px;text-align:center;}
.location .con_txt h3 {font-size:30px;font-weight:400;margin-bottom:40px;position: relative;word-break: keep-all;margin-top:60px}
.location .con_txt h3:after {content:""; display:block;width:40px; height:3px; background:#000;position: absolute;bottom:-20px;left:50%;margin-left:-20px;}

.location .con_box {display:table;width:100%;border-collapse: collapse;margin-bottom:100px;margin-top:25px;background:#fff;}
.location .con_box div.con_box_row {display: table-row;}
.location .con_box div.box {display:inline-block;vertical-align: middle;width:50%;border-bottom:1px solid #ddd;padding:10px 0}
.location .con_box div.box.first {border-top:2px solid #1a90e2;width:100%}
.location .con_box div.box span.bg {display:inline-block;width:170px;padding:0 15px; color:#333333;font-size:17px;line-height:1.5;font-weight:bold;}
.location .con_box div.box span.bg img {display:inline-block;margin-right:30px;}
.location .con_box div.box span.con {display:inline-block;}
.location .con_box div.box span.con p {color:#666666;font-size:17px;line-height:1.5;}
.rowc{height:400px}

.rowc ul.grid2 > li.map {vertical-align: top;}
.rowc ul.grid2 > li.map img {max-width:100%}

@media( max-width:1024px) {
	.location.gray {padding:10px 0}
	.location .con_txt {padding:20px 0}
	.location .con_txt h3 {font-size:1.5em;}

	.rowc ul.grid2 > li.map {width:100%;margin:0 0 10px 0}

	.location .con_box div.box {display:inline-block;width:100%;}
	.location .con_box div.box.first:last-child {border-top:0 none;}
	.location .con_box div.box span.bg {width:auto;font-size:1.0em;}
	.location .con_box div.box span.bg img {margin-right:10px}
	.location .con_box div.box span.con p {font-size:1.0em;}
	.rowc{height:auto}
		.location .con_txt h3 {font-size:28px;font-weight:400;margin-bottom:40px;position: relative;word-break: keep-all;margin-top:0px}


}

@media( max-width:768px) {
	.location .con_box div.box span.bg {width:auto;padding:0 5px;font-size:18px;}
	.location .con_box div.box span.con {width:auto;}
	.location .con_box div.box span.con p {font-size:16px;}
	.location .con_txt h3 {font-size:28px;font-weight:400;margin-bottom:40px;position: relative;word-break: keep-all;margin-top:0px}
	.root_daum_roughmap .wrap_map {height:300px !important;}


}
.organization {margin:0;padding-top:32px;}
.organization .organizationImg{margin:0 0 0px 0;text-align:center;}
.organization 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;padding-top:32px;}
.history .historyWrap {width:100%;margin-bottom:150px;}
.history .historyWrap:after {display:block;height:0;content:".";font-size:0;visibility:hidden;clear:both;}

.history .historyWrap .left {float:left; width:300px; font-size:34px; color:#1a90e2; }
.history .historyWrap .right {float:left; width:1000px; margin-left:65px; position: relative;}
.history .historyWrap .right:after { content: ""; position: absolute; left: -66px; top: 8px; height: 105%; min-height:200px; width: 1px; border-left: 1px solid #1a90e2; }
.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: #1a90e2; content: ""; border-radius: 8px; }


.history .historyWrap .right .rightSec .year {float:left; font-size:28px; color:#001943; padding-bottom:20px; }
.history .historyWrap .right .rightSec .con {float:left; margin-left: 50px; margin-bottom: 50px; margin-top: 5px;}

.history .historyWrap .right .rightSec .con .con_li {font-size:19px; color:#262626;}
.history .historyWrap .right .rightSec .con .con_li span {font-size:24px; color:#1a90e2; padding-right:25px;}


.history .container_tab .tab_title{margin-bottom:100px; border:1px solid #cecece}
.history .container_tab .tab_title:after{content:"";display:block;clear:both}
.history .container_tab .tab_title li{width:33.333%;float:left;text-align:center;font-size:21px;;border-right:1px solid #cecece;padding:10px 0;cursor:pointer}
.history .container_tab .tab_title li.on{color:#0576bc;background:#f8f8fb}
.history .container_tab .tab_cont .tab_01{display:none;}
.history .container_tab .tab_cont .tab_01.on{display:block;}


.subNavBarInnerWrap.active{position:fixed;/*top:14.9%;*/ top:140px; z-index:9999}


	.history .container_tab .tab_title li:last-child{border-right:none}

@media all and (max-width:1024px){
	.history .container_tab .tab_title {margin-bottom:30px;}

	.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 {margin-left:45px;}
	.history .historyWrap .right:after {left: -25px;  }
	.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: 10px;}
	.history .historyWrap .right .rightSec:before {position: absolute; top: 0px; margin: 8px 0 0 -28px; vertical-align: middle; display: inline-block; width: 8px; height: 8px; background: #1a90e2; content: ""; border-radius: 8px; }
	.history .historyWrap .right { width:100%; }
	.history .historyWrap .right .rightSec .con .con_li {font-size: 16px;line-height: 20px;}
}




.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; }



.catalogue_down{margin-top:10px;}
.catalogue_down li{display:inline-block;vertical-align:middle;font-size:17px;}



@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 }
}

.sub_content {width:100%;position:relative; font-weight:400; word-break: keep-all; color:#656262;font-family: 'Noto Sans KR'; }
.sub_content02 {width:100%;position:relative; padding-bottom:0px; word-break: keep-all;}

.con_wrap {max-width:1400px; width:100%; margin:auto;  position:relative; }
.point {color:#2a7f89;}


@media( max-width:1400px ) {
	.sub_content {width:100%;position:relative; padding:0 10px; }
	.sub_content02 {width:100%;position:relative; padding-bottom:0px;}

}

/*서비스소개*/
.sub_content h3.sub_title02 {color:#000; font-size:5.6rem; width:100%; max-width:1400px; margin:auto; margin-bottom:50px;}

.sub_service_img {width: calc(100% - 14%);height: auto;margin-left:14%;position: relative;}
/* .sub_service_img:before{
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	background: #fff;
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	left: 0;
	-webkit-transition: all 0.8s 0.4s linear;
	transition: all 0.8s 0.4s linear;
	}
 */

.sub_service_img img {border-top-left-radius: 20px;  border-bottom-left-radius: 20px; width:100%;}

@media( max-width:1920px ) {
.sub_service_img {width: calc(100% - 5%);margin-left:5%;}
}


@media( max-width:1400px ) {
.sub_service_img {width: 100%;   margin-left:0%;  }
}

.sub_service_txt {width:100%; position:relative; margin-top:110px;}
.sub_service_txt .service_txt_left {width:460px; font-size:4.6rem; color:#5e1a84;  line-height:1.15; font-weight:bold;}
.sub_service_txt .service_txt_left02{width:330px}
.sub_service_txt .service_txt_left_small{font-size:3.4rem}
.sub_service_txt .service_txt_left_width{width:600px;}


.sub_service_txt .service_txt_left > span {font-size:2.2rem; color:#5f5e5e; display:block; font-weight:600; margin-top:20px; line-height:1.35;}
.sub_service_txt .service_txt_right {width:auto}
.sub_service_txt .service_txt_right02{width:calc(100% - 330px);font-size:1.9rem}
.sub_service_txt .service_txt_right_full{width:100%}

.sub_service_txt .service_txt_right_width {width:calc(100% - 600px);}
.sub_service_txt .service_txt_right > .service_txt01 {font-size:2.0rem; color:#000; margin-bottom:3.0rem;line-height:1.85;}
.sub_service_txt .service_txt_right > .service_txt02 {/* line-height:1.65; */ font-size:1.8rem;}
.sub_service_txt .service_txt_right > .service_txt02 .txt_color{color:#601986}

.sub_service_txt .service_txt_right > .service_txt03 > li { position:relative; font-size:1.8rem; padding-left:15px; margin-bottom:0.5rem; }
.sub_service_txt .service_txt_right > .service_txt03 > li:before {content:''; position:absolute; width:5px; height:1px; background:#656262; left:0; top:12px; }

.sub_service_txt .service_txt_right .ul_list01 > li {font-size:2.0rem; color:#000; margin-bottom:2.0rem;}
.sub_service_txt .service_txt_right .ul_list01 .li_list01 {font-size:1.7rem; margin-top:0.7rem; padding-left:15px; line-height:1.45; color:#656262;}



.sub_service_txt .service_txt_right .ul_list02 > li {font-size:1.8rem; color:#000; margin-bottom:5.0rem;}
.sub_service_txt .service_txt_right .ul_list02 .li_list03 {font-size:1.7rem; margin-top:0.7rem; padding-left:5px; line-height:1.45; color:#656262;}
.sub_service_txt .service_txt_right .ul_list02 .li_list02 {font-size:1.7rem; margin-top:0.7rem; padding-left:5px; line-height:1.45; color:#000;   }

.sub_service_txt .service_txt_right .ul_list02 .ul_list02_box {background:#f8f8f8; padding:2.0rem 3.0rem;  margin-top:2.0rem;}

.sub_service_txt .quarantine_plant02 {max-width:100%;}

.sub_service_txt .service_txt_right .alibaba{margin-top:15px;}
.sub_service_txt .service_txt_right .alibaba li{list-style:disc;margin-left:25px;font-size:1.8rem;color:#000} 

.table_box table tr td .table_ul li{list-style:disc;text-align:left;margin-left:35px;}

.sub_service_txt .transport_three{width:300px;}
.sub_service_txt .transport_three01{width:calc(100% - 300px); }

.sub_service_bottm {width:100%; position:relative; margin-top:110px; display:flex;	justify-content: space-between;}
.sub_service_bottm > div {width:(100% / 3); opacity: 0; margin-right:20px;}
.sub_service_bottm > div:last-child {margin-right:0px;}
.sub_service_bottm > div > img {width:100%; /*border-bottom-left-radius: 20px;*/ border:0px solid #ddd; border-radius:5px;}

.line{width:1400px;height:2px;margin:60px auto;background:#5e1a84;display:block;}
.line2{width:1400px;height:1px;margin:30px auto;background: #4c4c4c;display:block;}

.sub_service_txt .service_txt_right > ul.service_txt01{font-size:1.7rem}
.sub_service_txt .service_txt_right .service_img01 {margin-top:5.0rem; }
.sub_service_txt .service_txt_right .service_img01 img {max-width:100%; }

.sub_service_txt .service_txt_right .service_txt02_title {color:#000; font-size:2.0rem; font-weight:500; margin-bottom:1.0rem;}
.sub_service_txt .service_txt_right .service_txt02 li {margin-bottom:0.7rem;}

.sub_service_txt .service_txt_right > ul.service_txt01 li{list-style:disc;margin-left:24px;color:#626262}
.sub_service_txt .service_txt_right .ser_tit{font-size:2.7rem;color:#5e1a84;margin-bottom:8px;font-weight:500}
.sub_service_txt .service_txt_right .lcl_tit{font-size:2.6rem;margin:50px 0 20px 0px;color:#5e1a84;position:relative;padding-left:20px;}
.sub_service_txt .service_txt_right .lcl_tit:after{content:"";display:block;width:10px;height:10px;background: #5e1a84;border-radius:50%;position:absolute;top:50%;left:0;transform:translateY(-50%)}
.sub_service_txt .service_txt_right .lcl_tit02{font-size:2.6rem;margin:50px 0 20px 0px;color:#5e1a84;position:relative;padding-left:20px;}

/* wrapper */
.service_div{
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 120px;               /* spacing between text & image */
}

/* text block */
.service_div .greeting{
    flex: 1 1 55%;
}

/* image block */
.service_div .trade_img{
    flex: 1 1 45%;
    display: flex;
    justify-content: center;
}

/* image itself */
.service_div .trade_img img{
    width: 400px;             /* keeps your original look */
    height: auto;
    object-fit: contain;
    border-radius: 10px;
    box-shadow: 0 10px 30px rgba(94, 26, 132, 0.45); /* purple tone */
}


/* .table_box{margin-top:70px;} */
.table_box_margin a.txt_color{color:#3d3d3d;font-weight:500;display:block;}
.table_box_margin a.txt_color:hover{color:#5e1a84}
.table_box table{text-align:center;border-top:2px solid #5e1a84;}
.table_box table tr th{border:1px solid #ddd;font-size:1.8rem;padding:25px 0}
.table_box table tr td{border:1px solid #ddd;font-size:1.6rem;padding:20px 0}
.table_box table tr th.border-none{border-left:none;border-right:none}
.table_box table tr td.border-none{border-right:none;text-align:left;padding-left:40px;border-left:none}
.table_box table tr td.on{padding-left:0;text-align:center}
.table_box table tr td.right{padding-left:0;text-align:center;border-right:none}
.table_box table tr td.left{padding-left:20px;text-align:left;border-right:none}
.table_box table tr td.left ul li{margin-bottom:15px;}
.table_box table tr th.on{border-right:1px solid #ddd}

.table_box table tr td.right{padding-left:0;text-align:center;border-right:1px solid #fff}

.table_bigbox table{text-align:center;border-top:2px solid #5e1a84;}
.table_bigbox table tr th{border:1px solid #ddd;font-size:1.8rem;padding:15px 0}
.table_bigbox table tr td{border:1px solid #ddd;font-size:1.6rem;padding:15px 12px}

.table_bigbox table .left{text-align:left}


.table_bigbox table tr th.border-none{border-left:none;border-right:none}
.table_bigbox table tr td.border-none{border-right:none}



.sub_content .food_cont:after{content:"";display:block;clear:both}
.sub_content .sub {float:left;width:33.3%;padding:10px;}
.sub_content .sub .subWrap{}
.sub_content .sub .subWrap .txt01{background:#5e1a84;color:#fff;padding:10px;font-size:19px;}
.sub_content .sub .subWrap .txt02{font-size:19px;margin-top:10px;}

.sub_content .sub02{border:2px solid #5e1a84;font-size:21px;padding:10px;margin:130px 0;text-align:left}


.sub_content .food_cont02 {content:"";display:block;clear:both}
.sub_content .sub03 {float:left;width:50%;padding:10px;text-align:center}
.sub_content .sub03 .subWrap{}
.sub_content .sub03 .subWrap .txt01{background:#5e1a84;color:#fff;padding:10px;font-size:19px;margin-bottom:25px;}
.sub_content .sub03 .subWrap .txt02{font-size:19px;margin-top:10px;text-align:left;padding-left:15px;}

.margin_cont02{float:left;width:100%;margin:75px 0;}
.margin_cont02 .sub{width:100%;}
.margin_cont02 .sub .subWrap .tit{font-size:2.1rem;margin:30px 0;}
.margin_cont02 .cont_table{border-top:2px solid #5e1a84}
.margin_cont02 .cont_table tr th{border:1px solid #ddd;padding:10px;font-size:18px}
.margin_cont02 .cont_table tr td{border:1px solid #ddd;padding:10px;font-size:18px}



@media( max-width:1024px ) {
.margin_cont02{width:100%}
.line{width:100%}
.sub_service_img {height:200px; width:auto;}
.sub_service_img img {border-top-left-radius: 10px;  border-bottom-left-radius: 10px; height:100%; width:auto;}

.sub_content h3.sub_title02 {font-size:3.2rem; margin-bottom:30px;}
.sub_service_txt  {margin-top:50px;}
.sub_service_txt .service_txt_left {width:100%; float:none; font-size:2.8rem;}
.sub_service_txt .service_txt_left br {display:none;}
.sub_service_txt .service_txt_left > span {margin-top:0px; }
.sub_service_txt .service_txt_left > span.pc_only{display:none}
.sub_service_txt .service_txt_right {width:100%; float:none; margin-top:30px;}

.sub_service_txt .service_txt_right > .service_txt01 {font-size:1.8rem; }
.sub_service_txt .service_txt_right > .service_txt01 br {display:none;}
.sub_service_txt .service_txt_right > .service_txt02 { font-size:1.4rem;}

.service_div{
    flex-direction: column;
    gap: 40px;
}

.service_div .trade_img img{
    width: 100%;
    max-width: 420px;
}

.table_box table tr td.on img{width:100%}
}
@media( max-width:768px ) {
.sub_service_bottm {flex-wrap: wrap; margin-top:30px;}
.sub_service_bottm > div {width:100%; margin-right:0; margin-bottom:20px;}
/* .service_div > * {flex: 1 1 100% !important;} */
}
/* 인사말 */
.greeting {margin-bottom:100px;}
.greeting h2{font-size:25px;color:#000;margin:30px 0;}
.greeting p{font-size:21px;margin-bottom:30px;}
.greeting p.employes{font-size:28px;text-align:right}
.greeting .greeting_imgbox:after{content:"";display:block;clear:both}
.greeting .greeting_imgbox li{float:left;width:25%;padding:5px;}
.greeting .greeting_imgbox li img{width:100%}
.greeting .greeting_imgbox li .greeting_imgtxt{padding:10px;}
.greeting .greeting_imgbox02 li {width:16.666%;}
.greeting .greeting_imgbox02 li .greeting_imgtxt{width:200px;height:200px;border:1px solid #5e1a84;border-radius:50%;margin:10px auto;text-align:center;font-size:18px;}
.greeting .greeting_imgbox02 li:nth-child(1) .greeting_imgtxt{padding-top:65px;}
.greeting .greeting_imgbox02 li:nth-child(2) .greeting_imgtxt{padding-top:65px;}
.greeting .greeting_imgbox02 li:nth-child(3) .greeting_imgtxt{padding-top:51px;}
.greeting .greeting_imgbox02 li:nth-child(4) .greeting_imgtxt{padding-top:51px;}
.greeting .greeting_imgbox02 li:nth-child(5) .greeting_imgtxt{padding-top:65px;}
.greeting .greeting_imgbox02 li:nth-child(6) .greeting_imgtxt{padding-top:51px;}
.greeting .bot_font{font-size:21px;margin:30px 0;}
.greeting .bot_font span{color:#5e1a84;font-weight:bold;}
.greeting .bot_font span.txt_logo{vertical-align:bottom}
.greeting .bot_font span.txt_logo img{width:30%}
.greeting .bot_cont{margin-top:70px;}
.greeting .bot_cont:after{content:"";display:block;clear:both}
.greeting .bot_cont li{width:33%;display:inline-block;vertical-align:middle;}
.greeting .bot_cont li .bot_cont_txt{text-align:center;font-size:18px;}
.greeting .bot_cont li:nth-child(1){width:20%;color:#5e1a84;font-weight:bold;padding:0 15px;}
.greeting .bot_cont li:nth-child(2){width:59%;border-right:2px solid #5e1a84;border-left:2px solid #5e1a84;padding:0 30px;}
.greeting .bot_cont li:nth-child(3){width:20%;color:#5e1a84;font-weight:bold;padding:0 15px;}
.greeting .color_font{color:#5e1a84;font-weight:bold;font-size:21px}
.greeting .greeting_imgbox03{margin-bottom:50px;}
.greeting .greeting_imgbox03 li{font-size:19px;}
.greeting .greeting_imgbox04 li{margin-bottom:50px;}
.greeting .purple{background:#5e1a84;width: 50%;}
.greeting .purple .purple_box{padding: 10px 0 30px 30px;}
.greeting .purple .purple_box h1{font-size:38px;color:#ffffff}
.greeting .purple .purple_box ul li{color:#ffffff;line-height:30px;font-size:18px;font-weight:300}
}
@media screen and (max-width: 1024px){

	.greeting .greeting_imgbox li{width:50%}
}
@media screen and (max-width: 768px){

	.greeting p{font-size:16px}
	.greeting .color_font{font-size:16px;}
	.greeting p.employes{font-size:17px;}
	.greeting .bot_font span.txt_logo img{width:60%}
	.greeting{width:100%}
	.greeting h2{font-size:21px;}
	.greeting .greeting_imgbox li{width:100%}
	.greeting .bot_font{font-size:18px;}
	.greeting .bot_cont li:nth-child(1){width:100%}
	.greeting .bot_cont li:nth-child(2){width:100%;border-right:none;border-left:none;margin:30px 0;}
	.greeting .bot_cont li:nth-child(3){width:100%;}
	.greeting .purple{width:100%}
	.greeting .purple .purple_box h1{font-size:21px;}
	.greeting .purple .purple_box ul li{font-size:16px;}
	.greeting .purple .purple_box{padding:30px 0 30px 30px}
}
/* 인사말 */


/* 어린이안전인증 */


.certified_children_box:after{content:"";display:block;clear:both}
.certified_children_box .left_box{float:left;width:60%}
.certified_children_box .left_box .purple{width:85%;background:#5e1a84;color:#fff;margin-bottom:30px;font-size:1.8rem;text-align:center;padding:20px 10px;}
.certified_children_box .right_box{float:left;width:40%}
.certified_children_box .right_box .sub_box{margin-bottom:30px;}
.certified_children_box .right_box .txt01{font-size: 1.9rem;color:#014099} 
.certified_children_box .right_box .txt02{font-size: 1.6rem;}
.sub_service_txt .service_txt_right .child_box02{padding-bottom:30px;}
.sub_service_txt .service_txt_right .child_box02 .sub_tit{font-size: 2.7rem;color:#014099} 
.sub_service_txt .service_txt_right .child_box02 .sub_txt{font-size: 1.9rem;padding-bottom:10px;} 
.sub_service_txt .service_txt_right .child_box02 ul li{font-size:1.7rem;padding-bottom:10px;}
.sub_service_txt .service_txt_right > .child_box ul.check_txt01 li{list-style:disc;margin-left:24px;color:#626262;font-weight:300;font-size:1.6rem;margin-bottom:5px;}
.sub_service_txt .service_txt_right > .child_box .txt01{font-size:2.0rem;margin-bottom:10px;}

.pro_cosmetics_img01{margin-top:50px;}
.mineral_margin{margin:30px 0;}

.sub_service_txt .service_txt_right .child_box {padding-bottom:30px;padding-left:50px;}
.sub_service_txt .service_txt_right .child_box  .ser_tit_icon{font-size:2.7rem;margin-bottom: 10px;font-weight:500;position:relative}
.sub_service_txt .service_txt_right .child_box  .ser_tit_icon:after {content:'';position: absolute; left:-30px; top:13px; width:15px; height:15px; background:#5e1a84; }
.sub_service_txt .service_txt_right .child_box .sub_tit{font-size: 1.9rem;color:#014099} 
.sub_service_txt .service_txt_right .child_box .sub_txt{font-size: 1.6rem;} 

@media( max-width:1024px ) {
.marine_map img{width:100%}
.margin_cont02{width:100%}
.line{width:100%}
.sub_service_img {height:200px; width:auto;}
.sub_service_img img {border-top-left-radius: 10px;  border-bottom-left-radius: 10px; height:100%; width:auto;}

.sub_content h3.sub_title02 {font-size:3.2rem; margin-bottom:30px;}
.sub_service_txt  {margin-top:50px;}
.sub_service_txt .service_txt_left {width:100%; float:none; font-size:2.8rem;}
.sub_service_txt .service_txt_left br {display:none;}
.sub_service_txt .service_txt_left > span {margin-top:0px; }
.sub_service_txt .service_txt_left > span.pc_only{display:none}
.sub_service_txt .service_txt_right {width:100%; float:none; margin-top:30px;}

.sub_service_txt .service_txt_right > .service_txt01 {font-size:1.8rem; }
.sub_service_txt .service_txt_right > .service_txt01 br {display:none;}
.sub_service_txt .service_txt_right > .service_txt02 { font-size:1.4rem;}

/* .table_box table tr td.on img{width:100%} */

}

@media( max-width:768px ) {
.sub_service_bottm {flex-wrap: wrap; margin-top:30px;}
.sub_service_bottm > div {width:100%; margin-right:0; margin-bottom:20px;}
.table_box{overflow:auto}
.table_box table{width:900px;}
.table_bigbox{overflow:auto}
.table_bigbox table{width:900px;}


}


.sub_service_txt .service_txt_right .overseas_icon:after{content:"";display:block;clear:both}
.sub_service_txt .service_txt_right .overseas_icon li{float:left;width:25%;text-align:center}
.sub_service_txt .service_txt_right .overseas_icon li .icon_txt{font-size:19px;margin-bottom:50px;}
.sub_service_txt .service_txt_right .overseas_icon li .num{background:#5e1a84;width:70%;margin:0 auto;font-size:1.9rem;color:#fff;padding:7px;}
.sub_service_txt .service_txt_right .overseas_icon li img{width:50%;margin:10px 0;}


@media( max-width:1024px ) {

.sub_service_txt .service_txt_right .overseas_icon li{width:50%;}
.sub_service_txt .service_txt_right .overseas_icon li .icon_txt{font-size:1.8rem}

}
