/*사이트맵*/ .sitemap .content01 .title .site-title { border-top:2px solid #e65a46;} .sitemap .content01 .title > li { float:left; width: 20%; } .sitemap .content01 .title > li a.big-title {text-align:center; border-bottom:1px solid #ddd; padding:10% 0;} .sitemap .content01 .title > li .site { margin:5% 0;} .sitemap .content01 .title > li .site a { padding:2% 0 2% 20%; color:#888;} .sitemap .content01 .title > li .site a:hover { text-decoration:underline; } /*메인 비쥬얼*/ .main-visual-wrap { position:relative; padding:111px 0 0 0;} .main-visual-wrap .main-visual{} .main-visual-wrap .main-visual .main-slider {} .main-visual-wrap .main-visual .main-slider li {height:477px;} .main-visual-wrap .main-visual .main-slider li.slide01 { background:url('/design/default/img/main/main_visual02.jpg') no-repeat center; background-size: cover;} .main-visual-wrap .main-visual .main-slider li.slide02 { background:url('/design/default/img/main/main_visual03.jpg') no-repeat center; background-size: cover;} .main-visual-wrap .main-visual .main-slider li.slide03 { background:url('/design/default/img/main/main_visual04.jpg') no-repeat center; background-size: cover;} .main-visual-wrap .bx-controls .bx-controls-direction a { position:absolute; top:45%; width:32px; height:85px; text-indent: -9999px;} .main-visual-wrap .bx-controls .bx-controls-direction a.bx-prev { left:7%; background:url('/design/default/img/main/prev.png') no-repeat; } .main-visual-wrap .bx-controls .bx-controls-direction a.bx-next { right:7%; background:url('/design/default/img/main/next.png') no-repeat} .main-visual-wrap .bx-controls .bx-pager { position:absolute; text-align: center; width:100%; bottom: 3%; } .main-visual-wrap .bx-controls .bx-pager .bx-pager-item{ display:inline-block;} .main-visual-wrap .bx-controls .bx-pager a { width:12px; height:12px; background:#fff; margin:0 5px; text-indent: -9999px; border-radius:5px; -webkit-border-radisu:5px; -moz-border-radius:5px;} .main-visual-wrap .bx-controls .bx-pager a.active { width:27px; background:#e5513c; } /*시공사진 gallery_wrap*/ #content_wrap .gallery_wrap {} #content_wrap .gallery_wrap .gallery_title > div { float:left;} #content_wrap .gallery_wrap .gallery_title > .more { float:right; border-radius:15px; border:1px solid #888; margin:12px 0 0 0; overflow:hidden;} #content_wrap .gallery_wrap .gallery_title > .more a { padding: 2px 10px; font-size: 12px; color: #888;} #content_wrap .gallery_wrap .gallery_title > .more a > img { vertical-align:middle;} #content_wrap .gallery_wrap .gallery_title > .more a:hover { color:#fff; background:#406ab3; } #content_wrap .gallery_wrap .gallery_title div .m-txt {} #content_wrap .gallery_wrap .gallery_list { margin-top:2%; position:relative;} #content_wrap .gallery_wrap .gallery_list ul {} #content_wrap .gallery_wrap .gallery_list ul li { float:left; width:30%; margin-right:5%;} #content_wrap .gallery_wrap .gallery_list ul li:nth-child(3n) { margin-right:0;} #content_wrap .gallery_wrap .gallery_list ul li a { position:relative; z-index:10;} #content_wrap .gallery_wrap .gallery_list ul li a img { width:100%;} #content_wrap .gallery_wrap .gallery_list ul li:last-child { margin-right:0;} #content_wrap .gallery_wrap .gallery_list ul li dl {outline:1px solid #ddd; padding:23px 16px; } #content_wrap .gallery_wrap .gallery_list ul li dl dt {white-space: nowrap; text-overflow: ellipsis; overflow: hidden; color:#e5513c; font-size:18px; font-weight:600; background:url('/design/default/img/main/gallery_line.gif') no-repeat left top; padding:8px 0 0 0;} #content_wrap .gallery_wrap .gallery_list ul li dl dd { margin:5px 0 0 0;} #content_wrap .gallery_wrap .gallery_list ul li dl dd p { height:40px;} #content_wrap .gallery_wrap .bx-viewport { height:369px !important; padding:0 1px !important;} #content_wrap .gallery_wrap .bx-controls-direction { display:none;} #content_wrap .gallery_wrap .bx-controls .bx-pager { position:absolute; text-align: center; width:100%; padding:2% 0 0 0; } #content_wrap .gallery_wrap .bx-controls .bx-pager .bx-pager-item{ display:inline-block;} #content_wrap .gallery_wrap .bx-controls .bx-pager a { width:12px; height:12px; background:#406ab3; margin:0 5px; text-indent: -9999px; border-radius:5px; -webkit-border-radisu:5px; -moz-border-radius:5px;} #content_wrap .gallery_wrap .bx-controls .bx-pager a.active { width:27px; background:#e5513c; } /*사업영역 business_wrap*/ #content_wrap .business_wrap { margin:7% 0 3%;} #content_wrap .business_wrap .business_list { background:#f7f7f7; margin:2% 0 0 0;} #content_wrap .business_wrap .business_list > ul {} #content_wrap .business_wrap .business_list > ul > li { float:left; width:25%; text-align:center;} #content_wrap .business_wrap .business_list > ul > li > a { } #content_wrap .business_wrap .business_list > ul > li > a > dl { padding:12% 0;} #content_wrap .business_wrap .business_list > ul > li > a > dl .b_icon { margin-bottom:12px;} #content_wrap .business_wrap .business_list > ul > li > a > dl dt { font-size:18px; font-weight:800; color:#333; background:url('/design/default/img/main/gallery_line.gif') no-repeat center bottom; padding:0 0 14px 0;} #content_wrap .business_wrap .business_list > ul > li > a > dl dd { color:#888; padding:10px 0 0 0;} /*고객센터 customer_wrap*/ #content_wrap .customer_wrap {} #content_wrap .customer_wrap .customer_title { float:left; width:26%; padding:3% 0 0 0;} #content_wrap .customer_wrap .customer_title .title { color:#e65642; margin:0 0 5px 0; background:url('/design/default/img/main/gallery_line.gif') no-repeat left top; padding:8px 0 0 0;} #content_wrap .customer_wrap .customer_list { float:left; width:74%; } #content_wrap .customer_wrap .customer_list ul { } #content_wrap .customer_wrap .customer_list ul li { float:left; width:32%; margin-right:2%; } #content_wrap .customer_wrap .customer_list ul li:last-child { margin-right:0;} #content_wrap .customer_wrap .customer_list ul li a { outline:1px solid #ddd; padding:22px 18px; } #content_wrap .customer_wrap .customer_list ul li a dl {} #content_wrap .customer_wrap .customer_list ul li a dl dt { margin:8px 0 0 0; font-size:22px; color:#406ab3; font-weight:600;} #content_wrap .customer_wrap .customer_list ul li a dl dd { margin:5px 0 0 0; color:#888;} #content_wrap .customer_wrap .customer_list ul li a div > img { float:left; } #content_wrap .customer_wrap .customer_list ul li a div .more { float:right; border-radius:15px; border:1px solid #888; padding: 2px 12px;} #content_wrap .customer_wrap .customer_list ul li a div .more > img { vertical-align:middle;} /*#content_wrap .customer_wrap .customer_list ul li a div .more:after {content: "\f067"; vertical-align: middle; font-family: FontAwesome; font-style: normal; color: #888; margin: 0 0 0 5px; font-size: 10;} #content_wrap .customer_wrap .customer_list ul li a div .more:hover:after { color:#fff;} */ /* 서브페이지 *************************************************************************************************************** *******************************************************************************************************************/ /*회사소개 - ceo인사말*/ #sub_wrap .subcon_wrap .comp_wrap { background:url("/design/default/img/sub/comp_background.png") no-repeat; background-size:contain;} #sub_wrap .subcon_wrap .content .comp_creat {} #sub_wrap .subcon_wrap .content .comp_creat h2{ font-size:30px; line-height:140%;} #sub_wrap .subcon_wrap .content .comp_creat h2 span.nature { color:#1ba704;} #sub_wrap .subcon_wrap .content .comp_creat h2 span.person { color:#6f8fc6;} #sub_wrap .subcon_wrap .content .comp_creat h2 span.clean { color:#d37e6a;} #sub_wrap .subcon_wrap .content .comp_creat h2 span.clear { color:#6f8fc6;} #sub_wrap .subcon_wrap .content .comp_creat p { font-size:35px; color:rgba(159,158,158,0.5); margin:16px 0 0 0; } #sub_wrap .subcon_wrap .content .comp_txt { padding:7.5% 0 20%;} #sub_wrap .subcon_wrap .content .comp_txt p {line-height:220%; color:#333;} /*회사소개 - 조직도*/ #sub_wrap .comp_organ { max-width:100% !important; background:url("/design/default/img/sub/organaization_background.png") no-repeat center bottom; background-size:contain } #sub_wrap .comp_organ .organ_wrap { max-width:1100px; margin:0 auto; } /*회사소개 - 특허 / 면허 */ #sub_wrap .subcon_wrap article .license_wrap {} #sub_wrap .subcon_wrap article .license_wrap:after { display:block; content:""; clear:both;} #sub_wrap .subcon_wrap article .license_wrap li { float:left; width:31.6%; margin-right:2.6%; margin-bottom:2.6%; outline:1px solid #ddd;} #sub_wrap .subcon_wrap article .license_wrap li:nth-child(3n) { margin-right:0;} #sub_wrap .subcon_wrap article .license_wrap li div { text-align:center; padding:14px 0; background:url("/design/default/img/sub/license_num01.png") no-repeat right #f2f2f2;} #sub_wrap .subcon_wrap article .license_wrap li div.license02 { background:url("/design/default/img/sub/license_num02.png") no-repeat right #f2f2f2; } #sub_wrap .subcon_wrap article .license_wrap li div.license03 { background:url("/design/default/img/sub/license_num03.png") no-repeat right #f2f2f2;} #sub_wrap .subcon_wrap article .license_wrap li div.license04 { background:url("/design/default/img/sub/license_num04.png") no-repeat right #f2f2f2;} #sub_wrap .subcon_wrap article .license_wrap li div.license05 { background:url("/design/default/img/sub/license_num05.png") no-repeat right #f2f2f2;} #sub_wrap .subcon_wrap article .license_wrap li div.license06 { background:url("/design/default/img/sub/license_num06.png") no-repeat right #f2f2f2;} #sub_wrap .subcon_wrap article .license_wrap li div.license07 { background:url("/design/default/img/sub/license_num07.png") no-repeat right #f2f2f2;} #sub_wrap .subcon_wrap article .license_wrap li div.license08 { background:url("/design/default/img/sub/license_num08.png") no-repeat right #f2f2f2;} #sub_wrap .subcon_wrap article .license_wrap li div.license09 { background:url("/design/default/img/sub/license_num09.png") no-repeat right #f2f2f2;} #sub_wrap .subcon_wrap article .license_wrap li div h4 {font-size:20px; color:#406ab3; } /*회사소개 - 오시는길 */ #sub_wrap .subcon_wrap .comp_map {} #sub_wrap .subcon_wrap .comp_map #map { margin:0 0 20px 0; width:100%; height:379px; clear:both;} #sub_wrap .subcon_wrap .comp_map .adress { text-align:center; border-bottom:1px solid #ddd; padding:0 0 3% 0;} #sub_wrap .subcon_wrap .comp_map .adress h3 { font-size:22px; color:#406ab3; } #sub_wrap .subcon_wrap .comp_map .adress p { font-size:16px; font-weight:600; margin:10px 0 5px 0;} #sub_wrap .subcon_wrap .comp_map .adress .tel-info {width: 29%; margin: 0 auto; } #sub_wrap .subcon_wrap .comp_map .adress .tel-info:after { display:block; content:""; clear:both; } #sub_wrap .subcon_wrap .comp_map .adress .tel-info li { float:left; margin:10px; } #sub_wrap .subcon_wrap .comp_map .adress .tel-info li img{ margin-right:5px; } #sub_wrap .subcon_wrap article .transport_info { margin:37px 0 30px 0} #sub_wrap .subcon_wrap article .transport_info h2 { color:#406ab3; margin:0 0 1% 0;} #sub_wrap .subcon_wrap article .bus { } #sub_wrap .subcon_wrap article .bus .bus-list > p { float:left; width:5%; color:#e5513c; font-weight:600; font-size:16px;} #sub_wrap .subcon_wrap article .bus .bus-list ul { float:left; width:95%; } #sub_wrap .subcon_wrap article .bus .bus-list ul li.list01 { background: url("/design/default/img/sub/bus-icon.png") no-repeat; padding-left:44px; margin:0 0 13px 0;} #sub_wrap .subcon_wrap article .bus .bus-list ul li.list02 { background: url("/design/default/img/sub/bus-icon02.png") no-repeat; padding-left:44px; margin:0 0 13px 0;} #sub_wrap .subcon_wrap article .bus .bus-list ul li.list03 { background: url("/design/default/img/sub/bus-icon03.png") no-repeat; padding-left:44px; margin:0 0 13px 0;} #sub_wrap .subcon_wrap article .bus .bus-list ul li.list04 { background: url("/design/default/img/sub/bus-icon04.png") no-repeat; padding-left:44px; margin:0 0 13px 0;} #sub_wrap .subcon_wrap article .bus .bus-list ul li.list05 { background: url("/design/default/img/sub/subway-icon.png") no-repeat; padding-left:44px; margin:0 0 13px 0;} #sub_wrap .subcon_wrap article .bus .car-list ul li.list06 { background: url("/design/default/img/sub/car-icon.png") no-repeat; padding-left:44px; margin:0 0 13px 0;} #sub_wrap .subcon_wrap article .subway .subway-list {margin:15px 0 0 0;} #sub_wrap .subcon_wrap article .subway .subway-list ul li.list05 { background: url("/design/default/img/sub/subway-icon.png") no-repeat; padding-left:44px; margin:0 0 13px 0;} #sub_wrap .subcon_wrap article .bus .bus-list ul li span { width:10%;} /*회사소개 - 연혁-*/ #sub_wrap .subcon_wrap article #container ul.tabs { float:left; width:100%;height:42px; } #sub_wrap .subcon_wrap article #container ul.tabs li { float:left; text-align:center; cursor:pointer; width:130px; line-height:41px; border:1px solid #ddd; font-weight:600; background:#fafafa; overflow:hidden; position:relative;} #sub_wrap .subcon_wrap article #container ul.tabs li.active { background:#406ab3; color:#fff; border-right:none;} #sub_wrap .subcon_wrap article #container .tab_container { clear:both; width:100%; background:#fff;} #sub_wrap .subcon_wrap article #container .tab_container .tab_content { padding:5px; font-size:12px; display:none;} #sub_wrap .subcon_wrap article #container { width:100%; margin:0 auto;} #sub_wrap .subcon_wrap article #container .tab_container .tab_content .left { float:left; width:48%;} #sub_wrap .subcon_wrap article #container .tab_container .tab_content .left .title { font-size:71px; color:#e6513d; line-height:71px; font-weight:600; padding:13% 0 0 0;} #sub_wrap .subcon_wrap article #container .tab_container .tab_content .right {float:right; width:45%; } #sub_wrap .subcon_wrap article #container .tab_container .tab_content .right .years { font-size:35px; font-weight:600; background:url("/design/default/img/sub/years_line.gif") no-repeat left bottom; padding:0 0 4% 0; margin:0 0 3% 0;} #sub_wrap .subcon_wrap article #container .tab_container .tab_content .right li { margin:0 0 5% 0; } #sub_wrap .subcon_wrap article #container .tab_container .tab_content .right li > div { float:left; font-size:14px; color:#888;} #sub_wrap .subcon_wrap article #container .tab_container .tab_content .right li > div:first-child { font-size:20px; color:#406ab3; font-weight:600;} #sub_wrap .subcon_wrap article #container .tab_container .tab_content .right li > div:nth-child(2) {width:15%; text-align:center;} #sub_wrap .subcon_wrap article #container .tab_container .tab_content .right li > div:nth-child(3) {} /**** 비지니스 *************************************************************************************** **************************************************************************************/ /*비지니스 - 비점오염저감시설*/ #sub_wrap .business_subm { box-shadow:3px 3px 15px rgba(0,0,0,0.2); padding:24px 0; margin-top: -3%; position:relative; z-index:9;} #sub_wrap .business_subm ul.taps { margin: 0; padding:0; max-width: 1100px; margin:0 auto; } #sub_wrap .business_subm ul.taps li { font-size:16px; float: left; cursor: pointer; font-weight: bold; width:25%; text-align:center; overflow: hidden; position: relative; } #sub_wrap article .business_subm ul.taps li.active { background: #FFFFFF;} #sub_wrap article .tap_container .tab_content { display: none;} #sub_wrap .business01_wrap .content { max-width:1100px; margin:3% auto; } #sub_wrap .business01_wrap .content .big-title { font-weight:600; font-size:22px; color:#406ab3; margin:0 0 5px 0;} #sub_wrap .business01_wrap .content01 .big-title span { color:#e5513c; font-weight:normal; font-size:14px; background:url("/design/default/img/sub/method.png") no-repeat left center; padding-left:3%; margin:0 0 0 2%;} #sub_wrap .business01_wrap .content01 ul { margin:3% 0 1%;} #sub_wrap .business01_wrap .content01 ul li { float:left; position:relative;} #sub_wrap .business01_wrap .content01 ul > li .facility .diagram { background:#e5513c; position:absolute; width:13%; left:0; top:0; color:#fff; text-align:center; } #sub_wrap .business01_wrap .content01 ul li:first-child { width:53%;} #sub_wrap .business01_wrap .content01 ul li:last-child { width:43%; padding:2%; background:#efefef;} #sub_wrap .business01_wrap .content01 ul li .facility {} #sub_wrap .business01_wrap .content01 ul li .facility .title { font-weight:600; font-size:22px; color:#406ab3; margin:2% 0; } #sub_wrap .business01_wrap .content01 ul li .facility .txt {} #sub_wrap .business01_wrap .content01 ul li .Characteristic {} #sub_wrap .business01_wrap .content01 ul li .Characteristic .title { font-size:16px; color:#406ab3; margin:2.6% 0; } #sub_wrap .business01_wrap .content .table-title { font-size:18px; color:#333; margin:1% 0; font-weight:600;} #sub_wrap .business01_wrap .content01 .efficiency table { text-align:center;} #sub_wrap .business01_wrap .content01 .efficiency table tr th { padding:1% 0; border-top:2px solid #ed8375; border-right:1px solid #ddd; color:#333;} #sub_wrap .business01_wrap .content01 .efficiency table tr td {padding:1% 0; border-top:1px solid #ddd; border-bottom:1px solid #ddd; border-right:1px solid #ddd;} #sub_wrap .business01_wrap .content01 .efficiency table tr th.last { border-right:none;} #sub_wrap .business01_wrap .content01 .efficiency table tr td.last { border-right:none;} #sub_wrap .business01_wrap .content .content02 { margin:3% 0;} #sub_wrap .business01_wrap .content02 .standard .table-title span { color:#e5513c; font-weight:normal; font-size:14px; background:url("/design/default/img/sub/method.png") no-repeat left center; padding-left:3%; margin:0 0 0 2%;} #sub_wrap .business01_wrap .content02 .standard table { text-align:center;} #sub_wrap .business01_wrap .content02 .standard table tr:first-child { border-top:2px solid #ed8375;} #sub_wrap .business01_wrap .content02 .standard table tr:last-child { border-bottom:1px solid #ddd;} #sub_wrap .business01_wrap .content02 .standard table tr th { padding:1% 0;border-bottom:1px solid #ddd; border-right:1px solid #ddd; background:#f7f7f7; color:#333; font-weight:600; } #sub_wrap .business01_wrap .content02 .standard table tr th.last { border-right:none;} #sub_wrap .business01_wrap .content02 .standard table tr td.last { border-right:none;} #sub_wrap .business01_wrap .content02 .standard table tr td { border-top:1px solid #ddd; border-right:1px solid #ddd; padding:1% 0;} #sub_wrap .business01_wrap .content03 { margin:4% 0;} #sub_wrap .business01_wrap .content03 .swirl {} #sub_wrap .business01_wrap .content03 .swirl ul { margin:2% 0; text-align:center;} #sub_wrap .business01_wrap .content03 .swirl ul li { margin:2% 0; border:1px solid #ddd; padding:2%;} #sub_wrap .business01_wrap .content03 .swirl ul li .title { background: #ed8375; width: 40%; margin: 0 auto 5%; color: #fff; border-radius: 5px; padding: 5px 0;} #sub_wrap .business01_wrap .content04 { margin:4% 0;} #sub_wrap .business01_wrap .box { border:1px solid #ddd; padding:1%; margin:2% 0;} #sub_wrap .business01_wrap .content04 .box p.str { font-size:14px; font-weight:600; color:#333; margin:10px 0 5px;} #sub_wrap .business01_wrap .content04 .table { } #sub_wrap .business01_wrap .content04 .table tr:first-child { border-top:2px solid #ed8375; } #sub_wrap .business01_wrap .content04 .table tr th { padding: 1% 0; border-bottom: 1px solid #ddd; border-right: 1px solid #ddd; background: #f7f7f7; color: #333; font-weight: 600;} #sub_wrap .business01_wrap .content04 .table tr th:last-child { border-right:none;} #sub_wrap .business01_wrap .content04 .table tr td { border-bottom:1px solid #ddd; border-right: 1px solid #ddd; padding: 1%; } #sub_wrap .business01_wrap .content04 .table tr td:last-child { border-right:none;} #sub_wrap .business01_wrap .content04 .table tr td p { line-height:160%;} #sub_wrap .business01_wrap .content04 .characteristic1 {} #sub_wrap .business01_wrap .content04 .characteristic1 p {} .s-title { color:#333; font-size:16px; font-weight:600; margin:2% 0 0;} #sub_wrap .business01_wrap .content06 { margin:4% 0;} #sub_wrap .business01_wrap .content06 .flowchart {text-align:center; border: 1px solid #ddd; text-align: center; padding: 20px 0; margin: 1% 0 0 0;} #sub_wrap .business01_wrap .content06 .flowchart .title {background: #ed8375; width: 20%; margin: 0 auto 20px; color: #fff; border-radius: 5px; padding: 5px 0; } #sub_wrap .business01_wrap .content06 .flowchart .img {} #sub_wrap .business01_wrap .content06 .flowchart .img li {} #sub_wrap .business01_wrap .content06 .flowchart .img li img{} #sub_wrap .business01_wrap .content06 .detail {} #sub_wrap .business01_wrap .content06 .detail ul { margin:2% 0;} #sub_wrap .business01_wrap .content06 .detail ul li { float:left; width:49%; margin-right:2%; margin-bottom:2%; outline:1px solid #ddd;} #sub_wrap .business01_wrap .content06 .detail ul li:nth-child(2n) { margin-right:0;} #sub_wrap .business01_wrap .content06 .detail ul li .title { background:#efefef; text-align:center; padding:10px 0px; font-size:16px; color:#333; font-weight:600;} #sub_wrap .business01_wrap .content06 .detail ul li dl { } #sub_wrap .business01_wrap .content06 .detail ul li dl dt { padding:10px; text-align:center;} #sub_wrap .business01_wrap .content06 .detail ul li dl dd {border-top:1px solid #ddd; padding:10px;} #sub_wrap .business01_wrap .content07 { margin:4% 0;} #sub_wrap .business01_wrap .content07 .img {float:left; width:22%;} #sub_wrap .business01_wrap .content07 .big-title { margin: 0 0 3% 0 !important;} #sub_wrap .business01_wrap .content07 ul { float:left; width:78%; } #sub_wrap .business01_wrap .content07 ul li {word-break:break-all; margin-bottom:2%; padding:2%; float:left; width:44%; margin-right:4%; box-shadow:5px 5px 40px rgba(0,0,0,0.1); border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px;} #sub_wrap .business01_wrap .content07 ul li:nth-child(2n) { margin-right:0;} #sub_wrap .business01_wrap .content07 ul li img { float:left; margin-right:2%;} #sub_wrap .business01_wrap .content07 ul li span { float:left; width:90%;} /* 비지니스 - 빗물재이용시설*/ #sub_wrap .business02 article .big-title span { color: #e5513c; font-weight: normal; font-size: 14px; background: url("/design/default/img/sub/method.png") no-repeat left center; padding-left: 3%; margin: 0 0 0 2%; } #sub_wrap .business02 .content01 {} #sub_wrap .business02 .content01 ul { margin:2% 0;} #sub_wrap .business02 .content01 ul li { float:left; width:30%;} #sub_wrap .business02 .content01 ul li:last-child { width:40%;} #sub_wrap .business02 .content01 ul li .sub-title{ font-size:16px; color:#406ab3; margin:0 0 3% 0;} #sub_wrap .business02 .content01 ul li:last-child img { outline:1px solid #ddd; } #sub_wrap .business02 .content02 { border-bottom:1px solid #ddd;} #sub_wrap .business02 .content03 { margin:2% 0;} #sub_wrap .business02 .content03 .number { } #sub_wrap .business02 .content03 .number ul { width:75%; margin:3% auto 0; } #sub_wrap .business02 .content03 .number ul li { float:left; width:29%; margin-right:5%; margin-bottom:2%; position:relative; padding:2% 0 2% 1% ;box-shadow:5px 5px 40px rgba(0,0,0,0.1); border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; } #sub_wrap .business02 .content03 .number ul li img { margin-right:4%;} #sub_wrap .business02 .content03 .number ul li:nth-child(1):before { display:none;} #sub_wrap .business02 .content03 .number ul li:nth-child(4):before { display:none;} #sub_wrap .business02 .content03 .number ul li:before { content:url("/design/default/img/sub/busi_arrow.png"); position: absolute; left: -12%;} #sub_wrap .business02 .content03 .number ul li:nth-child(3n) { margin-right:0;} /*비지니스 - 빗물 저류 시설*/ #sub_wrap .business03 .content02 { margin:2% 0 3%; border-bottom:1px solid #ddd; padding:0 0 5% 0;} #sub_wrap .business03 .content02 .img { margin:5% 0;} #sub_wrap .business03 .content02 ul { width:80%; margin:0 auto;} #sub_wrap .business03 .content02 ul li { position:relative; padding:3%; text-align:center; float:left; width:24%; margin-right:5%; box-shadow:5px 5px 40px rgba(0,0,0,0.1); border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; } #sub_wrap .business03 .content02 ul li:before { content:url("/design/default/img/sub/busi_arrow.png"); position: absolute; left: -12%; top: 39%;} #sub_wrap .business03 .content02 ul li:first-child {} #sub_wrap .business03 .content02 ul li:first-child:before { display:none} #sub_wrap .business03 .content02 ul li:last-child { margin-right:0;} #sub_wrap .business03 .content03 {} #sub_wrap .business03 .content03 ul { } #sub_wrap .business03 .content03 ul li { float:left; width:48%; margin-right:4%} #sub_wrap .business03 .content03 ul li:last-child { margin-right:0;} #sub_wrap .business03 .content03 ul li img { margin:3% 0;} #sub_wrap .business03 .content05 { margin: 2% 0 3%; border-bottom: 1px solid #ddd; padding: 0 0 5% 0; } #sub_wrap .business03 .content05 .img {margin: 5% 0;} #sub_wrap .business03 .content06 ul { margin:2% 0 0 0;} #sub_wrap .business03 .content06 ul li {float: left; width: 31.6%; margin-right: 2.6%; margin-bottom: 2.6%; outline: 1px solid #ddd;} #sub_wrap .business03 .content06 ul li:nth-child(3n) { margin-right:0;} #sub_wrap .business03 .content06 ul li .photo_title { font-weight:600; font-size: 20px; color: #406ab3; text-align: center; padding: 14px 0; } #sub_wrap .business03 .content06 ul li.photo01 .photo_title { background: url("/design/default/img/sub/license_num01.png") no-repeat right #f2f2f2;} #sub_wrap .business03 .content06 ul li.photo02 .photo_title{ background: url("/design/default/img/sub/license_num02.png") no-repeat right #f2f2f2;} #sub_wrap .business03 .content06 ul li.photo03 .photo_title{ background: url("/design/default/img/sub/license_num03.png") no-repeat right #f2f2f2;} #sub_wrap .business03 .content06 ul li.photo04 .photo_title{ background: url("/design/default/img/sub/license_num04.png") no-repeat right #f2f2f2;} #sub_wrap .business03 .content06 ul li.photo05 .photo_title{ background: url("/design/default/img/sub/license_num05.png") no-repeat right #f2f2f2;} #sub_wrap .business03 .content06 ul li.photo06 .photo_title{ background: url("/design/default/img/sub/license_num06.png") no-repeat right #f2f2f2;} #sub_wrap .business03 .content07 ul li {float: left; width: 31.6%; margin-right: 2.6%; margin-bottom: 2.6%; outline: 1px solid #ddd;} #sub_wrap .business03 .content07 ul li:nth-child(3n) { margin-right:0;} #sub_wrap .business03 .content07 ul li .photo_title { font-weight:600; font-size: 20px; color: #406ab3; text-align: center; padding: 14px 0; } #sub_wrap .business03 .content07 ul li.photo01 .photo_title { background: url("/design/default/img/sub/license_num01.png") no-repeat right #f2f2f2;} #sub_wrap .business03 .content07 ul li.photo02 .photo_title{ background: url("/design/default/img/sub/license_num02.png") no-repeat right #f2f2f2;} #sub_wrap .business03 .content08 { margin:2% 0;} #sub_wrap .business03 .content08 ul { border:1px solid #ddd; margin:2% 0;} #sub_wrap .business03 .content08 ul li { text-align:center;} /*비지니스 - 개인하수처리시설 */ #sub_wrap .business04 .content01 .big-title span { font-size:14px; display:block; color:#333;} #sub_wrap .business04 .content01 .big-tit{ margin:3% 0 1% 0;} #sub_wrap .business04 .content01 ul { margin:0 0 3%;} #sub_wrap .business04 .content01 ul li { float:left; position:relative;} #sub_wrap .business04 .content01 ul li:first-child {width: 46%; padding: 6% 1%;border:1px solid #ddd;} #sub_wrap .business04 .content01 ul li:last-child { width:46%; padding:2%; background:#efefef;} #sub_wrap .business04 .content01 ul li .facility {} #sub_wrap .business04 .content01 ul li .facility .title { font-weight:600; font-size:22px; color:#406ab3; margin:2% 0; } #sub_wrap .business04 .content01 ul li .facility .txt {} #sub_wrap .business04 .content01 ul li .Characteristic {} #sub_wrap .business04 .content01 ul li .Characteristic .title { font-size:16px; color:#406ab3; margin:2.6% 0; } #sub_wrap .business04 .content02 .img { text-align:center; border-bottom:1px solid #ddd; padding:0 0 2% 0; } #sub_wrap .business04 .content02 .img img { width:50%;} #sub_wrap .business04 .content03 { margin:2% 0; border-bottom:1px solid #ddd; padding:0 0 2% 0;} #sub_wrap .business04 .content03 ul { margin:2% 0 0 0;} #sub_wrap .business04 .content03 ul li { float:left; position:relative;} #sub_wrap .business04 .content03 ul li:first-child {width: 44%; text-align:center; border:1px solid #ddd; padding:2% ; margin-right:2%;} #sub_wrap .business04 .content03 ul li:last-child { width:48%; padding: 2% 0; } #sub_wrap .business04 .content03 ul li:last-child p { margin:2% 0;} #sub_wrap .business04 .content03 ul li:last-child p img { margin-right:2%;} #sub_wrap .business04 .content04 .title { font-size:18px; color:#333; font-weight:600; margin:1% 0;} /*비지니스 - 열수한톼시스템 */ #sub_wrap .business05 .content01 ul { margin:3% 0 1%;} #sub_wrap .business05 .content01 ul li { float:left; position:relative;} #sub_wrap .business05 .content01 ul li:first-child {width: 33%;padding: 7% 7% 6.2% 7% ; border:1px solid #ddd;} #sub_wrap .business05 .content01 ul li:last-child { width:46%; padding:2%; background:#efefef;} #sub_wrap .business05 .content01 ul li .facility .title { font-weight:600; font-size:22px; color:#406ab3; margin:2% 0; } #sub_wrap .business05 .content02 { margin:2% 0; border-bottom:1px solid #ddd; padding:2% 0;} #sub_wrap .business05 .content02 .img { margin:5% 0; text-align:center;} #sub_wrap .business05 .content02 .number p { margin:1% 0;} #sub_wrap .business05 .content02 .number p img { margin-right:1%;} #sub_wrap .business05 .content03 {} #sub_wrap .business05 .content03 ul { } #sub_wrap .business05 .content03 ul li { float:left; width:48%; margin-right:2%;} #sub_wrap .business05 .content03 ul li:last-child { margin-right:0%;} #sub_wrap .business05 .content03 ul li div.img { outline:1px solid #ddd; text-align:center; padding:3% 0; margin:2% 0; } #sub_wrap .business05 .content04-wrap { border-bottom:1px solid #ddd; padding:2% 0; } #sub_wrap .business05 .content04 { width:49%; margin-right:2%; float:left;} #sub_wrap .business05 .content04 ul {} #sub_wrap .business05 .content04 ul li {} #sub_wrap .business05 .content04 ul li .strong {margin: 3% 0;} #sub_wrap .business05 .content04 ul li .strong p { display:inline-block; width: 85%;} #sub_wrap .business05 .content04 ul li .strong img { margin-right:1%; float:left;} #sub_wrap .business05 .content04 ul li .strong p span { color:#333; } #sub_wrap .business05 .content05 { width:49%; float:left;} #sub_wrap .business05 .content05 ul {} #sub_wrap .business05 .content05 ul li {} #sub_wrap .business05 .content05 ul li .strong {margin: 3% 0;} #sub_wrap .business05 .content05 ul li .strong p { display:inline-block; width: 85%;} #sub_wrap .business05 .content05 ul li .strong img { margin-right:1%; float:left;} #sub_wrap .business05 .content05 ul li .strong p span { color:#333; } #sub_wrap .business05 .content06 { margin:2% 0;} #sub_wrap .business05 .content06 ul {} #sub_wrap .business05 .content06 ul li {} #sub_wrap .business05 .content06 ul li p { margin:1% 0;} #sub_wrap .business05 .content06 ul li p img { margin-right:1%;} /*비지니스 - 하수 슬러지 저감시설*/ #sub_wrap .business06 .content01 ul { margin:3% 0 1%;} #sub_wrap .business06 .content01 ul li { float:left; position:relative;} #sub_wrap .business06 .content01 ul li:first-child { width:49%; outline:1px solid #ddd; padding: 1% 2% 0.8% 2%;} #sub_wrap .business06 .content01 ul li:last-child { width:43%; padding:21px; background:#efefef;} #sub_wrap .business06 .content01 ul li .facility {} #sub_wrap .business06 .content01 ul li .facility .title { font-weight:600; font-size:22px; color:#406ab3; margin:2% 0; } #sub_wrap .business06 .content01 ul li .facility .txt {} #sub_wrap .business06 .content01 ul li .Characteristic {} #sub_wrap .business06 .content01 ul li .Characteristic .title { font-size:16px; color:#406ab3; margin:2.6% 0; } #sub_wrap .business06 .content02 ul { margin:3% 0 1%;} #sub_wrap .business06 .content02 ul li { float:left; position:relative;} #sub_wrap .business06 .content02 ul li:first-child { width:52%; padding:29px 20px 28px ; background:#efefef; } #sub_wrap .business06 .content02 ul li:last-child { width: 40%; outline: 1px solid #ddd; padding: 2.9% 2% 2%;} #sub_wrap .business06 .content02 ul li .facility {} #sub_wrap .business06 .content02 ul li .facility .title { font-weight:600; font-size:22px; color:#406ab3; margin:2% 0; } #sub_wrap .business06 .content02 ul li .facility .txt {} #sub_wrap .business06 .content02 ul li .Characteristic {} #sub_wrap .business06 .content02 ul li .Characteristic .title { font-size:16px; color:#406ab3; margin:2.6% 0; } #sub_wrap .business06 .content03 .number { } #sub_wrap .business06 .content03 .number ul { width:75%; margin:3% auto 0; } #sub_wrap .business06 .content03 .number ul li { float:left; width:19%; margin-right:6%; margin-bottom:2%; position:relative; padding:2% 0; text-align:center; box-shadow:5px 5px 40px rgba(0,0,0,0.1); border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; } #sub_wrap .business06 .content03 .number ul li img { margin-right:4%;} #sub_wrap .business06 .content03 .number ul li:nth-child(4n) { margin-right:0;} #sub_wrap .business06 .content04 { margin:5% 0;} #sub_wrap .business06 .content04 table { margin-right:0; text-align:center;} #sub_wrap .business06 .content04 .table-title { font-weight: 600; font-size: 22px; color: #406ab3; margin:2% 0;} #sub_wrap .business06 .content04 table tr:first-child { border-top:2px solid #e5513c;} #sub_wrap .business06 .content04 table tr th {border-bottom:1px solid #ddd; padding:1%; border-right:1px solid #ddd; background:#f7f7f7; color:#333;} #sub_wrap .business06 .content04 table tr td { border-bottom:1px solid #ddd; padding:1%; border-right:1px solid #ddd;} #sub_wrap .business06 .content04 table tr th:last-child { border-right:none;} #sub_wrap .business06 .content04 table tr td:last-child { border-right:none;} /*비지니스 - 연수설비 및 폐수처리 시설*/ #sub_wrap .business07 .content01 ul { margin:3% 0 1%;} #sub_wrap .business07 .content01 ul li { float:left; position:relative;} #sub_wrap .business07 .content01 ul li:first-child { width:53%; text-align:center; outline:1px solid #ddd;} #sub_wrap .business07 .content01 ul li:last-child { width:43%; padding: 5% 2%; background:#efefef;} #sub_wrap .business07 .content01 ul li .facility .title { font-weight:600; font-size:22px; color:#406ab3; margin:2% 0; } #sub_wrap .business07 .content01 ul li .Characteristic .title { font-size:16px; color:#406ab3; margin:2.6% 0; } #sub_wrap .business07 .content02 { margin:2% 0;} #sub_wrap .business07 .content02 .title { color:#333; font-size:16px; font-weight:600; margin:2% 0; } #sub_wrap .business07 .content02 ul.field { } #sub_wrap .business07 .content02 ul.field li {text-align:center; float:left; box-shadow:5px 5px 40px rgba(0,0,0,0.1); border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; padding:2%; width:11%; margin-right:2%; } #sub_wrap .business07 .content02 ul.field li:last-child { margin-right:0;} #sub_wrap .business07 .content02 ul.strong { margin:1% 0;} #sub_wrap .business07 .content02 ul.strong li {margin-right: 3%; float: left; width: 33%; margin: 1% 0;} #sub_wrap .business07 .content02 ul.strong li img { margin-right:1%;} #sub_wrap .business07 .content03 { margin:4% 0 2%;} #sub_wrap .business07 .content03 ul { margin:2% 0 1%;} #sub_wrap .business07 .content03 ul li { float:left; position:relative;} #sub_wrap .business07 .content03 ul li:first-child { width:53%; text-align:center; outline:1px solid #ddd; padding: 2% 0;} #sub_wrap .business07 .content03 ul li:last-child { width:43%; padding: 2.2% 2%; background:#efefef;} #sub_wrap .business07 .content03 ul li div.Characteristic p { margin:3% 0; } #sub_wrap .business07 .content03 ul li div.Characteristic p img { margin-right:2%;} #sub_wrap .business07 .content04 { margin:2% 0;} #sub_wrap .business07 .content04 ul { margin:3% 0 1%;} #sub_wrap .business07 .content04 ul li { float:left; position:relative;} #sub_wrap .business07 .content04 ul li:first-child { width:53%; text-align:center; outline:1px solid #ddd; padding:1% 0;} #sub_wrap .business07 .content04 ul li:last-child { width:43%; padding: 5% 2% 6%; background:#efefef;} #sub_wrap .business07 .content04 ul li .facility .title { font-weight:600; font-size:22px; color:#406ab3; margin:2% 0; } #sub_wrap .business07 .content04 ul li .Characteristic .title { font-size:16px; color:#406ab3; margin:2.6% 0; } #sub_wrap .business07 .content05-wrap { margin:3% 0 0;} #sub_wrap .business07 .content05 { float:left; width:49%; margin-right:2%;} #sub_wrap .business07 .content05 .img { outline:1px solid #ddd; text-align:center; padding:3% 0 2%; margin:3% 0; } #sub_wrap .business07 .content06 { float:left; width:49%;} #sub_wrap .business07 .content06 ul { margin:7% 0; outline:1px solid #ddd; padding:4%;} #sub_wrap .business07 .content06 ul li { float:left;} #sub_wrap .business07 .content06 ul li:first-child { margin-right: 2%;} #sub_wrap .business07 .content06 ul li img { } #sub_wrap .business07 .content07 {} #sub_wrap .business07 .content07 .img { text-align:center; border:1px solid #ddd; padding:3% 0; margin:2% 0;} /*비좀오염 저감시설 - 분류식 초기우수 처리시설*/ .tap_container .tab_content .big-title { font-weight: 600; font-size: 22px; color: #406ab3; margin: 0 0 5px 0;} .tap_container #tab1 {max-width:1100px; margin:3% auto;} .tap_container #tab1 .content01 .atype { border:1px solid #ddd; text-align:center; padding:20px 0; margin:3% 0 0 0;} .tap_container #tab1 .content01 .atype .title { background:#ed8375; width:20%; margin:0 auto 20px; color:#fff; border-radius:5px; padding:5px 0;} .tap_container #tab1 .content01 ul.img { text-align:center;} .tap_container #tab1 .content01 ul.img li { float:left; width:50%;} .tap_container #tab1 .content01 ul.img li img {} .tap_container #tab1 .content01 .number ul { text-align: center; width:100%; margin:2% auto; } .tap_container #tab1 .content01 .number ul li {padding:2%;position:relative;width:26%; margin-right:5%; float:left; box-shadow:5px 5px 40px rgba(0,0,0,0.1); border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px;} .tap_container #tab1 .content01 .number ul li:last-child { margin-right:0; } .tap_container #tab1 .content01 .number ul li:first-child:before { display:none;} .tap_container #tab1 .content01 .number ul li:before { content: url("/design/default/img/sub/busi_arrow.png"); position: absolute; left: -9%;} .tap_container #tab1 .content01 table { text-align:center;} .tap_container #tab1 .content01 table tr:first-child { border-top:2px solid #ed8375;} .tap_container #tab1 .content01 table tr th { border-bottom:1px solid #ddd; padding:1%; border-right:1px solid #ddd;} .tap_container #tab1 .content01 table tr td { border-bottom:1px solid #ddd; padding:1%; border-right:1px solid #ddd;} .tap_container #tab1 .content04 table tr th:last-child { border-right:0;} .tap_container #tab1 .content04 table tr td:last-child { border-right:0;} .tap_container #tab1 .content02 .btype { border:1px solid #ddd; text-align:center; padding:20px 0; margin:3% 0 0 0;} .tap_container #tab1 .content02 .btype .title { background:#ed8375; width:25%; text-align:center; margin:0 auto 20px; color:#fff; border-radius:5px; padding:5px 0;} .tap_container #tab1 .content02 ul.img { text-align:center;} .tap_container #tab1 .content02 ul.img li { float:left; width:50%;} .tap_container #tab1 .content02 ul.img li img {} .tap_container #tab1 .content02 .number ul { text-align: center; width:100%; margin:2% auto; } .tap_container #tab1 .content02 .number ul li {padding:2%;position:relative;width:26%; margin-right:5%; float:left; box-shadow:5px 5px 40px rgba(0,0,0,0.1); border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px;} .tap_container #tab1 .content02 .number ul li:last-child { margin-right:0; } .tap_container #tab1 .content02 .number ul li:first-child:before { display:none;} .tap_container #tab1 .content02 .number ul li:before { content: url("/design/default/img/sub/busi_arrow.png"); position: absolute; left: -9%;} .tap_container #tab1 .content02 table { text-align:center;} .tap_container #tab1 .content02 table tr:first-child { border-top:2px solid #ed8375;} .tap_container #tab1 .content02 table tr th { border-bottom:1px solid #ddd; padding:1%; border-right:1px solid #ddd;} .tap_container #tab1 .content02 table tr td { border-bottom:1px solid #ddd; padding:1%; border-right:1px solid #ddd;} .tap_container #tab1 .content02 table tr th:last-child { border-right:0;} .tap_container #tab1 .content02 table tr td:last-child { border-right:0;} .tap_container #tab1 .content03 .flowchart { border:1px solid #ddd; text-align:center; padding:20px 0; margin:3% 0 0 0;} .tap_container #tab1 .content03 .flowchart .title { background:#ed8375; width:30%; text-align:center; margin:0 auto 20px; color:#fff; border-radius:5px; padding:5px 0;} .tap_container #tab1 .content03 ul.img { text-align:center;} .tap_container #tab1 .content03 ul.img li { float:left; width:50%;} .tap_container #tab1 .content03 ul.img li img {} .tap_container #tab1 .content03 .number ul { text-align: center; margin:2% auto; } .tap_container #tab1 .content03 .number ul li {padding:2%;position:relative;width:19.5%; margin-right:2%; float:left; box-shadow:5px 5px 40px rgba(0,0,0,0.1); border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px;} .tap_container #tab1 .content03 .number ul li.pad { padding:3% 2%;} .tap_container #tab1 .content03 .number ul li:last-child { margin-right:0; } .tap_container #tab1 .content03 .number ul.number01 li {width:28%; } .tap_container #tab1 .content04 .ctype { border:1px solid #ddd; text-align:center; padding:20px 0; margin:3% 0 0 0;} .tap_container #tab1 .content04 .ctype .title { background:#ed8375; width:25%; text-align:center; margin:0 auto 20px; color:#fff; border-radius:5px; padding:5px 0;} .tap_container #tab1 .content04 ul.img { text-align:center;} .tap_container #tab1 .content04 ul.img li { float:left; width:50%;} .tap_container #tab1 .content04 ul.img li img {} .tap_container #tab1 .content04 .number ul { text-align: center; width:100%; margin:2% auto; } .tap_container #tab1 .content04 .number ul li {padding:2%;position:relative;width:46%; margin-right:4%; float:left; box-shadow:5px 5px 40px rgba(0,0,0,0.1); border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px;} .tap_container #tab1 .content04 .number ul li:last-child { margin-right:0; padding:3% 0;} .tap_container #tab1 .content04 .number ul li:first-child:before { display:none;} .tap_container #tab1 .content04 .number ul li:before { content: url("/design/default/img/sub/busi_arrow.png"); position: absolute; left: -6%;} .tap_container #tab1 .content04 table { text-align:center;} .tap_container #tab1 .content04 table tr:first-child { border-top:2px solid #ed8375;} .tap_container #tab1 .content04 table tr th { border-bottom:1px solid #ddd; padding:1%; border-right:1px solid #ddd;} .tap_container #tab1 .content04 table tr td { border-bottom:1px solid #ddd; padding:1%; border-right:1px solid #ddd;} .tap_container #tab1 .content04 table tr th:last-child { border-right:0;} .tap_container #tab1 .content04 table tr td:last-child { border-right:0;} /*비좀오염 저감시설 - 합류식 월류수 처리시설 */ .tap_container #tab2 {max-width:1100px; margin:3% auto;} .tap_container #tab2 .content01 .atype { border:1px solid #ddd; text-align:center; padding:20px 0; margin:3% 0 0 0;} .tap_container #tab2 .content01 ul.img { text-align:center;} .tap_container #tab2 .content01 ul.img li { float:left; width: 46%; padding: 2%;} .tap_container #tab2 .content02 ul {text-align:center; margin:3% 0;} .tap_container #tab2 .content02 table { text-align:center;} .tap_container #tab2 .content02 table tr:first-child { border-top:2px solid #ed8375;} .tap_container #tab2 .content02 table tr th { border-bottom:1px solid #ddd; padding:1%; border-right:1px solid #ddd;} .tap_container #tab2 .content02 table tr td { border-bottom:1px solid #ddd; padding:1%; border-right:1px solid #ddd;} .tap_container #tab2 .content02 table tr th:last-child { border-right:0;} .tap_container #tab2 .content02 table tr td:last-child { border-right:0;} .tap_container #tab2 .content03 { margin:3% 0; } .tap_container #tab2 .content03 ul { margin:2% 0;} .tap_container #tab2 .content03 ul li { float: left; width: 31.6%; margin-right: 2.6%; margin-bottom: 2.6%; outline: 1px solid #ddd;} .tap_container #tab2 .content03 ul li div { text-align: center; padding: 14px 0; background: url("/design/default/img/sub/license_num01.png") no-repeat right #f2f2f2;} .tap_container #tab2 .content03 ul li div.scenephoto02 { text-align: center; padding: 14px 0; background: url("/design/default/img/sub/license_num02.png") no-repeat right #f2f2f2;} .tap_container #tab2 .content03 ul li div.scenephoto03 { text-align: center; padding: 14px 0; background: url("/design/default/img/sub/license_num03.png") no-repeat right #f2f2f2;} .tap_container #tab2 .content03 ul li div h4 { font-size: 20px; color: #406ab3; } .tap_container #tab2 .content03 ul li:nth-child(3n) { margin-right:0;} /*도로,교량, 초기우수처리시설*/ .tap_container .tab_content .big-title { font-weight: 600; font-size: 22px; color: #406ab3; margin: 0 0 5px 0;} .tap_container #tab3 {max-width:1100px; margin:3% auto;} .tap_container #tab3 .content01 .atype { border:1px solid #ddd; text-align:center; padding:20px 0; margin:3% 0 0 0;} .tap_container #tab3 .content01 .atype .title { background:#ed8375; width:20%; margin:0 auto 20px; color:#fff; border-radius:5px; padding:5px 0;} .tap_container #tab3 .content01 ul.img { text-align:center;} .tap_container #tab3 .content01 ul.img li { float:left; width:50%;} .tap_container #tab3 .content01 .number ul { text-align: center; width:100%; margin:2% auto; } .tap_container #tab3 .content01 .number ul li {padding:2%;position:relative;width:26%; margin-right:5%; float:left; box-shadow:5px 5px 40px rgba(0,0,0,0.1); border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px;} .tap_container #tab3 .content01 .number ul li:last-child { margin-right:0; } .tap_container #tab3 .content02 .atype { border:1px solid #ddd; text-align:center; padding:20px 0; margin:3% 0 0 0;} .tap_container #tab3 .content02 .atype .title { background:#ed8375; width:20%; margin:0 auto 20px; color:#fff; border-radius:5px; padding:5px 0;} .tap_container #tab3 .content02 ul.img { text-align:center;} .tap_container #tab3 .content02 ul.img li { float:left; width:50%;} .tap_container #tab3 .content02 .number ul { text-align: center; width:100%; margin:2% auto; } .tap_container #tab3 .content02 .number ul li {padding:2%;position:relative;width:28%; text-indent:-15px; margin-right:2%; float:left; box-shadow:5px 5px 40px rgba(0,0,0,0.1); border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px;} .tap_container #tab3 .content02 .number ul li:last-child { margin-right:0; } .tap_container #tab3 .content03 .atype { border:1px solid #ddd; text-align:center; padding:20px 0; margin:3% 0 0 0;} .tap_container #tab3 .content03 .atype .title { background:#ed8375; width:25%; margin:0 auto 20px; color:#fff; border-radius:5px; padding:5px 0;} .tap_container #tab3 .content03 ul.img { text-align:center;} .tap_container #tab3 .content03 ul.img li { float:left; width:33%;} .tap_container #tab3 .content03 .number ul { text-align: center; width:100%; margin:2% auto; } .tap_container #tab3 .content03 .number ul li {padding:2%;position:relative;width:26%; margin-right:5%; float:left; box-shadow:5px 5px 40px rgba(0,0,0,0.1); border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px;} .tap_container #tab3 .content03 .number ul li:last-child { margin-right:0; } .tap_container #tab3 .content04 .atype { border:1px solid #ddd; text-align:center; padding:20px 0; margin:3% 0 0 0;} .tap_container #tab3 .content04 .atype .title { background:#ed8375; width:25%; margin:0 auto 20px; color:#fff; border-radius:5px; padding:5px 0;} .tap_container #tab3 .content04 ul.img { text-align:center;} .tap_container #tab3 .content04 ul.img li { float:left; width:50%;} .tap_container #tab3 .content04 .number ul { text-align: center; width:100%; margin:2% auto; } .tap_container #tab3 .content04 .number ul li {padding:2%;position:relative;width:26%; margin-right:5%; float:left; box-shadow:5px 5px 40px rgba(0,0,0,0.1); border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px;} .tap_container #tab3 .content04 .number ul li:last-child { margin-right:0; } .tap_container #tab3 .content05 .atype { border:1px solid #ddd; text-align:center; padding:20px 0; margin:3% 0 0 0;} .tap_container #tab3 .content05 .atype .title { background:#ed8375; width:30%; margin:0 auto 20px; color:#fff; border-radius:5px; padding:5px 0;} .tap_container #tab3 .content05 ul.img { text-align:center;} .tap_container #tab3 .content06 {margin:2% 0 0 0;} .tap_container #tab3 .content06 .number {margin:2% 0 0 0;} .tap_container #tab3 .content06 .number ul {} .tap_container #tab3 .content06 .number ul li { float:left; position:relative; width:16%; margin-right:4%; box-shadow:5px 5px 40px rgba(0,0,0,0.1); border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; padding:1% 3%;} .tap_container #tab3 .content06 .number ul li img { margin-right:4%;} .tap_container #tab3 .content06 .number ul li:first-child:before { display:none;} .tap_container #tab3 .content06 .number ul li:before { content:url("/design/default/img/sub/busi_arrow.png"); position: absolute; left: -12%;} .tap_container #tab3 .content06 .number ul li:last-child { margin-right:0; } .tap_container #tab3 .content06 table { margin:3% 0; text-align:center;} .tap_container #tab3 .content06 table tr:first-child { border-top:2px solid #ed8375;} .tap_container #tab3 .content06 table tr th.last { border-right:none;} .tap_container #tab3 .content06 table tr td.last { border-right:none;} .tap_container #tab3 .content06 table tr th { border-bottom:1px solid #ddd; border-right:1px solid #ddd; padding:1% 0; color:#333;} .tap_container #tab3 .content06 table tr td { border-bottom:1px solid #ddd; border-right:1px solid #ddd; padding:1%;} .tap_container #tab3 .content07 ul { margin:3% 0 1%; position:relative;} .tap_container #tab3 .content07 ul > li { float:left; position:relative;} .tap_container #tab3 .content07 ul > li:first-child { width:53%; } .tap_container #tab3 .content07 ul > li .diagram { background:#e5513c; position:absolute; width:13%; left:0; top:0; color:#fff; text-align:center; } .tap_container #tab3 .content07 ul > li:last-child { width:43%; padding: 2% 2% 8.2% 2%; background:#efefef;} .tap_container #tab3 .content07 ul > li .title { font-weight:600; font-size:22px; color:#406ab3; margin:2% 0; } .tap_container #tab3 .content07 .number {margin:2% 0 0 0;} .tap_container #tab3 .content07 .number ul {} .tap_container #tab3 .content07 .number ul > li { float:left; position:relative; width:10%; margin-right:5%; box-shadow:5px 5px 40px rgba(0,0,0,0.1); border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; padding:1% 3%;} .tap_container #tab3 .content07 .number ul > li img { margin-right:4%;} .tap_container #tab3 .content07 .number ul > li:first-child:before { display:none;} .tap_container #tab3 .content07 .number ul > li:before { content:url("/design/default/img/sub/busi_arrow.png"); position: absolute; left: -16%;} .tap_container #tab3 .content07 .number ul > li:last-child { margin-right:0; background:#fff;} /*비좀오염 저감시설 - 하천수질정화시설 */ .tap_container #tab4 {max-width:1100px; margin:3% auto;} .tap_container #tab4 .content01 .number ul li { text-align: center; position: relative; padding:2% 2%; letter-spacing:-1px; width: 28%; margin:0 2% 2% 0; float: left; box-shadow: 5px 5px 40px rgba(0,0,0,0.1); border-radius: 5px; -webkit-border-radius: 5px;} .tap_container #tab4 .content01 .number .number01 { margin: 2% auto;} .tap_container #tab4 .content01 .number .number01 li:nth-child(3n) { margin-right:0; } .tap_container #tab4 .content01 .number .number01 li.pad { padding: 3% 2%; } .tap_container #tab4 .content02 {margin:3% 0;} .tap_container #tab4 .content02 .drawing {} .tap_container #tab4 .content02 .drawing li { float:left; width:48%; margin-right:4%; } .tap_container #tab4 .content02 .drawing li .big-title { margin:4% 0; } .tap_container #tab4 .content02 .drawing li:last-child { margin-right:0;} .tap_container #tab4 .content02 .drawing li .img { border:1px solid #ddd; padding:5%;} .tap_container #tab4 .content02 .characteristic { margin:2% 0;} .tap_container #tab4 .content02 .characteristic li { text-align: center; position: relative; padding:2% 0; width:22%; margin-right: 2%; float: left; box-shadow: 5px 5px 40px rgba(0,0,0,0.1); border-radius: 5px; -webkit-border-radius: 5px;} .tap_container #tab4 .content02 .characteristic li:last-child { margin-right:0} .tap_container #tab4 .content02 .characteristic li.pad { padding:3% 1%; } .tap_container #tab4 .content02 .photo { margin:2% 0;} .tap_container #tab4 .content02 .photo li { float: left; width: 31.6%; margin-right: 2.6%; margin-bottom: 2.6%; outline: 1px solid #ddd; } .tap_container #tab4 .content02 .photo li:nth-child(3n) { margin-right:0;} .tap_container #tab4 .content02 .photo li div { font-size: 20px; color: #406ab3;} .tap_container #tab4 .content02 .photo li div.purification01 { text-align: center; padding: 14px 0; background: url("/design/default/img/sub/license_num01.png") no-repeat right #f2f2f2; } .tap_container #tab4 .content02 .photo li div.purification02 { text-align: center; padding: 14px 0; background: url("/design/default/img/sub/license_num02.png") no-repeat right #f2f2f2; } .tap_container #tab4 .content02 .photo li div.purification03 { text-align: center; padding: 14px 0; background: url("/design/default/img/sub/license_num03.png") no-repeat right #f2f2f2; }