/*** 제품소개 ***/ #sub-product .border-ddd {border:1px solid #ddd;} #sub-product .gw-img{width:100%; margin:0 auto; text-align: center; padding:0;} #sub-product .gw-img img{width:auto;} #sub-product .gw-product-list{padding:0;background:#fff;/*box-shadow:0 15px 10px rgba(34, 34, 34, .02);*/} #sub-product .gw-product-list:not(:last-child){margin-bottom:80px;} #sub-product .gw-product-list .gw-product-img{background: #f8f8f8;border: 0px solid #ddd; width:50%;} #sub-product .gw-product-info {display:flex;flex-direction: column;justify-content: space-between;width:50%; height: 470px; padding:60px; background:#f3f3f3;} #sub-product .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-product .gw-product-info .gw-text01 > span {color:#00268e; font-weight: 600;} #sub-product .gw-product-info .gw-text02 {font-size: var(--main-title03);font-family: "Noto Sans KR", sans-serif; font-weight: 800;} #sub-product .gw-product-info .gw-text02 > span {font-family: "Outfit", sans-serif; font-weight: 700;} #sub-product .gw-product-info .gw-text03 {font-size:16px;font-family: "Noto Sans KR", sans-serif; font-weight: 500; color:#555;} #sub-product .gw-product-info .gw-text03 .p1 {font-size:25px; color: #00268e; letter-spacing: -1.5px;} #sub-product .gw-product-info .gw-text03 .p2 {font-size:18px; color: #00268e; letter-spacing: -1px;} #sub-product .gw-product-info .gw-text03 > span {font-family: "Outfit", sans-serif; font-weight: 700;} #sub-product .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-product .gw-product-info .gw-specifications-tit:before {content: '';display: block;height: 1px;background: #ddd; margin-bottom: 25px;} #sub-product .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-product .gw-product-info10 {display:flex;flex-direction: column;justify-content: space-between;width:50%; height: 250px; padding:30px 60px; background:#f3f3f3;} #sub-product .gw-product-info10 .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-product .gw-product-info10 .gw-text01 > span {color:#00268e; font-weight: 600;} #sub-product .gw-product-info10 .gw-text02 {font-size: var(--main-title03);font-family: "Noto Sans KR", sans-serif; font-weight: 800;} #sub-product .gw-product-info10 .gw-text02 > span {font-family: "Outfit", sans-serif; font-weight: 700;} #sub-product .gw-product-info10 .gw-specifications-tit{font-size:30px; color: #00268e; font-family: "Noto Sans KR", sans-serif; font-weight: 700; letter-spacing: -1.8px;} #sub-product .gw-product-info10 .gw-specifications-tit:before {content: '';display: block;height: 1px;background: #ddd; margin-bottom: 15px;} #sub-product .gw-product-info10 .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-product .gw-product-info .gw-text02 {font-size: var(--main-title03);font-family: "Noto Sans KR", sans-serif; font-weight: 800;} #sub-product .gw-product-info .gw-text02 > span {font-family: "Outfit", sans-serif; font-weight: 700;} #sub-product .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-product .gw-product-info .gw-specifications-tit:after {content: '';display: block;height: 1px;background: #ddd; margin: 20px 0;} #sub-product .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-product .gw-product-info .gw-specifications-con > span {color:#00268e; font-weight: 600;} #sub-product .gw-importance-list {display: flex; justify-content: space-between;align-items: center;} #sub-product .gw-importance-list .list-item { display: flex;width: calc(50% - 10px); padding: 20px; box-sizing: border-box;border-radius: 60px;background: #f3f3f3;margin-bottom: 10px; } #sub-product .gw-importance-list .list-item .gw-num {width: 42px;height: 42px;border-radius: 100%;line-height: 42px;color: #fff;font-family: "Outfit", sans-serif;font-weight: 700;text-align: center;background: var(--main-color);} #sub-product .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-product .gw-importance-list .list-item .gw-txt { line-height: 40px;color: #666;font-weight: 500;font-size: 16px; letter-spacing: -1px;} #sub-product .gw-importance-list .list-item .gw-all-txt {width:100%;line-height:1.3;color: #666; text-align: left; font-weight: 500;font-size: 16px; letter-spacing: -1px;padding: 0 0 0 20px;} #sub-product .gw-importance-list_full {display: flex; justify-content: space-between;align-items: center;} #sub-product .gw-importance-list_full .list-item { display: flex;align-items: flex-start;width:calc(50% - 10px); padding: 30px 20px; box-sizing: border-box;border-radius: 30px;background: #f3f3f3;margin-bottom: 10px; } #sub-product .gw-importance-list_full .list-item .gw-num {width: 42px;height: 42px;border-radius: 100%;line-height: 42px; color: #fff;font-family: "Outfit", sans-serif;font-weight: 700; text-align: center;background: var(--main-color); font-size: 14px; font-weight: bold;} #sub-product .gw-importance-list_full .list-item .gw-tit { text-align: left; font-size: 18px; color: #00268e; line-height:30px; letter-spacing: -1px; font-family: "Noto Sans KR", sans-serif; font-weight: 600;padding: 0px;box-sizing: border-box; padding-bottom: 5px;} #sub-product .gw-importance-list_full .list-item .gw-right{ flex: 1;padding:0 20px; } #sub-product .gw-importance-list_full .list-item .gw-right .gw-txt { line-height: 1.5;color: #666;font-weight: 500;font-size: 16px; letter-spacing: -1px; text-align: left;} #sub-product .gw-importance-list_full .list-item .gw-right .gw-txt > span {color:#000; font-weight: 500;} #sub-product .gw-importance-list_full .list-item .gw-right .gw-all-txt {width:100%;line-height:1.3;color: #666; text-align: left; font-weight: 500;font-size: 16px; letter-spacing: -1px;padding: 0 0 0 20px;} #sub-product .gw-category-list .list-item {display: flex;align-items: flex-start;padding: 30px 20px;box-sizing: border-box; background: #fff;margin-bottom: 10px;} #sub-product .gw-category-list .gw-num { width: 45px;height: 45px;border-radius: 100%;line-height: 45px;color: #00268e;font-family: "Outfit", sans-serif;font-weight: 700;text-align: center;background:#f5f5f5;} #sub-product .gw-category-list .gw-right {flex: 1;} #sub-product .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-product .gw-category-list .gw-right .gw-txt { padding: 0 20px; color: #555;font-weight: 500;font-size: 16px; letter-spacing: -1px;} #sub-product .gw-category-list .gw-right .gw-txt > span {color:#000; font-weight: 500;} #sub-product .gw-category-list .gw-right .gw-list-txt {padding: 5px 0 0 20px;display: flex;flex-direction: column;gap: 5px; color: #555555;} #sub-product .gw-category-list .gw-right .gw-list-txt p {padding:0;} #sub-product .gw-category-list .gw-right .gw-list-txt p span {color:#000; font-weight: 500;} #sub-product .gw-category-list .gw-right .gw-list-txt li {display: flex;font-size: 16px;line-height: 1.5;letter-spacing: -0.5px; color:#555555; font-weight:500; } #sub-product .gw-category-list .gw-right .gw-list-txt li:before {content: "-";display: block;margin-right: 7px;position: relative;top: -1px;} #sub-product .gw-category-list .gw-right .gw-list-txt li > span {color:#000; font-weight: 500;} #sub-product .gw-category-list_1 .list-item {display: flex;align-items: flex-start;padding: 30px 20px;box-sizing: border-box; background: #fff;margin-bottom: 10px;} #sub-product .gw-category-list_1 .gw-num { width: 45px;height: 45px;border-radius: 100%;line-height: 45px;color: #00268e;font-family: "Outfit", sans-serif;font-weight: 700;text-align: center;background:#f5f5f5;} #sub-product .gw-category-list_1 .gw-right {flex: 1;} #sub-product .gw-category-list_1 .gw-right .gw-txt { padding: 0 20px; color: #666; line-height: 45px; font-weight: 500;font-size: 16px; letter-spacing: -1px;} #sub-product .gw-category-list_1 .gw-right .gw-txt > span {color:#00268e; font-weight: 600;} #sub-product .gw-category-list_2 .list-item {display: flex;align-items: flex-start;padding: 20px 20px; border-radius: 30px; box-sizing: border-box; background: #f8f8f8;margin-bottom: 10px;} #sub-product .gw-category-list_2 .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-product .gw-category-list_2 .gw-right {flex: 1;} #sub-product .gw-category-list_2 .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-product .gw-category-list_2 .gw-right .gw-txt {padding-left: 20px; letter-spacing: -1px;} #sub-product .gw-category-list_2 .gw-right .gw-txt li > span {color:#000; font-weight: 500;} #sub-product .gw-category-list_2 .gw-right .gw-txt li {display: flex;font-size: 16px;line-height: 1.5;letter-spacing: -0.5px; padding: 0 0 0 20px; } #sub-product .gw-category-list_2 .gw-right .gw-txt li:before {content: "-";display: block;margin-right: 7px;position: relative;top: -1px;} #sub-product .gw-category-list3 {display: flex; flex-wrap: wrap; justify-content: space-between;align-items: flex-start;} #sub-product .gw-category-list3 .list-item {width: calc(50% - 10px);display: flex;align-items: flex-start;padding: 30px 20px; border-radius: 30px; box-sizing: border-box; background: #f8f8f8;margin-bottom: 10px;} #sub-product .gw-category-list3 .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-product .gw-category-list3 .gw-right {flex: 1;} #sub-product .gw-category-list3 .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-product .gw-category-list3 .gw-right .gw-txt { padding: 0 10px; color: #666;font-weight: 500;font-size: 16px; letter-spacing: -1px; line-height:1.5;} #sub-product .gw-category-list3 .gw-right .gw-txt > span {color:#000; font-weight: 500; } #sub-product .gw-category-list3 .gw-right .gw-txtp20 { padding: 0 20px; color: #666;font-weight: 500;font-size: 16px; letter-spacing: -1px; line-height:1.5;} #sub-product .gw-category-list3 .gw-right .gw-txto20 > span {color:#000; font-weight: 500;} #sub-product .gw-category-list3 .gw-right ul{} #sub-product .gw-category-list3 .gw-right ul li{padding: 0 10px;} #sub-product .gw-category-list3 .gw-right ul li > span {color:#000; font-weight: 500;} #sub-product .gw-category-list4 {display: flex; flex-wrap: wrap; justify-content: space-between;align-items: flex-start;} #sub-product .gw-category-list4 .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-product .gw-category-list4 .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-product .gw-category-list4 .gw-right {flex: 1;} #sub-product .gw-category-list4 .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-product .gw-category-list4 .gw-right .gw-txt { padding: 0 10px; color: #666;font-weight: 500;font-size: 16px; letter-spacing: -1px; line-height: 42px;} #sub-product .gw-category-list4 .gw-right .gw-txt > span {color:#000; font-weight: 500; } #sub-product .gw-category-list5 {display: flex; flex-wrap: wrap; justify-content: space-between;align-items: flex-start;} #sub-product .gw-category-list5 .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-product .gw-category-list5 .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-product .gw-category-list5 .gw-right {flex: 1;} #sub-product .gw-category-list5 .gw-right .gw-txt > span {color:#000; font-weight: 500; } #sub-product .gw-category-list5 .list-item .gw-right .gw-txt {padding: 0 10px;color: #555;font-weight: 500;font-size: 16px;letter-spacing: -1px;} .gw-txt.line24 { line-height: 24px; } .gw-txt.line42 { line-height: 42px; } #sub-product .gw-type-list {display: flex;} #sub-product .gw-type-list .gw-list-item { padding:0 25px 0 0;position: relative; background: #fff;border-radius: 30px;box-sizing: border-box;text-align: center;} #sub-product .gw-type-list .gw-list-item img{border-radius: 30px; border:1px solid #ddd;} #sub-product .gw-type-list .gw-list-item .gw-txt-box { width: 280px; height: 210px;} #sub-product .gw-type-list .gw-list-item .gw-txt-box1 { width: 280px; height: 210px;} #sub-product .gw-type-list .gw-point {width: 280px;height: 58px;background: #f3f3f3;border:1px solid #ddd; text-align: center;font-size: 16px;line-height: 58px;color: #666;font-weight: 600;} #sub-product .gw-type-list .bg_01{background: #fff url('../../img/product/01_hdpe02.jpg') no-repeat top center;} #sub-product .gw-type-list .bg_02{background: #fff url('../../img/product/01_hdpe03.jpg') no-repeat top center;} #sub-product .gw-type-list .bg_401{background: #fff url('../../img/product/04_bentonite02.jpg') no-repeat top center;} #sub-product .gw-type-list .bg_402{background: #fff url('../../img/product/04_bentonite03.jpg') no-repeat top center;} #sub-product .gw-type-list .bg_403{background: #fff url('../../img/product/04_bentonite04.jpg') no-repeat top center;} #sub-product .gw-type-list .bg_404{background: #fff url('../../img/product/04_bentonite05.jpg') no-repeat top center;} /*#sub-product .gw-type-list .gw-txt-box {display: flex;flex-direction: column;justify-content: center;height: 100%;}*/ #sub-product .gw-type-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-product .gw-type-list .gw-txt {margin-top: 30px;color: #555;} #sub-product .gw-photo-list { display: flex;/*justify-content: space-between; 또는 center, start */align-items: flex-start;flex-wrap: wrap; /* 화면 줄어들면 줄바꿈 허용 */gap: 30px; /* 항목 간 간격 */} #sub-product .gw-photo-list .gw-list-item {width: calc(25% - 20px); /* 3개를 1줄에 균등하게, 여백 고려 */box-sizing: border-box;text-align: center;} #sub-product .gw-photo-list .gw-list-item .gw-txt-box {border:1px solid #ddd;border-bottom:none; } #sub-product .gw-photo-list .gw-list-item .gw-txt-box img {width: 100%;height: auto;display: block;} #sub-product .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-product .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-product .gw-photo-list .gw-txt {margin-top: 30px;color: #555;} #sub-product .gw-photo-list2 {display: flex;} #sub-product .gw-photo-list2 .gw-list-item { padding:0 25px 0 0;position: relative; background: #fff; box-sizing: border-box;text-align: center;} #sub-product .gw-photo-list2 .gw-list-item .gw-img-box {border:1px solid #ddd;border-bottom:none; } #sub-product .gw-photo-list2 .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-product .gw-photo-list2 .gw-point span {color:#000;} #sub-product .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-product .gw-photo-list2 .gw-txt {margin-top: 30px;color: #555;} #sub-product .gw-effect-list {padding: 40px;border-radius: 30px;background: #fff;box-shadow: 10px 10px 30px 0 rgba(0,0,0,0.07);box-sizing: border-box;} #sub-product .gw-effect-list .gw-effect-item {display: flex;align-items: center;padding: 30px 0;border-bottom: 2px dashed #ddd;} #sub-product .gw-effect-list .gw-effect-item:first-child {padding-top: 0;} #sub-product .gw-effect-list .gw-effect-item:last-child {padding-bottom: 0;border-bottom: 0;} #sub-product .gw-box-container{flex-wrap: wrap;} #sub-product .gw-box-container > li{position:relative;padding: 40px 20px;background: #fff;counter-increment: list-counter;} /*#sub-product .gw-box-container > li:before {content: counter(list-counter, decimal-leading-zero); position: absolute;left: 20px; top: 20px;font-family: "Outfit", sans-serif; font-weight: 600;color: #999;}*/ #sub-product .gw-col-2{width:calc(50% - 10px);} #sub-product .gw-col-3{width:calc(33.3% - 10px);} #sub-product .gw-col-4{width:calc(25% - 10px);} #sub-product .gw-box-container .icon{color: var(--main-color);} #sub-product .product_txt01 {color: #666; line-height: 36px; font-weight: 500;font-size: 16px; letter-spacing: -1px;} #sub-product .product_txt01 > span {color:#00268e; font-weight: 600; font-size: 18px;} #sub-product .product_txt02 {color: #666; line-height: 1.75; font-weight: 500;font-size: 16px; letter-spacing: -1px;} #sub-product .product_txt02 > span {color:#00268e; font-weight: 600; font-size: 18px;} #sub-product .gw-photo4-container {flex-wrap: wrap;align-items: flex-start;} #sub-product .gw-photo4-list{background:#fff;} #sub-product .gw-photo4-list img{border:1px solid #ddd; width: 100%;} #sub-product .gw-col-4{width:calc(25% - 20px);margin-bottom: 20px;} #sub-product .gw-photo4-list p{ height: 58px; background: #f6f6f6;border: 1px solid #ddd; border-top:none; text-align: center;font-size: 16px;line-height: 58px;color: #666;font-weight: 600;} #sub-product .gw-photo2-container {display: flex;flex-wrap: wrap; /* 여러 줄 배치 */ align-items: flex-start; /* 위쪽 정렬 */justify-content: flex-start; /* 왼쪽 정렬 */gap: 20px; } #sub-product .gw-photo2-list{background:#fff;} #sub-product .gw-photo2-list img{border:1px solid #ddd; width: 100%;} #sub-product .gw-col-2{width:calc(25% - 20px);margin-bottom: 20px;} #sub-product .gw-photo2-list p{ height: 58px; background: #f6f6f6;border: 1px solid #ddd; border-top:none; text-align: center;font-size: 16px;line-height: 58px;color: #666;font-weight: 600; margin-bottom: 10px;} #sub-product .gw-mr-30{margin-right: 30px;} #sub-product .gw-photo9_3 .gw-point { text-align: center; line-height: 1.2em; font-weight:500;font-size: 16px; letter-spacing: -1px;background: #f3f3f3;border-top:1px solid #eee; padding:20px; } #sub-product .gw-photo9_3 .gw-point span {line-height: 1.2em;font-size: 14px; letter-spacing: -1px; } #sub-product .gw-photo3-container {max-width: 1000px; display: flex;justify-content: space-between;align-items: flex-start;flex-wrap: wrap;} #sub-product .gw-photo3-list{background:#fff;} #sub-product .gw-photo3-list img{border:1px solid #ddd; width: 100%;} #sub-product .gw-photo3-container .gw-col-3{width:calc(33.3% - 20px);margin-bottom: 20px;} #sub-product .gw-photo3-list p{ height: 58px; background: #f6f6f6; color:#333;border: 1px solid #ddd; border-top:none; text-align: center;font-size: 16px;line-height: 58px;color: #666;font-weight: 600; margin-bottom: 10px;} #sub-product .gw-photo3-list .gw-txt{ letter-spacing: -1px; padding:10px; background: #f6f6f6; color:#333;border: 1px solid #ddd; border-top:none; font-size: 16px;line-height: 24px !important;color: #666;font-weight: 600; margin-bottom: 10px;display: flex;justify-content: center;align-items: center;height: 100px;text-align: center; } #sub-product .gw-photo3-list span{line-height: 1.2em;font-size: 16px; letter-spacing: -1px; color:#666;} #sub-product .gw-photo9_3 {display: flex;justify-content: space-between;align-items: flex-start; gap: 20px; } #sub-product .gw-photo9_3 .gw-col-3{width:calc(33.3% - 10px);} #sub-product .gw-photo9_3 .gw-col-3 img {width:100%; } #sub-product .gw-photo9_3 .gw-col-3-type2 {width:calc(33.33% - 10px)} #sub-product .gw-photo9_3 .gw-col-3-type2 img {width:100%; } #sub-product .gw-photo9_3 .gw-col-3-type2 .gw-point {height: 160px;} #sub-product .gw-photo9_3 .gw-col-3-type2 .gw-point .navy_tit { font-size:20px; line-height: 32px; font-weight:600;letter-spacing: -1px;color: #00268e; padding-bottom: 10px;} #sub-product .gw-photo9_3 .gw-col-3-type2 .gw-point .contents{} #sub-product .gw-photo9_3 .gw-col-3-type2 .gw-point .contents li{padding:3px 0; text-align: left; letter-spacing: -0.5px; color: #555; letter-spacing: -1px;} #sub-product .gw-photo9_3 .gw-col-3-type2 .gw-point .contents li:before {content: "-";display: inline;margin-right: 7px;position: relative;top: -1px;} #sub-product .gw-photo9_3 .gw-col-3-type2 .gw-point .gw-txt {color: #555;} #sub-product .gw-photo9_3 {display: flex;justify-content: space-between;align-items: flex-start; gap: 20px; } #sub-product .gw-photo9_3 .gw-col-2{width:calc(50% - 10px); border:1px solid #eee; background: #f9f9f9;} #sub-product .gw-photo9_3 .gw-col-2 img {height:auto; } #sub-product .gw-photo9_3 .gw-col-2 .gw-point { text-align: center; line-height: 1.2em;font-size: 16px; letter-spacing: -1px;background: #f3f3f3;border-top:1px solid #eee; padding:20px; height:80px; } #sub-product .gw-photo9_3 .gw-col-2 .gw-point span {line-height: 1.2em;font-size: 14px; letter-spacing: -1px; } #sub-product .gw-photo9_33 {display: flex;justify-content: flex-start; /* 왼쪽 정렬 */align-items: flex-start; /* 위쪽 정렬 (선택 사항) */gap: 20px; } #sub-product .gw-photo9_33 .gw-col-22{width:calc(40% - 10px); border:1px solid #eee; background: #f9f9f9;} #sub-product .gw-photo9_33 .gw-col-22 img { width:100%;} #sub-product .gw-point1 {display: inline-block;text-align: center;line-height: 1.5;font-size: 16px; letter-spacing: -0.5px;background: #f3f3f3;border-top: 1px solid #eee;padding: 20px;color: #222;width: fit-content;max-width: 100%; box-sizing: border-box;} #sub-product .gw-water-pe {display: flex;justify-content: space-between;align-items: flex-start; gap: 20px; width:800px; } #sub-product .gw-water-pe div {width:calc(47% - 10px);} #sub-product .gw-water-pe .arrow{width:calc(6% - 10px) !important; text-align: center; top:30%;} #sub-product .gw-water-pe .arrow i{font-weight: 900; font-size: 36px; color:#ccc; padding: 120px 0 0 0;} #sub-product .gw-water-pe div img {width:100%; } #sub-product .gw-water-pe .gw-point { width: 100%; text-align: center; line-height: 1.2em;font-size: 16px; font-weight: 500; letter-spacing: -1px;background: #f3f3f3;border-top:1px solid #eee; padding:20px; } .gw-water-pe-ul {display: flex;flex-wrap: wrap;gap: 20px;padding: 0;margin: 0;list-style: none;justify-content: center;} .gw-water-pe-ul li {width: calc(25% - 20px);box-sizing: border-box; text-align: center;} .gw-water-pe-ul img {width: 100%;height: auto;display: block;} .gw-water-pe-ul .gw-point {font-size: 16px;font-weight: 500;background: #f3f3f3;padding: 10px;border: 1px solid #eee;line-height: 1.4em;} .gw-water-pe-ul-type2 {display: flex;flex-wrap: wrap;gap: 40px;padding: 0;margin: 0;list-style: none;justify-content: left;} .gw-water-pe-ul-type2 li {width: calc(33.33% - 40px);box-sizing: border-box; text-align: left;} .gw-water-pe-ul-type2 img {width: 100%;height: auto;display: block; border:1px solid #ddd;} .gw-water-pe-ul-type2 .gw-point {font-size: 16px;font-weight: 500;background: #f3f3f3;padding: 10px;border: 1px solid #ddd; border-top: none; line-height: 1.4em; text-align: center;} #sub-product .gw-photo9_3 {display: flex;justify-content: space-between;align-items: flex-start; gap: 20px; } #sub-product .gw-photo9_3 .gw-col-4{width:calc(25% - 10px);} #sub-product .gw-photo9_3 .gw-col-4 img {width:99%;} #sub-product .gw-photo9_31 {display: flex;justify-content: space-between;align-items: flex-start; gap: 20px; } #sub-product .gw-photo9_31 .gw-col-41{width:calc(25% - 10px);} #sub-product .gw-photo9_31 .gw-col-41 img {width:80%;} #sub-product .gw-photo9_2 {display: flex;ustify-content: space-between;align-items: flex-start; gap: 20px; } #sub-product .gw-photo9_2 .gw-col-2{width:calc(50% - 10px);} #sub-product .gw-photo9_2 .gw-col-2 img {width:99%;} .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); /* 크기 확대 효과 */} #sub-product .water_0201 {text-align: center; margin: 0 auto; border-radius: 30px; border:1px solid #ddd; padding:50px;} #sub-product .water_container01 { display:flex;justify-content: space-between;align-items: center; } #sub-product .water_container01 .left {width:50%; text-align: center; margin:0 auto;padding:20px 0;} #sub-product .water_container01 .left img {border-radius: 30px;} #sub-product .water_container01 .right {width:50%; text-align:left} .gw-water-pe-ul {display: flex;flex-wrap: wrap;gap: 20px;padding: 0;margin: 0;list-style: none;justify-content: center;} .gw-water-pe-ul li {width: calc(25% - 20px);box-sizing: border-box; text-align: center;} .gw-water-pe-ul img {width: 100%;height: auto;display: block;} .gw-water-pe-ul .gw-point {font-size: 16px;font-weight: 500;background: #f3f3f3;padding: 10px;border: 1px solid #eee;line-height: 1.4em;} #sub-product .gw-photo3-buoy-container {display: flex;justify-content: space-between;align-items: flex-start;gap: 10px;max-width: 1100px;flex-wrap: wrap;} #sub-product .gw-photo3-buoy-container .gw-photo3-buoy {width:28%;margin-bottom: 20px;background: #fff;text-align: left; margin-bottom: 20px} #sub-product .gw-photo3-buoy-container .gw-photo3-buoy:last-child {width:40%;} #sub-product .gw-photo3-buoy-container .gw-photo3-buoy img {width: 100%; height: 336px; object-fit: cover; border: 1px solid #ddd;} #sub-product .gw-photo3-buoy-container .gw-photo3-buoy p{width:100%; height: 58px; background: #f6f6f6; color:#333;border: 1px solid #ddd; border-top:none; text-align: center;font-size: 16px;line-height: 58px;color: #666;font-weight: 600; margin-bottom: 10px; letter-spacing: -1px;} #sub-product .gw-photo3-buoy-container .gw-photo3-buoy .gw-txt{ letter-spacing: -1px; padding:10px; background: #f6f6f6; color:#333;border: 1px solid #ddd; border-top:none; font-size: 16px;line-height: 24px !important;color: #666;font-weight: 600; margin-bottom: 10px;display: flex;justify-content: center;align-items: center;height: 100px;text-align: center; } #sub-product .gw-photo3-buoy-container .gw-photo3-buoy span{line-height: 1.2em;font-size: 16px; letter-spacing: -1px; color:#666;} .buoy-product-wrapper {display: flex;gap: 30px;align-items: flex-start;margin: 40px 0;} .buoy-product-container {flex: 0 0 auto; /* 너비 고정 */} .buoy-product-container img {max-width: 500px;height: auto;border: 1px solid #ddd;padding: 20px;} .buoy-product-description {flex: 1;font-size: 16px;line-height: 1.6;color: #555;font-weight: 500; letter-spacing: -0.5px;} #sub-product .gw-buoy-list {display: flex; justify-content: space-between;align-items: center;} #sub-product .gw-buoy-list .list-item { display: flex;width:100%; padding: 15px; box-sizing: border-box;border-radius: 60px;background: #f3f3f3;margin-bottom: 10px; } #sub-product .gw-buoy-list .list-item .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: var(--main-color);font-size: 13px;} #sub-product .gw-buoy-list .list-item .gw-tit { font-size: 18px; color: #00268e; line-height:30px; letter-spacing: -1px; font-family: "Noto Sans KR", sans-serif; font-weight: 600;padding: 0 10px;box-sizing: border-box;} #sub-product .gw-buoy-list .list-item .gw-txt { line-height: 30px;color: #666;font-weight: 500;font-size: 16px; letter-spacing: -1px;} #sub-product .gw-geomat-pe-wrap {width:100%;display: flex; flex-wrap: wrap;} #sub-product .gw-geomat-pe-wrap .gw-geomat-pe-left {width:50%;height: auto;padding:20px;} #sub-product .gw-geomat-pe-wrap .gw-geomat-pe-left img {max-width: 600px;height: auto;} #sub-product .gw-geomat-pe-wrap .gw-geomat-pe-right {} #sub-product .geomat-img {padding:20px; } #sub-product .geomat-img img {width:40% !important; border-radius: 20px;} #sub-product .gw-geomat-pe-wrap .gw-geomat-pe-right .gw-geomat-pe {display: flex;justify-content: space-between;align-items: flex-start; width:600px; } #sub-product .gw-geomat-pe-wrap .gw-geomat-pe-right .gw-geomat-pe div {width:calc(47% - 10px);} #sub-product .gw-geomat-pe-wrap .gw-geomat-pe-right .gw-geomat-pe .arrow{width:calc(6% - 10px) !important; text-align: center; top:30%;} #sub-product .gw-geomat-pe-wrap .gw-geomat-pe-right .gw-geomat-pe .arrow i{font-weight: 900; font-size: 36px; color:#ccc; padding: 100px 0 0 0;} #sub-product .gw-geomat-pe-wrap .gw-geomat-pe-right .gw-geomat-pe div img {width:100%; } #sub-product .gw-geomat-pe-wrap .gw-geomat-pe-right .gw-geomat-pe .gw-point { width: 100%; text-align: center; line-height: 1.2em;font-size: 16px; font-weight: 500; letter-spacing: -1px;background: #f3f3f3;border-top:1px solid #eee; padding:10px; } .gw-partners-container {flex-wrap: wrap;} .gw-partners-container .gw-partner-list{padding: 40px;background:#fff;box-shadow:0 15px 10px rgba(34, 34, 34, .02);} .gw-partners-container .gw-col-100{width:100%; } .gw-partners-container .gw-partner-info{border-top: 1px solid #eaeaea;} .gw-partners-container .gw-partner-info .gw-flex-btw {justify-content: flex-start;gap: 10px;} .gw-partners-container .gw-partner-info > ul > li > span{display: inline-block;} .gw-partners-container .gw-partner-info > ul > li > span:last-child{color: #666;line-height: 1.5;} .gw-partners-container .gw-partner-info > ul > li > span > i {color: var(--main-color);} .gw-partners-container .gw-mr-30{margin-right: 30px;} /*반응형------------------------------------------------------------------------------------------------------------------ */ @media screen and (max-width:1024px){ .gw-partners-container .gw-col-3{width: calc(50% - 10px);} } @media screen and (max-width:576px){ .gw-partners-container .gw-col-3{margin:0;padding:22px;width: 100%;} .gw-partners-container .gw-col-3:not(:last-child){ } .gw-partners-container .gw-partner-info > ul > li > .gw-w-40 {width: 50% !important;} } /*반응형------------------------------------------------------------------------------------------------------------------ */ @media screen and (max-width:1280px){ #sub-product .gw-col-2{width:calc(50% - 20px);} #sub-product .gw-photo2-list p{ height:58px;line-height: 58px;} #sub-product .gw-box-container{padding: 0;} #sub-product .gw-product-list{padding:0;background:#f3f3f3;} #sub-product .gw-product-list:not(:last-child){margin-bottom:80px;} #sub-product .gw-product-list .gw-product-img{background: #f8f8f8;border: 0px solid #ddd; width:40%;} #sub-product .gw-product-info {display:flex;flex-direction: column;justify-content: space-between;width:60%; height:auto; padding:20px; } #sub-product .gw-product-info .gw-text01 { font-size: 16px; color:#666;line-height: 1.4;font-weight: 500;letter-spacing: -0.5px;} #sub-product .gw-product-info .gw-text01 > span { font-weight: 600;} #sub-product .gw-product-info .gw-specifications-tit{font-size:24px; color: #00268e;font-weight: 700; letter-spacing: -1px;} #sub-product .gw-product-info .gw-specifications-tit:before {content: '';display: block;height: 1px;background: #ddd; margin-bottom:0;} #sub-product .gw-product-info .gw-specifications-con{font-size: 16px; color:#666;line-height: 1.4; } #sub-product .gw-product-list10 {display: block;} #sub-product .gw-product-list10 .gw-product-img{width:100%;} #sub-product .gw-product-info10 {display:block;width:100%; height: auto; padding:30px 60px; } #sub-product .gw-product-info10 .gw-text01 { font-size: 16px;line-height: 1.4;} #sub-product .gw-product-info10 .gw-specifications-tit{font-size:30px; font-weight: 700; letter-spacing: -1.8px;} #sub-product .gw-product-info10 .gw-specifications-tit:before {margin-bottom: 0px;} #sub-product .gw-product-info10 .gw-specifications-con{font-size: 16px;line-height: 1.4;} #sub-product .gw-importance-list .list-item {padding: 10px;border-radius: 30px;margin-bottom: 10px;} #sub-product .gw-importance-list .list-item .gw-tit {font-size: 16px;color: #00268e;line-height: 40px; padding: 0 10px;} #sub-product .gw-importance-list_full .list-item { display: block;width:100%; } #sub-product .gw-importance-list_full .list-item .gw-num {margin: 0 auto;} #sub-product .gw-importance-list_full .list-item .gw-tit { text-align: center; } #sub-product .gw-importance-list_full .list-item .gw-right{text-align: center; } #sub-product .gw-importance-list_full .list-item .gw-right .gw-txt {text-align: center;} #sub-product .gw-category-list_1 .gw-right .gw-txt {line-height:1.75; } #sub-product .gw-category-list3 {display: block;width: calc(100% - 10px);} #sub-product .gw-category-list3 .list-item {display: flex;width: calc(100% - 10px);} #sub-product .gw-photo-list {display: flex;} #sub-product .gw-photo-list .gw-list-item { width: 33.33%; padding:0 25px 0 0;} #sub-product .gw-photo-list .gw-list-item .gw-txt-box img {width:100%;} #sub-product .gw-photo-list .gw-point {height:auto;font-size: 16px;line-height:1.4; padding:10px; height: 65px;} #sub-product .gw-photo-list .gw-tit {font-size: var(--main-title04);font-weight: 800;} #sub-product .gw-photo-list .gw-txt {margin-top: 30px;} #sub-product .gw-photo-list2 {display: flex;} #sub-product .gw-photo-list2 .gw-list-item { width: 33.33%; padding:0 25px 0 0;} #sub-product .gw-photo-list2 .gw-list-item .gw-txt-box img {width:100%;} #sub-product .gw-photo-list2 .gw-point {height:auto;font-size: 16px;line-height:1.4; padding:10px; height: 65px;} #sub-product .gw-photo-list2 .gw-tit {font-size: var(--main-title04);font-weight: 800;} #sub-product .gw-photo-list2 .gw-txt {margin-top: 30px;} #sub-product .gw-photo9_3 {display: block; } #sub-product .gw-photo9_3 .gw-col-2{width:100%; text-align: center; margin: 10px auto;} #sub-product .gw-photo9_3 .gw-col-2 img {height:auto; text-align: center;} #sub-product .gw-photo9_3 .gw-col-2 .gw-point { text-align: center; line-height: 1.2em;font-size: 16px; letter-spacing: -1px; padding:20px; height:auto; } #sub-product .gw-photo9_3 .gw-col-2 .gw-point span {line-height: 1.2em;font-size: 14px; letter-spacing: -1px; } #sub-product .gw-photo9_3 {display: flex;justify-content: space-between;align-items: flex-start; gap: 20px; } #sub-product .gw-photo9_3 .gw-col-3{width:calc(100% - 10px);} #sub-product .gw-photo9_3 .gw-col-3 img {width:100%; } #sub-product .gw-point1 { line-height: 1.5;font-size: 16px; letter-spacing: -0.5px;background: #f3f3f3;border-top: 1px solid #eee;padding: 20px; } #sub-product .water_container01 { display:block; } #sub-product .water_container01 .left { text-align: center; margin:0 auto;padding:0;} #sub-product .water_container01 .left img {text-align: center; margin:0 auto; width:100%;} #sub-product .water_container01 .right {width:100%; text-align:center; margin:0 auto;} .gw-pt-150 {padding-top:30px !important;} .gw-pt-100 {padding-top:20px !important;} #sub-product .gw-category-list4 {display: block; } #sub-product .gw-category-list4 .list-item {width:100%;display: block; padding: 20px 20px; border-radius: 30px; } #sub-product .gw-category-list4 .gw-num { width: 45px;height: 45px;border-radius: 100%;line-height: 45px; text-align: center; margin:0 auto;} #sub-product .gw-category-list4 .gw-right {display: block;} #sub-product .gw-category-list4 .gw-right .gw-tit { font-size: 20px;line-height: 45px; padding: 0 20px;box-sizing: border-box;} #sub-product .gw-category-list4 .gw-right .gw-txt {font-size: 16px; text-align: center;} } @media screen and (max-width:1125px){ #sub-product .gw-importance-list .list-item { display: block; } #sub-product .gw-importance-list .list-item .gw-num {margin: 0 auto;} #sub-product .gw-importance-list .list-item .gw-all-txt {text-align: center; padding:10px; line-height: 1.4;} #sub-product .gw-importance-list .list-item .gw-tit {padding:10px 0 0 0;line-height:1.4;} #sub-product .gw-importance-list .list-item .gw-txt {padding:10px;line-height:1.4;} .buoy-product-wrapper {display: block; margin:10px 0;} .buoy-product-container {flex: 0 0 auto; text-align: center; margin: 0 auto;} .buoy-product-container img {max-width: 500px;height: auto;border: 1px solid #ddd;padding: 20px;} .buoy-product-description { font-size: 16px;line-height: 1.6; letter-spacing: -0.5px;} #sub-product .gw-buoy-list {display: block;margin-top:30px; } #sub-product .gw-buoy-list .list-item { display: block; text-align: center; margin:0 auto; width:100%; padding: 12px;margin-bottom: 10px; } #sub-product .gw-buoy-list .list-item .gw-num {width: 30px;height: 30px;border-radius: 100%; line-height: 30px; text-align: center;margin: 0 auto; font-size: 13px;} #sub-product .gw-buoy-list .list-item .gw-tit { font-size: 18px; line-height:30px; letter-spacing: -1px; padding: 0 10px;box-sizing: border-box;} #sub-product .gw-buoy-list .list-item .gw-txt { line-height: 30px; font-size: 16px; letter-spacing: -1px;} } @media screen and (max-width:1024px){ #sub-product .gw-product-list{flex-direction: column;} #sub-product .gw-product-list .gw-product-img {width: 100%;} #sub-product .gw-product-info {width: 100%;} #sub-product .gw-product-info .gw-text01 { font-size: 16px; color:#666;line-height: 1.4;font-weight: 500;letter-spacing: -0.5px;} #sub-product .gw-product-info .gw-specifications-tit:before { margin-bottom:10px;} #sub-product .gw-box-container{padding: 0;} #sub-product .gw-col-4{width: calc(50% - 10px);} #sub-product .gw-photo9_3 {display: block; margin: 0 auto;text-align: center;} #sub-product .gw-photo9_3 .gw-col-4 {width: 50%;box-sizing: border-box;padding: 10px;display: flex;justify-content: center;align-items: center;} #sub-product .gw-photo9_3 .gw-col-4 img {width: auto; max-width: 100%; height: auto;display: block;} #sub-product .gw-photo9_31 {display: flex;flex-wrap: wrap;justify-content: center;} #sub-product .gw-photo9_31 .gw-col-41 {width: calc(50% - 10px);box-sizing: border-box;padding: 10px;display: flex;justify-content: center;align-items: center;} #sub-product .gw-photo9_31 .gw-col-41 img {width: auto; max-width: 100%; height: auto;display: block;} #sub-product .gw-photo9_3 .gw-col-3-type2 {width:calc(100% - 10px)} #sub-product .gw-photo9_3 .gw-col-3-type2 .gw-point {height: auto;} #sub-product .gw-photo-list {display: block;} #sub-product .gw-photo-list .gw-list-item { display: block; width: 100%; padding:0 25px 0 0;} #sub-product .gw-photo-list .gw-list-item .gw-txt-box img {width:100%;} #sub-product .gw-photo-list .gw-point {height:auto;font-size: 16px;line-height:1.4; padding:10px; height: 65px;} #sub-product .gw-photo-list .gw-tit {font-size: var(--main-title04);font-weight: 800;} #sub-product .gw-photo-list .gw-txt {margin-top: 30px;} .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;} .business-swiper-container .swiper-wrapper {display: flex !important;} #sub-product .gw-water-pe {width:700px; text-align:center; margin:0 auto; } .gw-water-pe-ul {display: flex;flex-wrap: wrap;gap: 20px;padding: 0;margin: 0;list-style: none;justify-content: center;} .gw-water-pe-ul li {width: calc(50% - 10px) !important;box-sizing: border-box; text-align: center;} .gw-water-pe-ul img {width: 100%;height: auto;display: block;} .gw-water-pe-ul .gw-point {font-size: 14px !important; padding: 10px !important } #sub-product .gw-product-info .gw-text03 {font-size:14px; } #sub-product .gw-product-info .gw-text03 .p1 {font-size:20px; letter-spacing: -1px;} #sub-product .gw-product-info .gw-text03 .p2 {font-size:15px; letter-spacing: -1px;} #sub-product .gw-photo3-buoy-container {display:block;} #sub-product .gw-photo3-buoy-container .gw-photo3-buoy {width:100%;margin-bottom: 20px; text-align: center; margin:0 auto;} #sub-product .gw-photo3-buoy-container .gw-photo3-buoy img {width: 100%; height: auto; object-fit: contain; border: 1px solid #ddd;} #sub-product .gw-photo3-buoy-container .gw-photo3-buoy p{width:100%; height:auto; font-size: 14px;line-height: 24px; } #sub-product .gw-photo3-buoy-container .gw-photo3-buoy .gw-txt{font-size: 14px;line-height: 24px !important;c margin-bottom: 10px;display: block;height:auto;} #sub-product .gw-photo3-buoy-container .gw-photo3-buoy span{ font-size: 14px; } #sub-product .gw-photo3-buoy-container .gw-photo3-buoy:last-child {width:100%;} #sub-product .gw-geomat-pe-wrap {width:100%;display: flex; flex-wrap: wrap;} #sub-product .gw-geomat-pe-wrap .gw-geomat-pe-left {width:100%;height: auto;padding:0 10px;margin-top:20px;} #sub-product .gw-geomat-pe-wrap .gw-geomat-pe-left img {width:100%;height: auto;} #sub-product .gw-geomat-pe-wrap .gw-geomat-pe-right {padding:0 10px;margin-top:20px;} #sub-product .geomat-img {padding:20px;} #sub-product .geomat-img img {width:100% !important;} #sub-product .gw-geomat-pe-wrap .gw-geomat-pe-right .gw-geomat-pe {display: flex;justify-content: space-between;align-items: flex-start; width:auto; } #sub-product .gw-geomat-pe-wrap .gw-geomat-pe-right .gw-geomat-pe div {width:calc(47% - 10px);} #sub-product .gw-geomat-pe-wrap .gw-geomat-pe-right .gw-geomat-pe .arrow{width:calc(6% - 10px) !important; text-align: center; top:30%;} #sub-product .gw-geomat-pe-wrap .gw-geomat-pe-right .gw-geomat-pe .arrow i{font-weight: 900; font-size: 28px; color:#ccc; padding: 70px 0 0 0;} #sub-product .gw-geomat-pe-wrap .gw-geomat-pe-right .gw-geomat-pe div img {width:100%; } #sub-product .gw-geomat-pe-wrap .gw-geomat-pe-right .gw-geomat-pe .gw-point {font-size: 14px;} } @media screen and (max-width:750px) { #sub-product .gw-photo2-container {display: block; } #sub-product .gw-photo2-list img{width: 100%;} #sub-product .gw-col-2{width:calc(100% - 20px);margin-bottom: 20px;} #sub-product .gw-photo2-list p{font-size: 14px; height: 40px; line-height: 40px;} #sub-product .gw-photo9_3 .gw-col-4 {width: 100%;} #sub-product .gw-img{width:100%; background:#fff; margin:0 auto; text-align: center; padding:10px 0 10px 0;} #sub-product .gw-img img{width:90%;} #sub-product .gw-importance-list .list-item { display: block;width: calc(100% - 10px);} #sub-product .gw-category-list .list-item {display: block; padding: 30px 20px; margin-bottom: 10px;} #sub-product .gw-category-list .gw-num {margin: 0 auto; width: 45px;height: 45px; line-height: 45px;} #sub-product .gw-category-list .gw-right .gw-tit { text-align: center; font-size: 20px;line-height: 45px; } #sub-product .gw-category-list .gw-right .gw-txt { text-align: center; padding: 0 20px; font-size: 16px; } #sub-product .gw-category-list_1 .list-item {display: block; padding: 30px 20px; margin-bottom: 10px;} #sub-product .gw-category-list_1 .gw-num {margin: 0 auto; width: 45px;height: 45px; line-height: 45px;} #sub-product .gw-category-list_1 .gw-right .gw-txt { text-align: center; padding: 0 20px; font-size: 16px;line-height: 1.75; } #sub-product .gw-photo-list {display: block;} #sub-product .gw-photo-list .gw-list-item { width:100%;padding: 0 0 20px 0; } #sub-product .gw-photo-list .gw-point {font-size: 14px;line-height:1.4;height: 38px;} #sub-product .gw-photo-list2 {display: block;} #sub-product .gw-photo-list2 .gw-list-item { width:100%;padding: 0 0 20px 0; } #sub-product .gw-photo-list2 .gw-point {font-size: 14px;line-height:1.4; } #sub-product .gw-category-list3 {display: block;} #sub-product .gw-category-list3 .list-item {display: block;text-align: center; margin:10px auto; padding: 30px 20px;} #sub-product .gw-category-list3 .gw-num {display: block;text-align: center; margin:0 auto; width: 30px;height: 30px;border-radius: 100%;line-height: 30px; } #sub-product .gw-category-list3 .gw-right ul li{padding: 3px 0; } #sub-product .gw-category-list3 .gw-right .gw-tit { font-size: 20px;line-height: 45px; padding: 0 10px; } #sub-product .gw-category-list3 .gw-right .gw-txt {font-size: 16px;letter-spacing: -0.5px;line-height:18px; padding-top:5px;} #sub-product .gw-category-list3 .gw-right .gw-txtp20 { padding: 0 20px; color: #666;font-weight: 500;font-size: 14px; letter-spacing: -1px; line-height: 24px;} #sub-product .product_txt01 { line-height: 1.5; font-size: 14px; letter-spacing: -0.5px;} #sub-product .product_txt01 > span { font-size: 16px; letter-spacing: -1px;} #sub-product .product_txt02 { line-height: 1.5; font-size: 14px; letter-spacing: -0.5px;} #sub-product .product_txt02 > span { font-size: 16px; letter-spacing: -1px;} #sub-product .gw-photo9_3 {display: block; } #sub-product .gw-photo9_3 .gw-col-3{width:100%; padding-bottom:15px;:} .swiper-slide {width: 100% !important;} #sub-product .gw-photo9_3 .gw-col-2{width:100%; text-align: center; margin: 10px auto;} #sub-product .gw-photo9_3 .gw-col-2 img {width:100%; height:auto; text-align: center;} #sub-product .gw-photo9_3 .gw-col-2 .gw-point { text-align: center; line-height: 1.2em;font-size: 14px; letter-spacing: -1px; padding:10px; height:auto; } #sub-product .gw-photo9_3 .gw-col-2 .gw-point span {line-height: 1.2em;font-size: 13px; letter-spacing: -1px; } #sub-product .gw-photo9_3 .gw-col-3-type2 .gw-point .navy_tit { font-size:18px; line-height: 28px;} #sub-product .gw-photo9_3 .gw-col-3-type2 .gw-point .contents li{font-size:14px; } #sub-product .gw-photo9_3 .gw-col-3-type2 .gw-point .contents li:before {content: "-";margin-right: 3px;} #sub-product .gw-photo9_3 .gw-col-3-type2 .gw-point .gw-txt {font-size:14px; } #sub-product .gw-point1 { line-height: 1.5;font-size: 14px; letter-spacing: -0.5px; padding: 10px; } #sub-product .gw-point1 img {width:100%; height:auto; text-align: center;} #sub-product .water_container01 .left {width:100%;} #sub-product .gw-category-list5 {display: block; } #sub-product .gw-category-list5 .list-item {width:100%;display: block;padding:10px; } #sub-product .gw-category-list5 .list-item .gw-num { width: 30px;height: 30px;border-radius:30px;line-height: 30px; text-align: center; margin:5px auto; } #sub-product .gw-category-list5 .list-item .gw-right {flex: 1;} #sub-product .gw-category-list5 .list-item .gw-right .gw-txt {padding: 0 10px;color: #666;font-weight: 500;font-size: 14px;letter-spacing: -1px; text-align: center;} .gw-txt.line24 { line-height: 24px; } .gw-txt.line42 { line-height: 24px; } } @media screen and (max-width:576px) { #sub-product img {width: 100%;} #sub-product .gw-product-list{ } #sub-product .gw-product-list-top{gap:20px;flex-direction:column;} #sub-product .gw-product-img{width:100%;height:250px;} #sub-product .gw-product-info{width:100%;height:auto;gap:20px;} #sub-product .gw-product-info .gw-specifications-tit{font-size:20px;font-weight: 700;} #sub-product .gw-product-info .gw-text01 { font-size: 14px;line-height: 1.5;} #sub-product .gw-product-info .gw-specifications-con{font-size: 14px;line-height: 1.5;} #sub-product .gw-product-info .info-table dl dt{padding:10px 0 10px 20px;width:40%;} #sub-product .gw-product-info .info-table dl dd{padding:10px 0 10px 20px;width:60%;} #sub-product .gw-product-info10 {padding: 20px;} #sub-product .gw-product-info10 .gw-text01 { font-size: 14px;line-height: 1.5;} #sub-product .gw-product-info10 .gw-specifications-tit{font-size:24px; font-weight: 700; letter-spacing: -1px;} #sub-product .gw-product-info10 .gw-specifications-tit:before {margin-bottom: 10px;} #sub-product .gw-product-info10 .gw-specifications-con{font-size: 14px;line-height: 1.5;} #sub-product .gw-category-list .list-item {display: block; padding: 30px 20px; margin-bottom: 10px;border-radius: 30px;} #sub-product .gw-category-list .gw-num {margin: 0 auto; width: 30px;height: 30px; line-height: 30px;} #sub-product .gw-category-list .gw-right .gw-tit {font-size: 18px;line-height: 45px; font-weight: 600;padding: 0 10px;} #sub-product .gw-category-list .gw-right .gw-txt {padding: 0 10px; font-size: 14px; letter-spacing: -0.5px;} #sub-product .gw-category-list .gw-right .gw-list-txt {gap: 3px;} #sub-product .gw-category-list .gw-right .gw-list-txt li { font-size: 14px; display: inline-block;padding-bottom: 5px;} #sub-product .gw-category-list .gw-right .gw-list-txt li:before {content: "";display: block;margin-right: 7px;position: relative;top: -1px;} #sub-product .gw-category-list .gw-right .gw-list-txt p {padding:0 0 20px 0;} #sub-product .gw-category-list_1 .list-item {display: block; padding: 30px 20px; margin-bottom: 10px;border-radius: 30px;} #sub-product .gw-category-list_1 .gw-num {margin: 0 auto; width: 30px;height: 30px; line-height: 30px;} #sub-product .gw-category-list_1 .gw-right .gw-txt {padding: 0 10px; font-size: 14px; line-height: 1.5; letter-spacing: -0.5px;} #sub-product .gw-importance-list .list-item{flex-direction: column;gap: 10px;border-radius: 30px;text-align: center;} #sub-product .gw-importance-list .list-item .gw-num{width: 30px;height: 30px;line-height: 30px;} #sub-product .gw-importance-list .list-item .gw-tit{width: 100%; padding: 10px 0 0 0; font-size: 14px;} #sub-product .gw-importance-list .list-item .gw-txt{width: 100%; font-size: 14px; line-height: 1.5;} #sub-product .gw-importance-list .list-item .gw-all-txt{font-size: 14px; line-height: 1.5;} #sub-product .gw-importance-list_full .list-item{flex-direction: column;gap: 10px;border-radius: 30px;text-align: center;} #sub-product .gw-importance-list_full .list-item .gw-num{width: 30px;height: 30px;line-height: 30px;font-size: 12px;} #sub-product .gw-importance-list_full .list-item .gw-right .gw-tit{width: 100%; padding: 10px 0; font-size: 16px;} #sub-product .gw-importance-list_full .list-item .gw-right .gw-txt{width: 100%; font-size: 14px; line-height: 1.5;} #sub-product .gw-type-list {display: block; justify-content: center; /* 수평 가운데 정렬 */} #sub-product .gw-type-list .gw-list-item { width: 100%; text-align: center;padding:0;position: relative;border-radius: 0; margin-bottom: 20px;} #sub-product .gw-type-list .gw-list-item .gw-txt-box {width: 100%; border: 1px solid #ddd;border-bottom: none;} #sub-product .gw-type-list .gw-list-item .gw-txt-box1 {width: 100%; border: 1px solid #ddd; } #sub-product .gw-type-list .gw-point {width: 100%;height: 38px;text-align: center;font-size: 14px;line-height: 38px;} #sub-product .gw-photo4-list p{ height: 38px; font-size: 14px;line-height: 38px;} #sub-product .gw-photo3-list p{height: 38px;font-size: 14px;line-height: 38px;} #sub-product .gw-photo3-list span{;line-height: 1.2em;font-size: 14px;} #sub-product .gw-effect-list .gw-effect-item{flex-direction: column;gap: 20px;} #sub-product .gw-effect-list .gw-left-box{width: 100%;} #sub-product .gw-effect-list .gw-right-box{width: 100%;} #sub-product .gw-box-container > li{padding:20px;} #sub-product .gw-col-4{margin:0;padding:22px;width: 100%;} #sub-product .gw-col-4:not(:last-child){margin-bottom: 20px;} #sub-product .gw-photo4-info > ul > li > .gw-w-40 {width: 50% !important;} #sub-product .gw-photo3-container {display: block;} #sub-product .gw-photo3-list img{border:1px solid #ddd; width: 100%;} #sub-product .gw-photo3-container .gw-col-3{width:100%;margin-bottom: 20px;} #sub-product .gw-photo3-list p{ height: 38px; font-size: 14px;line-height: 38px; } #sub-product .gw-photo3-list span{;line-height: 1.2em;font-size: 14px; letter-spacing: -1px; } #sub-product .gw-category-list_2 .list-item { display: block;width: calc(100% - 10px); text-align: center;border-radius: 30px;} #sub-product .gw-category-list_2 .gw-num {margin: 0 auto; width: 30px;height: 30px; line-height: 30px; font-weight: 700;text-align: center;background:#00268e;} #sub-product .gw-category-list_2 .gw-right {flex: 1;} #sub-product .gw-category-list_2 .gw-right .gw-tit { font-size: 18px;line-height: 28px; letter-spacing: -0.5px; padding: 0 20px 10px 20px; } #sub-product .gw-category-list_2 .gw-right .gw-txt li {display:flex;font-size: 14px;line-height: 1.5;letter-spacing: -0.5px; padding: 0 0 0 10px; text-align:left; } #sub-product .gw-category-list_2 .gw-right .gw-txt li:before {content: "-";display: block;margin-right: 7px;position: relative;top: -1px;} #sub-product .gw-category-list3 .list-item { padding: 30px 10px;border-radius: 30px;} #sub-product .gw-category-list3 .gw-right ul li{padding: 3px 0; } #sub-product .gw-category-list3 .gw-right .gw-tit { font-size: 18px;line-height: 28px; padding: 0 10px; } #sub-product .gw-category-list3 .gw-right .gw-txt {font-size: 14px; line-height:18px; } #sub-product .gw-water-pe { width:350px; padding: 10px 10px 10px 0;gap: 10px;} #sub-product .gw-water-pe .arrow{width:20px !important; text-align: center; top:10%; text-align: center; margin:0 auto;} #sub-product .gw-water-pe .arrow i{font-size: 20px; color:#ccc; padding: 50px 0 0 0;} #sub-product .gw-water-pe .gw-point { font-size: 14px; letter-spacing: -0.5px; padding:10px; } #sub-product .gw-water-pe div {width:49%;} .buoy-product-container img {max-width: 340px;} .buoy-product-description { font-size: 14px;line-height: 1.6; } #sub-product .gw-buoy-list .list-item {border-radius: 30px;padding: 12px;} #sub-product .gw-buoy-list .list-item .gw-tit { font-size: 16px; } #sub-product .gw-buoy-list .list-item .gw-txt { font-size: 14px; line-height:18px; } #sub-product .gw-photo9_31 .gw-col-41 {width: calc(100% - 10px);} #sub-product .gw-category-list4 {display: block; } #sub-product .gw-category-list4 .list-item {width:100%;display: block; padding: 20px 20px; border-radius: 30px; } #sub-product .gw-category-list4 .gw-num { width: 30px;height: 30px; line-height: 30px; } #sub-product .gw-category-list4 .gw-right .gw-tit { font-size: 18px;line-height: 30px; } #sub-product .gw-category-list4 .gw-right .gw-txt {font-size: 14px; line-height:18px; padding:5px 0; } }