@charset "utf-8";

@media screen and (max-width: 1800px){
	.TotalMenuRightSub:before {content: ""; position:absolute; top:0; height: 100%; width: 1px; border-left:0px !important;}
}

.wid_1500 {width:100%; max-width:1500px; margin:auto; height:100%;}

@media screen and (max-width: 1500px){
	.wid_1500 {padding:0 10px;}

}

.mg_t0 {margin-top:0px!important;}
.mg_t10{margin-top:10px;}
.mg_t20{margin-top:20px;}
.mg_t30{margin-top:30px;}
.mg_t40{margin-top:40px;}
.mg_t50{margin-top:50px;}
.mg_t80{margin-top:80px;}
.mg_t100{margin-top:100px;}
.mg_t120{margin-top:120px;}

.mg_t120{margin-top:120px;}

.mg_b10{margin-bottom:10px;}
.mg_b20{margin-bottom:20px;}
.mg_b30{margin-bottom:30px;}
.mg_b40{margin-bottom:40px;}
.mg_b50{margin-bottom:50px;}
.mg_b80{margin-bottom:80px;}
.mg_b100{margin-bottom:100px;}

.b {font-weight:bold;}


/*회사개요*/
.company .com2 {background: url(../../pages/images/company_bg01.jpg) no-repeat center / cover;    background-position: right;/* margin-top: 10.5rem; */}
.company .com2 .com2_wrap {padding: 10.5rem 0 ;}
.company .com2 .tit {font-size: 4.0rem;color: #fff;font-weight: 800;text-align: center;line-height: 1.3;}
.company .com2 .cont {display: flex;flex-wrap: wrap;margin-top: 6.0rem;}
.company .com2 .cont .sub {width: calc((100% - 9.0rem) / 3);margin-right: 4.5rem;margin-bottom: 4.5rem;background: #fff;border-radius: 2.0rem;display: flex;flex-direction: column;align-items: center;justify-content: center;padding: 6.3rem 2rem;text-align: center;}
.company .com2 .cont .sub:nth-child(3n) {margin-right: 0;}
.company .com2 .cont .sub .ico {width: 6.5rem;aspect-ratio: 1;}
.company .com2 .cont .sub1 .ico {background: url(../../pages/images/company_2_ico_01.png) no-repeat center / contain;}
.company .com2 .cont .sub2 .ico {background: url(../../pages/images/company_2_ico_02.png) no-repeat center / contain;}
.company .com2 .cont .sub3 .ico {background: url(../../pages/images/company_2_ico_03.png) no-repeat center / contain;}
.company .com2 .cont .sub4 .ico {background: url(../../pages/images/company_2_ico_04.png) no-repeat center / contain;}
.company .com2 .cont .sub5 .ico {background: url(../../pages/images/company_2_ico_05.png) no-repeat center / contain;}
.company .com2 .cont .sub6 .ico {background: url(../../pages/images/company_2_ico_06.png) no-repeat center / contain;}
.company .com2 .cont .sub7 .ico {background: url(../../pages/images/company_2_ico_07.png) no-repeat center / contain;}
.company .com2 .cont .sub8 .ico {background: url(../../pages/images/company_2_ico_08.png) no-repeat center / contain;}
.company .com2 .cont .sub .txt1 {font-size: 2.0rem;color: #112c88;font-weight: 700;padding-top: 1.5rem;}
.company .com2 .cont .sub .txt2 {font-size: 2.0rem;color: #333333;font-weight: 700;padding-top: 1.2rem;}

@media screen and (max-width: 1400px){
	.company .com1 .sub {width: calc((100% - 4.0rem) / 3);margin-right: 2.0rem;}
	.company .com1 .sub3 {margin-right: 0rem;}

	.company .com2 .cont .sub {width: calc((100% - 4.0rem) / 3);margin-right: 2.0rem;margin-bottom: 2.0rem;}
}

@media screen and (max-width: 1200px){
	.company .com2 .cont .sub .txt2{font-size:1.8rem;}


}


@media screen and (max-width: 1024px){
	.company .com2 .cont .sub {width: calc((100% - 2.0rem) / 2);}
	.company .com2 .cont .sub:nth-child(3n) {margin-right: 2.0rem;}
	.company .com2 .cont .sub:nth-child(2n) {margin-right: 0;}
}

@media screen and (max-width: 600px){
	.company .com1 {flex-direction: column;}
	.company .com1 .sub {width: 100%;max-width: 43.5rem;margin: 0 auto;margin-bottom: 1.0rem;}
	.company .com2 .cont .sub {width: 100%;margin-right: 0;}
	.company .com2 .cont .sub:nth-child(3n) {margin-right: 0rem;}
}



/*인사말*/
.message{}
.message .message_cont{display:flex;margin-top:50px;border-bottom:1px solid #ddd}
.message .message_cont .left{font-size:3.4rem;font-weight:700;width:30%}
.message .message_cont .right{width:70%}
.message .message_cont .right p{font-size:1.8rem;margin-bottom:2.0rem;color:#666666;line-height:1.7}
.message .message_cont .right p.ceo_name{text-align:right;font-size:2.1rem;color:#000}
.message .message_cont .right p.ceo_name span{font-weight:bold}

@media( max-width:1200px) {

.message .message_bg img{width:100%}
}

@media( max-width:1024px) {
.message{padding:0 10px;}
.message .message_cont{display:block;}
.message .message_cont .left{width:100%;margin-bottom:30px;font-size:2.6rem}
.message .message_cont .right{width:100%;}

}

@media( max-width:768px) {
.message .message_cont .left{font-size:2.6rem}

}



/*연혁*/
.history{}
.history .history_wrap{}
.history .history_wrap .history_bg{}

.sub_inner_wrap {position:relative; z-index:1;  background:#fff; border-radius: 100px 100px 0 0; max-width:1400px; margin:0 auto; padding:100px 130px 0 130px;  }
.sub_inner {width:100%; position:relative; display:flex; flex-wrap:wrap;}
.history_bg  {display:flex;align-items: center;justify-content: center;text-align:center;background: url(../../pages/images/history_bg.jpg) no-repeat center / contain;width:100%;height:350px;font-size:2.6rem;color:#fff}

.history_title {width:320px;}
.history_contents {position:relative; width:calc(100% - 320px); }
.history_contents:before {content:""; position: absolute; top: 10px; left:0; width:1px; height:100%; background:#ddd;}
.sub_inner h3 {font-size:4.0rem;line-height:1;color:#112c88}
.history_contents dl {position:relative;  display:flex; margin-bottom:4.5rem;}
.history_contents dl:before {content:"";position: absolute;top: 10px;left: -9px;width:20px;height:20px;border:6px solid #fff;border-radius:50%;background: #112c88;}
.history_contents dl:first-child {margin-top:0px;}
.history_contents dl dt {font-size:2.6rem;color:#333; font-weight:bold; width:200px; padding-left:60px; line-height:1.5}
.history_contents dl dd {color:#777; font-size:1.8rem; width:calc(100% - 200px);}
.history_contents dl dd ul li {line-height:2;margin-bottom:10px;}
.history_contents dl dd ul li span{color:#000;font-weight:bold;margin-right:30px;}

@media( max-width:1024px) {
.history_bg{background:url(../../pages/images/history_bg.jpg) no-repeat center / cover;background-position: 66%;}
.history_title {width:100%;}
.history_title h3 {font-size:4.2rem;margin-top:50px;}
.history_title h3 br {display:none;}
.history_contents {width:100%; margin-top:5.0rem;}
.sub_inner_wrap{padding:10px}

}

@media( max-width:768px) {

.history_contents dl dt {width:100%; padding-left:40px;}
.history_contents dl dd {color:#777; font-size:1.8rem; width:100%;padding-left:40px;}
.history_title h3{font-size:4.2rem}
.history_contents dl{display:block;}
}

/*비전*/
.vision .vision_bg{background:url(../../pages/images/vision_bg.jpg);width:100%;height:350px;}
.vision .vision_bot{background:#fff;border-radius:100px;padding: 47px 0 100px 0;}
.vision .vision_bot .vision_cont{width:1200px;margin:0 auto;}
.vision .vision_bot .vision_cont .message_txt{font-size:2.0rem;line-height:2;color:#666666}
.vision .vision_bot .vision_cont .vision_tit{text-align:center;font-size:4.2rem;padding-bottom:70px;}
.vision .vision_bot .vision_cont .vision_sub{display:flex;justify-content: space-between;}
.vision .vision_bot .vision_cont .vision_sub .sub{width:48%}
.vision .vision_bot .vision_cont .vision_sub .sub img{width:100%}
.vision .vision_bot .vision_cont .vision_sub .sub .txt01{font-size:2.8rem;font-weight:bold;padding:30px 0 20px 0;}
.vision .vision_bot .vision_cont .vision_sub .sub .txt02{font-size:1.8rem;color:#666666;line-height:1.45}


@media screen and (max-width: 1400px){
.vision .vision_bot{width:100%;padding:80px 50px;}
.vision .vision_bg{background-position:center}
}

@media screen and (max-width: 1200px){
.vision .vision_bot .vision_cont{width:100%}

.vision .vision_bot .vision_cont .bot_cont{flex-wrap:wrap;}
.vision .vision_bot .vision_cont .bot_cont .box{width:50%;background-position:center}
}

@media screen and (max-width: 1024px){
.vision{margin-top:50px;}
.vision .vision_bot{padding:80px 20px;}
}

@media screen and (max-width: 768px){
.vision .vision_bot{margin:0 auto;padding:30px 20px;}
.vision .vision_bot .vision_cont .vision_tit{padding-bottom:30px;font-size:3.2rem;}
.vision .vision_bot .vision_cont .vision_sub .sub .txt01{font-size:2.6rem;padding:20px 0 10px 0}
.vision .vision_bot .vision_cont .vision_sub .sub .txt02{font-size:1.6rem}
.vision .vision_bot .vision_cont .vision_sub .sub{width:100%;margin-bottom:50px;}
.vision .vision_bot .vision_cont .vision_sub{flex-wrap:wrap}
.vision .vision_bot .vision_cont .bot_cont .box{width:100%;margin-bottom:30px}
.vision .vision_bg{height: 200px; background-size: cover;}
}




/*조직도*/
.organization{text-align:center}

@media( max-width:768px) {

.organization img{width:100%}

}

/*제품소개*/
.pipe .pipe_cont h1{font-size:3.0rem;margin-bottom:50px;}
.pipe .pipe_cont h1 span{border-bottom:3px solid #000}
.pipe .pipe_cont .pipe_top{display:flex;justify-content:space-between;align-items:center;}
.pipe .pipe_cont .pipe_top02{display:flex;justify-content:center;align-items:center;}
.pipe .pipe_cont .pipe_top .pipe_top_left{width:55%}
.pipe .pipe_cont .pipe_top .pipe_top_left02{width:40%}
.pipe .pipe_cont .pipe_top .pipe_top_left img{width:100%;}
.pipe .pipe_cont .pipe_top .pipe_top_right{width:45%}
.pipe .pipe_cont .pipe_top .pipe_top_right02{width:57%}
.pipe .pipe_cont .right_txt {padding-left:80px}
.pipe .pipe_cont .right_txt li {padding-left:15px; position: relative; margin-bottom:1rem;}
.pipe .pipe_cont .right_txt li:before {display: block;content: "";position: absolute;top: 12px;left: 0;width: 4px;height: 4px; background: #112c88;border-radius:50%;}

.spec_vn{margin:50px 0 100px 0;}
.spec_vn .tit{font-size:2.6rem;color:#112c88;font-weight:bold;margin-bottom:10px;}
.spec_vn .tit01{font-size:2.1rem;margin-bottom:5px;}

.ma_ta_txt{font-size:1.6rem;color:#777777}


@media( max-width:1200px) {

.ma_table_scroll{overflow-x:scroll;}

}

@media( max-width:1024px) {
.pipe .pipe_cont .pipe_top{flex-wrap: wrap;}
.pipe .pipe_cont .pipe_top .pipe_top_left{width:100%;margin-bottom:20px;}
.pipe .pipe_cont .right_txt{padding-left:0}
.pipe .pipe_cont .pipe_top .pipe_top_right{width:100%;}
.pipe{padding:0 10px;}
}

@media( max-width:768px) {
.ma_ta_txt{margin-bottom:30px;}
.pipe .pipe_cont .pvc_top .pvc_img img{width:100%}

}

/*커플러리스트*/
.product .products_wrap{display:flex;flex-wrap:wrap;justify-content: space-between;;}
.product .products_wrap .products_sub{width:32%;/* margin-right:18px;margin-bottom:18px; */}
.product .products_wrap .products_sub:nth-child(3){margin-right:0}
.product .products_wrap .products_sub  img{width:100%}
.product .products_wrap .products_sub  a{display:block;border:1px solid #aaaaaa;position:relative}
.product .products_wrap .products_sub  a .txtBox{padding:35px;border:1px solid #ddd;}
.product .products_wrap .products_sub  a .txtBox h2{color:#333333;position:relative}
.product .products_wrap .products_sub  a .txtBox h2:after{content:"";display:block;background:url(../img/product_icon01.png) no-repeat;width:40px;height:40px;position:absolute;top:-3px;right:0;transition:.1s}

.product .products_wrap .products_sub  a .top {display: block;content: "";width: 0;height: 3px;background: #001370;position: absolute;left: 0;top: -1px;z-index: 1;transition: all 0.2s 0.2s ease-out;}
.product .products_wrap .products_sub  a .right {display: block;content: "";width: 0;height: 3px;background: #001370;position: absolute;right: 0;bottom: -1px;z-index: 1;transition: all 0.2s 0.2s ease-out;}
.product .products_wrap .products_sub  a .bottom {display: block;content: "";width: 3px;height: 0;background: #001370;position: absolute;left: -1px;bottom: 0;z-index: 1;transition: all 0.2s 0.0s ease-out;}
.product .products_wrap .products_sub  a .left {display: block;content: "";width: 3px;height: 0;background: #001370;position: absolute;right: -1px;top: 0;z-index: 1;transition: all 0.2s ease-out;}
.product .products_wrap .products_sub  a:hover .top {width: 100%;transition: all 0.2s 0s ease-out;}
.product .products_wrap .products_sub  a:hover .right {width: 100%;transition: all 0.2s 0s ease-out;}
.product .products_wrap .products_sub  a:hover .bottom {height: 100%;transition: all 0.2s 0.2s ease-out;}
.product .products_wrap .products_sub  a:hover .left {height: 100%;transition: all 0.2s 0.2s ease-out;}
.product .products_wrap .products_sub  a:hover .txtBox h2:after{background:url(../img/product_icon01_on.png) no-repeat;}
.product .products_wrap .products_sub  a:hover{box-shadow:10px 10px 10px #dddddd;transition: all 0.2s 0s ease-out;}

@media( max-width:1024px) {

.product .products_wrap .products_sub{width:47%;margin-bottom:46px;}
.product .products_wrap .products_sub:nth-child(2){margin-right:0}

}

@media( max-width:768px) {

.product .products_wrap .products_sub{width:100%}

}



/*인증현황*/

.certification .cert:after {display:block;height:0;content:".";font-size:0;visibility:hidden;clear:both;}
.certification .cert .certImg {}
.certification .cert .certImg:after {display:block;height:0;content:".";font-size:0;visibility:hidden;clear:both;}
.certification .cert .certImg .sub {float: left; width:24%; margin-right:18px; margin-bottom: 30px;}
.certification .cert .certImg .sub:nth-child(4n) {margin-right:0;}
.certification .cert .certImg .sub .thumb {border:solid 1px #e5e5e5;background:#fafafa; text-align: center;padding:49px;}
.certification .cert .certImg .sub .thumb img {max-width:100%;box-shadow:1px 10px 25px rgb(0 0 0 / 20%)}
.certification .cert .certImg .sub .title {font-size:1.7rem; color:#333333; text-align:center;border-bottom:1px solid #ddd;padding:30px 0; }
.certification .cert .certImg .sub .title01 {padding:17px 0 18px 0;}


/*제조설비 현황*/
.manufacturing_equipment{}
.manufacturing_equipment .top_img{display:flex;flex-wrap:wrap;justify-content: space-between;}
.manufacturing_equipment .top_img .ma_img{border:1px solid #ddd;margin-bottom:20px;}
.manufacturing_equipment .top_img .ma_img img{width:100%;}





.coupler_a7 .pipe_cont h1{font-size:3.0rem;margin-bottom:50px;}
.coupler_a7 .pipe_cont h1 span{border-bottom:3px solid #000}
.coupler_a7 .pipe_cont .pipe_top{margin-bottom:100px;}
.coupler_a7 .pipe_cont .pipe_top .pipe_top_left{width:100%}
.coupler_a7 .pipe_cont .pipe_top .pipe_top_left img{width:100%;}
.coupler_a7 .pipe_cont .pipe_top .pipe_top_right{width:100%}
.coupler_a7 .pipe_cont .pipe_top .pipe_top_right .right_txt{margin-top:20px;}
.coupler_a7 .pipe_cont .pvc_top{display:flex;justify-content: center;align-items:center;border:1px solid #ddd;padding:70px 0;margin-bottom:30px;}


.coupler_a7 .a_flex{margin:50px 0 100px 0;/* display:flex */}
.coupler_a7 .a_flex .tit{font-size:2.6rem;color:#112c88;font-weight:bold;margin-bottom:10px;}
.coupler_a7 .a_flex .a_flex_wr{margin-bottom:80px;}

.coupler_a7 .pipe_cont .right_txt li {padding-left:15px; position: relative; margin-bottom:1rem;}
.coupler_a7 .pipe_cont .right_txt li:before {display: block;content: "";position: absolute;top: 12px;left: 0;width: 4px;height: 4px; background: #112c88;border-radius:50%;}




@media( max-width:1024px ) {

.coupler_a7 .pipe_cont .pvc_top .pvc_img img{width:100%}
}

@media( max-width:768px ) {

.coupler_a7 .pipe_cont h1{font-size:2.4rem;}


}

/*오시는길*/
.location_map {width:100%; position:relative;}
.location_txt {padding-left:100px;}
.loaction_box {width:100%; padding:50px 70px; /* color:#fff; */ /* background:#292982; */ margin:50px 0; border: 1px solid #b9b9b9; /* border-top: 0; */display:flex;align-items: center;}
.loaction_box .location_tit  {font-size:3.8rem; margin-bottom:40px;  font-weight:bold;}
.loaction_box .location_txt dl { float:left; margin-right:100px; }

.loaction_box .location_txt dl dt {font-size:2.0rem; font-weight:600; width:50px; display: inline-block;}
.loaction_box .location_txt dl dd {font-size:1.9rem; display: inline-block;  /* color:#b5b5e9; */ }

.loaction_box .location_txt dl:before {display: inline-block; vertical-align: middle; margin-right: 14px; margin-top: -10px;  }



@media( max-width:1024px ) {
.location_map {padding-top:50px;}
.loaction_box {position:relative;  padding:25px 50px; margin-bottom:0px;}

.loaction_box .location_txt dl dt {font-size:16px; }
.loaction_box .location_txt dl dd {font-size:16px;  }
.loaction_box .location_txt dl {width:100%; margin-bottom:7px;margin-right:0}
.location_txt{padding-left:200px;}
}

@media( max-width:768px ) {
.location_map {width:100%; position:relative; height:350px!important;}
.loaction_box {display:block;width:100%; padding:25px 20px; margin-bottom:0px;}

.loaction_box .location_txt dl dt {font-size:15px; }
.loaction_box .location_txt dl dd {font-size:14px;  }

.loaction_box .location_tit{text-align:center}
.location_txt{padding-left:0}


}