@charset "utf-8";

.sub_contents {width:100%;  line-height:1.65; color:#5f5f5f;  font-size:1.8rem; padding-top:18.0rem; overflow-y:hidden;  }
.sub_content2 {width:100%;  line-height:1.65; color:#5f5f5f;  font-size:1.8rem; padding-top:5.0rem; overflow:hidden;   }
.sub_content3 {width:100%;  line-height:1.65; color:#5f5f5f;  font-size:1.8rem; padding-top:12.0rem; }

.sub_content4 {width:100%;  line-height:1.65; color:#5f5f5f;  font-size:1.8rem; padding-top:5.0rem;   }


.product_box03.no_margin{margin:0}

.mar_bot50{margin-bottom:5.0rem;}

/*동영상*/
.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_info {font-size:1.6rem;}
.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;}



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

.table2 .bg2 {background:#f8f8f8}

.table2 tbody th {border-bottom: 1px solid #bebebe; padding: 12px; color: #000;  vertical-align: middle;  font-weight: 600;}
.table2 tbody td {border-bottom: 1px solid #bebebe; border-left: 1px solid #bebebe; padding: 12px 15px; color: #555;  vertical-align: middle; text-align:right;  }
.table2 tbody td:first-child {border-left: 0; text-align:center; }
.table2 tbody td strong {color:#000;}
.table2 tfoot {background:#626262; color:#fff; }
.table2 tfoot th {text-align:center; padding:12px;  vertical-align: middle;}
.table2 tfoot td {padding: 12px 15px; text-align:right; vertical-align: middle;}



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

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



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

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

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

@media screen and (max-width: 1024px){
.table4 tbody td {padding:12px 5.0rem 12px 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){

}

/******이미지효과 ******/
.img_up_01 {
    animation-name: img_up_01;
    -webkit-animation-name: img_up_01;
}



@keyframes img_up_01 {
    0% {
        opacity: 0;
        transform: translate3d(0, 100%, 0);
        -ms-transform: translate3d(0, 100%, 0);
    }

    100% {
        opacity: 1;
        transform: translate3d(0, 0%, 0);
        -ms-transform: translate3d(0, 0%, 0);
    }
}

@-webkit-keyframes img_up_01 {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
    }

    100% {
        opacity: 1;
        -webkit-transform: translate3d(0, 0%, 0);
    }
}


.img_up_02 {
    animation-name: img_up_02;
    -webkit-animation-name: img_up_02;
}

@keyframes img_up_02 {
    0% {
        opacity: 0;
        transform: translate3d(0, -100%, 0);
        -ms-transform: translate3d(0, -100%, 0);
    }

    100% {
        opacity: 1;
        transform: translate3d(0, 0%, 0);
        -ms-transform: translate3d(0, 0%, 0);
    }
}

@-webkit-keyframes img_up_02 {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
    }

    100% {
        opacity: 1;
        -webkit-transform: translate3d(0, 0%, 0);
    }
}

.img_wrap, .img_wrap2 {
    position: relative;
    top: 0px;
    left: 0%;
    width: 100%;
}

.img_wrap {
    overflow: hidden;
    /*animation-duration: 1.4s;*/
}

.img_wrap2 {
   /* animation-duration: 1.4s;*/
}




/*공통*/


/*.title01_01 {color:#999;}
.title01_02 {color:#222;}*/



h3 {font-size:5.0rem; font-weight:800; color:#000}
.font_26 {font-size:2.6rem; }
.font_20 {font-size:2.0rem; }
.font_22 {font-size:2.2rem; }

.font_b {font-weight:500}
.color_f {color:#fff !important;}
.color_0 {color:#000 !important;}


.title01 {
    position: relative;    
    font-size:4.6rem; font-weight:700; line-height:1.5;
   
}


.title02 {
    position: relative;    
    font-size:4.4rem; font-weight:700; line-height:1.5;
   
}

.b_txt01 {
  color: rgb(182, 182, 182, 0.2);
  background: linear-gradient(to right, #b6b6b6, #b6b6b6) no-repeat;
  -webkit-background-clip: text;
  background-clip: text;
  background-size: 0%;
  transition: background-size cubic-bezier(.1,.5,.5,1) 1.0s; 
}

.b_txt02 {
  color: rgb(182, 182, 182, 0.2);
  background: linear-gradient(to right, #000, #000) no-repeat;
  -webkit-background-clip: text;
  background-clip: text;
  background-size: 0%;
  transition: background-size cubic-bezier(.1,.5,.5,1) 1.0s;
}


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

.title01 {font-size:3.8rem;  }
.title02 {font-size:3.4rem;  }

}

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

h3 {font-size:3.6rem; margin-bottom:2.0rem; }

.title01 {font-size:2.6rem;  }
.title02 {font-size:2.6rem;  }

.font_26 {font-size:2.2rem; }
.font_26 br {display:none;}
.font_20 {font-size:1.8rem; }
.font_20 br {display:none;}


}



.envi_inner .cont_wrap {padding:8.0rem 0;}
.cont_wrap {width:100%; display:flex; flex-wrap: wrap; }
.cont_wrap .left_wrap {width:39.0rem;}
.cont_wrap .left_wrap  h4 {font-size:3.6rem; font-weight:700; color:#000;}
.cont_wrap .left_wrap .h4_eng {font-size:2.6rem; font-weight:600;}
.cont_wrap .left_wrap .h4_eng2 {font-size:2.4rem; font-weight:700; color:#c1c1c1;line-height:1.25;}
.cont_wrap .right_wrap {width:calc(100% - 39.0rem); padding-top:5px;}
.cont_wrap .right_wrap h4 {font-size:3.6rem; font-weight:700; color:#000;}
.cont_wrap .right_wrap h5 {line-height:1.5;}


.title_h4 {font-size:3.6rem; font-weight:700; color:#000;}

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

.cont_wrap .left_wrap {width:100%;}
.cont_wrap .left_wrap  h4 {font-size:3.2rem; }
.cont_wrap .right_wrap h4  {font-size:3.2rem; }
.cont_wrap .right_wrap {width:100%; margin-top:5.0rem; }

.title_h4 {font-size:3.2rem;}
}


@media screen and (max-width: 1024px){
.cont_wrap .left_wrap  h4  br {display:none;}
.cont_wrap .right_wrap h4 br {display:none;}
.title_h4 br {display:none;}

}

@media screen and (max-width: 768px){
.cont_wrap .right_wrap {margin-top:2.5rem;}

}


/* 인사말*/
/*.greetings_img {margin-top:8.0rem;}
.greetings_img .img_box {width:100%;}*/
.greetings_img_wrap {margin:8.0rem auto 0 !important; width:100%; height:604px;  position:relative; }
.greetings_img {overflow:hidden;position:relative;width:100%;height:100%; }
.greetings_img img {position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);  /*background: url("../../pages/images/greetings_img.jpg") no-repeat ;*/}

.greetings_txt {margin-top:10.0rem; padding:0 15.0rem;}
.greetings_txt01 {font-size:3.8rem; font-weight:600; color:#000; margin-bottom:5.0rem;}

.greetings_txt p {font-size:2.0rem; margin-bottom:3.0rem; line-height:1.7;}

.ceo_name {display:flex; align-items: center;  justify-content: flex-end; font-size:2.2rem; font-weight:600; gap:15px; color:#000;  margin-top:5.0rem;}
.greetings_img2 {display:none;}

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

.greetings_img_wrap {display:none;}
.greetings_img2 {display:block; margin-top:5.0rem;}

.greetings_txt01 {font-size:3.2rem;}

}


@media screen and (max-width: 768px){
.greetings_txt01 {font-size:2.8rem; margin-bottom: 3.0rem;}

.greeting .greeting_wrap .greeting_right .message_logo img{width:50%}

}



.hr_img_wrap {margin:8.0rem auto 0 !important; width:100%; height:604px;  position:relative; }
.hr_img {overflow:hidden;position:relative;width:100%;height:100%; }
.hr_img img {position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);}

.hr_img2 {display:none;}

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

.hr_img_wrap {display:none;}
.hr_img2 {display:block; margin-top:5.0rem;}
}




/*비전*/
.vision_img {margin-top:5.0rem;}



.core_value_wrap {background:#014190; padding:15.0rem 0 5.0rem 0; color:#fff !important; margin-top:15.0rem;}
.core_wrap .core_box {width:calc(100% /3); margin-bottom:8.0rem; padding-left:6.0rem; }
.core_wrap .core_box dl {margin-top:3.0rem;}
.core_wrap .core_box dl dt {font-size:2.4rem; font-weight:600; line-height:1.4;}
.core_wrap .core_box dl dt span {display:block; font-size:2.0rem; }
.core_wrap .core_box dl dd {margin-top:1.5rem; opacity:0.8;}



@media screen and (max-width: 1024px){
.core_wrap .core_box {width:calc(100% /2); margin-bottom:5.0rem; padding-left:3.0rem; }

}

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

.core_wrap .core_box {width:100%;}
.core_wrap .core_box .core_ico img {width:9.0rem;}

.core_wrap .core_box dl dd br {display:none;}
}

/*연혁*/
.history_wrap{position:relative; margin-top:8.0rem;}
.history_wrap *{word-break:keep-all}
.history_wrap .his_inner{position:relative;}

/**/
.history_wrap .his_inner .his_left{position:sticky;top:50px;height:100%}
.history_wrap .his_inner .his_left ul{margin-top:0px; background:#f5f5f5; border-radius:15px; text-align:center; max-width:29.4rem; padding:5.0rem; }
.history_wrap .his_inner .his_left ul li{position:relative;font-size:2.4rem; color:#000;padding:1.0rem; border-radius:6.0rem; font-weight:700;	transition:all .3s}
.history_wrap .his_inner .his_left ul li.on{background:#014190;color:#fff;transition:all .3s}
.history_wrap .his_inner .his_left ul li+li{margin-top:0.5rem}
/*.history_wrap .his_inner .his_left ul .item01.on:after{his_rightent:"01.";position:absolute;top:50%;left:0px;transform:translateY(-50%)}
.history_wrap .his_inner .his_left ul .item02.on:after{his_rightent:"02.";position:absolute;top:50%;left:0px;transform:translateY(-50%)}
.history_wrap .his_inner .his_left ul .item03.on:after{his_rightent:"03.";position:absolute;top:50%;left:0px;transform:translateY(-50%)}*/

.his_cont {}
.his_cont .his_title {color:#999; font-size:4.2rem;width:37.0rem; }
.his_cont .his_title span {color:#000;}

.his_img {width:100%;  /*background:#f8f8f8; */margin-bottom:8.0rem;}
.history_wrap .his_inner .his_right {margin-top:0rem; border-top:0px solid #000;}
.history_wrap .his_inner .his_right > li {padding-bottom:3.0rem; border-bottom:1px solid #ddd;  }
.history_wrap .his_inner .his_right > li + li {margin-top:5.0rem;}

.his_box {width:calc(100% - 37.0rem);}
.his_box .his_year {font-size:2.6rem; color:#000; font-weight:600; width:14.0rem;}
.his_box .his_box_inner {margin-bottom:2.0rem;}
.his_box .his_ul {width:calc(100% - 14.0rem); margin-top:0.5rem;}
.his_box .his_ul li {display:flex; margin-bottom:2.0rem; font-size:1.8rem;}
.his_box .his_ul li strong {width:5.0rem; color:#000;font-family:"Poppins"}


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

.history_wrap .his_inner .his_left {display:none;}
.history_wrap .his_inner .his_right {width:100%!important;}
}


@media screen and (max-width: 1200px){
.his_cont .his_title  {width:100%;}
.his_box  {width:100%; margin-top:5.0rem;}
}


@media screen and (max-width: 768px){
.history_wrap .his_inner .his_right > li {padding-top:0rem;}
.his_box  {width:100%; margin-top:3.0rem;}
.his_box .his_year {width:10.0rem; }
}




/*ci*/
.ci_big {background:#f5f5f5; text-align:center; padding: 15.0rem 5.0rem; margin-top:5.0rem;  border-radius:15px;}

.signature_logo { margin-top:2.0rem;  justify-content: space-between;  }
.signature_logo .signature_box {width:49%;  }
.signature_logo .signature_box .signature_img {background:#f5f5f5;  border-radius:15px; text-align:center;  padding:8.0rem 3.0rem 5.0rem 3.0rem;}
.signature_logo .signature_box .signature_img p {color:#000; margin-top:3.0rem;}
.signature_logo .signature_box .ci_dw {margin-top:2.0rem; transition: all 0.6s; color:#666; border-radius:10px; border:1px solid #ddd; display:flex;   justify-content: center; gap:2.0rem; padding:1.5rem  2.0rem;  }
.signature_logo .signature_box .ci_dw:hover {background:#000; color:#fff; transition: all 0.6s;}

.ci_color {justify-content: space-between; margin-top:8.0rem;}
.ci_color .color_box {width:32.5%; border:1px solid #ddd; padding:4.0rem 4.0rem 2.0rem 4.0rem; border-radius:15px;  }

.color_bg {display:flex;  justify-content: space-between;}
.color_bg .color_name {font-size:2.8rem; font-weight:800; line-height:1.25;}
.color_bg .color_circle {width:9.8rem; height:9.8rem; border-radius:100%; }
.color_info {margin-top:1.5rem;}
.color_info li {display:flex; }
.color_info li .info_t01 {width:10.0rem; color:#4b4b4b; font-weight:500;}



.color_red .color_name {color:#e50012}
.color_red .color_circle {background:#e50012;}

.color_blue .color_name {color:#00418f}
.color_blue .color_circle {background:#00418f;}

.color_black .color_name {color:#231815}
.color_black .color_circle {background:#231815;}




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

.ci_color .color_box {width:49%; margin-bottom:2%;}

}

@media screen and (max-width: 768px){
.signature_logo {gap:15px;}
.signature_logo .signature_box {width:100%;}
.color_bg .color_circle {width:6.8rem; height:6.8rem;}
.ci_color  {margin-top:5.0rem;}
.ci_color .color_box {width:100%; margin-bottom:2%;}

}



/*사업장*/
.location_local {}


.map_wrap {position:relative; width:100%; height:129.5rem;}
.map_wrap .map_box { position: absolute; top: 50%; left:50%; transform: translate(-50%, -50%) scale(1); }
.map_wrap .map_box .map_local { max-width:77.3rem; }
.local_marker01 {left:20.4rem; top:28.1rem;}
.local_marker02 {left:18.2rem; top:40.5rem;}
.local_marker03 {left:15rem; top:60.6rem;}
.local_marker04 {left:31.2rem; top:65.5rem;}
.local_marker05 {left:50.4rem; top:65.5rem;}

.map_wrap2 {position:relative; width:100%; height:85.5rem; overflow:hidden;}
.map_wrap2 .map_box { position: absolute; top: 50%; left:50%; transform: translate(-50%, -50%) scale(1); }
.map_wrap2 .map_box .map_global { max-width:159.3rem; margin-left:20%;  }
.local_marker07 {left:73.0rem; top:40.8rem;}
.local_marker08 {left:84.0rem; top:38.7rem;}


.map_marker {position: absolute;width: 20px;height: 20px;border-radius: 50%;background: #92a9c4;cursor: pointer;}
.map_marker::after { content: ''; display: block; position: absolute; width: 8px; height: 8px; border-radius: 50%; background: #002f85; left: 50%; top: 50%; transform: translate(-50%, -50%); }
.map_marker::before { content: ''; display: block; position: absolute; width: 100%; height: 100%; border-radius: 50%; left: 50%; top: 50%; transform: translate(-50%, -50%); border: 1px solid #00418f; 
					animation: map_btn 1.5s infinite; }
@keyframes map_btn {
  0% { opacity: 1; }
  100% { opacity: 0; width: 250%; height: 250%; }
}




.loccont_box {width:40.0rem; background:#00418f; padding:3.0rem; color:#fff;  position:absolute; }
.loccont_box dl dt {font-size:2.2rem; font-weight:600; border-bottom:1px solid rgba(255,255,255,0.4); padding-bottom:1.0rem;  }
.loccont_box dl dd {display:flex; align-items: center; gap:15px; font-size:1.7rem; color:rgba(255,255,255,0.8); margin-bottom:1.0rem; }
.loccont_box dl dd:nth-child(2) {margin-top:2.0rem;}
.loccont_box dl dd .material-icons {color:#fff; font-size:2.0rem;}
.loccont_box .map_go {background:rgba(255,255,255,0.8);  margin-top:1.0rem; border-radius:6.0rem; display:inline-block;  }
.loccont_box .map_go a {color:#00418f; padding:1.0rem 2.5rem; display:flex; align-items: center; gap:10px; font-size:1.6rem;}

.loccont_box01 {left:-30.0rem; top:5.7rem;}
.loccont_box01:after {content:''; width:11.0rem; height:1px; background:#00418f; bottom:2.5rem;right:-11.0rem;  position:absolute; }
.loccont_box02 {left:-30.0rem; top:34.0rem;}
.loccont_box02:after {content:''; width:9.3rem; height:1px; background:#00418f; top:7.4rem;right:-9.3rem;  position:absolute; }
.loccont_box03 {left:-30.0rem; top:58.0rem;}
.loccont_box03:after {content:''; width:6.2rem; height:1px; background:#00418f; top:3.7rem;right:-6.2rem;  position:absolute; }
.loccont_box04 {left:13.0rem; top:76.2rem;}
.loccont_box04:after {content:''; width:1px; height:9.4rem; background:#00418f; top:-9.4rem; left:19.1rem;  position:absolute; }
.loccont_box05 {left:64.0rem; top:18rem;}
.loccont_box06 {left:64.0rem; top:46.5rem;}
.loccont_box06:after {content:''; width:12.3rem; height:1px; background:#00418f; bottom:6.0rem;left:-12.3rem;  position:absolute; }






.loccont_box2 {width:55.2rem;background:#00418f; padding:3.0rem; color:#fff;  position:absolute; }
.loccont_box2 dl dt {font-size:2.2rem; font-weight:600; border-bottom:1px solid rgba(255,255,255,0.4); padding-bottom:1.0rem;  }
.loccont_box2 dl dd {display:flex;  gap:15px; font-size:1.7rem; color:rgba(255,255,255,0.8); margin-bottom:1.0rem; }
.loccont_box2 dl dd:nth-child(2) {margin-top:2.0rem;}
.loccont_box2 dl dd .material-icons {color:#fff; font-size:2.0rem; margin-top:0.5rem;}
.loccont_box2 .map_go {background:rgba(255,255,255,0.8);  margin-top:1.0rem; border-radius:6.0rem; display:inline-block;  }
.loccont_box2 .map_go a {color:#00418f; padding:1.0rem 2.5rem; display:flex; align-items: center; gap:10px; font-size:1.6rem;}

.loccont_box07 {left:8.5rem; top:26.5rem;}
.loccont_box07:after {content:''; width:10.0rem; height:1px; background:#00418f; top:15.0rem;right:-10.0rem;  position:absolute; }
.loccont_box08 {left:95.0rem; top:17.5rem;}
.loccont_box08:after {content:''; width:10.0rem; height:1px; background:#00418f; bottom:9.2rem;left:-10.0rem;  position:absolute; }





/*1024*/
.local_table_wrap {display:none;}
.local_table {justify-content: space-between; margin-top:5.0rem; }
.loccont_box_mob {background:#fff; color:#222; padding:4.0rem ; width:32%; margin-bottom:2%;  }
.loccont_box_mob dl { }
.loccont_box_mob dl dt { color:#222; font-size:2.2rem; font-weight:600; padding-bottom:1.0rem;  }
.loccont_box_mob dl dd {display:flex; align-items: center; gap:15px; font-size:1.7rem; color:#5f5f5;  margin-bottom:1.0rem; }

.loccont_box_mob dl dd .material-icons {color:#00418f; font-size:2.0rem;}
.loccont_box_mob .map_go {background:#fff;  border:1px solid #ddd; margin-top:1.0rem; border-radius:6.0rem; display:inline-block;  }
.loccont_box_mob .map_go a {color:#5f5f5f; padding:1.0rem 2.5rem; display:flex; align-items: center; gap:10px; font-size:1.6rem;}
.loccont_box_mob .map_go a .material-icons {color:#00418f;}





@media screen and (max-width: 1400px){
.map_wrap {height:110rem;}
.map_wrap .map_box {transform: translate(-50%, -50%) scale(0.9);}

.map_wrap2 {height:65rem;}
.map_wrap2 .map_box {transform: translate(-50%, -50%) scale(0.8);}
}


@media screen and (max-width: 1200px){
.map_wrap {height:100.5rem;}
.map_wrap .map_box {transform: translate(-50%, -50%) scale(0.72);}

.map_wrap2 {height:65rem;}
.map_wrap2 .map_box {transform: translate(-50%, -50%) scale(0.7);}
}


@media screen and (max-width: 1024px){
.loccont_box {display:none;}
.loccont_box2 {display:none;}
.map_wrap {height:85.5rem;}
.map_wrap .map_box {transform: translate(-50%, -50%) scale(0.62);}

.local_table_wrap {display:block; }
.loccont_box_mob  {width:49%; border-bottom:0; border-bottom:1px solid #ddd; }
}

@media screen and (max-width: 768px){
.loccont_box_mob  {width:100%;}
.local_table .loccont_box_mob:nth-child(1) {border-top:2px solid #222;}

}


/*rnd연구소*/

.rnd_team { justify-content: space-between;  margin-top:0rem; }
.rnd_team .rnd_team_box {display:flex; gap:3.0rem; background:#fff; padding:4.5rem 1.0rem; width:49%; margin-bottom:2%;  }
.rnd_team .rnd_team_box .rnd_ico img {width:10.0rem;}
.rnd_team .rnd_team_box .rnd_txt {}
.rnd_team .rnd_team_box .rnd_txt dt {color:#000; font-size:2.0rem; font-weight:600; margin-bottom:1.0rem; }
.rnd_team .rnd_team_box .rnd_txt dd {position:relative; padding-left:1.5rem;  font-size:1.7rem; line-height:1.6;}
.rnd_team .rnd_team_box .rnd_txt dd+dd {margin-top:0.7rem;}
.rnd_team .rnd_team_box .rnd_txt dd:before  {position:absolute; content:'-'; left:0; top:0rem; }

.rnd_equip {margin:5.0rem -2.0rem 0rem 0; }
.rnd_equip .equip_box {background:#f8f8f8; width:calc(33% - 2.0rem); text-align:center;  padding:4.0rem 2.0rem 2.0rem 2.0rem; margin-right:2.0rem; margin-bottom:2.0rem;  }
.rnd_equip .equip_box .equip_img img {max-height:25.0rem; max-width:70%; }
.rnd_equip .equip_box p {text-align:center; font-size:2.0rem; color:#000; margin-top:3.0rem; }

@media screen and (max-width: 1024px){
.rnd_team .rnd_team_box {width:100%;}

}

@media screen and (max-width: 768px){
.rnd_team .rnd_team_box .rnd_ico img {width:8.5rem;}

.rnd_equip .equip_box {background:#f8f8f8; width:calc(50% - 2.0rem);}
}




/*홍보센터*/
.pr_wrap {margin-top:8.0rem;}

.pr_wrap .pr_inner .pr_left {position:sticky;top:50px;height:100%}
.pr_wrap .pr_inner .pr_left ul{margin-top:0px; background:#f5f5f5; border-radius:15px; text-align:center; max-width:29.4rem; padding:5.0rem; }
.left_tab ul{background:#f5f5f5; border-radius:15px; text-align:center; max-width:29.4rem; padding:5.0rem; }
.left_tab ul li{position:relative;font-size:2.4rem; color:#000;padding:1.0rem; border-radius:6.0rem; font-weight:700;	transition:all .3s}
.left_tab ul li.on{background:#014190;color:#fff;transition:all .3s}
.left_tab ul li+li {margin-top:0.5rem}

.pr_right {}
.pr_right li+li {margin-top:15.0rem;}

.pr_video {width:100%;}
.pr_video video {width:100%; margin-top:3.0rem;}


.pr_brochure {background:#f8f8f8; padding:8.0rem; gap:11.0rem;  justify-content: center; margin-top:3.0rem;}
.pr_brochure .brochure_img {width:30%;}
.pr_brochure .brochure_img img {box-shadow: rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px;}
.pr_brochure .brochure_down { display:flex;   align-items: center; width:35%;}
.pr_brochure .brochure_down  .brochure_down_inner { display:flex;   flex-direction: column; gap:15px;   width:100%;  }

.btn_down {display:flex; font-weight:500; padding:1.2rem 4.5rem;  justify-content: space-between; align-items: center; background:#014190; color:#fff; width:100%; }

.pr_catalog { justify-content: space-between; margin-top:3.0rem;}
.pr_catalog .pr_catalog_box {width:49%; background:#f8f8f8; margin-bottom:2%; padding:4.0rem;  justify-content: space-between;}

.pr_catalog .pr_catalog_box .catalog_img {width:40%;}
.pr_catalog .pr_catalog_box .catalog_img img {box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;}
.pr_catalog .pr_catalog_box .catalog_down {display:flex;   align-items: center; width:50%;}
.pr_catalog .pr_catalog_box .catalog_down .catalog_down_inner { display:flex;   flex-direction: column; gap:15px;   width:100%; }

.catalog_down_inner > h5 {font-size:2.4rem; font-weight:500; margin-bottom:0rem; color:#000; font-weight:600; }

@media screen and (max-width: 1200px){
.left_tab {display:none;}

}

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

.pr_brochure .brochure_img {width:40%;}
.pr_brochure .brochure_down { display:flex;   align-items: center; width:50%;}
.pr_brochure .brochure_down  .brochure_down_inner { display:flex;   flex-direction: column; gap:15px;   width:100%;  }

.pr_catalog .pr_catalog_box {flex-direction: column; align-items: center;}
.pr_catalog .pr_catalog_box .catalog_down {width:80%; margin-top:3.0rem; }
.pr_catalog .pr_catalog_box h5 {text-align:center; }
}

@media screen and (max-width: 768px){
.pr_catalog .pr_catalog_box .catalog_down {width:80%; }
.pr_catalog .pr_catalog_box {width:100%; margin-bottom:5%; padding:8.0rem 4.0rem;}

.pr_catalog .pr_catalog_box .catalog_img {width:60%;} 
.pr_brochure {padding:8.0rem 4.0rem; }
.pr_brochure .brochure_down {width:100%;}
.pr_brochure .brochure_img  {width:60%;} 

.btn_down {padding:1.5rem 4.0rem; }

}


/*business_menu*/

.business_menu {padding:2.0rem 0 2.5rem; position:sticky; top:0px;height:100%; z-index:999;  background:rgba(255,255,255,0.9);}
.business_menu ul {display:flex;  justify-content: center; gap:8.0rem; /*background:rgba(255,255,255,0.8); */  }
.business_menu ul li a {font-size:2.4rem; font-weight:600; color:#6c6c6c; padding-bottom:2.0rem; }
.business_menu ul li.on a {color:#014190; border-bottom:5px solid #014190; font-weight:900;}

.biz_cont_wrap {margin-top:10.0rem;}
.biz_cont_wrap > div {min-height:300px;}



.biz_03, .biz_04 {margin-top:20.0rem;}



/*사업개요 공통*/

.eco_mobility1 .visual{
	position:relative;
	width:100%;height:100vh;
	margin:-12.0rem 0  0 0;
}
.eco_mobility1 .visual .bg{
	overflow:hidden;
	position:absolute;left:0;top:0;
	width:100%;height:100%;
	background:url("../../pages/images/space_defense_bg222.jpg") no-repeat;
	background-size:cover;
	transition:all 0.2s;
}
.visual .txt_wrap{
	position:absolute;left:50%;top:50%;z-index:10;
	transform:translate(-50%, -50%);
	text-align:center; 
	width:100%;
	/*font-size:64px;color:rgba(255,255,255,0.8);font-weight:600;*/
}


.visual .txt_wrap .text1 {opacity:0;transform:translateY(50px);	transition:all 1.4s; font-size:15.4rem; color:rgba(255,255,255,0.3); font-weight:700;}
.visual .txt_wrap .text2 {opacity:0;transform:translateY(50px);	margin-top:-12.0rem; transition:all 1.4s; font-size:5.2rem; color:#fff; font-weight:700; line-height:1.3;}

.visual .txt_wrap .text3 {opacity:0;transform:translateY(50px);	transition:all 1.4s; font-size:5.8rem; color:rgba(255,255,255, 1); font-weight:700;}
.visual .txt_wrap .text4 {opacity:0;transform:translateY(50px);	transition:all 1.4s; margin-top:5.0rem; font-size:5.2rem; color:#fff; font-weight:700; line-height:1.3;}

.visual .txt_wrap.on .text1{ transition:all 1.4s 0.3s; opacity:1;transform:translateY(0);}
.visual .txt_wrap.on .text2{ transition:all 1.4s 0.5s; opacity:1;transform:translateY(0);}

.visual .txt_wrap.on .text3{ transition:all 0sd 0.3s; opacity:1;transform:translateY(0);}
.visual .txt_wrap.on .text4{ transition:all 1.4s 0.5s; opacity:1;transform:translateY(0);}




.biz_tech { justify-content: space-between;}
.biz_tech dl {width:49%; background:#fff;  padding:4.5rem 5.0rem; font-size:2.2rem; border:1px solid #ddd;
				border-radius:1.0rem;  margin-bottom:1.5rem; }
.biz_tech dl dt span {color:var(--main-color); font-weight:800; display:block;  margin-bottom:2.0rem;}
.biz_tech dl dt strong {color:#666; font-weight:400; }


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

.biz_tech dl {width:100%; padding:4.5rem;}

}

/*

.biz_tech { justify-content: space-between;}
.biz_tech dl {width:32.5%; background:rgba(0,0,0,0.2);  backdrop-filter: blur(2px); padding:3.5rem 5.0rem; font-size:2.2rem; border:1px solid rgba(255,255,255,0.2);
				border-radius:1.0rem;  margin-bottom:1.5rem; }
.biz_tech dl dt span {color:var(--main-color); font-weight:800; display:block;  margin-bottom:2.0rem;}
.biz_tech dl dt strong {color:#fff; font-weight:400; }

*/


/*우주방산본부*/


/*tab{display:none}
.tab.on{display:block}
.tab-container {display:flex; gap:2.0rem;font-size:2.4rem; position:sticky; top:10px;height:100%; z-index:999; }
.tabs{padding:1.2rem 3.2rem; border-radius:5.0rem; font-weight:600;cursor:pointer; background:#f2f2f2; transition:all .3s}
.tabs:hover{padding:1.2rem 4.0rem}
.tabs.on{color:#fff;background:#111}
*/


.tab{display:none}
.tab.on{display:block}
.tab-container_wrap {position:sticky; top:0px;height:100%; z-index:99; border-bottom:1px solid #ddd;}
.tab-container {background:#fff; display:flex; gap:6.0rem;font-size:2.8rem;  }
.tabs {padding:1.2rem 0rem 1.5rem 0; font-weight:600; cursor:pointer;  transition:all .3s}
/*.tabs:hover{padding:1.2rem 4.0rem}*/
.tabs.on{color:#000;  font-weight:800;/*background:#111*/}



.tab_wrap{ margin-top:1.0rem;}




.defense_product_wrap {position:relative;}

.defense_menu {padding:1.5rem 0 2.5rem; position:sticky; top:7.3rem; height:100%; z-index:98; background:#fff; }

.defense_menu ul {display:flex; flex-wrap:wrap; /*border-left:1px solid #ddd;*/ gap:1.0rem; }
.defense_menu ul li { background:#fff;  /*border-bottom:1px solid #ddd; border-top:1px solid #ddd; border-right:1px solid #ddd;*/ background:#f2f2f2; border-radius:5.0rem;}
.defense_menu ul li a {font-size:1.8rem; font-weight:500; color:#6c6c6c; display:block; width:100%; height:100%; padding:1.0rem 2.0rem;}
.defense_menu ul li:first-child {}
.defense_menu ul li.onn {background:#014190; font-weight:700; /*border:1px solid #014190; */ }
.defense_menu ul li.onn a {color:#fff;  }

.defense_cont_wrap .defense_cont { scroll-margin-top: 12rem; min-height:60.0rem; background:#f8f8f8; margin-bottom:5.0rem; padding:8.0rem 10.0rem 3.0rem 10.0rem; }

}

.defense_cont_wrap .defense_cont .defense_txt {}
.defense_cont_wrap .defense_cont .defense_txt .defense_name span {color:#666; font-size:2.2rem; font-weight:600;}
.defense_cont_wrap .defense_cont .defense_txt .defense_name h5 {color:#000; font-size:3.2rem;}
.defense_cont_wrap .defense_cont .defense_txt  em {font-style: normal; font-size:2.4rem; font-weight:600; display:block;}
.defense_cont_wrap .defense_cont .defense_txt  p {font-size:2.0rem; margin-top:1.0rem; color:#666;}

.defense_cont_wrap .defense_cont .defense_img {text-align:center; margin-top:5.0rem; }
.defense_cont_wrap .defense_cont .defense_img img {margin:auto; max-width:85.0rem;}

.defense_cont_wrap .defense_cont .defense_img3 {text-align:center; margin-top:5.0rem; }
.defense_cont_wrap .defense_cont .defense_img3 img {margin:auto; max-width:100%;}

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

.defense_menu ul {display:flex; flex-wrap:wrap; }
.defense_menu ul li {line-height:24px; /*width:25%;*/ text-align:center;}
.defense_menu2 ul li {line-height:24px; /*width:33.3%!important;*/ text-align:center;}
.defense_menu2 ul li a {padding:1.5rem 0rem;:}
.defense_cont_wrap .defense_cont .defense_txt {padding:3.0rem 5.0rem; }

.tab-container {font-size:2.8rem; gap:4.0rem;}



}


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

.tabs {padding:1.2rem 2.4rem; }

.defense_menu ul li a {font-size:16px; display:block; width:100%; height:100%;}
.defense_cont_wrap .defense_cont .defense_txt {width:100%; background:#f8f8f8; padding:0;}
.defense_cont_wrap .defense_cont .defense_img {width:100%; margin-top:2.0rem;}


}



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

.tab-container {font-size:2.6rem; gap:2.0rem;}
.defense_menu {top:6.8rem;  padding:1.5rem 0 1.5rem;}
.defense_cont_wrap .defense_cont .defense_txt p {margin-top:2.0rem;}
.defense_cont_wrap .defense_cont .defense_txt p br {display:none;}


}


.equipment_img {gap:1%;  justify-content: space-between; flex-wrap:wrap;}
.equipment_img .equipment_box {width:49.5%; padding:2.5rem 1.5rem;  background:#f8f8f8;  /*border:1px solid #ddd;*/}
.equipment_img .equipment_box img { }



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

.equipment_img .equipment_box {width:100%; }
}



/*우주방산본부 모션*/

#defense_022.visible {}

.defense_img_wrap {width:100%; height:100%; position:relative; }
.defense_img_position {margin-top:10.0rem; position:relative;}
.defense_img_wrap .defense_img_bg {height:40.0rem; opacity:1; transition: all 0.8s;  transition-delay:0.9s;  }
.defense_img_wrap .defense_img_bg img {position:absolute; left:50%; top:50%; transform: translate(-50%, -50%); z-index:1; margin:5.0rem auto 0;  max-width:85.0rem;}

.defens_marker_wrap {width:100%; height:100%; position:relative; }
.defens_marker {position: absolute; width: 20px;height: 20px;border-radius: 50%;background: #92a9c4; z-index:2;}
.defens_marker::after { content: ''; display: block; position: absolute; width: 8px; height: 8px; border-radius: 50%; background: #002f85; left: 50%; top: 50%; transform: translate(-50%, -50%); }
.defens_marker::before { content: ''; display: block; position: absolute; width: 100%; height: 100%; border-radius: 50%; left: 50%; top: 50%; transform: translate(-50%, -50%); border: 1px solid #00418f; 
					animation: map_btn 1.5s infinite; }



.defence_marker01 {left:81.0rem; top:24.9rem;}
.defence_marker02 {left:97.0rem; top:27.5rem;}

.defence_detail_wrap {/*position: absolute;left:50%; top:50%; transform: translate(-50%, -50%); z-index:2;*/ }
.defence_detail_wrap .defence_detail_name {text-align:left; font-size:2.0rem; color:#000; font-weight:600; padding-bottom:2.0rem; border-bottom:1px solid #ddd;  }
.defence_detail_wrap .defence_detail_img { padding:2.0rem;}
.defence_detail_wrap .defence_detail_img img {}
.defence_detail {
  position: absolute;
  top: 50%;
  left: 50%;  transform: translate(-50%, -50%) scale(0); 
  opacity: 0; 
  margin: 0; 
  z-index: 3; /*background:#fff; */padding:2.0rem;}

#defense_022.visible .defense_img_bg {opacity:0.3; transition: all 0.4s; transition-delay:0.3s;}
#defense_022.visible .defence_detail { transform: translate(-50%, -50%) scale(0.85); opacity:1; }

/*천궁::연소관*/
#defense_022.visible .defence_detail01 {margin:-13.0rem 0 0 0.0rem;  transition : all 0.4s ease-in-out 0.5s;}
#defense_022.visible .defence_detail01 img {max-width:80.0rem; }
#defense_022.visible .defence_detail01:before {content:''; position:absolute; width:16.0rem; height:1px; background:#014190; bottom:2.5rem; right:25.5rem; transform: rotate(65deg);}

/*천궁::노즐조립체*/
#defense_022.visible .defence_detail02 {margin:-5.0rem 0 0 50.0rem; transition : all 0.4s ease-in-out 0.7s;}
#defense_022.visible .defence_detail02 img {max-width:18.0rem; }
#defense_022.visible .defence_detail02:before {content:''; position:absolute; width:23rem; height:1px; background:#014190; left:-15rem; bottom:4.2rem; transform: rotate(-35deg);}







/*에코모빌리티*/



/*.visual h4.on span.text3{transition:all 1.4s 0.6s;}*/



.eco_mobility2 .visual2{
	position:relative;
	width:100%;height:100vh;
	
}
.eco_mobility2 .visual2 .bg2{
	overflow:hidden;
	position:absolute;left:0;top:0;
	width:100%;height:100%;
	background:url("../../pages/images/eco_mobility_bg02.jpg") no-repeat;
	background-size:cover;
	transition:all 0.2s;
}
.visual2 .txt_wrap2{
	position:absolute;left:50%;top:50%;z-index:10;
	width:100%;
	transform:translate(-50%, -50%);
	margin-top:-5.0rem;
	text-align:center; 
	/*font-size:64px;color:rgba(255,255,255,0.8);font-weight:600;*/
}


.visual2 .txt_wrap2 .text1 {opacity:0;transform:translateY(50px); transition:all 1.4s; font-size:18.4rem; color:rgba(255,255,255,0.2); font-weight:700;}
.visual2 .txt_wrap2 .text2 {opacity:0;transform:translateY(50px); margin-top:-15.0rem; transition:all 1.4s; font-size:4.6rem; color:#fff; font-weight:700; line-height:1.35;}



.visual2 .txt_wrap2.on .text1{transition:all 1.4s 0.3s; opacity:1;transform:translateY(0);}
.visual2 .txt_wrap2.on .text2{transition:all 1.4s 0.5s; opacity:1;transform:translateY(0);}
/*.visual h4.on span.text3{transition:all 1.4s 0.6s;}*/



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

.visual .txt_wrap .text1 {font-size:5.8rem; color:rgba(255,255,255,0.8);}
.visual .txt_wrap .text2  {font-size:3.4rem; margin-top:1.0rem;}

.visual2 .txt_wrap2 {margin-top:0;}
.visual2 .txt_wrap2 .text1 {font-size:7.0rem;  color:rgba(255,255,255,0.8);}
.visual2 .txt_wrap2 .text2 {font-size:3.2rem;  margin-top:1.0rem;}
}





.eco_mobility_product01 {margin-top:5.0rem; background:#f1f1f1; padding:8.0rem; text-align:center; }
.eco_mobility_product02 {margin-top:5.0rem;  text-align:center; }

.product_wrap01 { justify-content: space-between;}
.product_wrap01_box {width:49%; background:#f8f8f8; margin-bottom:2.0rem; text-align:center; padding:1.5rem 2.5rem 3.5rem 2.5rem;  }
.product_wrap01_box p {color:#000; font-size:1.8rem; font-weight:500; line-height:1.2;}

.product_wrap02 {justify-content: space-between;}
.product_wrap02_box {width:49%;  margin-bottom:3.0rem;   }
.product_wrap02_box p {color:#000; font-size:1.8rem; font-weight:500; padding:1.5rem 0 0 1.5rem; text-align:center; line-height:1.2; }

.product_wrap03 {justify-content: space-between;}
.product_wrap03_box {width:32%;  margin-bottom:3.0rem;   }
.product_wrap03_box .temp_img {background:#f5f5f5; width:100%; height:30.0rem; padding:2.5rem; color:red;}
.product_wrap03_box p {color:#000; font-size:1.8rem; font-weight:500; padding:1.5rem 0 0 1.5rem; text-align:center; line-height:1.2; }



.eco_mobility_product04 {background:#f8f8f8; padding:5.0rem; text-align:center;}

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

.product_wrap03_box {width:49%; }

}




.performance_wrap {margin:0 -2.5rem 0 0;}
.performance_wrap .performance_box {width:calc(20% - 2.5rem); margin-right:2.5rem; margin-bottom:2.5rem; }
.performance_wrap .performance_box figure {margin:0;}
.performance_wrap .performance_box p {text-align:center; margin-top:1.0rem; padding:1.0rem; background:#f8f8f8; color:#222; font-size:1.8rem; }
.performance_wrap .performance_box .product_name {background:#000; color:#fff; }

.performance_wrap2 {margin:0 -2.5rem 0 0;}
.performance_wrap2 .performance_box2 {width:calc(50% - 2.5rem); margin-right:2.5rem; margin-bottom:2.5rem; }
.performance_wrap2 .performance_box2 figure {margin:0; background:#f8f8f8}
.performance_wrap2 .performance_box2 p {text-align:center; margin-top:1.0rem; padding:1.0rem; background:#f8f8f8; color:#222; font-size:1.8rem; }
.performance_wrap2 .performance_box2 .product_name {background:#000; color:#fff; }

.performance_wrap3 {margin:0 -2.5rem 0 0;}
.performance_wrap3 .performance_box {width:calc(33.3% - 2.5rem); margin-right:2.5rem; margin-bottom:2.5rem; }
.performance_wrap3 .performance_box figure {margin:0;}
.performance_wrap3 .performance_box p {text-align:center; margin-top:1.0rem; padding:1.0rem; background:#f8f8f8; color:#222; font-size:1.8rem; }
.performance_wrap3 .performance_box .product_name {background:#000; color:#fff;  }

.performance_wrap4 {margin:0 -2.5rem 0 0;}
.performance_wrap4 .performance_box {width:calc(25% - 2.5rem); margin-right:2.5rem; margin-bottom:2.5rem; }
.performance_wrap4 .performance_box figure {margin:0;}
.performance_wrap4 .performance_box p {text-align:center; margin-top:1.0rem; padding:1.0rem; background:#f8f8f8; color:#222; font-size:1.8rem; }
.performance_wrap4 .performance_box .product_name {background:#000; color:#fff; line-height:1.2;}

.performance_wrap2 {margin:0 -2.5rem 0 0;}
.performance_wrap2 .performance_box5 {width:calc(50% - 2.5rem); margin-right:2.5rem; margin-bottom:2.5rem; }
.performance_wrap2 .performance_box5 figure {margin:0; background:#f8f8f8; text-align:center; padding:3.0rem;}
.performance_wrap2 .performance_box5 figure img {width:80%;}
.performance_wrap2 .performance_box5 p {text-align:center; margin-top:1.0rem; padding:1.0rem; background:#f8f8f8; color:#222; font-size:1.8rem; }
.performance_wrap2 .performance_box5 .product_name {background:#000; color:#fff; }


.eco_mobility_map_wrap {background:#f8f8f8; padding:2.0rem 3.0rem; text-align:center;}


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

.performance_wrap .performance_box {width:calc(33.3% - 2.5rem);}

}

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

.performance_wrap .performance_box {width:calc(50% - 2.5rem);}
.performance_wrap3 .performance_box {width:calc(50% - 2.5rem);}
.performance_wrap4 .performance_box {width:calc(50% - 2.5rem);}
}


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

.performance_wrap2 .performance_box2 {width:100%;}
.performance_wrap2 .performance_box5 {width:100%;}

}




/*재무정보*/
.report_wrap {margin:0 -2.3rem 0 0;}
.report_wrap .report_box {width:calc(50% - 2.5rem); margin:0 2.5rem 2.5rem 0; border:1px solid #ddd; padding:3.0rem; transition: all 0.6s;}
.report_wrap .report_box span.re_category {display:block; color:var(--main-color); font-weight:600; }
.report_wrap .report_box strong {margin-top:3.0rem;  display:block; font-size:2.4rem; font-weight:500; }
.report_wrap .report_box a.btn_down2 {width:50%; font-size:1.6rem; margin-top:2.0rem; display:flex;  justify-content: space-between; align-items: center; 
										padding:1.0rem 1.5rem; border:1px solid #ddd; color:#656565;}
.report_wrap .report_box:hover {background:var(--main-color); transition: all 0.6s;}
.report_wrap .report_box:hover span.re_category {color:#fff; }
.report_wrap .report_box:hover a.btn_down2 {color:#fff; border:1px solid rgba(255,255,255,0.2);}
.report_wrap .report_box:hover strong {color:#fff; }





/*esg 전략*/

.esg_scroll {overflow-x:auto; overflow-y:hidden; position: relative; padding-bottom:5.0rem;} 
.left_mob {display:none;}

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

.esg_scroll {}

}

.esgimg01 { display: grid; grid-template-columns: 0.65fr 1fr 1fr 1fr; row-gap: 20px; column-gap: 20px; width:1600px;margin:auto;}
.esgimg01  .bor10 {border-radius:1.0rem; }

.esgimg01 .step {border-radius:1.0rem; text-align:center; padding:2.0rem; height:11.5rem}
.esgimg01 .step strong {font-size:2.8rem;color:#fff; }
.esgimg01 .step p {font-size:2.0rem; color:#ddd;}

.esgimg01 .step00 {min-height:11.5rem;}
.esgimg01 .step01 {background:#036def;}
.esgimg01 .step02 {background:#014190;}
.esgimg01 .step03 {background:#012a5c;}

.left_category {background:#f8f8f8; display:flex;  flex-direction: column;  justify-content: center;  align-items: center;  margin-top:20px;}
.left_category01  {height:35.9rem;}
.left_category02  {height:32.8rem;}
.left_category03  {height:32.8rem;}


.left_category strong {font-size:3.2rem;}
.left_category span {display:block; font-size:2.2rem; color:#7c7c7c;}
.left_category01 strong {color: #0e9c36;}
.left_category02 strong {color: #e8830b;}
.left_category03 strong {color: #0fa4ea;}


.esgimg01 .cell {
      padding: 4.0rem 5.0rem;  
	  border:1px solid #ddd; 
	  border-radius:1.0rem;
	  margin-top:20px;
    }


.esgimg01 .cell h4 {
      margin-top: 0;
      font-size: 2.2rem;
      font-weight: 600;
	  color:#000;
    }

.esgimg01 .cell ul {     
      margin: 10px 0 0;
    }

.esgimg01 .cell ul li {
	position:relative;
    margin-bottom: 2px;
	font-size:1.8rem;     
	padding-left:1.8rem;
    }
.esgimg01 .cell ul.h60 {height:6.0rem}
.esgimg01 .cell ul li:before {
	content:"";position:absolute;
	width:7px; height:1px; left:0; top:1.5rem; background:#666;
	}



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

.esgimg01 {display:flex;  flex-direction: column; width:100%;}
.esg_line01 {display:none;}

.left_mob {display:block; text-align:center; background:#f8f8f8; border-radius:1.0rem; margin-top:2.5rem; padding:1.2rem 1.0rem; color:#fff;}
.left_mob strong {font-size:2.4rem; }
.left_mob span {font-size:2.2rem; display:inline-block; margin-left:1.5rem;  }
.left_mob.environmental {background:#0e9c36}
.left_mob.social {background:#e8830b}
.left_mob.governance {background:#0fa4ea}

.esgimg01 .cell {padding:3.5rem; margin-top:0;}
.esgimg01 .cell ul.h60 {height:auto}


}

.esgimg02 {background:#f8f8f8; text-align:center;}

.esg_pc {display:block;}
.esg_mob {display:none;}


@media screen and (max-width: 1024px){
	.esgimg02 {padding:5.0rem 2.0rem;}
	.esg_pc {display:none;}
	.esg_mob {display:block;}
}



/****************************************************************/




/*환경*/

.ico_wrap {gap:2%;}
.envi_ico_box {border:1px solid #ddd; border-radius:1.5rem; width:49%; padding:4.0rem 6.0rem; margin-bottom:2%;}
.envi_ico_box.bg_w {background:#fff; border:0;}
.envi_ico_box dl {margin-top:2.0rem; }
.envi_ico_box dl dt {color:#000; font-size:2.2rem; font-weight:600;}
.envi_ico_box dt dd {font-size:1.8rem; margin-top:1.0rem;}

.envi_ico_box .envi_ico {width:9.3rem; height:9.3rem; display:block;}


.envi_policy2 {justify-content: space-between;}
.envi_policy2_box {width:48%; }
.envi_policy2_box .envi_policy2_img {aspect-ratio: calc(800/534) / 1; width:100%; border-radius:38.0rem;}
.envi_policy2_box p {text-align:left; font-size:2.4rem; margin-top:2.0rem;}
.envi_policy2_box p strong {color:#000;}



.envi_policy {gap:5.0rem;  justify-content: space-between;}
.envi_policy > p {font-size:2.0rem; color:#000; }
.envi_policy > a { width:40.0rem; height:8.0rem;  padding:0 3.5rem; background:#014190; display:flex;  align-items: center; justify-content: space-between; 
				font-size:2.0rem; color:#fff; font-weight:700;  transition: all 0.6s;}
.envi_policy > a:hover {background:#000; transition: all 0.6s;}

.envi_conts {background:#fff; padding:8.0rem 6.0rem; margin-top:3.0rem; }
.envi_conts dl {margin-bottom:3.0rem;}
.envi_conts dl dt {color:#000; font-size:2.0rem; font-weight:600; }
.envi_conts dl dd {margin-top:0rem;}

.envi_conts .envi_ceo {font-size:2.0rem; color:#000; font-weight:600; display:flex;  justify-content: flex-end; gap:1.5rem; align-items: center;}
.envi_conts .envi_ceo strong {font-size:3.8rem; font-weight:600;}


.envi_ico_box2 {border:1px solid #ddd; border-radius:1.5rem; width:49%; padding:5.0rem 4.0rem; margin-bottom:2%; gap:5.0rem;}
.envi_ico_box2.bg_w {background:#fff; border:0;}
.envi_ico_box2 dl {width:calc(100% - 14.3rem);}
.envi_ico_box2 dl dt {color:#000; font-size:2.2rem; font-weight:600; margin-bottom:0.5rem; /*margin-left:0.5rem;*/}
.envi_ico_box2 dl dd {font-size:1.8rem; margin-top:0rem;}

.envi_ico_box2 .envi_ico {width:9.3rem; height:9.3rem; display:block;}




.envi_ico_box3 {border:1px solid #ddd; border-radius:1.5rem; width:49%; padding:5.0rem 5.0rem; margin-bottom:2%; gap:5.0rem;}
.envi_ico_box3 dl {width:calc(100% - 15.3rem);}
.envi_ico_box3 dl dt {color:#000; font-size:2.2rem; font-weight:600; margin-bottom:0.5rem; margin-left:0.5rem;}
.envi_ico_box3 dl dd {font-size:2.0rem; color:#000; margin-top:1.0rem;}

.envi_ico_box3 .envi_ico {width:9.3rem; height:9.3rem; display:block;}



.envi_performance {background:#fff; border:1px solid #ddd;  border-radius:10px; padding:3.0rem 5.0rem; margin-bottom:3.0rem;}
.envi_performance .tit {display:flex;  justify-content: space-between;  font-size:2.4rem; color:#000; font-weight:600; cursor:pointer;}
.envi_performance .tit span {font-size:4.0rem;}
.envi_performance .cont {display:none; margin-top:3.0rem; }

.envi_performance .tit span {transform: rotate(0deg); transition: all 0.6s;}
.envi_performance .tit span.active {transform: rotate(180deg);  transition: all 0.6s;}




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

.envi_performance {padding:4.0rem 3.0rem; }
.envi_policy2_box {width:100%; max-width:52.0rem; margin:2.0rem auto;}

.envi_ico_box2 {width:100%; padding:6.0rem 3.5rem;}
.envi_ico_box3 {width:100%; padding:6.0rem 3.5rem;}

.envi_conts .envi_ceo {margin-top:5.0rem; align-items: center;}
.envi_conts .envi_ceo img {width:10.0rem;}


}


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

.envi_ico_box {padding:3.0rem 3.5rem;}
.envi_ico_box .envi_ico {width:7.3rem; height:7.3rem;}





}


/*사회*/

.file_dw > a { width:40.0rem; height:7.5rem;  padding:0 3.5rem; background:#014190; display:flex;  align-items: center; justify-content: space-between; 
				font-size:2.0rem; color:#fff; font-weight:700;  transition: all 0.6s;}
.file_dw > a:hover {background:#000; transition: all 0.6s;}


.human_conts {margin:0 -2.5rem 0 0; }
.human_conts dl {background:#fff; border-radius:2.5rem; width:calc(33.3% - 2.5rem); padding:4.0rem; margin-right:1.5rem; margin-bottom:2.5rem; }
.human_conts dl dt {color:#000; font-size:2.0rem; font-weight:600;}
.human_conts dl dd {margin-top:0.5rem;}


.human_conts2 {margin:0 -2.5rem 0 0; }
.human_conts2 dl {border:1px solid #ddd;  border-radius:2.5rem; width:calc(33.3% - 2.5rem); padding:4.0rem; margin-right:1.5rem; margin-bottom:2.5rem; }
.human_conts2 dl dt {color:#000; font-size:2.4rem; font-weight:600;}
.human_conts2 dl dd {margin-top:0.5rem;}





.society_quality_conts {/*background:#f8f8f8;*/ border:1px solid #ddd; padding:6.0rem 8.0rem; border-radius:2.0rem;}
.society_quality_conts .society_quality_box {display:flex; margin-bottom:3.0rem; border-bottom:1px dotted #ddd; padding-bottom:2.5rem;}
.society_quality_conts .society_quality_box:nth-child(4) {border-bottom:0;}
.society_quality_conts .society_quality_box .num {width:10.0rem; font-weight:600; color:#000; font-size:2.0rem;}
.society_quality_conts .society_quality_box dl {width:calc(100% - 10.0rem);}
.society_quality_conts .society_quality_box dl dt{color:#000; font-size:2.0rem; font-weight:600;}
.society_quality_conts .society_quality_box dl dd {margin-top:0.5rem;}

.society_quality_conts .envi_ceo {font-size:2.0rem; color:#000; font-weight:600; display:flex;  justify-content: flex-end; gap:1.5rem; align-items: center;}
.society_quality_conts .envi_ceo strong {font-size:3.8rem; font-weight:600;}


.society_img {margin:5.0rem -2.5rem 0 0}
.society_img .society_gallery {text-align:center; width:calc(33% - 2.5rem); margin-right:2.5rem; margin-bottom:2.5rem;}
.society_img .society_gallery figure {margin:0;}
.society_img .society_gallery p {margin-top:1.5rem; font-size:2.0rem;}


.society_quality_img {background:#f8f8f8; text-align:center; padding:5.0rem }
.society_quality_img img {max-width:40%;}


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

.human_conts dl {width:calc(50% - 2.5rem); }
.human_conts2 dl {width:calc(50% - 2.5rem); }

.society_quality_conts {padding:5.0rem}
.society_quality_conts .society_quality_box .num {width:5.0rem; }
.society_quality_conts .society_quality_box dl {width:calc(100% - 5.0rem);}


.society_quality_conts .envi_ceo {margin-top:5.0rem; align-items: flex-end;}
.society_quality_conts .envi_ceo img {width:10.0rem;}

.society_img .society_gallery {text-align:center; width:calc(50% - 2.5rem);}
.society_quality_img img {max-width:80%;}

}





/*지배구조*/

.report_wrap2 {margin:5.0rem -2.3rem 0 0;}
.report_wrap2 .report_box2 {width:calc(33% - 2.5rem); margin:0 2.5rem 2.5rem 0; border:1px solid #ddd; padding:3.0rem; transition: all 0.6s;}
.report_wrap2 .report_box2 span.re_category {display:block; color:var(--main-color); font-weight:600; }
.report_wrap2 .report_box2 strong {display:block; font-size:2.2rem; font-weight:500; color:#000; }
.report_wrap2 .report_box2 a.btn_down2 {width:60%; font-size:1.6rem; margin-top:1.0rem; display:flex;  justify-content: space-between; align-items: center; 
										padding:1.0rem 1.5rem; border:1px solid #ddd; color:#656565;}
.report_wrap2 .report_box2:hover {background:var(--main-color); transition: all 0.6s;}
.report_wrap2 .report_box2:hover span.re_category {color:#fff; }
.report_wrap2 .report_box2:hover a.btn_down2 {color:#fff; border:1px solid rgba(255,255,255,0.2);}
.report_wrap2 .report_box2:hover strong {color:#fff; }


.governance_img {background:#f8f8f8; padding:5.0rem 3.0rem; margin-top:5.0rem; }




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

.report_wrap2 .report_box2 {width:calc(50% - 2.5rem); }

}



@media screen and (max-width: 768px){
.report_wrap2 .report_box2 a.btn_down2 {width:100%;}

}


/*사이버신문고*/
/*
.compliance_btn {background:#f9f9f9; padding:8.0rem 2.0rem;  max-width:170.0rem; margin:15.0rem auto 0 }

.compliance_btn > a { width:40.0rem; margin:auto; height:7.5rem; padding:0 3.5rem; background:#000; display:flex;  align-items: center; justify-content: center; 
				font-size:2.0rem; color:#fff; font-weight:700;  transition: all 0.6s;}
.compliance_btn > a:hover {background:#014190; transition: all 0.6s;}*/


.compliance_btn {}

.compliance_btn > a { width:40.0rem; height:7.5rem; padding:0 3.5rem; background:#d41814; display:flex;  align-items: center; justify-content: space-between; 
				font-size:2.0rem; color:#fff; font-weight:700;  transition: all 0.6s;}
.compliance_btn > a:hover {background:#000; transition: all 0.6s;}






/*인재상*/
.ideal_img {width:100%; }
.ideal_txt { margin-top:3.0rem;}
.ideal_txt li {position:relative; padding-left:2.0rem; }
.ideal_txt li:before {content:'-';  position:absolute; left:0; top:-0.2rem; }




/*복리후생*/

.welfare_wrap { justify-content: space-between;}
.welfare_box {gap:7.0rem; width:49%;   margin-bottom:4%;}
.welfare_box .welfare_txt {display:flex;  align-items: center;}
.welfare_box .welfare_txt dt { font-size:2.2rem; font-weight:600;  color:#000;}
.welfare_box .welfare_txt dd {}



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

.welfare_box { flex-direction: column; gap:2.0rem; margin-bottom:5.0rem;}
.welfare_box .welfare_ico {width:12.0rem;}

}


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

.welfare_box  {width:47%; }
.welfare_box .welfare_txt {}
}


@media screen and (max-width: 500px){
.welfare_box .welfare_ico {width:10.0rem;}

}


/*인사제도*/
.hr_txt1 {font-size:3.6rem; font-weight:600; margin-top:2.0rem; }

.hr_system_wrap {}
.hr_system_wrap dl { padding-left:3.5rem;  border-left:1px solid #ddd; }
.hr_system_wrap dl dt {font-size:2.2rem; font-weight:600; margin-bottom:1.5rem; }
.hr_system_wrap dl dd { color:#666; font-size:1.8rem; line-height:1.5; padding:0.2rem 0;}

.hr_system_wrap .hr_sys_dl01 {width:calc(100% / 3);}
.hr_system_wrap .hr_sys_dl02 {width:calc(100% / 2);}
.hr_system_wrap .hr_sys_dl03 {width:calc(100% / 4);}

.policy_ico {margin-bottom:2.0rem; display:block;}


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

.hr_txt1 {font-size:3.0rem; }
.hr_system_wrap .hr_sys_dl01 {width:calc(100% / 2); margin-bottom:5.0rem;}
.hr_system_wrap .hr_sys_dl02 {width:calc(100% / 2);}
.hr_system_wrap .hr_sys_dl03 {width:calc(100% / 2); margin-bottom:5.0rem;}

}

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

.hr_system_wrap .hr_sys_dl01 {width:100%; margin-bottom:5.0rem;}



}






/*인사말*/
.mar_bot10{margin-bottom:1.0rem;}
.mar_bot30{margin-bottom:3.0rem;}
.mar_bot50{margin-bottom:5.0rem;}
.pad_30{padding:3.0rem 0;}


.b_sub_tit{font-size:2.1rem;font-weight:bold;line-height:1;display:flex;flex-wrap:wrap;align-items: center;}
.b_sub_tit:before{content:"";display:block;width:1.0rem;height:1.0rem;background:linear-gradient(to left, #002558, #0098e1);border-radius:50%;margin-right:0.7rem;margin-bottom:0;}

.greeting {}
.greeting .greeting_wrap {display:flex;flex-wrap:wrap;align-items:center}
.greeting .greeting_wrap .greeting_left{width:44%;}
.greeting .greeting_wrap .greeting_left .greeting_bg{background: url("../../pages/images/greetings_bg.jpg") no-repeat center center;max-width:70.0rem;width:100%;height:76.5rem;border-radius:5.0rem;}

.greeting .greeting_wrap .greeting_right{width:56%;padding-left:10.0rem;}
.greeting .greeting_wrap .greeting_right .txt01{font-size: 3.2rem;font-weight: 700;padding: 3.0rem 0 ;line-height:1.3}
.greeting .greeting_wrap .greeting_right .txt02{display:inline-block;;font-size: 3.2rem;font-weight: 700;line-height:1.3;background:linear-gradient(to left, #002558, #0098e1);background-clip: text;-webkit-background-clip: text;color: transparent;margin-bottom:1.0rem;}
.greeting .greeting_wrap .greeting_right .txt03{font-size:1.8rem;color:#666666;line-height:1.75}
.greeting .greeting_wrap .greeting_right .txt03 p{margin-bottom:3.0rem;}
.greeting .greeting_wrap .greeting_right .message_logo{text-align:right}


@media screen and (max-width: 1600px){
.greeting .greeting_wrap{padding:0 1.0rem;}

}

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

.greeting .greeting_wrap .greeting_right{padding-left:5.0rem;}
}


@media screen and (max-width: 1024px){
.greeting .greeting_wrap .greeting_right .txt01{font-size:2.4rem;}
.greeting .greeting_wrap .greeting_right .txt02{font-size:2.4rem;}
.greeting .greeting_wrap .greeting_right{padding-left:0;width:100%;margin-top:3.0rem;}

.greeting .greeting_wrap .greeting_left{width:100%;}
.greeting .greeting_wrap .greeting_left .greeting_bg{max-width:100%;height: 50.0rem;background-size:cover;background: url(../../pages/images/greetings_bg.jpg) no-repeat center 90%;background-size:cover}


}


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


}


/*회사개요*/
.company{}
.company .company_wrap{}
.company .company_wrap .company_top .company_bg{background: url("../../pages/images/company_bg.jpg") no-repeat center center; background-size: cover;width:100%;height:30.0rem;margin-top:5.0rem;padding:9.5rem 0;}
.company .company_wrap .company_top h1{font-size:3.8rem;text-align:center;line-height:1.3}
.company .company_wrap .company_top h1 .com_color01{color:#62a34d}
.company .company_wrap .company_top h1 .com_color02{color:#2975bb}

.company .company_wrap .company_top .company_bg .com_top_txt{font-size:2.4rem;color:#ffffff;text-align:center;line-height:1.5}

.company_a {display:flex;align-items:center;justify-content: center;margin:10.0rem 0;gap:10.0rem}
.company_a .company_top_box{width:40%;}
.company_a .company_top_box .top_sub{display:flex;align-items: center;justify-content: center;}
.company_a .company_top_box .top_sub .txt_box{margin-left:5.0rem;}
.company_a .company_top_box .top_sub .txt_box .num{font-size:2.8rem;font-weight:bold;margin-bottom:1.0rem;}
.company_a .company_top_box .top_sub .txt_box .txt01{font-size:2.1rem;font-weight:700;}
.company_a .company_top_box .top_sub .txt_box .txt02{font-size:1.9rem;color:#666666}


.company .company_wrap .company_bot .company_cont{margin-top:2.0rem;}
.company .company_wrap .company_bot .company_cont .cont01_sub{justify-content: space-between;}
.company .company_wrap .company_bot .company_cont .cont01_sub .sub{transition:.5s;width:24%;background:#fff;display:flex;flex-direction: column;justify-content: center;padding: 0 3rem;height:30.0rem;margin-bottom:2.0rem;box-shadow: 5px 5px 10px rgba(0, 0, 0, .03);border:1px solid #ddd;border-radius:2.0rem;}
.company .company_wrap .company_bot .company_cont .cont01_sub div.company_logo{background:#fff url(../../pages/images/company_logo.png) no-repeat 50% 50%;}
.company .company_wrap .company_bot .company_cont .cont01_sub .sub .icon{margin-bottom:3.0rem;text-align:center}
.company .company_wrap .company_bot .company_cont .cont01_sub .sub .txtbox {text-align:center}
.company .company_wrap .company_bot .company_cont .cont01_sub .sub .txtbox .txt01{font-size:2.2rem;font-weight:bold;margin-bottom:1.0rem;color:var(--main-color)}
.company .company_wrap .company_bot .company_cont .cont01_sub .sub .txtbox .txt02{font-size:1.9rem;color:#666666}


.company_b{margin:10.0rem 0;gap:10.0rem;display:flex; align-items: center;justify-content: center;}
.company_b .company_top_box{width:30%}
.company_b .company_top_box .top_sub{text-align:center/* display:flex;align-items:center;justify-content: space-around; */}
.company_b .company_top_box .top_sub .txt_box .num{font-size:2.8rem;font-weight:700;margin-top:3.0rem;}

@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_top .company_bg .com_top_txt{padding:0 5.0rem;}
.company_a{flex-wrap:wrap;}
.company_a .company_top_box{width:100%;}

.company_b{flex-wrap:wrap;}
.company_b .company_top_box{width:100%;}
.company .company_wrap .company_bot .company_cont .cont01_sub .sub{width:49%}
}


@media screen and (max-width: 768px){
.company .company_wrap .company_bot .company_cont .cont01_sub .sub{width:100%;}

.company .company_wrap .company_top .company_bg .com_top_txt{font-size:2.1rem;}

.company .company_wrap .company_top h1{font-size:3.2rem;}

.company .company_wrap .company_top .company_bg{padding:8.5rem 0;}

.company_a .company_top_box .top_sub .txt_box .num{font-size:2.6rem;}
.company_a .company_top_box .top_sub .txt_box .txt01{font-size:1.8rem;}
.company_a .company_top_box .top_sub .txt_box .txt02{font-size:1.8rem;}
.company_a .company_top_box .top_sub .txt_box{margin-left:3.0rem;}

}

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

.company .company_wrap .company_top .company_bg{padding:7.5rem 0}
}


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


/*연혁*/
.history{}
.history .history_img{text-align:center;margin-bottom:8.0rem}
.history_bg{background: url("../../pages/images/history_bg.jpg") no-repeat center center; background-size: cover;max-width:60.0rem;width:100%;height:45.0rem;border-radius:5.0rem;margin-top:2.0rem;}

.history .history_wrap{width:160.0rem;margin:0 auto;display:flex}

.history .history_wrap .left{width:50%;}
.history .history_wrap .left .le_txt01{font-size:2.8rem;line-height:1.5;font-weight:500;margin-bottom:3.0rem;padding-right:8.0rem}
.history .history_wrap .left .le_txt01 .main_color{font-weight:bold}
.history .history_wrap .right{width:50%;}
.history .history_wrap .right .txt_box{display:flex;position:relative}
.history .history_wrap .right .txt_box:after{content:"";display:block;height:100%;width:1px;background:#ddd;position:absolute;left:20%;top:12%}
.history .history_wrap .right .txt_box:last-child:after{top:0;}
.history .history_wrap .right .txt_box .year{font-size:3.6rem;font-weight:bold;width:20%;color:#000000;position:relative}

.history .history_wrap .right .txt_box .year:before{content:"";display:block;width:2.0rem;height:2.0rem;border: 5px solid transparent; border-radius: 50%;background-image: linear-gradient(#fff, #fff), linear-gradient(to left, #002558, #0098e1);background-origin: border-box;background-clip: content-box, border-box;border-radius:50%;position: absolute;left: 94.5%;z-index: 99;top:11px;}
.history .history_wrap .right .txt_box .day_box{display:flex;flex-wrap:wrap;align-items: center;width:80%;padding:8px 0 6.0rem 6.0rem;color:#666666}

.history .history_wrap .right .txt_box .day_box .day_flex{width:100%;display:flex;flex-wrap:wrap;margin-bottom:1.5rem;}
.history .history_wrap .right .txt_box .day_box .day_flex .day{font-size:2.1rem;font-weight:bold;color:#a1a1a1;width:5.0rem}
.history .history_wrap .right .txt_box .day_box .day_flex .list_txt{font-size:1.8rem;color:#000000;width:calc(100% - 5.0rem)}
.history .history_wrap .right .txt_box .day_box .day_flex .list_txt .txt{line-height:1.5}


@media screen and (max-width: 1600px){
.history{padding:0 1.0rem;}
.history .history_wrap{width:100%;}

}

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


}


@media screen and (max-width: 1024px){
.history .history_wrap .left .le_txt01{font-size:2.1rem;}


.history .history_wrap{justify-content: space-between;}
.history .history_wrap .left{width:45%}
.history .history_wrap .right .txt_box:after{left:20.5%}
}


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

.history_bg{max-width:100%;}
.history .history_wrap{display:block;}
.history .history_wrap .left{width:100%;}
.history .history_wrap .right{width:100%;margin-top:5.0rem;}
.history .history_wrap .right .txt_box .txt01{width:100%;}
.history .history_wrap .right .txt_box .year{padding-left:3.0rem;}
.history .history_wrap .right .txt_box .year:before{left:-7px;}
.history .history_wrap .right .txt_box:after{left:0;}

.history .history_wrap .right .txt_box{display:block;}
.history .history_wrap .right .txt_box .txt01{padding:1.0rem 0 5.0rem 3.0rem}
.history .history_wrap .left .txt01{padding-bottom:3.0rem}

.history .history_img{margin-bottom:0}

.history .history_wrap .right .txt_box .day_box{width:100%;padding:8px 0 6.0rem 3.0rem}


}

/*인증서*/
.cert_wrap{display:flex;flex-wrap:wrap;}
.cert_wrap .sub{width:calc(25% - 3.0rem);margin-right:3.0rem;text-align:center}
.cert_wrap .sub .sub_wrap{background:#f5f5f5;padding:6.0rem;;border-radius:3.0rem;}
.cert_wrap .sub .sub_wrap img{border:1px solid #e9e9e9}
.cert_wrap .sub .txt01{font-size:1.8rem;color:#666666;padding:2.0rem 0 5.0rem 0;;}

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

}

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


}


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

.cert_wrap {justify-content: space-between;}
.cert_wrap .sub{width:49%;margin-right:0}

   
}


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



}


/*오시는길*/
.location {}
.location .location_wrap{}
.location .location_wrap .loc_map .section_address {display:none}

.location .location_wrap .loc_map{width:100%;}
.location .location_wrap .location_cont{}
.location .location_wrap .location_cont .loc_btn_wrap{display:flex;justify-content: center;position: relative;z-index: 1;margin:3.0rem 0 6.0rem 0;}
.location .location_wrap .location_cont .loc_btn_wrap .loc_btn{max-width:243px;width:100%;height:63px;line-height:63px;border-radius:3.15rem}
.location .location_wrap .location_cont .loc_btn_wrap .loc_btn01{margin-right:2.0rem;background:#fbe300}
.location .location_wrap .location_cont .loc_btn_wrap .loc_btn01 a{color:#3b1e1e !important;}
.location .location_wrap .location_cont .loc_btn_wrap .loc_btn02{background:#03c75a}
.location .location_wrap .location_cont .loc_btn_wrap .loc_btn a{display:flex;justify-content: space-around;text-align:center;color:#fff;font-size:2.0rem;font-weight:bold;    padding: 0 2.0rem;}
.location .location_wrap .location_cont .location_cont_wrap{display:flex;width:100%;max-width:1400px;margin:0 auto}
.location .location_wrap .location_cont .location_cont_wrap .loc_left{max-width:50.0rem;width:100%;}
.location .location_wrap .location_cont .location_cont_wrap .loc_right{width:calc(100% - 50.0rem);border-top:2px solid #000;padding-top:2.0rem;}
.location .location_wrap .location_cont .location_cont_wrap .loc_right .loc_cont{display:flex;}
.location .location_wrap .location_cont .location_cont_wrap .loc_right .loc_cont .lo_txt01{font-size:1.9rem;font-weight:bold;width:12.0rem;}
.location .location_wrap .location_cont .location_cont_wrap .loc_right .loc_cont .lo_txt02{font-size:1.9rem;color:#666666;width:calc(100% - 12.0rem);margin-bottom:1.5rem;}

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


}

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


}


@media screen and (max-width: 1024px){
.location .location_wrap .location_cont .location_cont_wrap{flex-wrap:wrap;}
.location .location_wrap .location_cont .location_cont_wrap .loc_left{max-width:100%;margin-bottom:2.0rem;}
.location .location_wrap .location_cont .location_cont_wrap .loc_right{width:100%;}
.location{padding:0 1.0rem;}


}


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




}


/*제품소개*/

.product_box{display:flex;align-items:center;background:#065a9b;}
.product_box .txtbox{width:52%;padding-left:10.0rem;}
.product_box .txtbox .txt01{font-size:3.8rem;font-weight:bold;color:#fff}
.product_box .txtbox .txt02{font-size:2.1rem;line-height:1.3;color:#fff;padding:1.0rem 0;}
.product_box .txtbox .txt02_01{font-size:2.1rem;line-height:1.5;color:#fff;font-weight:400;padding-top:1.0rem;}
.product_box .txtimg{width:48%;clip-path: polygon(30% 0%, 100% 0%, 100% 100%, 0% 100%);overflow:hidden}
.product_box .txtimg:hover img{transform:scale(1.05)}
.product_box .txtimg img{transition:.2s}
.product_box .txtbox .txt01 span{background:url(../../pages/images/txt_bot_line.jpg) no-repeat;background-position:bottom}
.product_box .txtbox .txt01 span .small_txt{font-size:2.1rem;}

.product_box02{margin-top:10.0rem;}
.product_box02 .txtbox{order:2;padding:0 5.0rem;}
.product_box02 .txtimg{clip-path: polygon(0% 0%, 70% 0%, 100% 100%, 0% 100%);}
.product_box02 .txtbox .txt02{padding-top:0}


.product {margin-top:10.0rem;}
.product .product_wrap .product_cont{max-width:160.0rem;width:100%;margin:0 auto}
.product .product_wrap .product_cont .product_bot{width:100%;max-width:140.0rem;margin:10.0rem auto}
.product .product_wrap .product_cont .product_bot .product_tit01{font-size:3.0rem;color:#065a9b;font-weight:bold;;margin-bottom:2.0rem;}
.product .product_wrap .product_cont .product_bot .product_img01{border:1px solid #e7e7e7;text-align:center;}
.product .product_wrap .product_cont .product_bot .product_imgbox02{display:grid;grid-template-columns: repeat(3, minmax(0, 1fr));gap:3.0rem;}
.product .product_wrap .product_cont .product_bot .product_imgbox02 .sub .txt01{text-align:center;padding:2.6rem 0;background:#f7f7f7}
.product .product_wrap .product_cont .product_bot .product_imgbox02 .sub .txt01 .txt01_01{max-width:23.0rem;width:100%;margin:0 auto;font-size:1.6rem;font-weight:400;color:#fff;background:var(--main-color);border-radius:1.0rem;padding:0.5rem 0;}
.product .product_wrap .product_cont .product_bot .product_imgbox02 .sub .txt01 .txt01_30{max-width:30.0rem;}

.product .product_wrap .product_cont .product_bot .product_imgbox02 .sub .txt01 .txt01_02{font-size:2.3rem;font-weight:600;margin-top:1.5rem;}
.product .product_wrap .product_cont .product_bot .product_imgbox02 .sub .img {overflow:hidden}
.product .product_wrap .product_cont .product_bot .product_imgbox02 .sub .img img{transition:.2s}
.product .product_wrap .product_cont .product_bot .product_imgbox02 .sub:hover .img img{transform:scale(1.03)}

.heat_performance li{font-size:2.1rem;margin-bottom:1.0rem;position:relative;padding-left:1.5rem;    color: #666666;}
.heat_performance li:before{content:"";display:block;width:0.8rem;height:0.8rem;background:linear-gradient(to left, #002558, #0098e1);border-radius:50%;position:absolute;top:7px;left:0;}



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


}


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

}


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

.product_box .txtbox .txt01{font-size:2.6rem;}
.product_box .txtbox .txt02{font-size:1.8rem;}

.product .product_wrap .product_cont .product_bot .product_tit01{font-size:2.6rem;}

}


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


.product_box{flex-wrap:wrap;}
.product_box .txtbox{width:100%;padding-left:0;padding:5.0rem 3.0rem 3.0rem 3.0rem;}
.product_box .txtimg{width:100%;    clip-path: border-box;}
.product_box .txtimg img{width:100%;}

}


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

.heat_performance li{font-size:1.8rem;}
}

.product_table{}
.product_table table{border-top:2px solid #00407f;border-bottom:2px solid #00407f;}
.product_table table tr.a1 th{background: #00407f;color:#fff}
.product_table table tr:nth-child(2n){background:#f4f7ff}
.product_table table tr.a1 .text_left{}
.product_table table tr th{border-right:1px solid #ddd;border-bottom:1px solid #ddd;padding:2rem 0;font-weight:500;font-size:1.8rem; color: #00407f;font-weight:500}
.product_table table tr .text_left{text-align:left;padding-left:3.5rem;font-weight:600;}
.product_table table tr .bor_none{border-right:0}
.product_table table tr td{border:1px solid #ddd;text-align:center;color:#242547;font-size:1.8rem;font-weight:500}
.product_table .ta_txt01{font-size:1.8rem;font-weight:500;color:#666666;margin-top:1.0rem;}

.product_cont .fire_bg{/* background-blend-mode:multiply; */background: url(../../pages/images/fire_extinguisher_bg01.jpg) no-repeat;width:100%;height:600px;}

.inspec_cont{/* display:flex;flex-wrap: wrap;justify-content: space-between; */margin-top:3.0rem;}
.inspec_cont .sub01{display:flex;align-items:center;background:#f7f7f7;width:100%;padding:4.0rem 7.0rem;margin-bottom:2.0rem;border-radius:2.0rem;}
.inspec_cont .sub01 .txt01{width:25%;font-size:2.3rem;font-weight:600;/* border-bottom:1px solid #ddd;padding-bottom:1.0rem;margin-bottom:1.0rem; */color:var(--main-color)}
.inspec_cont .sub01 .txt02{width:75%}
.inspec_cont .sub01 .txt02 li{position:relative;font-size:1.9rem;line-height:1.3;padding-left:1.2rem;}
.inspec_cont .sub01 .txt02 li:after{content:"";display:block;width:0.5rem;height:0.5rem;background:var(--main-color);border-radius:50%;position:absolute;top:9px;left:0}
.bank_imgbox{text-align:center;margin-bottom:10.0rem;}
.inspection_equipment_cont {max-width:140.0rem;margin:0 auto}


.facility_cont{display:flex;flex-wrap: wrap;justify-content: space-between;}
.facility_cont .sub01{background:#f7f7f7;width:49%;padding:4.0rem 5.0rem;margin-bottom:2.0rem;border-radius:2.0rem;}
.facility_cont .sub01 .txt01{font-size:2.6rem;font-weight:600;border-bottom:1px solid #ddd;padding-bottom:1.0rem;margin-bottom:1.0rem;color:var(--main-color)}

.facility_cont .sub01 .txt02 li{position:relative;font-size:1.8rem;line-height:1.3;padding-left:1.2rem;}
.facility_cont .sub01 .txt02 li:after{content:"";display:block;width:0.5rem;height:0.5rem;background:var(--main-color);border-radius:50%;position:absolute;top:9px;left:0}

.fire_bg{margin-top:10.0rem;}
.fire_video {display:flex;justify-content: space-between;margin-top:1.0rem;}
.fire_video .fire_video_box{width:49.5%}
.fire_cont{display:flex;height: 100%;align-items: center;background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(6,88,152,.9) 100%)}
.fire_cont .left{width:50%}
.fire_cont .right{width:50%;text-align:center;}
.fire_cont .right .tit01{font-size:9.5rem;text-transform: uppercase;font-family: 'anton';color:#ffffff}
.fire_cont .right .icon {display:flex;align-items:center;justify-content: center;margin:2.0rem 0  5.0rem 0;;}
.fire_cont .right .icon li{width:120px; aspect-ratio: 1;background:rgba(255,255,255,.4);border-radius:50%;display: flex;justify-content: center; align-items: center;}
.fire_cont .right .icon li:nth-child(2){margin:0 5.0rem;}
.fire_cont .right .txt01{font-size:2.0rem;color:#fff;line-height:1.5}


.product_box03{width:140.0rem;margin:0 auto 10.0rem auto;display:flex;align-items:center;background:#f7f7f7;transition:.2s}
.product_box03 .txtimg{width:55%;overflow:hidden;clip-path: polygon(0% 0%, 100% 0%, 85% 100%, 0% 100%);}
.product_box03:hover .txtimg img{transform:scale(1.05)}
.product_box03:hover{ box-shadow: 1px 1px 20px #ddd;}
.product_box03 .txtimg img{transition:.2s;width:100%;}

.product_box03 .box03_cont{width:45%;padding:0 5.0rem 0 3.0rem;}
.product_box03 .box03_cont .product03_tit{font-size:2.1rem;font-weight:500;color:#fff;margin-bottom:3.0rem;}
.product_box03 .box03_cont .product03_tit span{background:var(--main-color);padding:0.5rem 2.0rem;border-radius:1.5rem;}
.product_box03 .box03_cont .product_table_03 .txt_box03{display:flex;border-bottom:1px solid #ddd;padding: 1rem 2.0rem;}
.product_box03 .box03_cont .product_table_03 .txt_box03 .txt03_01{font-size:1.9rem;width:40%;font-weight: 600;color:#00407f}
.product_box03 .box03_cont .product_table_03 .txt_box03 .txt03_02{font-size:1.9rem;width:60%}

.product_box03 .box03_cont .pro_txt01{font-size: 1.9rem; line-height: 1.5;}

.product_bot .ta_txt01{font-size:1.8rem;font-weight:500;color:#666666;margin-top:2.0rem;}


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

.product{padding:0 1.0rem;}
}

@media screen and (max-width: 1400px){
.video_img{height:88%;}
.facility_cont .sub01{width:100%;}

.product_box03{width:100%;}

.product_box03 .box03_cont .product_table_03 .txt_box03 .txt03_01{width:70%;}
.product_box03 .box03_cont .product_table_03 .txt_box03 .txt03_02{width:30%;}
}

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

.product_box03 .box03_cont .product03_tit{font-size:1.8rem;}

.product_box03 .box03_cont .product_table_03 .txt_box03 .txt03_01{font-size:1.7rem}
.product_box03 .box03_cont .product_table_03 .txt_box03 .txt03_02{font-size:1.7rem;}

}


@media screen and (max-width: 1024px){
.product .product_wrap .product_cont .product_left{width:100%;}
.product .product_wrap .product_cont .product_right{width:100%}

.product{padding:0 4.0rem;}

.video_img{height:auto}

.product .product_tab ul {flex-wrap:wrap;}
.product .product_tab ul li{margin:1.0rem 0;}

.product_box03{display:block;}
.product_box03 .box03_cont{width:100%;padding:5.0rem 3.0rem;}
.product_box03 .txtimg{width:100%;    clip-path: border-box;}

.product_box03 .box03_cont .product_table_03 .txt_box03 .txt03_01{width:45%;}
.product_box03 .box03_cont .product_table_03 .txt_box03 .txt03_02{width:55%;}

}


@media screen and (max-width: 768px){
.inspec_cont .sub01{width:100%;flex-wrap:wrap;padding: 4.0rem 4.0rem;}
.inspec_cont .sub01 .txt01{width:100%;margin-bottom:1.0rem}
.inspec_cont .sub01 .txt02{width:100%;}


.product .product_wrap .product_cont .product_right .product_imgbox .sub_icon:after{display:none}
.product .product_tab ul li{}
.product_overflo{overflow-x: scroll;}
.product_overflo table{width:100.0rem;}
.product .product_wrap .product_cont .product_right .product_imgbox .sub{width:100%;}
.product .product_wrap .product_cont .product_right .product_imgbox img{width:100%;}
.video_img{height:auto;}
.video_img iframe{height:440px}

.product .product_wrap .product_cont .product_right .product_txt01 .inspection_txt01 li:after{top:8px;}

.product{padding:0 2.0rem;}

.product_box03 .box03_cont .product_table_03 .txt_box03 .txt03_01{width:60%;}
.product_box03 .box03_cont .product_table_03 .txt_box03 .txt03_02{width:40%;}


.fire_video{flex-wrap:wrap;}
.fire_video .fire_video_box{width:100%;margin-bottom:0.5rem}
.product_cont .fire_bg{height:auto}
.fire_cont{padding:6.0rem 0;flex-wrap:wrap;}
.fire_cont .left{width:100%;}
.fire_cont .right{width:100%;}
.product_cont .fire_bg{background-position:35%;background-size:cover}
.fire_cont .right .icon{display:block;}
.fire_cont .right .icon li{margin:0 auto}
.fire_cont .right .icon li:nth-child(2){margin:3.0rem auto;}
.fire_cont{display:flex;height: 100%;align-items: center;background:  rgba(6,88,152,.5) }
}

@media screen and (max-width: 350px){
.product .product_wrap .product_cont .product_right .product_imgbox .sub{width:100%}

}



.product .product_wrap .product_cont .product_right .product_imgbox02 .sub .bg01{background:url("../../pages/images/gas_img01.jpg") no-repeat center center;}
.product .product_wrap .product_cont .product_right .product_imgbox02 .sub .bg02{background:url("../../pages/images/gas_img02.jpg") no-repeat center center;}



/*할론뱅크*/
.bank_imgbox .bank_btn{width:50%;margin:5.0rem auto 0 auto; background: linear-gradient(to left, #002558, #0098e1);border-radius:3.0rem;}
.bank_imgbox .bank_btn a{display:block;padding:5.0rem;}
.bank_imgbox .bank_btn a .tit01{font-size:3.8rem;font-weight:bold;color:#fff}
.bank_imgbox .bank_btn a .tit02{font-size:1.8rem;color:#fff;padding:2.0rem 0}
.bank_imgbox .bank_btn a .tit03{font-size:2.1rem;color:#fff}
.bank_imgbox .bank_btn a .txtbox{display:flex;align-items:center;justify-content: center;gap:2rem;}
.bank_imgbox .bank_btn a .txtbox .txt01{font-size:1.8rem;border:1px solid #fff;padding:1.0rem 2.0rem;border-radius:1.0rem;color:#fff}


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

.bank_imgbox .bank_btn{width:80%}
}


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

.bank_img{margin-top:3.0rem;}
.bank_imgbox .bank_btn{width:100%;}
.bank_imgbox .bank_btn a .txtbox{flex-wrap:wrap;}

.bank_imgbox .bank_btn a .tit01{font-size:2.8rem;}
.bank_imgbox .bank_btn a .tit02{font-size:1.8rem;}
.bank_imgbox .bank_btn a .tit03{font-size:1.8rem;}
}

.heat_btn{display:flex;flex-wrap:wrap;justify-content: space-between;}
.heat_btn .btn_box{width:32%;border:1px solid #ddd;text-align:center;margin-top:2.0rem}
.heat_btn .btn_box a{display:flex; align-items: center;justify-content: center;padding:2.0rem 0;font-size:1.8rem;color:#282828;transition:.5s;position:relative;font-weight:600}
.heat_btn .btn_box a:hover{background:var(--main-color);;color:#fff}
.heat_btn .btn_box a span.heat_icon{margin-left:2.0rem;display:block;vertical-align:middle;width:2.2rem;height:2.0rem;background:url('../img/heat_btn_icon.png')center center no-repeat;transition:.5s;/* position:absolute;right:8%;top:34% */}
.heat_btn .btn_box a:hover span.heat_icon{margin-left:2.0rem;display:block;vertical-align:middle;width:2.2rem;height:2.0rem;background:url('../img/heat_btn_icon_on.png')center center no-repeat;/* position:absolute;right:8%;top:34% */}

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

.heat_btn .btn_box{width:100%}

}


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



}