#sub-business .gw-photo-list .mo-mt80 {margin-top: 0px;} .landfill_pc { display:block; text-align: center; margin: 0 auto; } .landfill_mo { display:none; } #sub-business .gw-box-container{flex-wrap: wrap;} #sub-business .gw-box-container > li{position:relative;padding: 40px 20px;background: #fff;counter-increment: list-counter;} #sub-business .gw-col-2{width:calc(50% - 10px);} #sub-business .gw-col-3{width:calc(33.3% - 10px);} #sub-business .gw-col-4{width:calc(25% - 10px);} #sub-business .gw-box-container .icon{color: var(--main-color);} #sub-business .gw-img{width:100%; margin:0 auto; text-align: center; padding:0;} #sub-business .gw-img img{width:auto;} #sub-business .gw-product-list{padding:0;background:#fff;/*box-shadow:0 15px 10px rgba(34, 34, 34, .02);*/} #sub-business .gw-product-list:not(:last-child){margin-bottom:80px;} #sub-business .gw-product-list .gw-product-img{background: #f8f8f8;border: 1px solid #ddd; width:50%;} #sub-business .gw-product-info {display:flex;flex-direction: column;justify-content: space-between;width:50%; height: 470px; padding:60px; background:#f3f3f3;} #sub-business .gw-product-info .gw-text01 { font-size: 16px; color:#666;line-height: 1.75;font-weight: 500;letter-spacing: -0.5px; font-family: "Noto Sans KR", sans-serif;} #sub-business .gw-product-info .gw-text01 > span {color:#00268e; font-weight: 600;} #sub-business .gw-product-info .gw-text02 {font-size: var(--main-title03);font-family: "Noto Sans KR", sans-serif; font-weight: 800;} #sub-business .gw-product-info .gw-text02 > span {font-family: "Outfit", sans-serif; font-weight: 700;} #sub-business .gw-product-info .gw-specifications-tit{font-size:30px; color: #00268e; font-family: "Noto Sans KR", sans-serif; font-weight: 700; letter-spacing: -1.8px;} #sub-business .gw-product-info .gw-specifications-tit:after {content: '';display: block;height: 1px;background: #ddd; margin: 20px 0;} #sub-business .gw-product-info .gw-specifications-con{font-size: 16px; color:#666;line-height: 1.75;font-weight: 500;letter-spacing: -0.5px; font-family: "Noto Sans KR", sans-serif;} #sub-business .gw-product-info .gw-specifications-con > span {color:#00268e; font-weight: 600;} #sub-business .gw-tit-01 { font-size:16px; line-height:1.5;letter-spacing:-1px; } #sub-business .gw-tit-01 > span {color:#00268e; font-weight: 600;} #sub-business .gw-importance-list {display: flex; justify-content: space-between;align-items: center;} #sub-business .gw-importance-list .list-item { display: flex;width:100%; padding: 20px; box-sizing: border-box;border-radius: 30px;background: #f3f3f3;margin-bottom: 10px; } #sub-business .gw-importance-list .list-item .gw-tit { font-size: 18px; color: #00268e; line-height:40px; letter-spacing: -1px; font-family: "Noto Sans KR", sans-serif; font-weight: 600;padding: 0 20px;box-sizing: border-box;} #sub-business .gw-importance-list .list-item .gw-txt { text-align: left; line-height:1.5;color: #666;font-weight: 500;font-size: 16px; letter-spacing: -1px;} #sub-business .gw-importance-list .list-item .gw-txt >span {color: #000;font-weight: 500;} #sub-business .gw-importance-list2 {display: flex; flex-wrap: wrap; justify-content: space-between;align-items: flex-start;} #sub-business .gw-importance-list2 .list-item {width: calc(50% - 10px);display: flex;align-items: flex-start;padding:20px; border-radius: 30px; box-sizing: border-box; background: #f8f8f8;margin-bottom: 10px; } #sub-business .gw-importance-list2 .gw-num { min-width: 40px;width: 40px;height: 40px;border-radius: 100%;line-height: 40px;color: #fff;margin-right: 5px;font-family: "Outfit", sans-serif;font-weight: 700;text-align: center;background:#00268e;} #sub-business .gw-importance-list2 .gw-right {flex: 1;} #sub-business .gw-importance-list2 .gw-right .gw-txt { padding: 0 10px; color: #666;font-weight: 500;font-size: 16px; letter-spacing: -1px; line-height: 40px;} #sub-business .gw-importance-list2 .gw-right .gw-txt > span {color:#000; font-weight: 600;} #sub-business p{font-size: 1em; letter-spacing: -1px;} #sub-business p > span {color:#00268e; font-weight: 600;} #sub-business .gw-category-list .list-item {display: flex;align-items: flex-start;padding: 20px 20px; border-radius: 30px; box-sizing: border-box; background: #f8f8f8;margin-bottom: 10px;} #sub-business .gw-category-list .gw-num { width: 45px;height: 45px;border-radius: 100%;line-height: 45px;color: #fff;font-family: "Outfit", sans-serif;font-weight: 700;text-align: center;background:#00268e;} #sub-business .gw-category-list .gw-right {flex: 1;} #sub-business .gw-category-list .gw-right .gw-tit { font-size: 20px;line-height: 45px; color: #00268e; letter-spacing: -1px; font-family: "Noto Sans KR", sans-serif; font-weight: 600;padding: 0 20px;box-sizing: border-box;} #sub-business .gw-category-list .gw-right .gw-txt { padding: 0 20px; color: #666;font-weight: 500;font-size: 16px; letter-spacing: -1px;} #sub-business .gw-category-list .gw-right .gw-txt > span {color:#000; font-weight: 600;} #sub-business .gw-category-list1 {display: flex; flex-wrap: wrap; justify-content: space-between;align-items: flex-start;} #sub-business .gw-category-list1 .list-item {width: calc(50% - 10px);display: flex;align-items: flex-start;padding: 20px 20px; border-radius: 30px; box-sizing: border-box; background: #f8f8f8; margin-bottom: 10px;} #sub-business .gw-category-list1 .gw-num { width: 30px;height: 30px;border-radius: 100%;line-height: 30px;color: #fff;font-family: "Outfit", sans-serif;font-weight: 700; text-align: center;background:#00268e;} #sub-business .gw-category-list1 .gw-right {flex: 1;} #sub-business .gw-category-list1 .gw-right .gw-txt { padding: 0 10px; color: #666;font-weight: 500;font-size: 16px; letter-spacing: -1px; line-height: 30px;} #sub-business .gw-category-list1 .gw-right .gw-txt > span {color:#000; font-weight: 600;} #sub-business .water_0201 {text-align: center; margin: 0 auto; border-radius: 30px; border:1px solid #ddd; padding:50px;} #sub-business .landfill_0301 {text-align: center; margin: 0 auto; border-radius: 30px; border:1px solid #ddd; padding: 100px;} #sub-business .img-100-border {width:100%;text-align: center; margin: 0 auto; border:1px solid #ddd; padding: 30px;} #sub-business .img-100-border img {width:auto;} #sub-business .gw-photo-list { display: flex;/*justify-content: space-between; 또는 center, start */align-items: flex-start;flex-wrap: wrap; /* 화면 줄어들면 줄바꿈 허용 */gap: 30px; /* 항목 간 간격 */} #sub-business .gw-photo-list .gw-list-item {width: calc(50% - 20px); /* 3개를 1줄에 균등하게, 여백 고려 */box-sizing: border-box;text-align: center;} #sub-business .gw-photo-list .gw-list-item .gw-txt-box {border:1px solid #ddd;border-bottom:none; } #sub-business .gw-photo-list .gw-list-item .gw-txt-box img {width: 100%;height: auto;display: block;} #sub-business .gw-photo-list .gw-point {height: 58px;background: #f6f6f6;border:1px solid #ddd; text-align: center;font-size: 16px;line-height: 58px;color: #666;font-weight: 600;} #sub-business .gw-photo-list .gw-tit {font-size: var(--main-title04);color: #222;font-family: "Noto Sans KR", sans-serif; font-weight: 800;word-break:keep-all;} #sub-business .gw-photo-list .gw-txt {margin-top: 30px;color: #555;} #sub-business .gw-photo-list2 { display: flex;/*justify-content: space-between; 또는 center, start */align-items: flex-start;flex-wrap: wrap; /* 화면 줄어들면 줄바꿈 허용 */gap: 30px; /* 항목 간 간격 */} #sub-business .gw-photo-list2 .gw-list-item {width: calc(33.3% - 20px); /* 3개를 1줄에 균등하게, 여백 고려 */box-sizing: border-box;text-align: center;} #sub-business .gw-photo-list2 .gw-list-item .gw-txt-box {border:1px solid #ddd;border-bottom:none; } #sub-business .gw-photo-list2 .gw-list-item .gw-txt-box img {width: 100%;height: auto;display: block;} #sub-business .gw-photo-list2 .gw-point {height: 58px;background: #f6f6f6;border:1px solid #ddd; text-align: center;font-size: 16px;line-height: 58px;color: #666;font-weight: 600;} #sub-business .gw-photo-list2 .gw-tit {font-size: var(--main-title04);color: #222;font-family: "Noto Sans KR", sans-serif; font-weight: 800;word-break:keep-all;} #sub-business .gw-photo-list2 .gw-txt {margin-top: 30px;color: #555;} #sub-business .gw-photo-list3 { display: flex;/*justify-content: space-between; 또는 center, start */align-items: flex-start;flex-wrap: wrap; /* 화면 줄어들면 줄바꿈 허용 */gap: 30px; /* 항목 간 간격 */} #sub-business .gw-photo-list3 .gw-list-item {width: calc(40% - 20px); /* 3개를 1줄에 균등하게, 여백 고려 */box-sizing: border-box;text-align: center;} #sub-business .gw-photo-list3 .gw-list-item .gw-txt-box {border:1px solid #ddd;} #sub-business .gw-photo-list3 .gw-list-item .gw-txt-box img {width: 100%;height: auto;display: block;} #sub-business .gw-photo-list4 { display: flex; align-items: flex-start;flex-wrap: wrap; /* 화면 줄어들면 줄바꿈 허용 */gap: 30px; } #sub-business .gw-photo-list4 .gw-list-item {width: calc(33.3% - 20px); box-sizing: border-box;text-align: center;} #sub-business .gw-photo-list4 .gw-list-item .gw-txt-box {border:1px solid #ddd;} #sub-business .gw-photo-list4 .gw-list-item .gw-txt-box img {width: 100%;height: auto;display: block;} #sub-business .landfill_0302 {width:100%; border-radius: 30px; border:1px solid #ddd; padding:30px; text-align: center;} #sub-business .gw-photo5-list {display: flex;} #sub-business .gw-photo5-list .gw-list-item { padding:0 25px 0 0;position: relative; background: #fff; box-sizing: border-box;text-align: center;} #sub-business .gw-photo5-list .gw-list-item:last-child {padding:0 10px 0 0;} #sub-business .gw-photo5-list .gw-list-item .gw-img-box {border:1px solid #ddd;border-bottom:none; } #sub-business .gw-photo5-list .gw-point { padding:10px 0; background: #f3f3f3;border:1px solid #ddd; text-align: center;font-size: 16px;line-height: 1.5;color: #666;font-weight: 600;} #sub-business .gw-photo5-list .gw-point span {color:#000;} #sub-business .gw-photo5-list .gw-tit {font-size: var(--main-title04);color: #222;font-family: "Noto Sans KR", sans-serif; font-weight: 800;word-break:keep-all;} #sub-business .gw-photo5-list .gw-txt {margin-top: 30px;color: #555;} #sub-business .gw-txt-grey{color: #888 !important; font-weight: 500 !important;} #sub-business .gw-flex-row {display: flex;align-items: flex-start; /* 상단 정렬 */gap: 40px; /* div 사이 간격 */} #sub-business .gw-flex-row > div {flex: 1;} #sub-business .gw-flex-row .gw-flex-img{width:100%; border:1px solid #ddd; text-align: center; padding:0;} #sub-business .gw-flex-row .gw-flex-img img{ width:auto; } #sub-member-2nd .gw-member-container {flex-wrap: wrap;align-items:flex-start;} #sub-member-2nd .gw-member-list{padding: 20px;background:#fff; width:calc(50% - 10px);} #sub-member-2nd .gw-member-list-top{gap:20px;} #sub-member-2nd .gw-member-list-top .img{background: #f8f8f8;border:1px solid #ddd; width: 300px;height: 230px;} #sub-member-2nd .gw-member-list-top .gw-member-info {display:flex;flex-direction: column;justify-content: space-between;width: 70%; color:#00268e; letter-spacing: -1px;} #sub-member-2nd .gw-member-list-top .gw-member-info p {color:#666; letter-spacing: -1px;} #sub-business .gw-photo6-list {display: flex;} #sub-business .gw-photo6-list .gw-list-item { padding:0 25px 0 0;position: relative; background: #fff; box-sizing: border-box;text-align: center;} #sub-business .gw-photo6-list .gw-list-item:last-child {padding:0 10px 0 0;} #sub-business .gw-photo6-list .gw-list-item .gw-img-box { } .business-swiper-container {width:100%; max-width: 1400px; margin: 0 auto; overflow: hidden; height:auto;} .swiper-slide {height:auto;} .swiper-slide img {width:100%;height: auto;display: block; } .swiper-pagination {bottom: -30px !important; /* default: 10px */text-align: center;} .swiper-pagination-bullet {width: 10px; height: 10px;background: #ccc;opacity: 1;margin: 0 6px;transition: all 0.3s ease;border-radius: 50%;} .swiper-pagination-bullet-active {background: #ed1b23; /* 활성된 점 색상 */transform: scale(1.2); /* 크기 확대 효과 */} .business1-swiper-container {width:100%; max-width: 1400px; margin: 0 auto; overflow: hidden; height:auto;} /*반응형------------------------------------------------------------------------------------------------------------------ */ @media screen and (max-width:1280px){ #sub-business .gw-box-container{padding: 0;} #sub-business .gw-product-list{padding:0;background:#fff;} #sub-business .gw-product-list:not(:last-child){margin-bottom:80px;} #sub-business .gw-product-list .gw-product-img{background: #f8f8f8;border: 1px solid #ddd; width:40%;} #sub-business .gw-product-info {display:flex;flex-direction: column;justify-content: space-between;width:60%; height:auto; padding:20px; } #sub-business .gw-product-info .gw-text01 { font-size: 16px; color:#666;line-height: 1.4;font-weight: 500;letter-spacing: -0.5px;} #sub-business .gw-product-info .gw-text01 > span { font-weight: 600;} #sub-business .gw-product-info .gw-specifications-tit{font-size:24px; color: #00268e;font-weight: 700; letter-spacing: -1px;} #sub-business .gw-product-info .gw-specifications-con{font-size: 16px; color:#666;line-height: 1.4; } #sub-business .gw-importance-list2 {display: block;} #sub-business .gw-importance-list2 .list-item {width:100%; padding: 20px 15px; border-radius: 30px; box-sizing: border-box; background: #f8f8f8;margin-bottom: 10px;margin-bottom: 20px;} #sub-business .gw-importance-list2 .gw-num { min-width: 45px;width: 45px;height: 45px;border-radius: 100%;line-height: 45px;;margin-right:0;font-weight: 700;} #sub-business .gw-importance-list2 .gw-right .gw-tit { font-size: 20px;line-height: 45px;letter-spacing: -1px;padding: 0 20px;} #sub-business .gw-importance-list2 .gw-right .gw-txt { padding: 0 20px;font-size: 16px; letter-spacing: -1px;} #sub-business .gw-category-list1 {display: block;width: calc(100% - 10px);} #sub-business .gw-category-list1 .list-item {display: flex;width: calc(100% - 10px);} } @media screen and (max-width:1125px){ #sub-business .gw-importance-list .list-item { display: block; } #sub-business .gw-importance-list .list-item .gw-num {margin: 0 auto;} #sub-business .gw-importance-list .list-item .gw-all-txt {text-align: center; padding:10px; line-height: 1.4;} #sub-business .gw-importance-list .list-item .gw-tit {padding:10px 0 0 0;line-height:1.4;} #sub-business .gw-importance-list .list-item .gw-txt {padding:10px;line-height:1.4;} #sub-business .tab-content img {width:100%;} #sub-business .gw-flex-row {display: block;} #sub-business .gw-flex-row > div {flex: 1;} #sub-business .gw-flex-row .gw-flex-img{width:100%; border:1px solid #ddd; text-align: center; padding:0;} #sub-business .gw-flex-row .gw-flex-img img{ width:auto; } } @media screen and (max-width:1024px){ #sub-business .gw-product-list{flex-direction: column;} #sub-business .gw-product-list .gw-product-img {width: 100%;} #sub-business .gw-product-info {width: 100%;} #sub-business .gw-product-info .gw-text01 { font-size: 16px; color:#666;line-height: 1.4;font-weight: 500;letter-spacing: -0.5px;} #sub-business .gw-product-info .gw-specifications-tit:before { margin-bottom:10px;} #sub-business .gw-box-container{padding: 0;} #sub-business .landfill_0301 { border-radius: 30px; border:1px solid #ddd; padding: 10px;} #sub-business .gw-photo-list3 {display: block;} #sub-business .gw-photo-list3 .gw-list-item {width:100%;} #sub-business .gw-photo-list3 .gw-list-item .gw-txt-box img {width: 100%;height: auto;display: block;} #sub-business .gw-photo-list4 { display: flex;/*justify-content: space-between; 또는 center, start */align-items: flex-start;flex-wrap: wrap; /* 화면 줄어들면 줄바꿈 허용 */gap: 30px; /* 항목 간 간격 */} #sub-business .gw-photo-list4 .gw-list-item {width: calc(50% - 20px); /* 3개를 1줄에 균등하게, 여백 고려 */box-sizing: border-box;text-align: center;} #sub-business .gw-photo-list4 .gw-list-item .gw-txt-box {border:1px solid #ddd;} #sub-business .gw-photo-list4 .gw-list-item .gw-txt-box img {width: 100%;height: auto;display: block;} #sub-member-2nd .gw-member-list{width: 100%;} .swiper-slide {width: 50% !important;} .swiper-slide img {display: block;} .swiper-wrapper {display: flex !important; /* 반드시 유지 */} .business-swiper-container {width:100%; max-width: 1000px; margin: 0 auto; overflow: hidden; height:auto;} .business1-swiper-container {width:100%; max-width: 1000px; margin: 0 auto; overflow: hidden; height:auto;} } @media screen and (max-width:750px) { #sub-business .gw-img{width:100%; background:#fff; margin:0 auto; text-align: center; padding:20px 0 10px 0;} #sub-business .gw-img img{width:90%;} #sub-business .gw-importance-list .list-item { display: block;width: calc(100% - 10px);} #sub-business .gw-category-list .list-item {display: block; padding: 30px 20px; margin-bottom: 10px;} #sub-business .gw-category-list .gw-num {margin: 0 auto; width: 45px;height: 45px; line-height: 45px;} #sub-business .gw-category-list .gw-right .gw-tit { text-align: center; font-size: 20px;line-height: 45px; } #sub-business .gw-category-list .gw-right .gw-txt { text-align: center; padding: 0 20px; font-size: 16px; } #sub-business .gw-photo-list { display: block;} #sub-business .gw-photo-list .gw-list-item {width:100%;} #sub-business .gw-photo-list .gw-list-item .gw-txt-box img {width: 100%;height: auto;display: block;} #sub-business .gw-photo-list .gw-point {height: 38px; font-size: 14px;line-height: 38px; } #sub-business .gw-photo-list4 {display: block;} #sub-business .gw-photo-list4 .gw-list-item {width:100%; margin:0 0 20px 0;} #sub-business .gw-photo-list4 .gw-list-item .gw-txt-box img {width: 100%;height: auto;display: block;} .gw-mt-80 {margin-top: 30px !important;} #sub-business .gw-photo-list .mo-mt80 {margin-top: 30px;} #sub-business .gw-flex-row .gw-flex-img img{ width:100%; } #sub-business .gw-photo-list2 { display: block;} #sub-business .gw-photo-list2 .gw-list-item {width:70%;margin: 0 0 30px 0;} #sub-business .gw-photo-list2 .gw-list-item .gw-txt-box {border:1px solid #ddd;border-bottom:none; } #sub-business .gw-photo-list2 .gw-list-item .gw-txt-box img {width: 100%;height: auto;display: block;} #sub-business .gw-photo-list2 .gw-point {height: 38px; font-size: 14px;line-height: 38px;} .swiper-slide {width: 100% !important;} } @media screen and (max-width:576px) { #sub-business .gw-tit-01 { font-size:14px; line-height:1.5; } #sub-business .landfill_0301 { border-radius:0; padding:20px 0;} #sub-business .landfill_0302 { border-radius:0; padding:20px 5px;} #sub-business .img-100-border {width:100%;text-align: center; margin: 0 auto; border:1px solid #ddd; padding: 20px;} .landfill_pc { display:none; } .landfill_mo { display:block; text-align: center; margin: 0 auto; } #sub-business .gw-product-list{ } #sub-business .gw-product-list-top{gap:20px;flex-direction:column;} #sub-business .gw-product-img{width:100%;height:250px;} #sub-business .gw-product-info{width:100%;height:auto;gap:20px;} #sub-business .gw-product-info .gw-specifications-tit{font-size:20px;font-weight: 700;} #sub-business .gw-product-info .gw-text01 { font-size: 14px;line-height: 1.5;} #sub-business .gw-product-info .gw-specifications-con{font-size: 14px;line-height: 1.5;} #sub-business .gw-product-info .info-table dl dt{padding:10px 0 10px 20px;width:40%;} #sub-business .gw-product-info .info-table dl dd{padding:10px 0 10px 20px;width:60%;} #sub-business .gw-tit-01 { font-size:14px; line-height:1.5; } #sub-business .gw-importance-list .list-item{flex-direction: column;gap: 10px;border-radius: 30px;text-align: center;} #sub-business .gw-importance-list .list-item .gw-num{width: 30px;height: 30px;line-height: 30px;} #sub-business .gw-importance-list .list-item .gw-tit{width: 100%; padding: 10px 0 0 0; font-size: 18px;} #sub-business .gw-importance-list .list-item .gw-txt{width: 100%; font-size: 14px; line-height: 1.5;} #sub-business .gw-importance-list .list-item .gw-all-txt{font-size: 14px; line-height: 1.5;} #sub-business .gw-category-list .list-item {display: block; padding: 30px 20px; margin-bottom: 10px;} #sub-business .gw-category-list .gw-num {margin: 0 auto; width: 30px;height: 30px; line-height: 30px;} #sub-business .gw-category-list .gw-right .gw-tit {font-size: 18px;line-height: 45px; font-weight: 600;padding: 0 10px;} #sub-business .gw-category-list .gw-right .gw-txt {padding: 0 10px; font-size: 14px; letter-spacing: -0.5px;} #sub-business .gw-category-list .gw-right .gw-list-txt {gap: 3px;} #sub-business .gw-category-list .gw-right .gw-list-txt li { font-size: 14px; } #sub-business .gw-importance-list2 {display: block;} #sub-business .gw-importance-list2 .list-item {width:100%; padding: 20px 15px; border-radius: 30px;margin-bottom: 10px;} #sub-business .gw-importance-list2 .gw-num { min-width: 30px;width: 30px;height: 30px; line-height: 30px;;} #sub-business .gw-importance-list2 .gw-right .gw-txt { padding: 0 10px;font-size: 14px; line-height: 1.5; letter-spacing: -0.5px;} #sub-business .gw-photo5-list {display: block;} #sub-business .gw-photo5-list .gw-list-item { padding:0; } #sub-business .gw-photo5-list .gw-list-item .gw-img-box img{width:100%; text-align: center; margin:20px auto;} #sub-member-2nd .gw-member-list{padding:0px;} #sub-member-2nd .gw-member-list-top{gap:20px;flex-direction:column;} #sub-member-2nd .gw-member-list-top .img{width:100%;height:230px;} #sub-member-2nd .gw-member-list-top .gw-member-info{width:100%;height:auto;gap:20px;} #sub-business .gw-photo-list2 .gw-list-item {width:100%;margin: 0 0 30px 0;} #sub-business .gw-category-list1 .gw-right .gw-txt {font-size: 14px;letter-spacing: -0.5px;line-height:18px; padding-top:5px;} #sub-business .gw-category-list1 .list-item {margin-bottom: 5px;padding:10px;} }