@charset "utf-8";
.sub_contents { width:100%;  line-height:1.65;  font-size:1.6rem; /*overflow-x: hidden; overflow-y: hidden;*/  }

.wid_1600 {width:100%; position:relative; max-width:1600px; margin:auto}
.wid_1400 {width:100%; position:relative; max-width:1400px; margin:auto}
.wps_100 {width:100%;}
/*.point {color:#006835 !important;}*/
.grey_bg {background:#f8f8f8;}
.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 {overflow: auto;position: relative}

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

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


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


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


.pd_b100 {padding-bottom:10.0rem!important;}
.pd_b130 {padding-bottom:13.0rem!important;}
.txt_c {text-align:center;}
.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.45;}
.table thead {border-top: 3px solid #2a303a; }
.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 tbody th {border-bottom: 1px solid #bebebe; padding: 12px; color: #000;  vertical-align: middle;  font-weight: 600; text-align:left;}
.table tbody th br  {display:none}
.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;}
.table tbody td strong {color:#000;}

@media screen and (max-width: 1024px){
.table {font-size:15px;}
.table tbody th br  {display:block;}
}

.table02 {width:100%;  text-align:center;   position:relative; font-size: 1.8rem; background:transparent; line-height: 1.45;}
.table02 thead {border-top: 3px solid #2a303a; }
.table02 thead th{ border-bottom: 1px solid #2a303a;   border-left: 1px solid #2a303a; color: #000; font-weight: bold;  padding: 20px 12px; }
.table02 thead th:first-child {border-left: 0;}


.table02 tbody th {border-bottom: 1px solid #bebebe; padding: 12px; color: #000;  vertical-align: middle;  font-weight: bold;}
.table02 tbody td {border-bottom: 1px solid #bebebe; border-left: 1px solid #bebebe; padding: 12px; color: #555;  vertical-align: middle;  }
.table02 tbody td strong {color:#000;}



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

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

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

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

}



/*회사개요*/

.title2 {margin-bottom:3.0rem}
.title2 h3 {font-size:4.2rem; }
.title2 span {font-size:2.0rem; color:#9f9f9f; font-weight:500; display:block; margin-top:-0.5rem;}

.company_top {background: url("../../pages/images/company_bg.jpg") no-repeat center center; background-size:cover; padding:20.0rem; text-align:center; }

.company_conts {margin-top:10.0rem;}
.company_conts .company_left {width:50%;}
.company_conts .company_left strong { font-size:5.0rem; line-height:1.2; }
.company_conts .company_left p {font-size:1.8rem; color:#585858; margin-top:2.0rem;}
.company_conts .company_right {width:50%; border-top:3px solid #000; border-bottom:1px solid #ddd;  padding:1.5rem 2.0rem;}
.company_conts .company_right dl {display:flex; padding:1.2rem 0;  font-size:2.0rem;}
.company_conts .company_right dl dt {width:18.5rem; color:#7b7b7b; }
.company_conts .company_right dl dd {font-weight:500;}

.company_biz {padding:15.0rem 0;}
.company_biz_inner { justify-content: space-between; margin-top:8.0rem;}
.company_biz_inner .biz_box {width:19.5%; color:#fff;  border-radius:2.0rem; overflow:hidden; min-height:45.5rem; height:100%; position:relative;  }
.company_biz_inner .biz_box .bg {background:#0d69e7; opacity:0; transition: all 0.6s; width:100%; height:100%; position:absolute; z-index:0; }  
.company_biz_inner .biz_box:hover .bg {opacity:0.65; transition: all 0.6s;}
.company_biz_inner .biz_box:nth-child(1) {background: url("../../pages/images/biz_box_bg1.jpg") no-repeat center center; background-size:cover;}
.company_biz_inner .biz_box:nth-child(2) {background: url("../../pages/images/biz_box_bg2.jpg") no-repeat center center; background-size:cover;}
.company_biz_inner .biz_box:nth-child(3) {background: url("../../pages/images/biz_box_bg3.jpg") no-repeat center center; background-size:cover;}
.company_biz_inner .biz_box:nth-child(4) {background: url("../../pages/images/biz_box_bg4.jpg") no-repeat center center; background-size:cover;}
.company_biz_inner .biz_box:nth-child(5) {background: url("../../pages/images/biz_box_bg5.jpg") no-repeat center center; background-size:cover;}
.company_biz_inner .biz_box dl {padding:11.5rem 1.0rem 1.0rem 4.5rem; z-index:1; position:relative;}
.company_biz_inner .biz_box dl dt {font-size:2.8rem; font-weight:700; margin-bottom:2.0rem; }
.company_biz_inner .biz_box dl dd {font-size:2.0rem; margin-bottom:0rem;}


@media( max-width:1400px ) {

.company_biz_inner .biz_box {width:49%; margin-bottom:2.0rem; min-height:40.5rem;}
.company_biz_inner .biz_box dl {padding:8.5rem 1.0rem 1.0rem 4.5rem; }

}

@media( max-width:1024px ) {
.company_top {padding:10.0rem;}
.company_conts .company_left {width:100%;}
.company_conts .company_right {width:100%; margin-top:5.0rem;}


}




@media( max-width:768px ) {
.company_conts .company_left strong {font-size:4.0rem}
.company_conts .company_right dl dt {width:12.5rem}
.company_conts .company_right dl dd {width: calc(100% - 12.5rem);} 
.company_conts .company_right dl dd br {display:none; }
.company_biz_inner .biz_box dl {padding:8.5rem 1.0rem 1.0rem 2.5rem; }


}

@media( max-width:500px ) {
.company_biz_inner .biz_box {width:100%; min-height:auto;}
.company_biz_inner .biz_box dl {padding:4.5rem 1.0rem 5.0rem 4.5rem; }
.company_biz_inner .biz_box dl dt {font-size:2.6rem; margin-bottom:1.0rem;}
}


/*연혁*/
.history_wrap {width:100%; position:relative; margin-top:8.0rem;}
.history_wrap:before {content:""; position: absolute;top: 10px;left:50%;width:1px;height: calc(100% + 50px);background:#c6c6c6;}

.history_list {width:100%; position:relative; display:flex; flex-wrap: wrap; margin-bottom:10.0rem;}
.history_list .his_img {width:50%; text-align:right; padding-right:60px; }
.history_list .his_img .his_year { font-size:5.4rem; font-weight:600; margin-bottom:1.0rem; color:#0d69e7 ; }
.history_list .his_img img {max-width:100%; border-radius:2.0rem;}

.history_list .his_txt {position:relative; width:50%; } 
.history_list .his_txt .his_txt_inner {margin-bottom:2.5rem; position:relative; padding-left:60px; }
.history_list .his_txt .his_txt_inner:before {content:"";position: absolute;top: 10px;left: -9px;width:18px;height:18px;border:5px solid #b2cce4;border-radius:50%;background: #0d69e7 ;}


.history_list .his_txt dl {padding-top:5.0rem;}
.history_list .his_txt dl:nth-child(1) {padding-top:10.0rem}
.history_list .his_txt dl dt {font-weight:600; font-size:1.8rem; color:#848484;  }
.history_list .his_txt dl dd {font-size:2.0rem; margin-top:0rem;  }

.history_list:nth-child(even) .his_img {order:2; text-align: left; padding-right:0;padding-left:60px;}
.history_list:nth-child(even) .his_txt {order:1; text-align: right; padding-left:0; }
.history_list:nth-child(even) .his_txt_inner {padding-right:60px;}
.history_list:nth-child(even) .his_txt_inner:before {left: auto; right: -9px;}

.history_list:nth-child(even) .his_txt dt {order:2;}
.history_list:nth-child(even) .his_txt dd {order:1;}


@media screen and (max-width: 1024px){
.history_wrap {margin-top:0;}
.history_wrap:before {content:"";position: absolute;top: 10px;left: 30px;width:1px;height: calc(100% + 50px);background:#c6c6c6;}

.history_list .his_img {width:100%; text-align:left; padding-left:60px; margin-bottom:20px; padding-right:0;}
.history_list .his_img:before {content:"";position: absolute;top: 28px;left: 22px;width:18px;height:18px;border:5px solid #b2cce4;border-radius:50%;background: #0d69e7 ;}
.history_list .his_img img {}
.history_list .his_txt {width:100%;}


.history_list .his_img .his_year {position:relative; font-size:5.0rem;}

.history_list:nth-child(even) .his_txt_inner {padding-right:0px;  padding-left:60px;}
.history_list:nth-child(even) .his_img {order:1; text-align: left; padding-right:0; padding-left:60px;}
.history_list:nth-child(even) .his_txt {order:2; text-align: left;}

.history_list:nth-child(even) .his_txt:before {left: -9px; right: auto;}
.history_list:nth-child(even) .his_txt dt {order:1;}
.history_list:nth-child(even) .his_txt dd {order:2;}

.history_list .his_txt .his_txt_inner {padding-left:60px;}
.history_list .his_txt .his_txt_inner:before {display:none; }
.history_list:nth-child(even) .his_txt_inner:before {left: 0px; right: auto;}

.history_list .his_txt dl {padding-top:3.0rem;}
.history_list .his_txt dl:nth-child(1) {padding-top:3.0rem}
.history_list .his_txt dl dt {width:50px; }
.history_list .his_txt dl dd {width:calc(100% - 50px);  }

}



/*조직도*/
.organization img, .organization_mob img {max-width:100%;} 
.organization {display:block;}
.organization_mob {display:none;}

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

}




/*경영이념*/
.philosophy01 {text-align:center; padding-bottom: 15.0rem; background: url("../../pages/images/philosophy_arr.png") no-repeat center top 20.0rem; background-size: 80% contain; flex-direction: column; display:flex;  }
.philosophy01 > .txt1_box .txt1 {color:#fff; font-size:4.2rem; padding:3.0rem 15.0rem; border-radius:8.0rem; background:#0d69e7; display:inline-block; line-height:1.25; font-weight:800; }
.philosophy01 > .txt2_box {margin-top:15.0rem;}
.philosophy01 > .txt2_box .txt2 {font-size:3.2rem; color:#0d69e7; background:rgba(255,255,255,0.7);  font-weight:800; padding:3.0rem 4.0rem;border-radius:8.0rem; border:5px solid #d0d0d0; display:inline-block;}


.philosophy01 .philosophy_circle {margin-top:12.0rem;}
.philosophy01 .philosophy_circle ul { justify-content: center; gap:7.5rem;}
.philosophy01 .philosophy_circle ul li strong {display:block; font-size:2.8rem;  margin-top:2.0rem;}


.philosophy02 {background: url("../../pages/images/philosophy_bg02.jpg") no-repeat center center; background-size: cover; padding:15.0rem 0; }
.philosophy02 .title {font-size:4.6rem; font-weight:800; color:#fff; text-align:center; }
.philosophy02 .conts {margin-top:6.0rem;}
.philosophy02 .conts ul {justify-content: space-between;}
.philosophy02 .conts li {width:32%; background:rgba(255,255,255,0.1); border-radius:2.0rem; color:#fff; 
						-webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); text-align:center; padding:5.0rem 2.0rem 5.0rem 2.0rem; }
.philosophy02 .conts li span {font-size:2.0rem; font-weight:900;}
.philosophy02 .conts li p {font-size:2.8rem; font-weight:700; line-height:1.2; margin-top:2.0rem;}


.philosophy03 {padding:15.0rem 0 0 0 ; }
.philosophy03 .title {font-size:4.6rem; font-weight:800;  text-align:center; }
.philosophy03 .conts {margin-top:6.0rem;}
.philosophy03 .conts ul {justify-content: space-between;}
.philosophy03 .conts li {width:32%; background:#d4e6f3; border-radius:2.0rem; 
						-webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); text-align:center; padding:5.0rem 2.0rem 5.0rem 2.0rem; }
.philosophy03 .conts li span {font-size:2.0rem; font-weight:900;}
.philosophy03 .conts li p {font-size:2.8rem; font-weight:700; line-height:1.2; margin-top:2.0rem;}




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

.philosophy01 > .txt1_box .txt1 {font-size: 4.0rem;}

.philosophy02 .title {font-size:3.8rem;}
.philosophy03 .title {font-size:3.8rem;}

.philosophy02 .conts li {width:100%; margin-bottom:2.0rem;}
.philosophy03 .conts li {width:100%; margin-bottom:2.0rem;}
.philosophy02 .conts li p {font-size:2.4rem;}
.philosophy03 .conts li p {font-size:2.4rem;}
}



/*오시는길*/
.location_map { border-top:1px solid #222;}
.loc_txt { padding:5.0rem; border-bottom:1px solid #ddd;}
.loc_txt .loc_left {width:25%;}
.loc_txt .loc_left img {max-width:100%;}
.loc_txt .loc_right {margin:4.0rem 0 0 5.0rem;}
.loc_txt .loc_right dt {font-size:2.6rem; font-weight:600; margin-bottom:2.0rem;}
.loc_txt .loc_right dd {font-size:1.8rem; color:#888; }
.loc_txt .loc_right dd ul li { margin-right:3.0rem; margin-bottom:0.5rem;}
.loc_txt .loc_right dd ul li span {color:#202020; margin-right:15px;}

.loc_map {width:100%; margin-top:3.0rem; padding:2.0rem 0;}
.loc_map .map_height {height:400px; width:100%;}
.loc_map .root_daum_roughmap .wrap_map {height: 100% !important;}


@media screen and (max-width: 1200px){
.loc_txt .loc_left  {width:100%;}
.loc_txt .loc_right {margin:5.0rem 0 0 }
}


@media screen and (max-width: 768px){
.loc_txt {padding:3.0rem 0;}
.loc_map .map_height {height:350px;}
.loc_txt .loc_right dd ul li {width:100%;}
}


/*사업소개*/
.business_wrap {padding:12.0rem 0;}
.business_wrap .business_txt {width:50.0rem;}
.business_wrap .business_txt h3 {font-size:3.6rem; line-height:1.2;}
.business_wrap .business_txt p { color:#767676; font-size:2.0rem;}
.business_wrap .business_img {width:calc(100% - 50.0rem);}
.business_wrap .business_img > p.txt1 {font-size:2.0rem; color:#222; margin-bottom:3.0rem;}


.business_wrap .business_img .img02 {justify-content: space-between;}
.business_wrap .business_img .img02 li {width:49%; margin-bottom:2.0rem; }
.business_wrap .business_img .img02 li img {max-width:100%; max-height:32.5rem; border-radius:1.0rem;}
.business_wrap .business_img .img02 li span {display:block; font-size:16px; color:#fff; background:#000; padding:1.0rem; text-align:center;  font-weight:500; margin-top:0rem;}
.max_height img {max-height:100% !important;}
.business_wrap .business_img .img02 .img03 {width: 23.8%;}


@media screen and (max-width: 1200px){
.business_wrap .business_txt {width:100%;}
.business_wrap .business_txt h3 br {display:none;}
.business_wrap .business_img {width:100%; margin-top:5.0rem;}
.business_wrap .business_img .img02 li img {max-width:100%; max-height:100%;}
}

@media screen and (max-width: 768px){
.business_wrap .business_txt h3 {font-size:3.2rem;}
.business_wrap .business_img {margin-top:3.0rem;}
.business_wrap .business_img .img02 li {width:100%;}
.business_wrap .business_img .img02 .img03 {width: 100%;text-align:center}

}

/*인증서*/
.tech_wrap {margin:0 -35px 0 0}
.tech_wrap .tech_box {width:calc(25% - 35px); margin-right:35px; text-align:center; border-bottom:1px solid #ddd; margin-bottom:35px;}
.tech_wrap .tech_box .tech_img {background:#fafafa; border:1px solid #e5e5e5; padding:5.0rem 2.0rem; }
.tech_wrap .tech_box .tech_img img {width:100%; max-width:218px; box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.2);}
.tech_wrap .tech_box .tech_txt {color:#777; padding:3.0rem 0; font-size:1.8rem; font-weight:600; } 
.tech_wrap .tech_box .tech_txt span {display:block; color:#000;}



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

.tech_wrap .tech_box {width:calc(50% - 35px);}
.tech_wrap .tech_box .tech_img img {width:80%;}

}


/*생산설비*/
.facilities_wrap {justify-content: space-between;}
.facilities_wrap .facilities_img {width:40%;}
.facilities_wrap .facilities_img p {font-size:4.2rem; font-weight:600; line-height:1.25; margin-bottom:5.0rem;}
.facilities_wrap .facilities_img span {display:block; margin-bottom:1.0rem;}
.facilities_wrap .facilities_img span img {max-width:100%;}
.facilities_wrap .facilities_table {width:55%;}


@media screen and (max-width: 1200px){
.facilities_wrap .facilities_img {width:100%;}
.facilities_wrap .facilities_img .facilities_img_inner {display:flex; flex-wrap:wrap; justify-content: space-between;}
.facilities_wrap .facilities_img .facilities_img_inner span {width:32%;}
.facilities_wrap .facilities_table {width:100%; margin-top:5.0rem;}
}

@media screen and (max-width: 768px){
.facilities_wrap .facilities_img {order:2 }
.facilities_wrap .facilities_table {order:1;margin-top:0; margin-bottom:5.0rem;}
.facilities_wrap .facilities_img .facilities_img_inner span {width:100%;}
}