@charset "utf-8";


.mar_bot100{margin-bottom:10.0rem}


@media screen and (max-width: 1600px){

}
@media screen and (max-width: 1400px){
 
}
@media screen and (max-width: 1024px){

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

}
.company{}
.company .company_wrap{}
.company .company_wrap .company_bg{display:flex;align-items:center;justify-content: center;max-width:180.0rem;width:100%;margin:0 auto;height:45.0rem;background:url(../../pages/images/company_bg.jpg) no-repeat 50% 50%;}
.company .company_wrap .company_bg .bg_tit{text-align:center;font-size:3.6rem;line-height:1.5;color:#fff;font-weight:600}
.company .company_wrap .company_cont{}
.company .company_wrap .company_cont .cont01_sub{justify-content: space-between;}
.company .company_wrap .company_cont .cont01_sub .sub{transition:.5s;width:24%;background:#fff;display:flex;flex-direction: column;justify-content: center;padding: 0 5rem;height:25.0rem;margin-bottom:2.0rem;box-shadow: 5px 5px 10px rgba(0, 0, 0, .03);}
.company .company_wrap .company_cont .cont01_sub .sub:hover{border-radius:3.0rem;}
.company .company_wrap .company_cont .cont01_sub div.company_logo{background:#fff url(../../pages/images/company_logo.png) no-repeat 50% 50%;}
.company .company_wrap .company_cont .cont01_sub .sub .icon{margin-bottom:3.0rem;}
.company .company_wrap .company_cont .cont01_sub .sub .txtbox {text-align:right}
.company .company_wrap .company_cont .cont01_sub .sub .txtbox .txt01{font-size:2.4rem;font-weight:bold;margin-bottom:1.0rem;color:#3163b7}
.company .company_wrap .company_cont .cont01_sub .sub .txtbox .txt02{font-size:1.9rem;}


.company .company_wrap .company_cont .cont02_sub .cont02_tit{text-align:center;font-size:3.4rem;font-weight:700;margin-bottom:5.0rem}
.company .company_wrap .company_cont .cont02_sub .cont02_img{display:flex;flex-wrap:wrap;justify-content: center;}
.company .company_wrap .company_cont .cont02_sub .cont02_img .imgbox{width:23%;height:350px;margin:0.8rem;position:relative;overflow:hidden}
.company .company_wrap .company_cont .cont02_sub .cont02_img .img{width:100%;height:100%;position:relative;overflow:hidden;transition:.5s}

.company .company_wrap .company_cont .cont02_sub .cont02_img .img:after{width: 100%;height: 100%;content: ""; display: block;background: rgba(0, 0, 0, .5);position: absolute;top: 0; left: 0;}
.company .company_wrap .company_cont .cont02_sub .cont02_img .txt01{position:absolute;z-index:999;font-size:2.8rem;color:#fff;font-weight:600;text-align:center;top: 50%;left: 50%; transform: translate(-50%, -50%);}
.company .company_wrap .company_cont .cont02_sub .cont02_img .imgbox:hover .img{transform: scale(1.1);}

.company .company_wrap .company_cont .cont02_sub .cont02_img .img01{background:url(../../pages/images/company_img01.jpg) no-repeat 50% 50%;background-size: cover;}
.company .company_wrap .company_cont .cont02_sub .cont02_img .img02{background:url(../../pages/images/company_img02.jpg) no-repeat 50% 50%;background-size: cover;}
.company .company_wrap .company_cont .cont02_sub .cont02_img .img03{background:url(../../pages/images/company_img03.jpg) no-repeat 50% 50%;background-size: cover;}
.company .company_wrap .company_cont .cont02_sub .cont02_img .img04{background:url(../../pages/images/company_img04.jpg) no-repeat 50% 50%;background-size: cover;}
.company .company_wrap .company_cont .cont02_sub .cont02_img .img05{background:url(../../pages/images/company_img05.jpg) no-repeat 50% 50%;background-size: cover;}
.company .company_wrap .company_cont .cont02_sub .cont02_img .img06{background:url(../../pages/images/company_img06.jpg) no-repeat 50% 50%;background-size: cover;}
.company .company_wrap .company_cont .cont02_sub .cont02_img .img07{background:url(../../pages/images/company_img07.jpg) no-repeat 50% 50%;background-size: cover;}


@media screen and (max-width: 1600px){
.company{padding:0 1.0rem;}
}
@media screen and (max-width: 1400px){
 
}
@media screen and (max-width: 1024px){
.company .company_wrap .company_cont .cont01_sub .sub{width:49%}
.company .company_wrap .company_cont .cont02_sub .cont02_img .imgbox{width:48%}


}
@media screen and (max-width: 768px){
.company .company_wrap .company_cont .cont01_sub .sub{width:100%;}
.company .company_wrap .company_cont .cont02_sub .cont02_img .imgbox{width:100%;height:200px;margin:0.8rem 0;}
.company .company_wrap .company_bg .bg_tit{font-size:2.4rem;}

.company .company_wrap .company_bg{height:30.0rem;background-size: cover;}
}


/*인사말*/
.message{}
.message .message_wrap{}
.message .message_wrap .message_bg{display:flex;align-items:center;justify-content: center;max-width:180.0rem;width:100%;margin:0 auto;height:45.0rem;background:url(../../pages/images/message_bg.jpg) no-repeat 50% 50%;}

.message .message_wrap .message_cont{}
.message .message_wrap .message_cont .left{width:23%;font-size:2.1rem;}
.message .message_wrap .message_cont .right{width:77%}
.message .message_wrap .message_cont .right .message_txt{font-size:2.2rem;}
.message .message_wrap .message_cont .right .message_txt p{margin-bottom:3.0rem;line-height:1.5;color:#666666}
.message .message_wrap .message_cont .right .message_txt p.b_txt{font-size:3.8rem;font-weight:500;color:#000000}
.message .message_wrap .message_cont .right .message_txt p.b_txt span{color:#3163b7;font-weight:bold;}
.message .message_wrap .message_cont .right .message_txt p.ceo_txt{font-size:2.8rem;text-align:right;color:#000000;font-weight:bold;}
.message .message_wrap .message_cont .right .message_txt p.ceo_txt span{font-size:2.1rem;font-weight:400}


@media screen and (max-width: 1600px){

.message{padding:0 1.0rem}

}


@media screen and (max-width: 1400px){
 


}

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

.message .message_wrap .message_cont .left{width:100%;margin-bottom:2.0rem}
.message .message_wrap .message_cont .right{width:100%;}

}

@media screen and (max-width: 768px){
.message .message_wrap .message_cont .right .message_txt p.b_txt{font-size:2.8rem;}
.message .message_wrap .message_bg{height:30.0rem;background-size: cover;}



}


/*회사연혁*/
.history{}
.history .history_wrap{}
.history .history_wrap .history_bg{display:flex;align-items:center;justify-content: center;max-width:180.0rem;width:100%;margin:0 auto;height:45.0rem;background:url(../../pages/images/history_bg.jpg) no-repeat 50% 50%;}

.history_cont {}
.history_cont .his_left{width:50%;text-align:right;padding-right:10.0rem; /* position: sticky;top: 13%; height: 100%; */}
.history_cont .his_left img{}
.history_cont .his_left .his_left_txt .txt01{font-size:4.6rem;font-weight:700;}
.history_cont .his_left .his_left_txt .txt02{font-size:2.1rem;line-height:1.5;margin:1.5rem 0 2.0rem 0}

.history_cont .his_right{width:50%;position:relative;}
.history_cont .his_right:after{content:"";display:block;height:100%;width:1px;background:#ddd;position:absolute;top:0;left:0}

.history_cont .his_right .his_txtbox{margin-bottom:8.0rem;position:relative;padding-left:10.0rem;    z-index: 999;}
.history_cont .his_right .his_txtbox .year{font-size:4.0rem;font-weight:bold;color:#3163b7;margin-bottom:3.0rem;}
.history_cont .his_right .his_txtbox .txt{font-size:1.9rem;display:flex;flex-wrap:wrap;align-items:center;margin-bottom:3.0rem;padding-bottom:2.0rem;border-bottom:1px solid #ddd}
.history_cont .his_right .his_txtbox .txt .txt01{width:6.5rem;font-size:2.4rem;font-weight:bold;}
.history_cont .his_right .his_txtbox .txt .txt02{width:calc(100% - 6.5rem);color:#666666}


.history .dot {width: 25px;height: 25px;position: absolute;top: 9px;left: -11.5px;border-radius: 100%;background: rgba(49,99,180,0.2);z-index:999}
.history .dot:before {content: '';width: 15px;height: 15px;position: absolute;top: 5px;left: 5px;border-radius: 100%;background: rgba(49,99,180,0.4);}
.history .dot:after {content: '';width: 7px;height: 7px;position: absolute;top: 9px;left: 9px;border-radius: 100%;background: rgba(49,99,180,1);}


@media screen and (max-width: 1600px){

.history{padding:0 1.0rem;}

}


@media screen and (max-width: 1400px){
 


}

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

.history_cont .his_right .his_txtbox .year{font-size:3.2rem;}
.history_cont .his_right .his_txtbox{padding-left:5.0rem;}
.history_cont .his_right .his_txtbox .txt .txt01{font-size:2.1rem;}
.history_cont .his_left{padding-right:5.0rem;}
.history_cont .his_left .his_left_txt .txt01{font-size:3.8rem;}
.history_cont .his_left .his_left_txt .txt02{font-size:1.8rem;}

}

@media screen and (max-width: 768px){
.history_cont .his_left{width:100%;padding-right:0}
.history_cont .his_right{width:100%;margin-top:5.0rem;}
.history_cont .his_left img{width:100%;}

.history_cont .his_left .his_left_txt{text-align:left}
.history .dot{left:0;top:2px;}
.history_cont .his_right:after{left:12px;}
.history .history_wrap .history_bg{height:30.0rem;background-size: cover;}

.history_cont .his_right .his_txtbox{ margin-bottom:4.0rem;}
.history_cont .his_right .his_txtbox .txt{margin-bottom:2.0rem;padding-bottom:1.0rem;}


}
/*조직도*/

.organization{}
.organization .organization_wrap{}
.organization .organization_wrap .organization_bg{display:flex;align-items:center;justify-content: center;max-width:180.0rem;width:100%;margin:0 auto;height:45.0rem;background:url(../../pages/images/organization_bg.jpg) no-repeat 50% 50%;}
.organization .organization_wrap .organization_cont{text-align:center}

@media screen and (max-width: 1600px){



}


@media screen and (max-width: 1400px){
 


}

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



}

@media screen and (max-width: 768px){
.organization .organization_wrap .organization_bg{height:30.0rem;background-size:cover}


}


/*네트워크*/
.network{}	
.network img{border-radius:3.0rem;}

@media screen and (max-width: 1600px){

.network{padding:0 1.0rem;}

}


@media screen and (max-width: 1400px){
 


}

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



}

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



}


/*경영이념*/
.philosophy{}
.philosophy .philosophy_wrap{}
.philosophy .philosophy_wrap .philosophy_bg{display:flex;align-items:center;justify-content: center;max-width:180.0rem;width:100%;margin:0 auto;height:45.0rem;background:url(../../pages/images/philosophy_bg.jpg) no-repeat 50% 50%;}
.philosophy .philosophy_wrap .philosophy_cont{}
.philosophy .philosophy_wrap .philosophy_cont .cont_box{display:flex;flex-wrap:wrap;}
.philosophy .philosophy_wrap .philosophy_cont .cont_box .sub01{width:calc(100% / 3);padding:0 1.0rem}
.philosophy .philosophy_wrap .philosophy_cont .cont_box .sub01 img{border-radius:2.0rem;}
.philosophy .philosophy_wrap .philosophy_cont .cont_box .sub01 .txtbox{}
.philosophy .philosophy_wrap .philosophy_cont .cont_box .sub01 .txtbox .txt01{font-size:2.4rem;color:#ffffff;font-weight:600;border-radius:2.0rem;text-align:center;padding:1.5rem 0;margin:1.5rem 0;}
.philosophy .philosophy_wrap .philosophy_cont .cont_box .sub01 .txtbox .txt01.bg_color01{background:#424242}
.philosophy .philosophy_wrap .philosophy_cont .cont_box .sub01 .txtbox .txt01.bg_color02{background:#1a3c58}
.philosophy .philosophy_wrap .philosophy_cont .cont_box .sub01 .txtbox .txt01.bg_color03{background:#d7b382}
.philosophy .philosophy_wrap .philosophy_cont .cont_box .sub01 .txtbox .txt02{background:#fff;color:#666666;font-size:1.8rem;border:1px solid #ddd;border-radius:2.0rem;text-align:center;padding:2.5rem;height:150px;display:flex;align-items:center;    flex-direction: column;justify-content: center;line-height:1.5}

@media screen and (max-width: 1600px){

.philosophy{padding:0 1.0rem}

}


@media screen and (max-width: 1400px){
 


}

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

.philosophy .philosophy_wrap .philosophy_cont .cont_box .sub01{width:calc(100% / 2);margin-bottom:2.0rem;}

}

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

.philosophy .philosophy_wrap .philosophy_cont .cont_box .sub01{width:100%;padding:0}
.philosophy .philosophy_wrap .philosophy_bg{height:30.0rem;background-size:cover}
}


/*제품소개*/
.product{}
.product .product_wrap{width:100%;max-width:140.0rem;margin:0 auto}
.product .product_wrap .product_list{display:flex;flex-wrap:wrap;justify-content:space-between;}
.product_Title {font-size: 5rem;text-transform: uppercase;font-weight: 400; padding: 9.2rem 0 9.6rem;position: relative;text-align: center;}
.product .product_wrap .product_list .cont{width:49%;border:1px solid #ddd;border-radius:3.0rem;overflow:hidden;position:relative;z-index:999}

.product .product_wrap .product_list .cont .txt01{font-size:3.2rem;font-weight:bold;}
.product .product_wrap .product_list .cont .fittings_btn{position:relative;display:flex;align-items:center;justify-content: space-between;padding:4.0rem 6.0rem;}
.product .product_wrap .product_list .cont .product_more {width:21rem; height:5.0rem;  border-radius:5.0rem; background:#fff url('../img/btn_arr2.png')center right 11px no-repeat;  background-size: auto; transition: all 0.6s;}
.product .product_wrap .product_list .cont .product_more span {width:16.5rem; height:100%;  background:#3163b7; font-size:1.6rem;  border-radius:5.0rem; display:flex; justify-content: center; align-items: center; color:#fff;font-family:'Malgun Gothic'; }
.product .product_wrap .product_list .cont:hover .product_more {background:#3163b7; padding-left:4.5rem;transition: all 0.6s; }


@media screen and (max-width: 1600px){



}


@media screen and (max-width: 1400px){
 
.product{padding:0 1.0rem;}

}



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

.product .product_wrap .product_list .cont{width:100%;margin-bottom:10.0rem;}
.product .product_wrap .product_list .cont img{width:100%;}

}

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

.product .product_wrap .product_list .cont .fittings_btn{padding:2.5rem 4.0rem;;}
.product .product_wrap .product_list .cont .product_more{background-size:10%;width:11.5rem}
.product .product_wrap .product_list .cont .product_more span{width:11.5rem}
.product .product_wrap .product_list .cont:hover .product_more {background:#3163b7; padding-left:0;transition: all 0.6s; }

}


/*제품상세*/
.product_detail{}
.product_detail .product_detail_cont{display:flex;flex-wrap:wrap;align-items:center;margin-bottom:10.0rem;padding-bottom:10.0rem;border-bottom:1px solid #ddd}
.product_detail .product_detail_cont:last-child{border-bottom:0}
.product_detail .product_detail_cont_top{align-items:flex-start}

.product_detail .product_detail_cont .left{width:50%}
.product_detail .product_detail_cont .left img{border-radius:3.0rem;border:1px solid #e9e9e9}
.product_detail .product_detail_cont .right{width:50%;padding-left:10.0rem;}
.product_detail .product_detail_cont:nth-child(2n) .left{order:2;}
.product_detail .product_detail_cont:nth-child(2n) .right{padding-left:0}

.product_detail .product_detail_cont .right .p_img_txt .sub_txt li{font-size:2.1rem;padding-left:1.5rem;position:relative;margin-bottom:1.0rem;line-height:1.35}
.product_detail .product_detail_cont .right .p_img_txt .sub_txt li:after{content:"";display:block;background:#3163b7;width:5px;height:5px;border-radius:50%;position:absolute;top:12px;left:0}

.product_detail .product_detail_cont .right .p_img_txt h1{font-size:3.6rem;position:relative;padding-left:1.5rem;margin-bottom:2.0rem;}
.product_detail .product_detail_cont .right .p_img_txt h1:after{content:"";display:block;width:6px;height:3.0rem;background:#3163b7;position:absolute;top:6px;left:0}


.product_detail_wrap .product_btn {width:30.0rem; height:7.0rem; margin:0 auto; border-radius:5.0rem; background:#fff url('../img/btn_arr2.png')center right 18px no-repeat;  background-size: auto; transition: all 0.6s;}
.product_detail_wrap .product_btn span {width:24.5rem; height:100%;  background:#3163b7; font-size:1.9rem;  border-radius:5.0rem; display:flex; justify-content: center; align-items: center; color:#fff; }
.product_detail_wrap .product_btn:hover {background:#3163b7; padding-left:4.5rem;transition: all 0.6s; }

@media screen and (max-width: 1600px){



}


@media screen and (max-width: 1400px){
 
.product_detail{padding:0 1.0rem;}

}

@media screen and (max-width: 1200px){
 
.product_detail .product_detail_cont .right{padding-left:5.0rem;}
.product_detail .product_detail_cont .right .p_img_txt h1{font-size:3.2rem;}
.product_detail .product_detail_cont .right .p_img_txt h1:after{height:2.5rem;}
.product_detail .product_detail_cont .right .p_img_txt .sub_txt li{font-size:1.9rem;}
.product_detail .product_detail_cont .right .p_img_txt .sub_txt li:after{top:11px;}

}

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



}

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

.product_detail .product_detail_cont .left{width:100%;}
.product_detail .product_detail_cont:nth-child(2n) .left{order:0}
.product_detail .product_detail_cont .right{width:100%;padding-left:0;margin-top:2.0rem}
.product_detail .product_detail_cont .right .p_img_txt h1:after{top:7px;}
.product_detail .product_detail_cont .right .p_img_txt .sub_txt li:after{top:7px}

.product_detail_wrap .product_btn{background-size:10%}



.product_detail_wrap .product_btn {width:25.0rem; height:7.0rem; margin:0 auto; border-radius:5.0rem; background:#fff url('../img/btn_arr2.png')center right 18px no-repeat;  background-size: auto; transition: all 0.6s;}
.product_detail_wrap .product_btn span {width:25.0rem; height:100%;  background:#3163b7; font-size:1.9rem;  border-radius:5.0rem; display:flex; justify-content: center; align-items: center; color:#fff; }
.product_detail_wrap .product_btn:hover {background:#3163b7; padding-left:0;transition: all 0.6s; }


}



/*인증서*/
.cert {}
.cert .cert_wrap {display: flex;flex-wrap: wrap;}
.cert .cert_wrap .sub {width: calc((100% - 6rem) / 4);margin-right: 2rem;margin-bottom: 5.8rem;}
.cert .cert_wrap .sub:nth-child(4n) {margin-right: 0rem;}
.cert .cert_wrap .sub .sub_wrap {text-align: center;}
.cert .cert_wrap .sub .sub_wrap .thumb {padding: 5rem;}
.cert .cert_wrap .sub .sub_wrap .thumb img {max-width: 100%;box-shadow: 5px 5px 15px 5px rgba(51,51,51,0.19);}
.cert .cert_wrap .sub .sub_wrap .txt {font-size: 1.8rem;color: #333333;}


@media screen and (max-width: 1600px){

}


@media screen and (max-width: 1400px){
 


}

@media screen and (max-width: 1024px){
.cert .cert_wrap .sub{    width: calc((100% - 6rem) / 3);}

}

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

.cert .cert_wrap .sub{    width: 100%;}

}

/*오시는길*/
.location_map {width:100%; }
.location_map .map_height {height:500px; width:100%;}
.location_map .root_daum_roughmap .wrap_map {height: 100% !important;}

.location_txt {margin-top:5.0rem; }
.location_title {display:flex;  justify-content: space-between; padding-bottom:2.0rem; }
.location_title h4 {font-size:3.0rem; font-weight:600;}
.location_title .btn_map {display:flex; gap:10px; font-size:1.6rem;}
.location_title .btn_map .btn_naver {display:flex; background:#20c003; padding:1.2rem 3.5rem; color:#fff; gap:15px;align-items: center;  font-weight:bold;}
.location_title .btn_map .btn_kakao {display:flex; background:#fae100; padding:1.2rem 3.5rem; color:#000; gap:15px;align-items: center; font-weight:bold;}
.location_title .btn_map .btn_kakao span img{height:20px}
.location_title .btn_map .btn_naver span img{height:20px}
.location_contents {border-top:1px solid #222;   }
.location_contents ul {display:flex; flex-wrap:wrap;}
.location_contents ul li {padding:2.5rem 4.5rem; display:flex;align-items: center;font-size:1.9rem; width:50%; border-bottom:1px solid #ddd; background:#fff}
.location_contents ul li:nth-child(1) {width:100%; }
.location_contents ul li:nth-child(2) {border-right:1px solid #ddd; }
.location_contents ul li .loc_txt1 {width:200px; font-weight:600; display:flex;align-items: center; gap:20px;}
.location_contents ul li .loc_txt2 {color:#2c2c2c;line-height:1.5}
.location_contents ul li .material-icons {font-size:2.4rem; color:#000; }

@media screen and (max-width: 1024px){
.location_map .map_height {height:350px;}
}

@media screen and (max-width: 768px){
.location_title {flex-wrap:wrap; }
.location_title .btn_map {width:100%; margin-top:2.0rem;}
.location_title .btn_map .btn_naver {width:48%; justify-content: center;}
.location_title .btn_map .btn_kakao {width:48%; justify-content: center;}
.location_contents ul li {width:100%; padding:2.5rem;display:block;}
.location_contents ul li:nth-child(2) {border-right:0px solid #ddd; }
.location_contents ul li .loc_txt1 {width:100%;gap:10px;margin-bottom:1.0rem;}


}




.catalog{}
.catalog .catalog_wrap{display:flex;flex-wrap:wrap;}
.catalog .catalog_wrap .sub{width:25%;padding:0 2.0rem;margin-bottom:4.0rem;}
.catalog .catalog_wrap .sub a {}
.catalog .catalog_wrap .sub a:hover .txt{background:#3163b7;color:#ffffff}
.catalog .catalog_wrap .sub a:hover span.cata_icon{background:url('../img/cata_icon_on.png')center center no-repeat;}
.catalog .catalog_wrap .sub img{width:100%;border-radius:2.0rem;}
.catalog .catalog_wrap .sub .txt{width:100%;background:#fff;border-radius:2.0rem;text-align:center;font-size:1.8rem;font-weight:500;letter-spacing: -0.5px;margin-top:1.0rem;padding:1.5rem 0;transition:.5s;position:relative}
.catalog .catalog_wrap .sub .txt span.cata_icon{display:block;vertical-align:middle;width:2.2rem;height:2.0rem;background:url('../img/cata_icon_off.png')center center no-repeat;transition:.5s;position:absolute;right:8%;top:34%}

@media screen and (max-width: 1400px){


.catalog .catalog_wrap .sub{width:33.333%}
}

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

.catalog .catalog_wrap .sub{width:50%}

}

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

.catalog .catalog_wrap .sub{width:50%}

}

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

.catalog .catalog_wrap .sub{width:90%;margin:0 auto 4.0rem auto;}

}