/*검색서비스*/
.searchServBox{background: #F5F6F9; border-radius: 10px; padding: 30px 50px; box-sizing: border-box; margin-bottom: 50px;}
.searchServBox dl{padding-bottom: 20px; border-bottom: 1px dashed #ddd; margin-bottom: 20px;}
.searchServBox dl:last-of-type{border-bottom: 0; padding-bottom: 0; margin-bottom: 0;}
.searchServBox dl dd{font-size: 20px; font-weight: bold; color: #333; margin-bottom: 20px;}
.searchServBox dl dt ol{display: grid; grid-template-columns: repeat(5, 1fr); gap: 5px 10px;}
.searchServBox dl dt ol li{display: flex; gap: 5px; align-items: baseline; line-height: 22px;}
.searchServBox dl dt.dataBox{display: inline-flex; justify-content: center; align-items: center; gap: 10px;}
.ssArea{margin-top: 40px;}
.ssArea .textType h3{display: flex; justify-content: space-between; align-items: center;}
.ssArea .textType h3 a{width: 32px; height: 32px; border: 1px solid #ddd; display: flex; justify-content: center; align-items: center; font-weight: normal; color: #777; font-size: 20px; background: #f9f9f9;}
.ssArea .textType> ul> li{margin-bottom: 40px;}
.ssArea .textType> ul> li:first-child{padding-top: 20px; border-top: 1px solid #333;}
.ssArea .textType> ul> li:last-child{margin-bottom: 0;}
.ssArea .textType> ul> li .titBox{display: flex; justify-content: space-between; align-items: center;}
.ssArea .textType> ul> li .titBox .tit{display: flex; gap: 10px; justify-content: center; align-items: center;}
.ssArea .textType> ul> li .titBox .tit a{overflow: hidden; white-space: nowrap; text-overflow: ellipsis; width: 640px; font-weight: bold; position: relative; padding-left: 15px; font-size: 20px; height: 24px; align-content: center;}
.ssArea .textType> ul> li .titBox .tit a:hover,.ssArea .textType> ul> li> div .tit a:focus{text-decoration: underline;}
.ssArea .textType> ul> li .titBox .tit a::before{content: ""; position: absolute; left: 0; top: 6px; width: 5px; height: 5px; border-radius: 10px; background: #35A841; }
.ssArea .textType> ul> li .point{color: #35A841;}
.ssArea .textType> ul> li .titBox .tit span{color: #555; font-size: 15px;}
.ssArea .textType> ul> li .titBox .btn{display: inline-flex; justify-content: center; align-items: center; gap: 5px;}
.ssArea .textType> ul> li .titBox .btn a{font-size: 13px; border: 1px solid #ddd; color: #555; padding: 7px 10px; box-sizing: border-box; background: #f9f9f9; display: flex; gap: 3px;}
.ssArea .textType> ul> li> .cont{color: #555; margin: 10px auto 15px auto; font-size: 15px; line-height: 22px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; text-overflow: ellipsis;}
.ssArea .textType> ul> li> .pathBox ul{display: inline-flex;}
.ssArea .textType> ul> li> .pathBox ul> li{position: relative;padding-right: 15px; padding-left: 10px; display: inline-flex; justify-content: center; gap: 5px; align-items: center; font-size: 15px; color: #555;}
.ssArea .textType> ul> li> .pathBox ul> li::after{content: ""; width: 6px; height: 12px; position: absolute; right: 0; top: 1px; background: url(../images/sub/bc.png)no-repeat;}
.ssArea .textType> ul> li> .pathBox ul> li:first-child{padding-left: 0;}
.ssArea .textType> ul> li> .pathBox ul> li:last-child::after{display: none;}
.ssArea .textType> ul> li> .pathBox ul> li img{width: 12px; height: 12px; }

/*검색서비스 view*/
.searchServView .viewTop .tit{border-top: 2px solid #000; border-bottom: 1px solid #ddd; padding: 30px 10px; box-sizing: border-box; font-weight: bold; font-size: 20px; background: #f9f9f9; justify-content: center; align-items: center; width: 100%; display: flex; text-align: center; line-height: 28px;}
.searchServView .viewTop .dataList li{border-bottom: 1px solid #ddd;}
.searchServView .viewTop .dataList li.col {display: grid; grid-template-columns: 1fr 1fr;}
.searchServView .viewTop .dataList li dl{display: inline-grid; font-size: 17px; grid-template-columns: auto 4fr;}
.searchServView .viewTop .dataList li dl dt{width: 140px; padding: 20px 10px;  box-sizing: border-box; text-align: center; display: flex; justify-content: center; align-items: center; background: #f9f9f9;}
.searchServView .viewTop .dataList li dl dd{height: 100%; padding: 20px 10px; box-sizing: border-box; color: #555;}
.searchServView .viewTop .dataList li dl dd .file{text-decoration: underline; display: block; margin-bottom: 10px; word-break: break-all;}
.searchServView .viewTop .dataList li dl dd .file:last-child{margin-bottom: 0;}
.searchServView .viewCont{margin: 40px auto; line-height: 26px; font-size: 17px;}
.searchServView .viewCont img{width: 100%; height: 100%; margin: 20px auto;}
.searchServView .prevNext{border-top: 1px solid #000; border-bottom: 1px solid #000;}
.searchServView .prevNext dl{display: grid; grid-template-columns: 1fr 4fr; border-bottom: 1px solid #ddd; font-size: 17px;}
.searchServView .prevNext dl:last-child{border-bottom: 0;}
.searchServView .prevNext dl dt{background: #f9f9f9; display: flex; justify-content: center; align-items: center; padding: 20px 10px; box-sizing: border-box;}
.searchServView .prevNext dl dd{padding: 20px 10px; box-sizing: border-box; color: #555;}
.searchServView .prevNext dl.no dd{color: #ccc;}

/*업무검색*/
.businSearchArea .searchBox{grid-template-columns: 220px 140px auto 100px ;}
.businSearchArea .boardBox .listTable table tbody tr td.tit{text-align: center;}
.businSearchArea .boardBox .listTable table tbody tr td.tit:hover{text-decoration: none;}

/*인사말*/
.greet div.txt{position: relative; background: url(../images/sub/greet.png)no-repeat left top; padding-left: 300px; font-size: 17px;}
.greet div.txt .point{margin-bottom: 20px; border-radius: 20px; font-size: 22px; line-height: 36px; color: #000;}
.greet div.txt .point p{font-size: 15px; font-weight: bold; color: #35A841;}
.greet div.txt .point span{font-weight: bold; font-size: 34px;}
.greet div.txt {color: #666; }
.greet div.txt b{color: #000; font-size: 22px;}

/*찾아오시는 길*/
.section_address, .map_border {display: none !important;}
.way_info {display: grid; grid-template-columns: 1fr 1fr; margin-bottom: 20px;}
.way_info > div {text-align: center; padding: 10px 0;}
.way_info > div:first-child {border-right: 1px dashed #ccc;}
.way_info img {width: 40px; display: block; margin: 0 auto  10px;}
.way_info span {display: block;}
.waytit {display: block; font-size: 18px; color: #35A841; margin-bottom: 14px;}
.way_info i {display: inline-block; margin-bottom: 12px; font-size: 14px;}
.way_info2 { padding: 20px 25px; border: 1px solid #ddd; background: #f9f9f9; margin-top: 20px; box-sizing: border-box; border-radius: 10px;}
.way_info2 br {display: none;}
/* .mapBox {border-top: 2px solid #35A841;} */
.way span.green {color:#35A841; background: #e8fcec; display: inline-block; padding: 0 8px; border-radius: 2px; margin-left: 12px;}
.way span.red {color:#d60606; background: #ffeaea; margin-left: 12px; display: inline-block; padding: 0 8px; border-radius: 2px;}

/* 연혁 */
.hisWrap {display:flex;}
.hisWrap .hisArea {width:100%;}
.hisWrap .hisArea ul {position:relative;}
.hisWrap .hisArea ul::before {display:block; content:''; width:1px; height:100%; background:#ddd; position:absolute; left:142px; top:15px;}
.hisWrap .hisArea ul li {position:relative; display:flex; }
.hisWrap .hisArea ul li::before {display:block; content:''; width:10px; height:10px; background:#fff; border-radius:50%; position:absolute; left:138px; top:18px; outline:3px solid #ddd;}
.hisWrap .hisArea ul li + li {margin-top:40px;}
.hisWrap .hisArea ul li .year {font-size:2.6em; font-weight:700; min-width:100px; line-height:1;}
.hisWrap .hisArea ul li > div {display:flex; flex-wrap:wrap; margin-top:2px; padding-left:80px; font-weight:400; padding-top: 10px;}
.hisWrap .hisArea ul li > div .month {color:#333;  font-size:1.176em; font-weight:600; margin-bottom: 10px;}
.hisWrap .hisArea ul li > div > div {width:100%; display: flex;}
.hisWrap .hisArea ul li > div > div + div {margin-top:22px;}
.hisWrap .hisArea ul li .txt {align-items:center; margin-bottom: 10px;}
.hisWrap .hisArea ul li .month {min-width:70px; display: block; margin-bottom: 6px;}
.hisWrap .hisArea ul li .txt .dot {position: relative; padding-left: 10px;}
.hisWrap .hisArea ul li .txt .dot::after {background-color:#adadad !important; display: block; width: 4px; height: 4px; content: ""; position: absolute; top: 9px; margin-top: -2px;}

.hisWrap .hisArea ul li.tipo20:before {outline:3px solid #1758a2;}
.hisWrap .hisArea ul li.tipo10:before {outline:3px solid #35a841;}
.hisWrap .hisArea ul li.tipo20 .year {color:#1758a2;}
.hisWrap .hisArea ul li.tipo10 .year {color:#35a841;}

/*주요추진업무*/
.byYear table th {line-height: 1.5rem;}
.byYear table td {line-height: 1.8rem;}
.byYear .textType .tableType table thead tr th {background: #f2f7f2; border-top: 2px solid #1b6f21; color: #1b6f21; }
.byYear .byYtit {color: #1b6f21;}

/*글로벌온실가스감축협력*/
.global th {background: #f2f7f2; vertical-align: middle;}
.global tbody td { vertical-align: middle;}
.global .tablestyle2 td {text-align: left !important;}
.global .tablestyle2 tr:first-child {border-top: 2px solid #000;}

/*조직인원*/
.organi .orgChart {text-align: center; position: relative; margin: 60px auto 20px; width: fit-content;}
.organi .chief { display: inline-block; background: #1f7b28; color: #fff; padding: 12px 60px; position: relative; font-size: 20px; border-radius: 30px;}
.organi .teams {display: flex; justify-content: center; gap: 60px; margin-top: 60px; position: relative;}
.organi .teams::before {content: ""; position: absolute; top: -40px; left: 50%; width: 1px; height: 40px; background: #ccc; transform: translateX(-50%);}
.organi .team {background: #fff; border: 1px solid #dcdcdc; width: 230px; padding: 20px 10px; position: relative; border-radius: 10px;}
.organi .team span {background: #eef9f3; color: #1f7b28; padding: 15px 0; margin: -20px -10px 10px -10px; display: block; border-radius: 10px 10px 0 0;}
.organi .team ul {list-style: none; padding: 0; margin: 0; line-height: 1.6;}
.organi .team::before {content: ""; position: absolute; top: -40px; width: 1px; height: 40px; background: #ccc; left: 50%; transform: translateX(-50%);}
.organi .teams::after {content: ""; position: absolute; top: -40px; left: 0; right: 0; margin: 0 auto; height: 1px; width: calc(100% - 250px); background: #ccc;}

/*사이트맵*/
.sitemapArea> div{border-bottom: 1px dashed #ddd; padding: 40px 0; box-sizing: border-box; display: grid; grid-template-columns: 1fr 4fr;}
.sitemapArea> div:last-child{border-bottom: 0;}
.sitemapArea> div .depth1{font-size: 26px;}
.sitemapArea> div .depth2{display: grid; grid-template-columns: repeat(4, 1fr); gap: 15px;}
.sitemapArea> div .depth2> li{position: relative; padding-left: 15px; font-size: 17px;}
.sitemapArea> div .depth2> li::before{content: ""; position: absolute; left: 0; top: 9px; width: 5px; height: 5px; background: #35A841; border-radius: 10px;}
.sitemapArea> div .depth2> li> .depth3{margin-top: 5px;}
.sitemapArea> div .depth2> li> .depth3> li{font-size: 15px; color: #555;}

/*개인정보처리방침*/
.personal_wrap .textType ol> li::after{top: 11px;}
.labeling .tableType thead tr th{font-size: 20px; font-weight: bold;}
.labeling .tableType tbody tr td> a{display: grid; place-items: center; gap: 10px; font-size: 20px; font-weight: bold; margin-bottom: 15px;}
.labeling .tableType tbody tr td> a> div{width: 80px; height: 80px; border-radius: 100px; display: flex; justify-content: center; align-items: center; box-shadow: 2px 3px 7px 0px rgba(0, 0, 0, 0.06); border: 1px solid #eee;}
.labeling .tableType tbody tr td> a:hover> div{border: 1px solid #35A841;}
.labeling .tableType tbody tr td> ol{background: #f9f9f9; border-radius: 10px; padding: 15px; box-sizing: border-box;}
.labeling .tableType tbody tr td> ol> li{text-align: left;}
.labeling .tableType tbody tr td> ol> li.liStNone{padding-left: 0; font-size: 15px; color: #555; line-height: 22px;}
.labeling .tableType tbody tr td> ol> li.liStNone::after{display: none;}
.labelList .tableType thead tr th{font-size: 20px; font-weight: bold;}
.labelList .tableType tbody tr td{font-size: 17px; text-align: left !important;}
.perList{margin-top: 10px;}
.perList> li{margin-bottom: 10px;}
.perList> li:last-child{margin-bottom: 0;}

/*명세서 배출량 통계*/
.stateSearchBox{grid-template-columns: 1fr 2fr 2fr 1fr 1fr !important; margin-bottom: 20px;}
.stateSearchBox .excel{background: #35A841 !important;}
.stateListTable{overflow-x: auto;}
.stateListTable table{min-width: 1000px;}
.stateListTable table thead tr th button{font-size: 17px; font-weight: bold; line-height: 26px;}
.stateListTable table thead tr th button span{font-size: 10px !important; vertical-align: bottom !important;}
.stateListTable table thead tr th.active{color: #35A841 !important;}

/*주요기능*/
.skill6{display: grid; grid-template-columns: 1fr 1fr; gap: 10px;}
.skill6 li{background: #F8F8F8; border-radius: 10px; padding: 20px 30px; box-sizing: border-box;}
.skill6 li span{color: #3B6E5F; font-weight: bold; margin-right: 10px;}


/*테블릿 가로*/
@media all and (max-width:1480px) {

    /*검색서비스*/
    .ssArea .textType> ul> li .titBox .tit a{width: 450px;}
    .searchServBox dl dt ol{grid-template-columns: repeat(4, 1fr); gap: 5px 20px;}
    .ssArea .textType> ul> li .titBox{display: grid; gap: 10px;}
    .ssArea .textType> ul> li .titBox .tit{justify-content: start;}
    .ssArea .textType> ul> li .titBox .btn{justify-content: start;}

}

/*테블릿 세로*/
@media all and (max-width:1000px) {

    /*찾아오시는길 */
    .way_info {display: block;}
    .way_info img {display: inline-block; width: 30px;}
    .way_info > div {padding: 20px 0; text-align: left;}
    .way_info > div:first-child {border-bottom: 1px dashed #ccc; border-right: none; padding-top: 0;}
    .way_info2 br {display: block;}
    /*연혁*/
    .hisWrap .hisArea ul li::before {width: 7px; height: 7px; left: 90px; top: 11px;}
    .hisWrap .hisArea ul::before {left: 92px;}
    .hisWrap .hisArea ul li > div {padding: 0 0 0 18px;}
    .hisWrap .hisArea ul li > div > div {display: block;}
    .hisWrap .hisArea ul li .year {font-size: 1.8rem;}
    
    /*조직인원*/
    .organi  .teams {flex-direction: column; align-items: center; gap: 12px; margin-top: 30px;}
    .organi .teams::after, .organi .team::before {display: none;}
    .organi .teams::before {top: -30px;}

    /*사이트맵*/
    .sitemapArea> div{grid-template-columns: initial; gap: 20px;}

    /*개인정보처리방침*/
    .labeling .tableType tbody tr td> ol{min-height: 180px;}
    
    /*명세서 배출량 통계*/
    .stateListTable table thead tr th button{font-size: 15px; line-height: 22px;}

    /*인사말*/
    .greet div.txt{background-size: 240px; padding-left: 290px;}
    .greet div.txt .point{font-size: 17px; margin-bottom: 15px;}
}

/*모바일*/
@media all and (max-width:460px) {

    /*검색서비스*/
    .searchServBox{padding: 20px;}
    .searchServBox dl dt ol{grid-template-columns: repeat(2, 1fr);}
    .searchServBox dl dt ol li{font-size: 15px;}
    .searchServBox dl dt.dataBox{display: block;}
    .searchServBox dl dt.dataBox input[type="date"]{width: 100%; margin-bottom: 5px;}
    .searchServBox dl dt.dataBox p{display: none;}
    .searchServBox dl dd{margin-bottom: 15px; font-size: 17px;}
    .subCont .textType h3{font-size: 20px; line-height: 26px;}
    .ssArea .textType h3 a{width: 26px; height: 26px;}
    .ssArea .textType> ul> li .titBox .tit{display: grid;}
    .ssArea .textType> ul> li .titBox .tit a{width: 100%; font-size: 17px; padding-left: 0;}
    .ssArea .textType> ul> li .titBox .tit a::before{display: none;}
    .ssArea .textType> ul> li .titBox .tit span{font-size: 13px;}
    .ssArea .textType> ul> li .titBox .btn{display: grid; grid-template-columns: 1fr 1fr;}
    .ssArea .textType> ul> li .titBox .btn a{justify-content: center; padding: 10px;}
    .ssArea .textType> ul> li> .cont{margin: 10px auto; font-size: 13px; line-height: 18px;}
    .ssArea .textType> ul> li> .pathBox ul> li{font-size: 13px;}

    /*검색서비스 view*/
    .searchServView .viewTop .tit{font-size: 17px; line-height: 26px; padding: 20px 10px;}
    .searchServView .viewTop .dataList li.col{grid-template-columns: auto;}
    .searchServView .viewTop .dataList li.col dl{border-bottom: 1px solid #ddd;}
    .searchServView .viewTop .dataList li.col dl:last-child{border-bottom: 0;}
    .searchServView .viewTop .dataList li dl dt{width: 100px; font-size: 15px; padding: 10px;}
    .searchServView .viewTop .dataList li dl dd{font-size: 15px; padding: 10px;}
    .searchServView .viewCont{font-size: 15px;}
    .searchServView .prevNext dl{font-size: 15px;}

    /*업무검색*/
    .businSearchArea .boardBox .listTable table tbody tr td.tit{text-align: left;}

    /*사이트맵*/
    .sitemapArea> div{padding: 20px 0; gap: 15px;}
    .sitemapArea> div .depth1{font-size: 20px;}
    .sitemapArea> div .depth2{grid-template-columns: repeat(2, 1fr); gap: 10px;}
    .sitemapArea> div .depth2> li{font-size: 15px;}

    /*개인정보처리방침*/
    .labeling .tableType tbody tr td> a{font-size: 17px !important; margin-bottom: 10px !important;}
    .labeling .tableType tbody tr td> a> div{width: 60px !important; height: 60px !important;}
    .labeling .tableType tbody tr td> ol{min-height: 170px; margin-bottom: 0;}
    .perCont .type{margin-bottom: 30px !important; padding-bottom: 30px !important;}

    /*인사말*/
    .greet div.txt{padding-left: 0; padding-top: 310px; background: url(../images/sub/greet.png)no-repeat center top;
    background-size: 210px; font-size: 15px;}
    .greet div.txt .point{line-height: initial; font-size: 15px;}
    .greet div.txt .point span{line-height: 60px; font-size: 30px;}

    /*명세서 배출량 통계*/
    /* .boardArea .boardBox .stateListTable table thead{display: block !important;}
    .boardArea .boardBox .stateListTable table tbody tr:first-child{border-top: none;}
    .boardArea .boardBox .stateListTable table colgroup col{width: initial !important;} */

    /*주요기능*/
    .skill6{grid-template-columns: 1fr; font-size: 15px;}
    .skill6 li{padding: 15px 25px;}

}