/*notice.css */
.Title_box{margin-bottom: 60px; position: relative;}
.Title_box .box_txt{background-color: #296bcc; padding: 18px; font-size: 22px; color: #fff; line-height: 28px; word-break: break-word;}
.Title_box .box_txtM{display: none; background-color: #00a38b; padding: 14px; font-size: 18px; color: #fff; line-height: 28px; word-break: break-word;}

.txt_area03{display: block; width: 100%; /*background-color: antiquewhite;*/}
.txt_con03{position: relative; width: 100%; box-sizing: border-box; margin-bottom: 50px;}
.txt_con03 > h3{font-size: 20px; font-weight: bold; line-height: 32px; color: #000;}
/* .busi_list{margin: 0 auto; width: 100%; position: relative; display: flex; box-sizing: border-box; margin-top: 10px;} */

/*담당자안내*/
.Noticelist01{margin: 0 auto; width: 100%; position: relative; display: grid; grid-template-columns:repeat(auto-fill, minmax(290px, 1fr)); grid-gap:24px; align-items: stretch; margin: 40px 0 30px 0; box-sizing: border-box;}
.Noticelist01 > .Noticelist_type01{height: auto;letter-spacing: 0.25px;font-size: 14px;line-height: 22px;text-align: center;padding: 30px 40px;vertical-align: middle;background-color: #fff;color: #667284;border: 2px solid #dcdee2;word-break: break-word;transition: all 600ms;}
/* .Noticelist01 > .Noticelist_type01 > strong{font-weight: bold; display: block; margin: 0 0 26px 0; font-size: 20px; color: #2f7ef1; border-bottom: 2px solid #2f7ef1; padding-bottom: 22px;} */

.Noticelist01 > .Noticelist_type01:hover{background-color: #fff; border: 2px solid #00c7a9;/*#dcdee2;*/}

.Noticelist01 > .type_blank{height: auto;letter-spacing: 0.25px; font-size: 14px;line-height: 22px;text-align: center; padding: 30px 40px;vertical-align: middle; word-break: break-word;transition: all 600ms;background-color: #fff; background-image: url(../img/recruit_DGB.png); background-position: right; border: 2px solid #dcdee2;}
.Noticelist01 > .type_blank:hover{border: 2px solid #dcdee2;}



/*notice*/
.search_wrap{/* display: inline-block; *//* width: 100%; *//* text-align: right; */}
.search_wrap form {display: flex; justify-content: flex-end; flex-direction: row; flex-wrap: nowrap; }
.search_wrap .search_select{width: 100px;height: 34px;line-height: 34px;padding: 0 5px;border: none;border-bottom: 2px solid rgba(102,114,132,0.3);color: #667282;font-size: 15px;box-sizing: border-box;vertical-align: top;outline: none;cursor: pointer;background: #ffffff;}
.search_wrap input{width: auto;min-width: 140px;height: 34px;line-height: 34px;padding: 0 5px;margin: 0 0 0 5px;border: none;border-bottom: 2px solid rgba(102,114,132,0.3);color: #333;font-size: 16px;box-sizing: border-box;outline: none;}
.btn_search{width: 40px; height: 34px; padding: 0 6px; line-height: 34px; background-color: #fff; color: #00c7a9; font-size: 22px; border: 0; border-radius: 6px; text-align: center; vertical-align: top; cursor: pointer; display: inline-block; transition: all 600ms;}
.btn_search:hover{color: #00a38b;}


/*notice 상세페이지*/
/* .boardCont_area{min-height: 400px; overflow: hidden;  border-bottom: 1px solid #ddd;} */
/* .boardCont_area .boardCont{padding: 20px 100px; min-height: 300px; font-size: 16px; color: #444; text-align: left;} */
/* .boardCont_area .boardCont .notice_image img{max-width: 100%; height: auto; display: block; margin: 25px auto; vertical-align: middle;} */
/* .boardCont_area .boardCont p{line-height: 30px; padding-bottom: 18px;} */
/* .boardCont_area {width: auto; padding: 20px; } */
.boardCont_area{min-height: 400px; overflow: hidden;  border-bottom: 1px solid #ddd; text-align: initial; line-height: initial; font-family: initial; font-size: 9pt;}
.boardCont_area .boardCont{padding: 5px 10px;min-height: 300px;color: #444; width: auto; height:100%; overflow: hidden; -webkit-text-size-adjust:none; font-family: GmarketSans,'나눔고딕',NanumGothic, 'Nanum', '돋움',dotum,gulim,arial,verdana,sans-serif; line-height:20px;}
.boardCont_area table {width:auto;}
.boardCont_area table tr {height: initial;}
.boardCont_area table tr td {padding:initial;height: initial; text-align:left;}
.boardCont_area tbody {all: revert;}
.boardCont_area tbody tr td {all: revert;}
.boardCont_area b { font-weight: bold; font-weight: 600;  }
.boardCont_area strong { font-weight: bold; font-weight: 600;  }
.boardCont_area small { font-size: 0.95em }
.btnArea{text-align: right; margin-top: 20px;}
.btnArea .btnType02{border: 2px solid #00a38b; background-color: #fff; color: #00a38b; font-size: 14px; text-align: center; padding: 8px 2px 6px; display: inline-block; min-width: 60px; border-radius: 30px;transition: all 700ms;}
.btnArea .btnType02:hover{border: 2px solid #00a38b; background-color: #00a38b; color: #fff;}



/*ESG경영*/
.EGS_wrap{margin-top: 14px;}
.card_area {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 32px;
  align-items: stretch;
  margin-bottom: 40px;
}
/*.card_area > .card_item{border-radius: 0px; text-align: left;box-sizing: border-box; position: relative; padding: 60px 40px; height: 350px; overflow: hidden; transition: all 0.3s ease 0s; background-color: rgba(0,0,0,0.5);}*/
/*.card_area > .card_item::before{content: ''; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; transition: all 0.6s ease 0s; background-image: url(../img/banner1.jpg); background-repeat: no-repeat; background-size: cover; backface-visibility: hidden; transform: translate3d(0px, 0px, 0px);}*/



.EGS_wrap .card_area > .card_item{width: 100%;height: 100%;cursor: pointer;user-select: none;float: left;position: relative;background: no-repeat center;background-size: cover;}
.card_item:before{content: ''; display: block; width: 100%; padding-top: 100%;}
.card_item img{position: absolute; width: 100%; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%;
background-repeat: no-repeat; background-position: center; background-size: cover; backface-visibility: hidden; transition: all 700ms; object-fit: cover;}
.card_item .card_text{width: 100%; height: 100%; position: absolute; left: 0; top: 0; opacity: 0.7; transition: opacity 800ms; background-color: rgba(0,0,0,0.75); text-align: left;}
.card_item:hover .card_text{opacity: 1;}

.card_item .card_text .card_line{width: 50px; height: 4px; line-height: 40px; background-color:rgba(255,255,255,0.6); margin: 60px 0 10px 30px;}
.card_item .card_text .card_title{font-size: 24px;color: #fff;line-height: 32px;word-break: keep-all;margin: 0px 30px;letter-spacing: -0.25px;}
.card_item .card_text .card_date{font-size: 14px; position: absolute; bottom: 40px; color: #fff; margin-left: 30px;}



/*
.card_text {padding: 0 14px 20px;}
.card_text > p {font-size: 15px;margin-top: 10px; margin-bottom: 12px; color: #bcc0cc; float: left;}
.card_text > h4 {width: 277px; height: 18px; text-overflow: ellipsis; white-space: nowrap;overflow: hidden; font-weight: bold; font-size: 16px;color: #2b2b2b;}
*/

/*ESG경영_상세보기*/
.ESG_title{margin-bottom: 20px; border-top: 3px solid #00a38b; border-bottom: 1px solid rgba(102,114,132,0.3);}
.ESG_title .ESG_content{position: relative; padding: 30px 14px 20px 14px;}
.ESG_title .ESG_content h3{font-size: 24px; color: #0f1b19; font-weight: bold; margin-bottom: 20px; line-height: 32px; word-break: break-word;}
.ESG_title .ESG_content p{font-size: 15px; color: #828282; text-align: right;}

.ESGCont_area{min-height: 400px; overflow: hidden; border-bottom: 1px solid #ddd; position: relative;}
.ESGCont_area .ESGCont{padding: 20px 100px; min-height: 300px; font-size: 16px; color: #444; text-align: left;}
.ESGCont_area .ESGCont .ESG_image img{max-width: 100%; height: auto; display: block; margin: 25px auto; vertical-align: middle;}
.ESGCont_area .ESGCont p{line-height: 30px; padding-bottom: 18px;}

.ESGCont_area .ESGCont_Tag{text-align: left; margin-top: 40px; padding: 20px 40px;}
.ESGCont_area .ESGCont_Tag .ESGtag{display: inline-block; padding: 6px 15px; font-size: 14px; color: #333; background-color: rgba(171,185,198,0.3); border-radius: 15px; cursor: pointer; margin-bottom: 10px;}
.ESGCont_area .ESGCont_Tag .ESGtag:hover{background-color: rgba(171,185,198,0.5);}
.ESGCont_area .ESGCont_Tag .ESGtag a{color: #333;}

/*입찰공고*/
.bms_link {margin-top:-26px;}
.bms_link > a {position: relative; width: 160px; font-size: 15px; text-align: center; text-decoration: none; border-radius: 30px; padding: 8px 18px; transition: all 600ms; color: #fff; border: 2px solid #00a38b; background-color: #00a38b;}
.bms_link > a:hover {color: #00a38b; border: 2px solid #00a38b; background-color: rgba(255,255,255,0.2);}
.bms_link > a > i {vertical-align: middle; margin-right: 5px;}


.pc_tr {display: table-row;}
.pc_tr th {min-width: 60px;}
.mb_tr {display: none;}

/*★반응형★*/
@media(max-width:1440px) {
    
} /* 1440media닫기*/

@media(max-width:1220px) {
    
    /*notice*/
    .boardCont_area{width: 100%;}
    .boardCont_area .boardCont{padding: 20px 40px;}
    /*ESG상세*/
    .ESGCont_area .ESGCont{padding: 20px 40px;}

   .card_item .card_text .card_line{margin: 30px 0 10px 25px;}
    .card_item .card_text .card_title{font-size: 20px;line-height: 25px;margin-left: 25px;}
    .card_item .card_text .card_date{bottom: 30px;margin-left: 20px;}
} /* 1220media닫기*/

@media(max-width:1024px) {
    .bms_link {width: 95%;margin: -26px auto 26px auto;}

    .card_item .card_text .card_title{font-size: 18px;line-height: 25px;margin-left: 25px;}
  .card_item .card_text .card_date{font-size: 14px;bottom: 30px;margin-left: 25px;}

  
} /* 1023media닫기*/



@media(max-width:768px) {
    .Title_box .box_txt{display: none;}
    .Title_box .box_txtM{display: block;}
    
    /*notice*/
    .search_wrap .search_select{font-size: 14px;}
    .search_wrap input{font-size: 14px;}

  	.boardCont_area img {height: 100%;width: 100%;}
    .card_item .card_text .card_line{margin: 30px 0 10px 20px;}
    .card_item .card_text .card_title{font-size: 16px;line-height: 19px;margin-left: 20px;}
    .card_item .card_text .card_date{bottom: 15px;margin-left: 20px;}

	.type_blank{display: none;}
} /* 768media닫기*/

@media(max-width:600px) {
    .card_area {
      display: grid;
      grid-template-columns: repeat(1, 1fr);
      grid-gap: 24px;
      margin-bottom: 40px;
      }

   .card_item .card_text .card_line{margin: 40px 0 10px 40px;}
.card_item .card_text .card_title{font-size: 25px;line-height: 32px;margin-left: 40px;margin-right: 10px;}
.card_item .card_text .card_date{font-size: 16px;bottom: 40px;margin-left: 30px;}

} /* 768media닫기*/


@media(max-width:500px) {
    
    .boardCont_area .boardCont{padding: 20px 10px;}
    /*ESG상세*/
    .ESGCont_area .ESGCont{padding: 20px 10px;}
    .ESGCont_area .ESGCont_Tag{padding: 20px 10px;}
    
    .pc_tr {display: none;}
    .mb_tr {display: table-row;}
    .mb_tr > th {min-width: 60px;}


    .card_area > .card_item{height: 280px;}

   .card_item .card_text .card_line{margin: 30px 0 10px 30px;}
.card_item .card_text .card_title{font-size: 22px;line-height: 32px;margin-left: 30px;margin-right: 10px;}
.card_item .card_text .card_date{font-size: 16px;bottom: 40px;margin-left: 30px;}

    
} /* 500media닫기*/



@media(max-width:460px) {
    
     .card_area {
      display: grid;
      grid-template-columns: repeat(1, 1fr);
      grid-gap: 24px;
      margin-bottom: 40px;
      }
    .card_area > .card_item{height: 180px;}

  .card_item .card_text .card_line{margin: 30px 0 10px 25px;}
     .card_item .card_text .card_title{font-size: 18px;line-height: 25px;margin-left: 25px;}
  .card_item .card_text .card_date{font-size: 14px;bottom: 30px;margin-left: 25px;}
    
    .search_wrap input{width: 150px;}

    .bms_link {margin: -10px 0 30px 5px;}

    .Noticelist01{display: flex;flex-direction: column;}
  
} /* 460media닫기*/