@charset "utf-8";

.sub_contents {width:100%;   color:#5f5f5f;  font-size:1.8rem;  overflow:hidden;   }
.sub_content2 {width:100%;   color:#5f5f5f;  font-size:1.8rem;   }

.wid_1700 {width:100%; position:relative; max-width:1700px; margin:auto; }
.wid_1500 {width:100%; position:relative; max-width:1530px; margin:auto}
.wid_1400 {width:100%; position:relative; max-width:1400px; margin:auto}
.wps_100 {width:100%;}

.grey_bg {background:#f2f5f9;}
.txt_l {text-align:left !important;}
.txt_c {text-align:center !important;}
.txt_r {text-align:right !important;}

.clear_fix {width:100%; position:relative;}
.clear_fix:after {display:block;clear:both;content:''}

.div_scroll, .div_scroll2 {overflow: auto;position: relative}

.only_pc {display:block;}
.only_mob {display:none;}

.only_pc2 {display:block;}
.only_mob2 {display:none;}

@media( max-width:1700px) {
	.side_pd {padding-left:20px !important; padding-right:20px !important;}
	.sub_contents {overflow:hidden; }
	.sub_content2 { }
	.sub_content3 {overflow-x:hidden; }
}

@media( max-width:1024px) {
.only_pc {display:none;}
.only_mob {display:block;}



}

@media( max-width:768px) {
.div_scroll2 table {width:760px; font-size:15px;}
.div_scroll2 img {max-width:1024px !important;}
.only_pc2 {display:none;}
.only_mob2 {display:block;}

}



@media( max-width:600px) {
.div_scroll table {width:600px; font-size:15px;}
.div_scroll img {max-width:768px !important;}
.sub_contents {margin-top:0rem;}
}


.mg_t0 {margin-top:0px!important;}
.mg_t10{margin-top:1.0rem!important;}
.mg_t20{margin-top:2.0rem!important;}
.mg_t30{margin-top:3.0rem!important;}
.mg_t40{margin-top:4.0rem!important;}
.mg_t50{margin-top:5.0rem!important;}
.mg_t80{margin-top:8.0rem!important;}
.mg_t100{margin-top:10.0rem!important;}
.mg_t120{margin-top:12.0rem!important;}
.mg_t150{margin-top:15.0rem!important;}


.mg_b10{margin-bottom:1.0rem!important;}
.mg_b20{margin-bottom:2.0rem!important;}
.mg_b30{margin-bottom:3.0rem!important;}
.mg_b40{margin-bottom:4.0rem!important;}
.mg_b50{margin-bottom:5.0rem!important;}
.mg_b80{margin-bottom:8.0rem!important;}

.pd_t100 {padding-top:10.0rem!important;}
.pd_b100 {padding-bottom:10.0rem!important;}
.pd_b130 {padding-bottom:13.0rem!important;}
.flex_box {display:flex; flex-wrap:wrap;}




/*동영상*/
.video-section{
  width:100%;
  max-width:100%;
  margin:0 auto;
}

.video-container{
 margin-bottom:1.0rem;
  background:#dfdfdf;
  position: relative;
  width: 100%;
  height: auto;
  padding-top: 56.25%;
}

.video-container iframe{
  z-index: 1;
  top: 0;
  left: 0;
  position: absolute;
  width: 100%;
  height: 100%;
}



/*테이블*/
.table {width:100%;  text-align:center;   position:relative; font-size: 1.8rem; background:transparent; line-height:1.65; }
.table thead {border-top: 3px solid #2a303a; background:#f8f8f8; }
.table thead th{ border-bottom: 1px solid #2a303a;   border-left: 1px solid #2a303a; color: #000; font-weight: 500;  padding: 15px 12px; }
.table thead th:first-child {border-left: 0;}
.table .le_line { border-left: 1px solid #2a303a !important;}
.table .le_line2 { border-left: 1px solid #bebebe !important;}

.table tbody th {border-bottom: 1px solid #bebebe; padding: 12px; color: #000;  vertical-align: middle;  font-weight: 500;}
.table tbody td {border-bottom: 1px solid #bebebe; border-left: 1px solid #bebebe; padding: 12px; color: #555;  vertical-align: middle;  }
.table tbody td:first-child {border-left: 0; text-align:center; }
.table tbody td {text-align:center;}
.table tbody td strong {color:#000;}

.table tfoot {background:#f8f8f8; }
.table tfoot th {color: #000; font-weight: 500;  padding: 15px 12px;border-left: 1px solid #bebebe; } 
.table tfoot th:first-child {border-left: 0;}


.table2 {width:100%;  text-align:center;   position:relative; font-size: 1.8rem; background:transparent; line-height: 1.45; border-top: 3px solid #2a303a;}
.table2 thead {  background:#f8f8f8;  }
.table2 thead th{ border-bottom: 1px solid #2a303a;   border-left: 1px solid #2a303a; color: #000; font-weight: 500;  padding: 15px 12px; }
.table2 thead th:first-child {border-left: 0;}
.table2 .le_line { border-left: 1px solid #ddd !important;}
.table2 .le_line2 { border-left: 1px solid #bebebe !important;}

.table2 tbody th {border-bottom: 1px solid #bebebe; background:#f8f8f8; padding: 2.0rem;color: #000;  vertical-align: middle;  font-weight: 500;}
.table2 tbody td {border-bottom: 1px solid #bebebe; /*border-left: 1px solid #bebebe;*/ padding: 2.0rem; color: #555;  vertical-align: middle;  }
.table2 tbody td:first-child {border-left: 0;}
.table2 tbody td strong {color:#000;}



.table3 {width:100%;   position:relative; font-size: 1.8rem; background:#fff;; line-height:1.65; }
.table3 thead {border-top: 3px solid #2a303a; background:#f8f8f8; }
.table3 thead th{ border-bottom: 1px solid #2a303a; text-align:center;     border-left: 1px solid #2a303a; color: #000; font-weight: 500;  padding: 15px 12px; }
.table3 thead th:first-child {border-left: 0;}
.table3 .le_line { border-left: 1px solid #2a303a !important;}
.table3 .le_line2 { border-left: 1px solid #bebebe !important;}

.table3 tbody th {border-bottom: 1px solid #bebebe; padding: 12px; color: #000;  vertical-align: middle;  font-weight: 500; text-align:center;  }
.table3 tbody td {border-bottom: 1px solid #bebebe; border-left: 1px solid #bebebe; padding: 12px; color: #555;  vertical-align: middle;  }
.table3 tbody td:first-child {border-left: 0; text-align:center; }

.table3 tbody td strong {color:#000;}

.table3 tfoot {background:#f8f8f8; }
.table3 tfoot th {color: #000; font-weight: 500;  padding: 15px 12px;border-left: 1px solid #bebebe; } 
.table3 tfoot th:first-child {border-left: 0;}




@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_top {color:#fff; text-align:center; padding:15.0rem 0; min-height:46.2rem;}
.company_top span {font-size:3.0rem; font-weight:600; display:block;}
.company_top strong {font-size:4.0rem; display:block; line-height:1.2; margin-top:2.0rem; }



.overview_top {font-size:3.8rem; text-align:center;font-weight:700  }


.company_conts {margin:5.0rem -2.5rem 0 0;}
.company_box {width:calc(33% - 2.5rem); margin-right:2.5rem; margin-bottom:2.5rem; border-radius:10px; border:1px solid #ddd; 
				display:flex; flex-direction: column;justify-content: center;align-items: center; padding:4.0rem 3.0rem; }

.company_box strong {margin-top:2.0rem; color:#000; font-size:2.0rem;}
.company_box p {color:#666; margin-top:0.5rem; font-size:2.0rem; text-align:center; line-height:1.45;}




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

.company_box {width:calc(50% - 2.5rem); padding:4.0rem 2.0rem;}
.company_box img {width:8.0rem;}

}

@media screen and (max-width: 768px){
.company_top {min-height:32.0rem; padding:10.0rem 0;}
.company_top strong {font-size:2.6rem;  }
.company_top p {font-size:3.0rem; }


}

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

.company_box {width:100%;}


}



/*ceo 메세지*/
.message_wrap { justify-content: space-between; }
.message_box {width:47%;}
.message_box .message_txt1 {font-size:3.0rem; color:#000; font-weight:600; margin-bottom:3.5rem; line-height:1.4;  }
.message_box p {font-size:1.8rem; margin-top:3.0rem;}

.message_box .ceo_name {position:relative;  z-index:1; display:flex;   align-items: center; gap:2.0rem; margin-top:5.0rem; font-size:2.0rem; color:#000; height:14.5rem;}
.message_box .ceo_name:after {content:''; z-index:-1;  bottom:3.5rem; left:30.0rem; width:18.2rem; height:12.3rem; position:absolute;  
								background: url("../../pages/images/name_signature.jpg") no-repeat center/contain;}
.message_box .ceo_name strong {font-size:2.6rem; }



@media screen and (max-width: 1024px){
.message_box {width:100%;  margin-top:0rem;}
.message_box .message_txt1 {font-size:2.4rem;}

.message_box .ceo_name {margin-top:2.0rem;}
.message_box .ceo_name strong {font-size:2.4rem;}
.message_box .ceo_name:after {width:17.0rem; left:28.0rem;}
}


@media screen and (max-width: 768px){
.message_img {min-height:40.0rem;}
.message_box p {font-size:1.7rem}


}



/*연혁*/

.history_top {padding:5.0rem 3.0rem;  font-size:3.0rem; font-weight:600; color:#000;  text-align:center;  background:#fff;
				/*background: url("../../pages/images/his_top.jpg") no-repeat center center; background-size:cover;*/ border-radius:0rem; overflow:hidden;}

.history_top img {width:15.0rem;}

.history_top {text-align:center; padding:10.0rem 5.0rem;  border-radius:4.0rem;}
.history_top h3 {font-size:3.6rem; font-weight:600; color:#fff;}
.history_top p {font-size:2.0rem; margin-top:2.0rem; color:rgba(255, 255, 255, 0.7); font-weight:400;}

.history_wrap {width:100%; position:relative; padding-top:10rem;}
.history_wrap:before {content:""; position: absolute;top: 10px;left:50%;width:1px;height: calc(100% + 50px);background:#ddd;}

.history_list {width:100%; position:relative; display:flex; flex-wrap: wrap; margin-bottom:5.0rem;}
.history_list .his_year {width:50%; text-align:right; padding-right:4.0rem; font-size:4.2rem; font-weight:600; color:#44352c; }

.history_list .his_img {width:100%; margin-top:2.0rem; }
.history_list .his_img img {max-width:275px; width:100%;  border-radius:0rem; border:1px solid #ddd; }

.history_list {  }
.history_list strong {color:#000;}
.history_list .his_txt {position:relative; width:100%; }
.history_list .his_txt .his_txt_inner {margin-bottom:2.5rem; position:relative;  }


.history_list .his_txt_inner {width:100%;}

.history_list .his_txt_inner dl {position:relative; width:50%; padding-top:0rem; margin-bottom:2.0rem; }
.history_list .his_txt_inner dl:nth-child(2n-1) {position:relative; margin-left:50%;  padding-left:4.0rem;}
.history_list .his_txt_inner dl:nth-child(2n) {position:relative;text-align:left;  margin-left:0%; text-align:right; padding-right:4.0rem;}

.history_list .his_txt_inner dl:nth-child(2n-1):before {content:""; position: absolute; top: 10px;left: -4px;width:8px;height:8px; border-radius:50%;background: #44352c;}
.history_list .his_txt_inner dl:nth-child(2n-1):after {position: absolute;  left:4px; top: 13px;  display: block; content: ""; width: 20px; height: 1px;
														 background-color: #ddd}
.history_list .his_txt_inner dl:nth-child(2n):before {content:""; position: absolute;top: 10px;right: -4px;width:8px;height:8px; border-radius:50%;background: #44352c;}
.history_list .his_txt_inner dl:nth-child(2n):after {position: absolute;  right:4px; top: 13px;  display: block; content: ""; width: 20px; height: 1px;
														 background-color: #ddd}



.history_list .his_txt_inner dl dt {font-weight:600; font-size:2.2rem; color:#000; }
.history_list .his_txt_inner dl dd {font-size:2.0rem;  color:#666;  }


@media screen and (max-width: 1600px){
.history_top {border-radius:0rem;}


}


@media screen and (max-width: 768px){
.history_top img {width:10.0rem;}
.history_top br {display:none;}

.history_wrap {padding-top:5.0rem;}
.history_wrap:before {content:"";position: absolute;top: 10px; left: 39px;width:1px;height: calc(100% + 50px);background:#ddd;}


.history_list .his_year {width:100%; text-align:left; padding-left:7.0rem; font-size:2.8rem;  margin-bottom:3.0rem;}
.history_list .his_txt_inner {padding-left:20px;}
.history_list .his_txt_inner dl {width:100%; }
.history_list .his_txt_inner dl:nth-child(2n-1) {margin-left:0; padding-left:5.0rem; } 
.history_list .his_txt_inner dl:nth-child(2n) {text-align:left; padding-left:5.0rem; }

.history_list .his_txt_inner dl:nth-child(2n):before {content:""; position: absolute; top: 6px;left: -4px;width:8px;height:8px; border-radius:50%;background: #44352c;}
.history_list .his_txt_inner dl:nth-child(2n):after {position: absolute;  left:4px; top: 8px;  display: block; content: ""; width: 20px; height: 1px;
														 background-color: #ddd}
.history_list .his_txt_inner dl .his_dd2 {padding-top:1.0rem;}


.history_list .his_txt_inner dl dt {font-size:2.0rem;}
.history_list .his_txt_inner dl dd {font-size:1.8rem; }
}



/*조직도*/
.organigram {text-align:center;  padding:8.0rem 0;  }
.organigram img {margin:auto;}

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

.organigram {padding-bottom:3.5rem;}


}


/*제품소개*/
.product_top {text-align:center;  margin-top:9.2rem; margin-bottom:10.0rem;}
.product_top h4 {font-size:4.0rem; color:#000;}
.product_top strong {color::#4a4a4a; font-size:2.6rem; }

.product_top .product1_txt {background:#111931; text-align:center; color:#fff; font-size:2.6rem; padding:8.0rem; font-weight:600; margin-top:8.0rem;}
.product_top figure { margin-top:5.0rem;}


.product_wrap {padding:10.0rem 0;}
.product_wrap h5 {font-size:3.4rem; color:#000; font-weight:600; margin-bottom:5.0rem;}

.product_wrap .product2 { justify-content: space-between;}
.product_wrap .product2 > div {width:49%; }



.product_wrap .product3 { justify-content: space-between;}
.product_wrap .product3 > div {width:49%; }

.product_wrap .product3 .product3_1 {background:#fff;  padding:5.0rem 3.0rem;  margin-bottom:3.0rem}
.product3_1 .product3_1_img {padding-right:5%; }
.product3_1 .product3_1_table {width:50%;  }

 .bor_left { border-left: 3px solid red !important; }
 .bor_right { border-right: 3px solid red !important; }
 .bor_top { border-top: 3px solid red !important; }
 .bor_bot { border-bottom: 3px solid red !important; }


 .product_left {width:40.0rem;}
 .product_right {width:calc(100% - 40.0rem);}




.product4_box {position:relative; width:calc(33.3% - 3.0rem); margin-right:3.0rem; margin-bottom:3.0rem; background:#fff; padding:5.5rem 4.5rem 5.5rem 3.5rem}

.product4_box .num {position:absolute;}
.product4_box .num span {width:3.4rem; height:3.4rem; border-radius:100%; background:#0072cd; color:#fff; font-weight:700; display:flex;  justify-content: center; align-items: center;}
.product4_box dl { padding-left:5.5rem;}
.product4_box dl dt {color:#000; font-size:2.2rem; font-weight:600; line-height:1.4;}
.product4_box dl dt span {font-size:2.0rem; display:block;}
.product4_box dl dd {font-size:1.8rem; color:#666; margin-top:0.5rem;}
.product4_box dl dd strong {color:#222;}


.product4_1box {position:relative; width:calc(50% - 3.0rem); margin-right:3.0rem; margin-bottom:3.0rem; background:#fff; padding:5.5rem 4.5rem 5.5rem 3.5rem}

.product4_1box .num {position:absolute;}
.product4_1box .num span {width:3.4rem; height:3.4rem; border-radius:100%; background:#0072cd; color:#fff; font-weight:700; display:flex;  justify-content: center; align-items: center;}
.product4_1box dl { padding-left:5.5rem;}
.product4_1box dl dt {color:#000; font-size:2.2rem; font-weight:600; line-height:1.4;}
.product4_1box dl dt span {font-size:2.0rem; display:block;}
.product4_1box dl dd {font-size:1.8rem; color:#666; margin-top:0.5rem;}
.product4_1box dl dd strong {color:#222;}

.product4_2 {margin-bottom:3.0rem; }
.product4_2 dl dt {font-size:2.4rem; font-weight:700; color:#000; }
.product4_2 dl dd {font-size:2.0rem; }


.product5_wrap { margin:0}
.product5_box {position:relative; width:calc(50% - 3.0rem); display:flex; margin-right:3.0rem; margin-bottom:3.0rem; background:#f8f8f8; padding:5.5rem;}
.product5_box .ico {width:14.0rem; margin-top:-1.0rem;}
.product5_box dl { width:calc(100% - 14.0rem);}
.product5_box dl dt {color:#000; font-size:2.2rem; font-weight:600; line-height:1.4;}
.product5_box dl dt span {font-size:2.0rem; display:block;}
.product5_box dl dd {font-size:1.8rem; color:#666; margin-top:0.5rem;}
.product5_box dl dd strong {color:#222;}

.product5_1wrap { margin:0 -3.0rem 0 0}
.product5_1box {position:relative; width:calc(50% - 3.0rem); display:flex; margin-right:3.0rem; margin-bottom:3.0rem; background:#fff; padding:5.5rem;}
.product5_1box .ico {width:14.0rem; margin-top:-1.0rem;}
.product5_1box dl { width:calc(100% - 14.0rem);}
.product5_1box dl dt {color:#000; font-size:2.2rem; font-weight:600; line-height:1.4;}
.product5_1box dl dt span {font-size:2.0rem; display:block;}
.product5_1box dl dd {font-size:1.8rem; color:#666; margin-top:0.5rem;}
.product5_1box dl dd strong {color:#222;}






.product1_wrap {}
.product1_img {width:50%;}
.product1_txt2 {width:50%; padding:5.0rem; display:flex;  justify-content: center; align-items: center; font-size:2.2rem;}




@media screen and (max-width: 1600px){
       
.product_wrap .product3 > div {width:100%; }
.product_wrap .product3 .product3_1 { justify-content:center}

}


@media screen and (max-width: 1400px){
	 .product_left {width:100%;}
	 .product_right {width:100%;}
	 .product4_box { width:calc(50% - 3.0rem);}

	 .product5_box {padding:3.5rem;}
	 .product5_box .ico {width:12.0rem; }
	 .product5_box .ico img {width:8.5rem;}
	 .product5_box dl { width:calc(100% - 12.0rem);}
	 .product5_box dl dt {font-size:2.0rem; }
	 .product5_box dl dt span {font-size:1.6rem; }


	 .product5_1box {padding:3.5rem;}
	 .product5_1box .ico {width:12.0rem; }
	 .product5_1box .ico img {width:8.5rem;}
	 .product5_1box dl { width:calc(100% - 12.0rem);}
	 .product5_1box dl dt {font-size:2.0rem; }
	 .product5_1box dl dt span {font-size:1.6rem; }


}


@media screen and (max-width: 1024px){
.product_top .product1_txt {font-size:2.2rem;}
.product_top h4 {font-size:3.4rem;}
.product_wrap h5 {font-size:2.8rem;}

.product_wrap .product2 > div {width:100%;  margin-bottom:3.0rem;}
.product5_box {width:100%; margin-right:0;}
.product5_1wrap {margin-right:0;}
.product5_1box {width:100%; margin-right:0;}

.product1_img {width:100%;}
.product1_txt2 {width:100%;}

}

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

.product_top .product1_txt  br {display:none;}
.product3_1 .product3_1_img {padding-right:0%; text-align:center; }
.product3_1 .product3_1_table {width:100%; margin-top:5.0rem; }
.product4_box  {width:100%; margin-right:0;}


.product4_1box {width:100%; margin-right:0;}

}


/*설비현황*/
.facilities_wrap {padding:10.0rem 0;}
.facilities_wrap h5 {font-size:3.4rem; color:#000; font-weight:600; margin-bottom:5.0rem;}



.facilities_left {width:40.0rem;}
.facilities_right {width:calc(100% - 40.0rem);}

.bg_wh {background:#fff;}


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

	.facilities_left {width:100%;}
	.facilities_right {width:100%;}


}

/*오시는길*/
.location_wrap {width:100%;}
.loc_map {width:100%; }
.loc_map .map_height {height:50.0rem; width:100%;}
.loc_map .root_daum_roughmap .wrap_map {height: 100% !important;}
.loc_map iframe {width:100%; height:50.0rem;}

.loc_txt {margin-top:5.0rem;  justify-content: space-between;}
.loc_txt .loc_box {width:49%;  padding:0rem; display:flex;  justify-content: space-between;  background:#f8f8f8; padding:3.5rem 4.0rem ; border-radius:3.0rem; } 
.loc_txt .loc_box .loc_box_ico {width:70px; height:70px;  border-radius:100%; display:flex;  justify-content: center;align-items: center; background:#000; color:#fff; }
.loc_txt .loc_box .loc_box_ico > span {font-size:4.0rem; font-weight:400;}
.loc_txt .loc_box .loc_box_txt {width:calc(100% - 11.0rem); display:flex; justify-content: center; flex-direction: column;}
.loc_txt .loc_box .loc_box_txt span {display:block;font-size:2.2rem; font-weight:600; color:#111931;}
.loc_txt .loc_box .loc_box_txt p {font-size:1.8rem; color:#666;}

@media screen and (max-width: 1200px){
.loc_txt {width:80%; margin:5.0rem auto 0;}
.loc_txt .loc_box {width:100%; margin-bottom:2.0rem;}
}

@media screen and (max-width: 768px){
.loc_txt .loc_box .loc_box_ico {width:60px; height:60px; border-radius:60px; }
.loc_txt {width:100%;}
.loc_map {width:100%; }
.loc_map .map_height {height:35.0rem; width:100%;}
.loc_map iframe {width:100%; height:35.0rem;}

.loc_txt .loc_box .loc_box_ico {width:50px; height:50px;  }

}