@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:0rem; overflow:hidden;  }
.sub_content5 {width:100%;  line-height:1.65; color:#5f5f5f;  font-size:1.8rem; padding-top:8.0rem;  }
.sub_content4 {width:100%;  line-height:1.65; color:#5f5f5f;  font-size:1.8rem; padding-top:5.0rem;  overflow:hidden;   }

@media screen and (max-width: 1400px){
 .sub_contents {padding-top:10.0rem;}
}


@media screen and (max-width: 768px){
 .sub_contents {padding-top:5.0rem;}
  .sub_content5 {padding-top:3.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;}
.table .ri_line { border-right: 1px solid #bebebe !important;}
.table tfoot {background:#626262; color:#fff; }
.table tfoot th {text-align:center; padding:12px;  vertical-align: middle;}
.table tfoot td {padding: 12px 15px; text-align:center; vertical-align: middle;}

.table .bg2 {background:#f8f8f8}


.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;}
}


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


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

.table5 .bg2 {background:#f8f8f8}


@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:10.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){
.title_h4 {font-size:2.6rem;}
.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:1.5rem;}
.cont_wrap .left_wrap  h4 {font-size:2.6rem; }

}


/* 인사말*/
/*.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;}
.ceo_name  img {width:16.0rem;}

}



.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%; padding-left:0;}
.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";}
.his_box .his_ul li > span {width:calc(100% - 5.0rem);}

@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:58.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.0rem; 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; font-size:1.6rem;}
.loccont_box dl dd:nth-child(2) {margin-top:1.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:0.8rem 2.2rem; display:flex; align-items: center; gap:10px; font-size:1.5rem;}

.loccont_box01 {left:-30.0rem; top:10.7rem;}
.loccont_box01:after {content:''; width:11.0rem; height:1px; background:#00418f; bottom:5.2rem;right:-11.0rem;  position:absolute; }
.loccont_box02 {left:-30.0rem; top:36.5rem;}
.loccont_box02:after {content:''; width:9.3rem; height:1px; background:#00418f; top:5.0rem;right:-9.3rem;  position:absolute; }
.loccont_box03 {left:-30.0rem; top:59.0rem;}
.loccont_box03:after {content:''; width:6.2rem; height:1px; background:#00418f; top:2.7rem;right:-6.2rem;  position:absolute; }

.loccont_box05 {left:64.0rem; top:12.0rem;}
.loccont_box06 {left:64.0rem; top:38.0rem;}
.loccont_box06:after {content:''; width:12.3rem; height:1px; background:#00418f; bottom:2.1rem;left:-12.3rem;  position:absolute; }

.loccont_box04 {left:64.0rem; top:64.2rem;}
/*.loccont_box04:after {content:''; width:1px; height:9.4rem; background:#00418f; top:-9.4rem; left:19.1rem;  position:absolute; }*/
.loccont_box04:after {content:''; width:32.3rem; height:1px; background:#00418f; top:2.3rem;left:-32.0rem;  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 1.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 li {width:49%; background:#fff;  padding:5.0rem 4.0rem;  border:1px solid #ddd;
				border-radius:1.0rem;  margin-bottom:2%; position:relative;}
.biz_tech li span {color:var(--main-color); font-weight:800;  position:absolute;font-size:2.6rem; margin-top:-0.5rem; }
.biz_tech li strong {color:#666; font-size:2.4rem; font-weight:500; padding-left:5.5rem; display:inline-block; line-height:1.4;}


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

.biz_tech li {width:100%; padding:4.0rem;}

}

/*

.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;}

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

.tab-container_wrap {top:8.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:8.0rem; padding:6.5rem 0.0rem 4.0rem 0.0rem; }
.defense_cont_wrap .defense_cont02 {padding:8.5rem 8.0rem 8.0rem 8.0rem !important; }

.defense_cont_wrap .defense_cont .defense_txt {padding: 0 10.0rem 0rem 10.0rem;}
.defense_cont_wrap .defense_cont .defense_txt .defense_name {}
.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:3.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;}

.defense_cont_wrap .defense_cont {margin-bottom:4.0rem; padding:4.5rem 0.0rem 4.0rem 0.0rem;}
.defense_cont_wrap .defense_cont02 {padding:4.5rem 3.0rem 4.0rem 3.0rem !important; }
.defense_cont_wrap .defense_cont .defense_txt {padding: 0 4.0rem 0rem 4.0rem;}

.defense_cont_wrap .defense_cont .defense_txt .defense_name h5 {font-size: 2.6rem;}
}



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

.tab-container {font-size:18px; gap:1.5rem;}
.tabs {padding:1.5rem 0.5rem; }
.defense_menu {top:15.0rem;  padding:1.5rem 0 1.5rem;}
.defense_cont_wrap .defense_cont {padding:4.5rem 0  3.0rem 0; scroll-margin-top: 25rem; }
.defense_cont_wrap .defense_cont .defense_txt {padding: 0 3.0rem 0rem 3.0rem;}
.defense_cont_wrap .defense_cont .defense_txt .defense_name h5 {font-size: 2.4rem;}
.defense_cont_wrap .defense_cont .defense_txt p {margin-top:1.0rem;}
.defense_cont_wrap .defense_cont .defense_txt p br {display:none;}


}


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


.equipment_wrap03 {justify-content: space-between; gap:1%}
.equipment_wrap03 .equipment_wrap03_inner {width:49.5%;}


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

.equipment_img .equipment_box {width:100%; padding:0.5rem 0; }
.equipment_img .equipment_box {margin-top:1.0rem;}

.equipment_wrap03 {gap:5.0rem;}
.equipment_wrap03 .equipment_wrap03_inner {width:100%;}
}



/*밑그림 공통*/
.defense_cont.visible .defense_img_bg {opacity:0.3; transition: all 0.4s; transition-delay:0.3s;}
.defense_cont.visible .defence_detail { transform: translate(-50%, -50%) scale(1); opacity:1; }





/*신궁*/
.singung .defence_marker01 {left:28%; bottom:46%;}
.singung .defence_marker02 {left:38%; bottom:39%;}


.defense_cont.visible .singung .defence_detail01 {margin:-10% 0 0 18%;  transition : all 0.4s ease-in-out 0.5s;  max-width:100%;}
.defense_cont.visible .singung .defence_detail01 img {min-width:66.0rem; }


.defense_cont.visible .singung .defence_detail02 {margin:9% 0 0 17%; transition : all 0.4s ease-in-out 0.7s;}

@media screen and (max-width: 1600px){
.defense_cont.visible .singung .defence_detail01 img {min-width:50.0rem; }

}

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

.defense_cont.visible .singung .defence_detail01 img {min-width:30.0rem; }
.defense_cont.visible .singung .defence_detail02 img {max-width:8.0rem;}

}



/*천궁*/

.cheongung .defence_marker01 {left:52%; bottom:21.5%;}
.cheongung .defence_marker02 {left:64%; bottom:15%;}


.defense_cont.visible .cheongung .defence_detail01 {margin:-7% 0 0 0;  transition : all 0.4s ease-in-out 0.5s;}
.defense_cont.visible .cheongung .defence_detail01 img {min-width:10.0rem; }


.defense_cont.visible .cheongung .defence_detail02 {margin:0 0 0 35%; transition : all 0.4s ease-in-out 0.7s;}
.defense_cont.visible .cheongung .defence_detail02 img {min-width:6.0rem;}



/*해궁*/






/*방산 모션공통*/
.defense_img2 {width:100%; position:relative; margin-top:5.0rem;}
.defense_img_wrap {width:100%; height:100%; position:relative; }
.defense_img_position { position:relative; width:100%; height:100%;}
.defense_img_wrap .defense_img_bg {position:relative;opacity:1; transition: all 0.8s;  transition-delay:0.9s;  }
.defense_img_wrap .defense_img_bg img {width:100%;}

.defens_marker_wrap {width:100%; height:100%; position:absolute; }
.defens_marker { position: absolute; width: 18px;height: 18px;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_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:1.5rem; 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_side {padding-left:10.0rem!important; padding-right:10.0rem!important;}

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

.defense_side {padding-left:5.0rem!important; padding-right:5.0rem!important;}

}


@media screen and (max-width: 1024px){
.defense_img2 {padding-bottom:0rem;}
.defence_detail_wrap .defence_detail_name {font-size:14px;}
.defense_side {padding-left:0rem!important; padding-right:0rem!important;}
.defence_detail_wrap .defence_detail_img {padding:7px;}

}


@media screen and (max-width: 768px){
.defence_detail_wrap .defence_detail_name {font-size:12px;font-weight:400;}

.defens_marker { position: absolute; width: 10px;height: 10px;border-radius: 50%; background: #92a9c4; z-index:2; }
.defens_marker::after { content: ''; display: block; position: absolute; width: 4px; height: 4px; 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; }



}


/*에코모빌리티*/



/*.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.6rem; }
.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.6rem; }
.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.6rem; }
.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.6rem; }
.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.6rem; }
.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: 768px){

.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; }


@media screen and (max-width: 768px){
.report_wrap .report_box {width:100%;}

}


/*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 dt span {font-size:1.9rem;}
.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;}



}