/* COMMON */
.ta-c{text-align: center; }

#subWarp{ margin: 0 auto; padding: 0px 0px;}
#subWarp.no_pb{padding-bottom: 0; }
#subWarp .inBox{max-width: 1200px;margin: 0 auto;}

.bigTit{font-size: 32px; font-family:'Montserrat' ; margin-bottom: 45px; }
.title1{color: #d2ae50; font-size: 20px; font-family: 'Montserrat';}
.title2{color: #174195; font-size: 30px; font-family: 'Montserrat';}


/* METAL & FABRIC INTRO */
.joinintro dl{margin: 0; }
.joinintro dd{margin: 0; }

.joinintro article{margin-top: 40px; }
.joinintro article>dl>dt{color: #174195; font-size: 21px; font-family: 'Montserrat', sans-serif !important; margin-bottom: 20px;}
.joinintro article>dl>dd{font-size: 15px; color: #767676; line-height: 2;}
.joinintro article>dl>dd p{margin-top: 20px; }
.joinintro article>dl>dd p:first-child{margin-top: 0; }
.joinintro article>dl>dd .detail dt{font-size: 15px; color: #2d2d2d;}
.joinintro article>dl>dd .detail dd{position: relative; }

.lst_dot ul{}
.lst_dot ul li{padding-left: 10px; position: relative; }
.lst_dot ul li:after{position: absolute; left: 0; top: 13px; width: 2px; height: 2px; -webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px; background-color: #454545; content: "";}
.lst_dot.n2 ul li{ width: 45%; display: inline-block; }

.joinintro article.summary dd{line-height: 1.5;}
.lst_joint{margin: 50px 0; position: relative; }
.lst_joint ul li img{max-width: 100%; }
/* .lst_joint ul li .img{height: 366px; background-repeat: no-repeat; background-position: center center;} */
.lst_joint .bx-pager{position: absolute;  width: 100%; bottom: 6%;  z-index: 300; text-align: center; }
.lst_joint .bx-pager .bx-pager-item{display: inline-block; }
.lst_joint .bx-pager a{display: inline-block; text-indent: -9999px;width: 10px; margin: 0 5px; height: 10px; background-color: rgba(256,256,256,0.5); border-radius:5px; transition: .4s ease; -moz-transition: .4s ease; -webkit-transition: .4s ease; -o-transition: .4s ease;}
.lst_joint .bx-pager a.active{background-color: #d2ae50;  }
article.apply .lst_dot{margin-top: 40px; }


/* CONTACT US */
/* .sub_top_area.contact {background:url(/image/sv_contact.jpg) center top no-repeat; } */
.sub_top_area.contact .in{position: absolute; top: 0; left: 50%; width: 100%; -webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%);		}
.sub_top_area.contact .img img{max-width: 100%; }
.sub_top_area.contact .in{max-width: 1200px; margin: 0 auto; }
.sub_top_area.contact p{text-align: left; }

.contactLoca .title1{margin-bottom: 60px; }
.contactLoca{background: url(/image/bg_contactMap.png) center bottom no-repeat; text-align: center; padding-bottom: 30px; }
.contactLoca .mapArea p{color: #5b5b5b; font-size: 15px;  line-height: 1.5; text-align: left; 	margin: 30px 40px 0 40px; 	}
.contactLoca .mapArea img{max-width: 100%; }
.contactBot{background-color: #f4f4f4;  position: relative; }
.contactBot:after{display: block;clear: both;content: "";}
.contactBot .rgh{width: 51.03%; float: left; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;  }
.contactBot .rgh .c_info{width: 62.5%;  float: right; padding: 8% 0; padding-left: 5.66%; box-sizing:border-box;}
.contactBot .rgh .c_info dl{margin:40px 0 0 0; }
.contactBot .rgh .c_info dl:first-child{margin-top: 0; }
.contactBot .rgh .c_info dt{color: #174195; font-family: 'Montserrat', sans-serif !important; margin-bottom: 20px; font-size: 30px; }
.contactBot .rgh .c_info dd{color: #5b5b5b; font-family: 'Montserrat'; font-size: 15px; line-height: 1.8; margin: 0;padding: 0; }
.contactBot .rgh .c_info dd .mail li{margin-top: 10px; }
.contactBot .rgh .c_info dd .mail li:first-child{margin-top: 0; }
.contactBot .rgh .c_info p{color: #5b5b5b; font-size: 15px; line-height: 1.5; padding-top: 20px; position: relative; margin-top: 40px; }
.contactBot .rgh .c_info p:after{position: absolute; top: 0; left: 0; width: 43px; height: 3px; background-color: #174195;content: "";}
.contactBot .lft{width: 48.97%; position: absolute;top: 0;right: 0; height: 100%;text-align: right;background: url(/image/img_loca.jpg) 30% top no-repeat;-webkit-background-size: cover;background-size: cover;}
.contactBot .lft a{display: block; height: 100%; }


/* Catalolg */
.catalogCont{}
.catalogCont table caption{font-size: 0; line-height: 0; text-indent: -9999px;}
.catalogCont table {border-collapse: collapse;}
.catalogCont .title1{margin-bottom: 40px; }
.catalogCont .title2{margin-bottom: 23px; }
.catalogCont .lst_down ul:after{display: block;clear: both;content: "";}
.catalogCont .lst_down ul{margin-left: -75px; }
 .catalogCont .lst_down ul li{width: calc(50% - 75px); margin-left: 75px;  float: left; }
.catalogCont .tb_download{}
.catalogCont .tb_download table{width: 100%; text-align: left; 	border-bottom: 1px solid  #e2e2e2;}
.catalogCont .tb_download table th,.catalogCont .tb_download table td{height: 60px; border-top: 1px solid  #e2e2e2; padding: 0; margin: 0; }
.catalogCont .tb_download table th{padding: 0 24px; }
.catalogCont .tb_download table th p{padding-left: 14px; position: relative; font-weight: normal; font-size: 15px; text-align: left; 	}
.catalogCont .tb_download table th p:after{position: absolute; left: 0; top: 0; margin-top: 8px; width: 4px; height: 4px; background-color: #8a9094; -webkit-border-radius: 20px;-moz-border-radius: 20px;border-radius: 20px; content: "";}
.catalogCont .tb_download table td{text-align: center; border-left: 1px solid  #e2e2e2;padding: 0 5px;}
.catalogCont .tb_download table td a{display: block; color: #d4b259; font-family: 'Montserrat',; font-weight: 600; font-size: 15px;  }
.catalogCont .tb_download table td a img{vertical-align: middle; margin-left:5px; }

/* SERVICE */
/* .sub_top_area.service{background:url(/image/sv_service.jpg) center top no-repeat; } */
.sub_top_area.service .img img{max-width: 100%; }
.sub_top_area.service .in{position: absolute; width: 100%; top: 0; left: 0; }
.svCont .title1{margin-bottom: 40px; }
.svBox:after{display: block;clear: both;content: "";}
.svBox .rgh{width: 50%; float: left; }
.svBox .rgh > dl{margin-top: 75px; }
.svBox .rgh > dl:first-child{margin-top: 0; }
.svBox .rgh > dl >dt{font-size: 30px;  color: #174195; font-family: 'Montserrat', Sans-serif !important; margin-bottom: 10px; }
.svBox .rgh > dl > dd{font-size: 15px; line-height:1.933em; margin: 0; padding: 0;  color: #5b5b5b;}
.inst_sv {margin-top: 40px; }
.inst_sv dt{color: #174195; font-size: 18px;     line-height: 1.5; }
.inst_sv dd{color: #5b5b5b; font-size: 15px; margin: 0; margin-top: 12px; position: relative; padding-left: 12px; line-height: 1; }
.inst_sv dd:after{position: absolute; left: 0; top:5px; 	width: 4px; height: 4px; background-color: #174195; -webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;content: "";}

.svBox .lft{width: 50%; float: right; }
.svBox .lft .imgWrap{width: 79.16%; float: right; }
.svBox .lft .imgWrap .imgArea{text-align: center; }
.svBox .lft .imgWrap .imgArea img{max-width: 100%; max-height: 100%; }
.svBox .lft .imgWrap .thum_img{margin-top: 2px; margin-left: -8px; }
.svBox .lft .imgWrap .thum_img:after{display: block;clear: both;content: "";}
.svBox .lft .imgWrap .thum_img a{display: block; width: calc(25% - 8px); height: 78px; float: left; margin-left: 8px; margin-top: 8px; }
.svBox .lft .imgWrap .thum_img a.active { border: 3px solid #3a67c1; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.svBox .lft .imgWrap .thum_img a img{width: 100%; height: 100%;	}


/* QUALITY */

/* quality, about 서브탑 공통 */
/* .sub_top_area .lst_svtRolling{height: 100%;}
.sub_top_area .lst_svtRolling .bx-wrapper{height: 100%; }
.sub_top_area .lst_svtRolling .bx-wrapper .bx-viewport{height: 100%; }
.sub_top_area .lst_svtRolling ul,.sub_top_area .lst_svtRolling ul li{height: 100%;} */
.sub_top_area .lst_svtRolling ul li img{max-width: 100%; }
/* .sub_top_area .lst_svtRolling ul li .img{height: 100%; background-repeat: no-repeat;background-position: center center;     background-size: cover;} */
.sub_top_area .lst_svtRolling .bx-pager{position: absolute;  width: 100%; bottom: 40px;  z-index: 300; text-align: center; }
.sub_top_area .lst_svtRolling .bx-pager .bx-pager-item{display: inline-block; }
.sub_top_area .lst_svtRolling .bx-pager a{display: inline-block; text-indent: -9999px;width: 10px; margin: 0 5px; height: 10px; background-color: rgba(256,256,256,0.5); border-radius:5px; transition: .4s ease; -moz-transition: .4s ease; -webkit-transition: .4s ease; -o-transition: .4s ease;}
.sub_top_area .lst_svtRolling .bx-pager a.active{background-color: #d2ae50;  }

.sub_top_area.quality{}
.sub_top_area.quality .in{height: 100%; position: absolute; top: 0; left: 0; width: 100%; z-index: 200; }


/* QUALITY */
.qualityTop{padding: 60px 0 65px 0;}
.qualityCt{background-color: #f8f8f8; padding: 95px 0 105px 0;}
.qualityTop .bx{margin-top: 30px; }
.qualityTop .bx:after{display: block;clear: both;content: "";	}
.qualityTop .bx dl{float: left; width: 55%; margin: 0;}
.qualityTop .bx dl dt{line-height: 1.5; }
.qualityTop .bx dl dd{margin: 0; font-size: 15px; color: #5b5b5b; line-height: 2; margin-top: 30px;}
.qualityTop .bx .img{float: right; margin-right: 10%;  }
.qualityTop .bx .img img{max-width: 100%; }
.qualityCt .title2{margin-bottom: 40px; }
.qualityCt article{margin-top: 115px; }
.qualityCt article:first-child{margin-top: 0; }

.lst_crtifi{margin-top: 70px; }
.lst_crtifi ul:after{display: block;clear: both;content: "";	}
.lst_crtifi ul li{width: 14%; text-align: center; float: left; }
.lst_crtifi ul li img{max-width: 100%; }
.lst_crtifi ul li p{margin-top: 15px; font-size: 15px; color: #5b5b5b; line-height: 1.5;}
.lst_q_certifi ul{margin-left: -74px; }
.lst_q_certifi ul:after{display: block;clear: both;content: "";}
.lst_q_certifi ul li{float: left;  width: calc(33.33% - 74px); margin-left: 74px; text-align: center; }
.lst_q_certifi ul li .img{border: 3px solid  #ececec;}
.lst_q_certifi ul li .img img{max-width: 100%; }
.lst_q_certifi ul li p{margin-top: 15px; font-size: 15px; color: #5b5b5b;}

.qualityCt article.register{}
.qualityCt article.register .bx{}
.qualityCt article.register .bx:after{display: block;clear: both;content: "";}
.qualityCt article.register .bx .big{float: left; width: 35.75%; }
.qualityCt article.register .bx .big .img{border: 3px solid  #ececec; display: inline-block; }
.qualityCt article.register .bx .big img{max-width: 100%;}
.qualityCt article.register .bx .rgh{float: right; padding-top: 26px; width: 60.66%;}
.qualityCt article.register .bx .rgh .top{width: 71.70%; }
.qualityCt article.register .bx .rgh .top img{max-width: 100%; }
.qualityCt article.register .bx .rgh .bot{overflow: hidden; margin-top: 45px;  }
.qualityCt article.register .bx .rgh .bot ul:after{display: block;clear: both;content: "";}
.qualityCt article.register .bx .rgh .bot ul{margin-left: -21px; }
.qualityCt article.register .bx .rgh .bot ul li{float: left; width: calc(33.33% - 21px); margin-left: 21px; text-align: center; }
.qualityCt article.register .bx .rgh .bot ul li .img{border: 3px solid  #ececec; display: inline-block; }
.qualityCt article.register .bx .rgh .bot ul li .img img{max-width: 100%; }
.qualityCt article.register .bx .rgh .bot ul li p{font-size: 15px; margin-top: 15px; }


@media (max-width: 1500px){

	#subWarp{padding: 10% 0px;}
	#subWarp .inBox{ padding: 0 3%; box-sizing: border-box;}

	/* CONTACT US */
	.contactBot .rgh .c_info{width: 100%; }

}


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

	/* METAL & FABRIC INTRO */
	.joinintro article>dl>dd{line-height: 1.8; 	}

	/* Catalolg */
	.catalogCont .lst_down ul{margin-left: -25px;}
	.catalogCont .lst_down ul li{width: calc(50% - 25px); margin-left: 25px; }

	/* SERVICE */
	.svBox .lft .imgWrap{width: 95%; }

	/* QUALITY */
	.qualityTop .bx .img{margin-right: 3%}

}

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

	/* QUALITY */
	.lst_crtifi ul{margin-top: -20px; }
	.lst_crtifi ul li{width: 20%; margin-top: 20px; }


}
@media all and (max-width:860px) {
	.title1{font-size: 15px; }
	.title2{font-size: 25px; }
	.bigTit{font-size: 27px; margin-bottom: 25px; }

	/* METAL & FABRIC INTRO */
	.joinintro article{margin-top: 25px; }
	.joinintro article>dl>dt{font-size: 18px; margin-bottom: 10px; }
	.joinintro article>dl>dd{line-height: 2;  font-size: 13px; 	}
	.joinintro article>dl>dd .detail dt{font-size: 13px; }
	.lst_joint{margin: 20px 0; }
	article.apply .lst_dot{margin-top: 20px; }
	.lst_dot.n2 ul li{width: 100%; }

	/* Catalolg */
	.catalogCont .title1{margin-bottom: 20px;}
	.catalogCont .title2{margin-bottom: 18px;}

	.catalogCont .lst_down ul li{width: 100%; float: none; margin-top: 40px; margin-left: 0; 	}
	.catalogCont .lst_down ul li:first-child{margin-top: 0; }
	.catalogCont .lst_down ul{margin: 0px;}
	.catalogCont .tb_download table th, .catalogCont .tb_download table td{height: 40px; }
	.catalogCont .tb_download table th {padding: 10px 14px;}

	/* SERVICE */
	.svBox .lft{float: none;margin: 0 auto; width: 80%;}
	.svBox .lft .imgWrap .thum_img a{width:calc(20% - 8px)}
	.svBox .lft .imgWrap{float: none; margin: 0 auto; }
	.svBox .rgh{float: none; margin-top: 50px; width: 100%; }
	.svBox .rgh > dl{margin-top: 45px; }
	.svBox .rgh > dl >dt{font-size: 25px; }
	.svBox .rgh > dl > dd{font-size: 13px; }
	.inst_sv {margin-top: 20px;}
	.inst_sv dt{font-size: 16px; }
	.inst_sv dd{font-size: 13px; }
	.inst_sv dd:after{top: 3px; }

	/* QUALITY */
	.qualityCt .title2{margin-bottom: 20px; }
	.qualityTop{padding: 50px 0; }
	.qualityTop .bx .img{float: none; width: 100%;text-align: center;  }
	.qualityTop .bx dl{float: none; width: 100%; margin-top: 30px;  }
	.qualityTop .bx dl dd{margin-top: 20px; font-size: 13px;}
	.qualityCt{padding: 50px 0; }
	.lst_crtifi{margin-top: 40px; }
	.lst_crtifi ul li{ width: 33.33%; padding: 0 10px; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; }
	.lst_crtifi ul li p{font-size: 13px; }
	.qualityCt article{margin-top: 70px;}
	.lst_q_certifi ul{margin-left: -10px; }
	.lst_q_certifi ul li{width: calc(33.33% - 10px); margin-left: 10px;}
	.lst_q_certifi ul li p{font-size: 14px; line-height:1.4;}
	.qualityCt article.register .bx .big{float: none; width: 100%; text-align: center; margin: 0 auto; }
	.qualityCt article.register .bx .rgh .top{margin: 0 auto; width: 60%; min-width: 350px; }
	.qualityCt article.register .bx .rgh{float: none; width: 100%; text-align: center; }
	.qualityCt article.register .bx .rgh img{max-width: 100%; }
	.qualityCt article.register .bx .rgh .bot ul{margin-left: -10px; }
	.qualityCt article.register .bx .rgh .bot ul li{width: calc(33.33% - 10px); margin-left: 10px; }
	.qualityCt article.register .bx .rgh .bot ul li p{font-size: 13px; }

	.sub_top_area .lst_svtRolling .bx-pager{bottom: 10px;}

	/* CONTACT */
	.sub_top_area.contact p{padding-right: 15px; }
	.contactLoca .mapArea p{margin: 30PX 0 0; font-size: 13px; }
	.contactBot .rgh .c_info dl{margin: 25px 0 0 0;}
	.contactBot .rgh .c_info dt{font-size: 25px; margin-bottom: 10px; }
	.contactBot .rgh .c_info dd{font-size: 13px; }
	.contactBot .rgh .c_info p{font-size: 13px; }
	.contactBot .lft{position: inherit;top: inherit;right: inherit;width: 100%;height: 40%;min-height: 250px;text-align: left;background-position: left center;}
	.contactBot .rgh{float: none;width: 100%; }
	.contactBot .rgh .c_info{padding: 50px 7%; float: none; }
}

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

@media all and (max-width:670px) {
	.title1{font-size: 13px; }
	.title2{font-size: 20px; }

	/* METAL & FABRIC INTRO */
	.lst_joint ul li .img{height: 280px;}

	/* Catalolg */
	.catalogCont .tb_download table col:nth-child(2){width: 130px !important;}
	.catalogCont .tb_download table td a{font-size: 13px; }
	.catalogCont .tb_download table td img{width: 12px;}
	.catalogCont .tb_download table th p{font-size: 13px; }

	/* SERVICE */
	.svBox .lft{float: none;margin: 0 auto; width: 100%;}
	.svBox .lft .imgWrap .thum_img a{width:calc(25% - 8px)}
	.svBox .rgh > dl >dt{font-size: 20px; }

	/* QUALITY */
	.lst_crtifi ul li img{width: 60%; margin: 0 auto; }

	/* CONTACT */
	.contactBot .rgh .c_info{padding:30px 5% 50px;	}
	.contactBot .rgh .c_info dt{font-size: 20px; }
	.contactBot .rgh .c_info dd .mail li{margin-top: 0; }
	.contactBot .rgh .c_info p{margin-top: 20px;}
}

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

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