@charset "utf-8";
.sub_contents {width:100%; line-height:1.4;  position:relative;  color:#000; font-size:1.8rem; margin-top:5.0rem;}

figure {margin:0;}
button {border:0; }
.color_w {color:#fff; }
.color_b {color:#000;}}
.bor_line {border:1px solid #ddd; }
.line_top {border-top:2px solid #222; }
.line_bot {border-bottom:1px solid #ddd; }
.grey_bg {background:#f8f8f8 !important;}

.table_info {font-size:1.8rem; text-align:left; margin-top:2.0rem; color:#666; line-height:1.5;}
.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: bold;  padding: 20px 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: bold;}
.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 .ri_line { border-right: 1px solid #bebebe !important;}
.table tfoot {background:#626262; color:#fff; }
.table tfoot th {text-align:center; padding:12px;  vertical-align: middle;}
.table tfoot td {padding: 12px 15px; text-align:center; vertical-align: middle;}



.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_b0{margin-bottom: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;}

.mg_l20 {margin-left:2.0rem!important;}

.pd_t0 {padding-top:0rem!important;}
.pd_t50 {padding-top:0rem!important;}
.pd_t80 {padding-top:0rem!important;}
.pd_t100 {padding-top:10.0rem!important;}
.pd_b0 {padding-bottom:0rem!important;}
.pd_b100 {padding-bottom:10.0rem!important;}
.pd_b130 {padding-bottom:13.0rem!important;}

.pd_l0 {padding-left:0rem!important;}


.txt_l {text-align:left;}
.txt_c {text-align:center;}
.txt_r {text-align:right;}

.txt_b {font-weight:bold;}

.fl_left {float:left;}
.fl_right {float:right;}


.wid_1600 {width:100%; margin:auto; max-width:160.0rem;}
.wid_1400 {width:100%; margin:auto; max-width:140.0rem;}




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

.video-container{
 margin-bottom: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%;
}
.wps_100 {width:100% !important;}
.pd_150 {padding:15.0rem 0 !important;}
.pd_50 {padding:5.0rem 0 !important;}
.mob_br {display:none;}


.pc_only {display:block;}
.mob_only {display:none;}

@media( max-width:1600px ) {
.side_pd {padding-left:17px !important; padding-right:17px !important;}

}

@media( max-width:1400px ) {
.side_pd2 {padding-left:17px !important; padding-right:17px !important;}

}

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

@media( max-width:768px ) {
	.mob_br {display:block;}
	.pd_150 {padding:8.0rem 17px !important;}
}	.pd_50 {padding:5.0rem 17px !important;}



.flex_box {display:flex; flex-wrap:wrap; }

/*공통*/
.subtop_txt {}
.subtop_txt  h3 {font-size:4.0rem; font-weight:600; color:#000; line-height:1.35;}

.subtop_img {margin-top:7.0rem; height:46.0rem; width:100%; }



@media( max-width:1024px ) {
.subtop_img {height:35.0rem; margin-top:4.0rem;}
.subtop_txt h3 {font-size:2.8rem;}
}


@media( max-width:768px ) {


}



/*********회사개요**************/
.overview_wrap {margin-top:10.0rem;  justify-content: space-between; color:#000;}
.overview_wrap .left {width:37.0rem;}
.overview_wrap .left  span {font-size:2.0rem; font-weight:600; display:block; margin-bottom:1.0rem; }
.overview_wrap .left  h4 {font-size:7.6rem; font-weight:800;  border-top:1px solid #000;}
.overview_wrap .right {width:calc(100% - 45rem); border-top:1px solid #000; padding-top:4.0rem; margin-top:3.3rem;}


.overview_right_txt strong {font-size:2.6rem; font-weight:800;}
.overview_right_txt p {font-size:2.0rem; margin-top:1.0rem;   line-height:1.6; color:#666;}

.overview_wrap .right .overview_list {margin-top:6.0rem; }
.overview_wrap .right .overview_list ul { justify-content: space-between;}
.overview_wrap .right .overview_list ul li {width:48%;  height:18.5rem; }
.overview_wrap .right .overview_list ul li:last-child {width:100%;}
.overview_wrap .right .overview_list ul li strong {display:block; margin-bottom:1.0rem; font-size:2.2rem; font-weight:600; }
.overview_wrap .right .overview_list ul li p {border-top:1px solid #000; padding-top:1.0rem; font-size:2.4rem;   line-height:1.65;}

.overview_gallery {margin-top:5.0rem;}

.overview_gallery .swiper-pagination-bullet-active {background:#96001a;}



@media( max-width:1024px ) {
.overview_wrap .left {width:100%;}
.overview_wrap .left  h4 {font-size:6.2rem;}
.overview_wrap .right {width:100%; border:0;}

}


@media( max-width:768px ) {
.overview_wrap .right .overview_list ul li {width:100%; height:auto; margin-bottom:3.5rem; }

}



/*CEO 인사말*/
.message_top {justify-content: space-between;}
.message_top_left {font-size:5.0rem; font-weight:600; margin-top:13.0rem; color:#000; width:30%;}
.message_top_right {text-align:right; width:65%}

.message_bt {font-size:2.0rem; line-height:1.6; margin-top:-20.0rem; color:#000;}
.message_bt p {margin-bottom:5.0rem; }

.message_name {display:flex; gap:2.5rem; align-items: flex-end; font-size:2.4rem;}


@media( max-width:1200px ) {

.message_top_right {width:100%; order:1; text-align:center; }
.message_top_left {width:100%; order:2; font-size:4.6rem;  margin-top:8.0rem;}

.message_bt {margin-top:6.0rem;}
}


@media( max-width:768px ) {
.message_top_left {font-size:4.0rem;}

}

/*연혁*/

.his_wrap {margin-top:10.0rem;}
.his_wrap .his_list {border-bottom:1px solid #000; display:flex; flex-wrap:wrap; align-items: flex-start; padding-top:2.5rem; padding-bottom:3.5rem;}
.his_wrap .his_list .his_year {width:30%; font-size:7.0rem; font-weight:600; color:#000;  padding:1.5rem;  }
.his_wrap .his_list .his_txt {width:45%; margin-top:2.0rem;}
.his_wrap .his_list .his_txt .his_month {font-size:1.8rem; }
.his_wrap .his_list .his_txt .his_txt2 {font-size:2.0rem; font-weight:500;}
.his_wrap .his_list .his_txt ul li {margin-bottom:2.0rem;}
.his_wrap .his_list .his_img {width:25%; }



@media( max-width:1024px ) {
.his_wrap .his_list .his_year {width:30%; font-size:4.0rem;}
.his_wrap .his_list .his_txt {width:70%;}
.his_wrap .his_list .his_img {width:100%; padding-left:30%; }
}


@media( max-width:768px ) {
.his_wrap {margin-top:4.0rem;}
.his_wrap .his_list .his_year {font-size:2.6rem; width:25%;}
.his_wrap .his_list .his_txt {width:75%;}
.his_wrap .his_list .his_img {padding-left:25%;}
.his_wrap .his_list .his_img img {padding-top:1.0rem;}
}



@media( max-width:500px ) {
.his_wrap .his_list .his_year {width:100%;}
.his_wrap .his_list .his_txt {width:100%; padding-left:1.5rem;}
.his_wrap .his_list .his_img {padding-left:0;padding-left:1.5rem;}
}



/*조직도*/
.organization {background:#f8f8f8; text-align:center; padding:5.0rem 2.0rem; margin-top:6.0rem;}



/*주요거래처*/
.major_clients_wrap {margin-top:5.0rem;}
.major_clients_wrap ul {display:grid; gap:4.5rem; grid-template-columns: repeat(4, 1fr);}  
.major_clients_wrap ul li {text-align:center;}
.major_clients_wrap ul li img {border:1px solid #ddd; }
.major_clients_wrap ul li figcaption {text-align:center; margin-top:2.0rem; font-size:2.0rem; color:#666;}



@media( max-width:1200px ) {

.major_clients_wrap ul {grid-template-columns: repeat(3, 1fr);}

}

@media( max-width:768px ) {

.major_clients_wrap ul {grid-template-columns: repeat(2, 1fr); gap:2.5rem;}

}

/*시스템*/
.system_wrap {margin-top:15.0rem; }
.system_wrap .system_box { justify-content: space-between; margin-bottom:10.0rem;}
.system_wrap .system_box:last-child {margin-bottom:0;}
.system_wrap .system_box .left {width:40.0rem; border-top:1px solid #000; padding-top:2.5rem; }
.system_wrap .system_box .left h4 {font-size:4.2rem; font-weight:600; text-transform:uppercase;}
.system_wrap .system_box .left strong {font-size:2.6rem; margin-top:0.5rem; letter-spacing:1.0rem;   }
.system_wrap .system_box .right {width:calc(100% - 45rem); border-top:1px solid #000; padding-top:3.5rem; padding-left:2.0rem;  }
.system_wrap .system_box .right p {font-size:2.2rem;}
.system_wrap .system_box .system_img {display:flex; flex-wrap:wrap;gap:2.0rem;  margin-top:5.0rem;  width:100%;}
.system_wrap .system_box .system_img > div {width:48%;}


@media( max-width:1024px ) {
.system_wrap .system_box .left {width:100%;}
.system_wrap .system_box .right {width:100%; border-top:0; padding-left:0;}
}


@media( max-width:768px ) {
.system_wrap .system_box .system_img > div {width:100%;}
}




/*인증현황*/
.cert_wrap {display:grid; gap:4.0rem; grid-template-columns: repeat(4, 1fr); }
.cert_wrap .cert_box {text-align:center; border-bottom:1px solid #ddd;}
.cert_wrap .cert_box .cert_img {background:#f8f8f8;  padding:5.0rem 2.0rem; border:1px solid #e5e5e5; }
.cert_wrap .cert_box .cert_img img {width:80%;  box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.2);}
.cert_wrap .cert_box .cert_txt {color:#000; padding:2.0rem 0 3.0rem 0; font-size:1.8rem;  line-height:1.4; }



@media( max-width:1200px ) {

.cert_wrap {grid-template-columns: repeat(3, 1fr);}

}

@media( max-width:768px ) {

.cert_wrap {grid-template-columns: repeat(2, 1fr); gap:2.5rem;}

}


/*업체별 진행현황*/
.progress_wrap {display:grid; gap:4.0rem; grid-template-columns: repeat(3, 1fr);}
.progress_wrap .progress_box {text-align:center; position:relative;}
.progress_wrap .progress_box .img {}
.progress_wrap .progress_box .txt {margin:auto; }
.progress_wrap .progress_box .txt strong {background:#95021a; color:#fff; margin-top:-4.5rem; display:inline-block; padding:1.0rem 4.5rem; border-radius:5.0rem; font-size:2.2rem; font-weight:600; }
.progress_wrap .progress_box .txt p {margin-top:2.0rem; width:100%; font-size:2.0rem;}

@media( max-width:1024px ) {

.progress_wrap {grid-template-columns: repeat(2, 1fr); gap:2.5rem;}

}

@media( max-width:500px ) {

.progress_wrap {grid-template-columns: repeat(1, 1fr); gap:2.5rem;}

}



/*시설현황*/
.facility_top {background:#f8f8f8; padding:8.0rem; display:flex;  justify-content: space-between;}
.facility_top .left {display:flex; align-items: center;}
.facility_top .right {width:50%;}
.facility_top .right h4 {font-size:3.6rem; font-weight:600; margin-bottom:1.5rem; border-bottom:1px solid #222; padding-bottom:1.5rem; }
.facility_top .right ul {padding-left:1.0rem;  margin-top:1.5rem; }
.facility_top .right ul li {font-size:2.0rem; color:#666; margin-bottom:0.7rem; }

sup {font-size:1.2rem; }

.facility_wrap {display:grid; gap:4.0rem; grid-template-columns: repeat(3, 1fr); margin-top:8.0rem; }
.facility_wrap  .facility_box {text-align:center; }
.facility_wrap  .facility_box .facility_txt {background:#95021a; color:#fff; margin-top:-4.5rem; display:inline-block; padding:1.0rem 4.5rem; border-radius:5.0rem; font-size:2.2rem; font-weight:600;}



@media( max-width:1024px ) {
.facility_top .left {display:none;}
.facility_top .right {padding:0 3.0rem; width:100%;}
.facility_wrap {grid-template-columns: repeat(2, 1fr); gap:2.5rem;}

}

@media( max-width:500px ) {

.facility_wrap {grid-template-columns: repeat(1, 1fr); gap:2.5rem;}

}



/*오시는길*/



.location_wrap {border-radius:5.0rem; overflow:hidden;}
.location_wrap .loc_map {width: calc(100% + 2px);height: calc(100% + 2px);margin-top: -1px;margin-left: -1px; }
.location_wrap .loc_map .map_height {height:65.0rem; width:100%;  /*pointer-events: none; */position:relative; }
.location_wrap .loc_map .root_daum_roughmap .wrap_map {height: 100% !important; z-index:0;}



.location_wrap .loc_txt_wrap {position: absolute;top: 50%;right: 16rem;transform: translateY(-50%);width: 44rem;background: #fff;padding: 5rem 5rem;border-radius: 3rem;box-shadow: 0 2rem 5rem rgba(0, 0, 0, 0.15);z-index: 10;}
.location_wrap .loc_txt_wrap .title {font-size: 4rem;font-weight: 700;margin-bottom: 3rem;padding-bottom: 2.5rem;border-bottom: 1px solid #ddd;}
.location_wrap .loc_txt_wrap .info_list {margin-bottom: 3rem;}
.location_wrap .loc_txt_wrap .info_list li {display: flex;align-items: center;font-size: 1.8rem;color: #666666;line-height: calc(40 / 18);}
.location_wrap .loc_txt_wrap .info_list li a {color: #666666;}
.location_wrap .loc_txt_wrap .info_list .icon {font-size:2.0rem;  ;aspect-ratio: 1; margin-right: 1.7rem;}
.location_wrap .loc_txt_wrap .info_list strong {font-weight:500;}
.location_wrap .loc_txt_wrap .btn_wrap {display: flex;gap: 1.0rem;}
.location_wrap .loc_txt_wrap .btn {flex: 1;display: block;text-align: center;padding:1.5rem 1rem;font-size: 1.6rem;font-weight: 700;color: #fff; border-radius: 1.0rem;transition: all 0.3s ease;height: auto;line-height: normal;}
.location_wrap .loc_txt_wrap .btn_kakao {background: #258fff;}
.location_wrap .loc_txt_wrap .btn_naver {background: #03c75a;}
.location_wrap .loc_txt_wrap .btn:hover {transform: translateY(-3px);box-shadow: 0 1rem 2rem rgba(0,0,0,0.1);}


@media (max-width: 1200px) {
	
}
@media (max-width: 900px) {
	.location_wrap .loc_map .map_height {height:45.0rem;}
	.location_wrap .loc_txt_wrap {position: relative;top: auto;right: auto;transform: none;width: 100%;border-radius: 0 0 4rem 4rem;box-shadow: none;background: #fafafa;}
}
@media (max-width: 600px) {
	.location_wrap .loc_txt_wrap .title {font-size: 2.8rem;}
	.location_wrap .loc_txt_wrap .btn_wrap {flex-direction: column;gap: 1rem;}
}