/*
 * File       : styles.css
 * Author     : SEONWOO-KIM (EHCOSOFT)
 * Guideline  : 에너지ICT플랫폼(웹).xd
 *
 * Dependency : css/style.css
 *
 * SUMMARY:
 * 01) common
 * 02) main
 * 03) community_news
 * 04) support_dictionary
 */

@font-face {
    font-family: 'NanumSquareNeo-Variable';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_11-01@1.0/NanumSquareNeo-Variable.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}



* {
    box-sizing: border-box;
}

body {
    font-family: 'NanumSquareNeo-Variable';
    font-weight: 400;
    /* font-size:16px;      */
}


ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

a {
    text-decoration: none;
}

.container {
    max-width: 1920px;
    width:100%;
    margin:0 auto;
    padding:0 7%;    
    padding: 0px 15.6250vw;
    /* 헤더는 서브메뉴 글자수 때문에 패딩값 줄여놓음 */
}

.btn {
    /* border-radius: 100px; */
    height:45px;
}

  /* 헤더영역 드롭다운 */
  .gnb_dep02 {
    position: absolute;
    width: 100%;
    background-color: #5d5d5d;
    left: 0;
    margin-top: 44px;
    height: 250px;
    box-shadow: 0px 8px 13px 3px #00000042;
    display: none;
  }

  .gnb_dep02.show{
    display:block;
  }

  .gnb_dep02 .btn-close{
    position: absolute;
    right: 40px;
    top: 20px;
  }
  

  .gnb_dep02_box {
    padding: 60px 0 0 0;
    display: flex;
    color: #8be0c6;
    max-width: 1280px;
    margin: 0 auto;
  }

  .gnb_dep02_box p {
    font-size: 20px;
    width: 30%;
    margin-left: 15px;
  }

  .gnb_dep02_box ul {
    width: 20%;
  }

  .gnb_dep02_box ul li {
    margin-bottom: 10px;
  }

  .gnb_dep02_box ul li a {
    /* color: #8be0c6; */
    color:#fff;
    padding: 0;
    transition: 0.6s;
  }

  .gnb_dep02_box ul li a:hover {
    opacity: 0.4;
    transition: 0.6s;
  }

  /* 헤더영역 all menu */
  .header {
    position: absolute;
    z-index: 9999;
    width: 100%;
    transition: 0.6s;
  }

  .all_menu {
    position: absolute;
    width: 100%;
    height: 100vh;
    background-color: #106CBA;
    top: -2000px;
    right: 0;
    transition: 0.6s;
    z-index: -1;
  }

  .allmenu-background {
    transition: 0.6s;
  }

  .allmenu-on {
    right: 0;
    top: 0;
    z-index: 99;
    /* display: none; */
  }
  .all_menu .list_items .menu_lt:hover {
    /* background: #E8F4FD; */
  }
  .all_menu .list_items .menu_lt:nth-child(6),
  .all_menu .list_items .menu_lt:nth-child(7),
  .all_menu .list_items .menu_lt:nth-child(8) {
    display: none!important;
    
  }

  .all_menu .list_items .menu_lt .lt_title {
    font-size: 20px;
    border-bottom: 2px solid #5d5d5d;
    padding-bottom: 10px;
    margin-bottom: 20px;
    display: block;
  }
  .all_menu .list_items .menu_lt .liCate {
    color: #fff;
    margin-bottom: 20px;
  }

  .all_menu .list_items .menu_lt a {
    color: #fff;
  }
  
  .all_menu .list_items .menu_lt>li>a {
    color: #fff;
    display: block;
    font-size: 14px;
    transition: 0.6s;

  }
  .all_menu .list_items .menu_lt>li:hover > a  {
    font-weight: 600;
    }

    .all_menu .list_items .menu_lt>li>a>span {
        display: inline-block;
        width: 20px;
        height: 20px;
        border-radius: 50%;
        color: #fff;
        text-align: center;
        /* padding: 4px; */
    }
    
.all_menu .list_items .menu_lt>li>a span.serviceNow {

    background: #DE2324;
}
.all_menu .list_items .menu_lt>li>a span.serviceNon {
    background: #87BBE8;
} 


.header .container {
    align-items: center;
    display: flex;
    height: 112px;
    transition: 0.6s;
}

.header_logo img {
    height: 38px;
    /* height: 64px; */
}

.header_nav {
    display: flex;
    margin: 0 auto;
}

.header_nav li a {
    font-size: 16px;
    font-weight: 500;

}

.header_nav li a:hover{
    font-weight: 600;
}



.header_nav li.on a {
    background: #209FEF;
    color: #fff;
}


.header_icon > ul {
    display: flex;
    align-items: center;
}

.header_icon > ul > li {
    /* margin: 0 32px 0 0; */
    margin: 0 1rem 0 0;
}

.header_icon li:last-child {
    margin: 0;
}

.header_icon li img {
    width: 36px;
}
.header_icon li i {
    font-size:32px;
    cursor: pointer;
    color: #5D5D5D;
}

.header_icon li i.bi-globe2 {
    font-size:34px;
}

/* index 페이지 TOP메뉴 */
/* #pageIndex .header:hover{background-color: #fff; color:#5D5D5D}
#pageIndex .header:hover .header_nav li a:hover,
#pageIndex .header:hover .gnb_dep02_box ul li a 
{font-weight: 600;}
#pageIndex .header_icon li i{color:#fff}
#pageIndex .header:hover li i{color:#5D5D5D} */


/* 회원가입, 글로벌 드롭다운 */
.drop_member,
.drop_global {
  display: none;
  position: absolute;
  flex-direction: column;
  align-items: center;
  /* margin-top: 45px; */
}

/* .drop_member a ,.drop_global a{
  display: flex;
  background-color: #fff;
  color: #5d5d5d;
  padding: 10px 20px;
  margin-bottom: 2px;
  text-align: center;
  justify-content: center;
  font-size: 12px;
  border: 1px solid #0000001c;
} */

.mousehover {
    /* background-color: #8be0c6; */
    background-color: #fff;
    transition: 0.6s;
    z-index: 9999;
  }

.dropdown-menu{min-width:auto}

/*paginateion CSS  */
.pagination {
    margin-top:40px;
    justify-content: center;
    flex-wrap: wrap;
}

.page-item {
    margin: 0 12px 0 0;
    cursor: pointer;
}

.page-item:last-child {
    margin: 0;
}

.page-link {
    border: 0;
    color: #5D5D5D;
}

.page-item.active .page-link {
    background: #fff;
    border: 1px solid #707070;
    border-radius: 4px;
    color: #5D5D5D;
    z-index: 3;
}
/* 푸터영역 */
.footer .container .ft-top {
    display: flex;
    justify-content: space-between;
    align-content: flex-start;
    flex-wrap: wrap;
    padding-bottom: 8px;
    margin-bottom: 16px;
    border-bottom: 1px solid #fff;
}

.footer .container .ft-top .ft-q-link span {
    border-right: 2px solid #ffffff7a;
    padding-right: 8px;
    margin-right: 8px;
}

.footer .container .ft-top .ft-q-link span:nth-last-child(1) {
    padding-right: 0;
    margin-right: 0;
    border-right: 0;
}

.footer .container .ft-top .ft-q-link {
    font-size: 14px;
}

.footer .container .ft-top .ft-logo p {
    font-size: 12px;
}

.footer .container .ft-bottom {
    display: flex;
    justify-content: space-between;
}

.footer .container .ft-bottom .ft-info {
    font-size: 14px;
    display: flex;
    flex-direction: column;
}

.footer .container .ft-bottom .ft-info span {
    margin-bottom: 3px;
}
/* ========== sub_cont ========== */
.sub_cont{margin: 0 auto;}
.sub_cont button{min-width:90px;margin:0 10px; background: #106CBA; color: #fff; border: none;}
.sub_cont button:hover { background: transparent; color: #707070; border:1px solid; border-color: #707070;}
.sub_cont .input-group button{margin:0;}
.sub_cont .input-group button.icon-pwdview{min-width: auto;}
.sub_cont img{max-width: 100%;} /* 내용에 들어가는 이미지들 default width:100% 게시판내 이미지들등 overflow되지않게 */

.sub_cont_top.new {
    background: url('../img/bg_01.png') no-repeat;
    background-size: 100% 172px;
    display: flex;
    flex-direction: column;
    margin-top: 114px;
    padding: 30px 10% 0px;
    padding: 30px 11.4583vw 0px;
    color: #fff;
}

.sub_cont_top h1 {
    font-size: 60px;
    text-align: left;
}

.sub_cont_top > p {
        font-size: 25px;
        margin: 0px;
        text-wrap: nowrap;
}

.sub_cont_menu {
    text-align: left;
    margin-top: 24px;   
}
.sub_cont_menu_service {
    text-align: left;
    margin-top: 24px;   
}


.sub_cont_menu ul {
    /* background: #209FEF; */
    display: flex;
    width: 100%;
    flex-flow: row wrap;
    padding : 20px 0px;
    gap: 76px;
}
.sub_cont_menu_service ul {
    /* background: #209FEF; */
    display: flex;
    width: 100%;
    flex-flow: row wrap;
    padding : 20px 0px;
    gap: 76px;
}
.loginTab { 
    margin: 0 auto;
}
.loginTab ul {
    gap: 0;
}
.sub_cont_menu ul li {
    width: fit-content;
    text-align: left;
    font-weight: 700;
    font-size: 32px;
    color: #C4C4C4;
}
.sub_cont_menu_service ul li {
    width: fit-content;
    text-align: left;
    font-weight: 700;
    font-size: 32px;
    color: #C4C4C4;
}
.loginTab ul li {
    color: #C4C4C4;
    
}
/* .sub_cont_menu ul li:hover {
    cursor: pointer;
    color: #106CBA;
} */
.nav-pills .nav-link{border-radius: 0px;background: #209FEF;}   /* bootstrap override*/

.sub_cont_menu ul li.on a, .sub_cont_menu ul li .nav-link.active{
    background: #8BE0C6;
    color: #fff;
}
.nav-link:focus, .nav-link:hover {
    color: #fff;
}
.sub_cont_menu ul li a, .sub_cont_menu ul li button{
    color: #fff;
    text-align: center;
    width: fit-content;
    /* overflow: hidden; */
}

.sub_cont_menu ul li a{
    font-size: 32px;
    font-weight: 600;
    display: inline-block;
    height: 40px;
    line-height: 40px;
}


/*sns login  ==> login.css파일로 이동*/ 
/* .sns_login {
    display: flex;
    flex-direction: column;
    margin-top: 50px;
}

.sns_login a {
    color: #000;
    font-size: 14px;
    border: 1px solid #00000059;
    padding: 10px;
    display: flex;
    justify-content: flex-start;
    margin-bottom: 14px;
    align-items: center;
}

.sns_login img {
    width: 30px;
    margin-right: 20px;
} */




/* news */
.news li {
    border-bottom: 1px solid #8D8D8D;
}

.news li:last-child {
    border-bottom: 0;
}

.newbox {
    cursor: pointer;
    display: flex;
    margin: 40px 0;
}

.newbox img {
    margin: 0 40px 0 0;
    width: 348px;
}

.newbox .txt {
    display: flex;
    flex-direction: column;
}

.newbox .txt h2 {
    color: #8BE0C6;
    font-size: 32px;
}

.newbox .txt p {
    color: #5D5D5D;
    font-size: 15px;
    margin: auto 0 0 0;
}

.news_cont_top .title {
    color: #209FEF;
    font-size: 37px;
    margin: 0 0 32px 0;
}

.news_cont_top .author {
    color: #209FEF;
    font-size: 16px;
    margin: 0;
}

.news_cont_top .author span {
    color: #717171;
    margin: 0 0 0 4px;
}

.news_text {
    margin: 20px 0 0 0;
}

.news_text img {
    /* margin: 0 0 40px 0; */
    width: 100%;
}

.news_text p.title {
    font-weight: bold;
}
.news_text p {
    color: #5D5D5D;
    font-size: 20px;
    line-height: 1.5;
    margin: 20px 0;
}

/* ========== e: news ========== */


/*서비스 페이지 */
sub-menu.service {position: relative; z-index: 1;}  /*다음 이미지보다 상위에 보여지도록 position, z-index 조정*/
/* sub-menu.service .sub_cont_menu ul li {flex-basis:25%;} */ /*서비스 페이지 서브메뉴 4개씩 보여주기 */
/* sub-menu .sub_cont_menu ul li {flex-basis:25%; height: 40px;} */
 /* 서브메뉴 4개씩 보여주기*/
/* sub-menu .sub_cont_menu ul li:last-child { width: 25%; } */

.sub_cont.service .sec_cont {padding: 80px 0px}
.sub_cont.service{
    position: relative; 
    margin:0px auto;
    overflow-x: hidden;
    padding-bottom: 0px;
}
.service .service_top_img {
    width:100%;
    height:600px;
    border-top:1px solid #C4C4C4;
}
.service .service_top_img img{
    width:100%;
    height:600px;
}

.service_top_img .container.title{position: relative; top: -480px;}

.service_top_title{color:#fff;font-size:34px}
.service_top_title h2{font-size:2em; margin-bottom: 40px;}
.service_top_title h6{font-size:0.85em; line-height: 1.5; margin-bottom: 0px;}
/* 서비스 페이지 QR코드 */
.service_top_title .sub_qr { display: flex; text-align: center;}
.service_top_title .sub_qr > div .qr-img-wrap > img { width: 60px; height: 60px; }
/* 서비스페이지 바로가기 링크 */
.service_top_title .serviceLinkBtn { height: 42px; line-height: 1; margin-top: 90px;}
.service_top_title .serviceLinkBtn > a { display: inline-block; width: 186px; font-size: 15px; height: 42px; text-align: center; line-height: 42px; border-radius: 42px; }
.service_top_title .serviceLinkBtn > a:first-child { background: #fff; color: #5D5D5D; margin-right: 30px; }
.service_top_title .serviceLinkBtn > a:last-child { background: #DE2324; color: #fff; }

.service .list-item a{color:#777}
.service .list-item.active{
    border-top:1px solid #209FEF;
    border-bottom:1px solid #209FEF;
    /* background-color:#209FEF; */
}
.service .list-item{text-align: center;    
    /* border-top:1px solid #0298f5; */
    /* border-bottom:1px solid #209FEF; */
}
/* .service .list-item:first-of-type{border-top:1px solid #0298f5;} */

/* .service .list-item.active a{color:#fff} */
.service .pc.nav_left{position:fixed;top:30px;left:20px; /*width:20px;*/z-index: 1;display:none;font-size: 0.9rem;}
.service .pc.nav_left ul li {padding:0.5rem 5px; text-align: left;}
@media(min-width: 1920px){  /*1920이상화면에서는 가로로보여주기 */
    /* .service .pc.nav_left{width:120px;left:10%;} */
}

.service .overimgarea {height: 450px;/*position: relative;*/}
.service img.overimg{position:absolute; max-width: none !important; height: 450px;}
.service img.overimg.right{right:14%}
.service .overimgarea h3{    
    position: relative;;
    z-index: 1;
    font-size: 35px;
    color: #fff;
    line-height: 1.7;
    text-shadow: 0 0 4px #0000009c;
}

.service .section #sec01, .service .section #sec03
    {background-color: #efecec;}
.service .section .sec_cont .items h4{ font-size: 20px; font-weight: bold; color:#5D5D5D;/*width:70%;*/word-break: break-word; margin-bottom: 20px;}
.service .section .sec_cont h1{font-size: 32px; color:#106CBA;margin-bottom: 30px; }
/* .service .section .sec_cont h1::before{content:'\F231 ';} */

.service .section .sec_cont h1+p{font-size:20px; margin-bottom: 96px;}

/* sec04 요금안내 */
.service .section #sec04 .container.row{--bs-gutter-x:.5rem}
.service .section #sec04 .container.row div:last-child.p-lg-5 { padding: 0px!important; }
.service .section #sec04, .service .section #sec04 h1{background-color:#87BBE8;color:#fff}
.service #sec04 .overimgarea {height: 800px;}
.service .section #sec04 img.overimg{height: 800px;}
.service .section #sec04.sec_cont .items{margin-bottom:70px}
.service .section #sec04.sec_cont h2{margin-bottom: 30px;}
.service .section #sec04.sec_cont h2~p{font-size: 20px;}

/* sec05 다른서비스 */
.service .section #sec05{background-image:url(../img/service/service05.jpg)}
.service .section #sec05, .service .section #sec05 h1{color:#fff}
.service .section #sec05 .container .serviceType {
    display: flex;
    justify-content:  space-evenly;
    padding-bottom: 12px;
    margin-bottom: 80px;
}
.service .section #sec05 .container .serviceType .serviceTypeList {
    text-align: center;
    width: calc( 100% / 3 );
    border-bottom: 1px solid #fff;
    line-height:2;
    position: relative;
    cursor: pointer;
}
.service .section #sec05 .container .serviceType li.active:after {
    content: '';
    display: inline-block;
    width: 100%;
    margin-top: 20px;
    height: 3px;
    background: #fff;
    position: absolute;
    left: 0;
    top: 12px;
}
.service .section #sec05 #serviceIcons{display:flex;flex-wrap: wrap;}
.service .section #sec05 .container .swiper { width: 100%; }
.service .section #sec05 .container .swiper .swiper-wrapper {
    display: flex;
    justify-content: flex-start;
}
.service .section #sec05 .container .swiper .swiper-wrapper .swiper-slide {
    width: 202px!important;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 18px;
    margin-right: 40px;
}
.service .section #sec05 .container .swiper .swiper-wrapper .swiper-slide > a {
    display: inline-block;
    width: 100%;
    width: 202px!important;
    height: 220px;
    padding: 10px;
    text-align: center;
    border-radius: 10px;
    background-color: #fff;
}
.service .section #sec05 .container .swiper .swiper-wrapper .swiper-slide > a img {
    display: inline-block;
}
.service .section #sec05 .items{
    flex-basis: 23%;
    height:220px;
    border-radius: 10px;
    /* border: 1px solid #777; */
    background-color: #fff;
    margin:1%;
    padding:10px;
    text-align: center;
}
.service .section #sec05 .items img{border-radius: 50%;}
.service .section #sec05 .items p{color:#209FEF;font-size:1.1rem;}

/* end 서비스페이지 */ 


/* ========== s: support_dictionary ========== */
.dict_list {
    border: 1px solid #209FEF;
    border-left: 0;
    border-bottom: 0;
    display: flex;
    flex-wrap: wrap;
}

.dict_list li {
    border-left: 1px solid #209FEF;
    border-bottom: 1px solid #209FEF;
    color: #209FEF;
    font-size: 15px;
    padding: 20px 0;
    text-align: center;
    width: calc(100%/7);
}

.dict_list li.on {
    background: #209FEF;
    color: #fff;
}

.consonant_list {
    display: flex;
    margin: 40px 0;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 10px 10px;
}

@media (max-width:1245px){
    .consonant_list{ justify-content:flex-start ;}
}

.consonant_list li {
    align-items: center;
    border: 1px solid #707070;
    border-radius: 4px;
    color: #5D5D5D;
    font-size: 33px;
    display: flex;
    justify-content: center;
    height: 52px;
    /* margin: 0 36px 5px 0; */
    width: 52px;
    cursor: pointer;
    background-color: #fff;
}

.consonant_list li.on{background-color: #106CBA; color: #fff;}

.consonant_list li:last-child {
    margin: 0;
}

.search_results {
    margin: 0 0 40px 0;
}

.search_results li:first-child {
    border-top: 1px solid #707070;
    color: #106CBA;
    font-size: 30px;
    padding: 20px;
    text-align: center;
}
.search_results li {
    border-bottom: 1px solid #707070;
    padding: 40px 20px;
}

.search_results h5 {
    color: #106CBA;
    font-size: 25px;
    margin: 0 0 20px 0;
}

.search_results p {
    color: #5D5D5D;
    font-size: 1rem;
    margin: 0;
}
.search_results li:nth-child(2n) {
    background: #F7F7F7;
}

/* ========== e: support_dictionary ========== */



/*---- tooltip ---- */
.tooltip.bs-tooltip-right .tooltip-arrow::before {
    border-right-color: #209FEF !important;
}
.tooltip.bs-tooltip-left .tooltip-arrow::before {
    border-left-color: #209FEF !important;
}
.tooltip.bs-tooltip-bottom .tooltip-arrow::before {
    border-bottom-color: #209FEF !important;
}
.tooltip.bs-tooltip-top .tooltip-arrow::before {
    border-top-color: #209FEF !important;
}
.tooltip-inner{background-color: #fff;border:1px solid #209FEF;color:#000}



/* login page  login_tab page   ==> login.css파일로 이동*/
/*
#pageLogin .form-floating>label{left:14px}
.form-floating>input.form-control{ background-color: transparent;}

// 폼입력 경고/안내 메시지 앞에  야이콘붙여주기//
div.form-text{font-size: 0.8rem; color:blue}
div.form-text::before{content:'\F431 '}
div.form-text.is-invalid{color:red}
div.form-text.is-invalid::before {content: '\F332 ';}
div.form-text.is-valid{color:green}
div.form-text.is-valid::before {content: '\F26A ';}  
div.form-text.capslock{color:orange}
div.form-text.capslock::before {content: '\F450  CapsLock이 켜져있습니다!  ';}  


.input-group-text.validcheck {background-color: transparent;}
input.form-control{height:45px}
*/
/* END login page  login_tab page ---------------------------------------------------*/

/* 검색조건입력란 */
#searchForm {padding:30px;background-color:#eee;border:1px solid #ddd}
#searchForm table th{padding-right:20px;width:90px}


/*Board_List */
table th:first-child{min-width: 60px;}
table .rowView{display:none}

/* 게시판 */
#writeContent{min-height:400px}
#viewFile::before{content:'\F4B3'}
.table.boardList, .boardList.button, #pageFAQ .table{max-width: 1920px;margin:auto;}
.table.boardList tbody tr.rowList{cursor: pointer;}
.table.boardList tbody tr.rowList:hover{background-color:#e2fbf3;}
/* FAQ등 collapse 열기/닫기버튼 */
tr.rowList span.bi{font-weight: bold; float: right; margin-left: 5px;}
tr.rowList span.bi::before{ content: '\F4FA';}
tr.rowList span.bi.minus::before{ content:'\F2E6';}


/* 자유게시판 상세정보/수정/삭제/댓글등록 */
#pageFreeBoardDetail .input-group{width:auto}
#pageFreeBoardDetail .input-group .form-control,
#pageFreeBoardDetail .comment_bottom .form-control
    {line-height: 1rem;font-size: 0.8rem;height:auto;}
#pageFreeBoardDetail .input-group button{font-size: 1rem;height: 100%;}
#pageFreeBoardDetail .btn_modify {align-items: center;justify-content: end;}
#pageFreeBoardDetail .btn_modify button, 
#pageFreeBoardDetail .comment_bottom button
    {margin: 0px; min-width: auto; height: auto;}

/* EDENIT MODIFY */
@media(max-width: 370px){
    #pageFreeBoardDetail .inputPass {width: 12em;}
}

    

/* 댓글 */
.comment_title::before{content:'\F4CA'}
.comment_list::before{content:'\F227'}
.comment_content textarea{width:100%;padding:10px;resize: vertical;}


/*용어사전 */
.consonant_list li{background-color: #fff;}


/* 1:1 문의 */
#pageVocDetail #writeContent, #answerContent{min-height:200px}


/* 고효율애너지 제품현황, 신재생 에너지 제품현황 */
#srchTable tr th{
    background-color: #f8f9fa;
}
#srchTable.table td{font-size:0.9rem}
#srchTable input{max-width:100%}

/* .table-responsive table {table-layout: auto;}
.table-responsive table td{width:auto} */
.table-responsive table th:first-child {min-width: 30px;}
.table-responsive table th:nth-child(2) {min-width: 120px;}
.table-responsive table th:nth-child(3) {min-width: 200px;}
.table-responsive table th:nth-child(4) {min-width: 140px;}
.table-responsive table th:nth-child(5) {min-width: 180px;}
.table-responsive table th:nth-child(6) {min-width: 140px;}
.table-responsive table th:nth-child(7) {min-width: 200px;}
.table-responsive table th:nth-child(8) {min-width: 80px;}
.table-responsive table th:nth-child(9) {min-width: 200px;}
.table-responsive table th:nth-child(10) {min-width: 200px;}

#ksCertList .table-responsive table th:nth-child(2) {min-width: 180px;}


/* header 반응형 을위한 CSS*/
.pc.header_nav{display: flex; justify-content: center; width: 100%; height: inherit;
   padding:0.0000vw 4.8958vw; padding: 0px 2.0833vw; line-height: 112px;}
.mobile{display: none;}


/* @media (max-width:769px){ */
@media (max-width:769px){

    .pc{display:none;}
    .pc.header_nav{display:none;}
    .pc.list_items{display: none;}
    .mobile{display: block;}
    .btn{height: auto;}
    .container{padding:0 12px;}
    #fp-nav{display:none}

    .header .container{height:60px;justify-content: space-between;}

    .mobile.header_logo img{height:24px}
    
    .header_icon ul {display: flex;}
    .header_icon li {margin:0px 5px;}

    .all_menu {
        /* top: -4100px; */
    }

    .allmenu-on {
        top: 0;
    }

    .m_all_menu{margin: 100px 5%;}

    .m_all_menu a {
        color: #fff;
        font-size: 25px;
        border-bottom: 1px solid #fff;
        display: block;
    }

    .menu_lt {

        margin-left: 10px;
        padding-bottom: 10px;
        margin-bottom: 15px;
    }

    .menu_lt.show{display: block;}
    .menu_lt a {
        font-size: 16px;
        border-bottom: 0;
        padding-bottom: 0;
        margin-bottom: 6px;
    }

    /* .sub_cont {margin-top: 250px;} */

    .sub_cont_top.new {
        margin-top: 60px !important;
        padding: 0 12px;
    }

    .sub_cont_top h1 {
        /* color: #000; */
        font-size: 20px;
        text-align: left;
        font-weight: 600;
    }

    .sub_cont_menu {width: auto}

    .m_sub_menu {
        /* position: relative;
        top:30px; */ 
        margin: 120px auto 0px;
        display: none;
    }
 
    .m_sub_menu .uppper {
        width: 50%;
    }

    .m_sub_menu .depp {
        width: 50%;
    }

    .m_sub_menu select{font-size:0.8rem}

    .menu_container {
        display: flex;
        /* justify-content: space-between; */
        display: none;
    }
    .menu_container li {
        margin-top: -1px;
    }

    .news_text {
        width: 48%;
    }

    .news_text p {
        margin-bottom: 10px !important;
        font-size: 13px;
        line-height: 1.4;
    }

    .page-item { margin: 0px;}
    /*로그인 */
    /* #pageLogin #pills-tab li{width:50%} */


    /* 서비스 */
    .service .section #sec01, .service .section #sec03
    {background-color: #fff;}
    .sub_cont.service .sec_cont {padding:40px 0px 10px 0px}
    .service .section .btn_top button{font-size:0.7rem;margin: 0;}
    .service .section .sec_cont .items h4{width:100%;font-size: calc(1rem + .2vw);}
    .service .section .sec_cont h1{font-size: calc(1rem + 1.5vw);}
    .service .section .sec_cont h1+p{font-size:1rem}
    .service .section #sec04.sec_cont .items{margin-bottom:45px}
    .service .section #sec04.sec_cont h2{margin-bottom: 10px;font-size:calc(1rem + .9vw);}
    .service .section #sec04.sec_cont h2~p{font-size:1rem}
    .service .section #sec05{background-image:none;background-color: #8be0c6;border-bottom: 1px solid #fff;}

    .service .section #sec05 .items{flex-basis: 29%;height:30%;padding:0px;background-color: transparent;}
    .service .section #sec05 .items img{width: 85%;}
    .service .section #sec05 .items p{font-size:0.8rem;color:#777;margin-top: 5px;}

    /* 자유게시판 반응형 CSS */
    #writeContent {min-height: 200px;}

    .table.boardList thead, 
    .table.boardList tbody td:first-child,
    .table.boardList tbody td:nth-child(5)
        {display:none;}

    .table.boardList tbody tr{border:none; border-bottom:1px solid #777;}
    .table.boardList tbody td{display: block;border:none;}
    /* #pageBBSList table tbody td:nth-child(2){border-bottom:1px solid #777;} */
    .table.boardList tbody td:nth-child(3),
    .table.boardList tbody td:nth-child(4)
    {width:50%; margin-bottom: 10px;float:left;font-size: 0.8em; color:#2F8EFD;}
    .table.boardList tbody td:nth-child(4){text-align: right;}
     
    #pageBBSDetail .editor_info>span{display:block}


    /* 실시간 뉴스 반응형 CSS */
    #pageNewsList table td:nth-child(3){width:100%}

    tr.rowList, td.T{cursor: pointer;}


    /* 1:1문의 반응형 CSS  */
    #pageVocList .table.boardList tbody tr{border:none; border-bottom:1px solid #777;}
    #pageVocList .table.boardList tbody td:nth-child(2) {width:80px;float:left;margin-bottom: 10px;}
    #pageVocList .table.boardList tbody td:nth-child(3)
    {width:70%; margin-bottom: 10px;float:left;font-size:1rem}
    #pageVocList .table.boardList tbody td:nth-child(4){width:100%; text-align: left;}


    /* 용어사전 */
    .consonant_list li {
        /* height: 24px;
        margin: 0 5px 5px 0;
        width: 24px;
        font-size: 24px; */
        min-height:24px;
        min-width:24px;
        height:5vw;
        width:5vw;
        font-size:4.2vw;
    }



/* 고효율애너지 제품현황, 신재생 에너지 제품현황 */
    #srchTable.table{border:1px solid #777}
    #srchTable.table tbody,#srchTable.table tr, #srchTable.table th, #srchTable.table td { border-style: none;}            #srchTable.table tr{float:left;font-size: 0.9rem;width:100%;word-break: keep-all;}
    #srchTable.table th{display:block; width:30%;float:left;}
    #srchTable.table td{display:block; width:70%;float:left;}
    #srchTable.table tr th{background-color: #fff;}

    #listTable.table thead{display:none}
    #listTable.table tr{display:block;padding:20px;border:1px solid #eee;float:left;margin-bottom: 10px;box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, .075);}
    #listTable.table td{display:block; border:none;width:100%;float:left}
    #listTable.table td:first-child{display:none}
    #listTable.table td:nth-child(2) {border-bottom:1px solid #ddd}
}

/* 업체홍보 */
.table tbody .file-add td .file-list {
    margin-top: 1rem;
}
.table tbody .file-add td .file-list .filebox > * { 
    display: inline-block;
}
.table tbody .file-add td .file-list .filebox p.name {
    font-size: 14px;
}
.table tbody .file-add td .file-list .filebox .delete {
    cursor: pointer;
    line-height: 20px;
}
.table tbody .file-add td .file-list .filebox .delete i {
    padding-left: 4px;
    vertical-align: middle;
}
.table tbody .file-add > td #files {
    width: 112px;
}
.table tbody .file-add > td span {
    display: inline-block;
    width: fit-content;
}