#sub-product .gw-intro-container{margin:0 auto;}
#sub-product .gw-intro .gw-text{font-size: 19px ;line-height: 1.5;font-family: "Pretendard_M", sans-serif; color:#555;}
#sub-product .gw-intro .gw-img {border-radius: 30px;overflow: hidden;}
#sub-product .gw-intro .gw-img2 {border-radius: 30px;overflow: hidden; background:#fff; text-align:center; padding:30px 0}
#sub-product .gw-intro .gw-img2 img{width:auto;}
#sub-product .gw-intro .gw-imgttl{ position: absolute; bottom: 0px; padding: 10px 20px; background: #111; color: #fff;}
#sub-product .gw-circle-list {position: relative;width: 33%;}
#sub-product .gw-circle {position: relative;width: 100%;height: 0;padding-top: 100%;background: #e1e1e1;border-radius: 50%;}
#sub-product .gw-circle:before {content: '';position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 85%;height: 85%;border-radius: 50%;background: #fff;box-shadow: 10px 10px 30px 0 rgba(0, 0, 0, 0.07);}
#sub-product .gw-inner {position: absolute;top: 0;left: 0;width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;flex-direction: column;text-align: center;padding: 0 20px;box-sizing: border-box;}
#sub-product .gw-inner .gw-title {font-size: var(--main-title04);line-height: 1.8;color: var(--main-color);font-family: 'Poppins_B', sans-serif;}
#sub-product .gw-inner .gw-text {font-size: var(--main-title03);line-height: 1.3;font-family: "NotoKr_B", sans-serif;word-break: keep-all;}
#sub-product .gw-generator-list {display: flex;justify-content: space-between;margin-top: 70px; flex-wrap: wrap;}
#sub-product .gw-generator-list .gw-list-item {padding: 50px 30px;position: relative;width: calc(33.33% - 14px);background: #fff;border-radius: 30px;box-sizing: border-box;text-align: center;box-shadow: 10px 10px 30px 0px rgba(0, 0, 0, 0.07); margin-bottom:40px;}
#sub-product .gw-generator-list .gw-list-item:last-child {background: transparent; box-shadow:none; padding:0px;}
#sub-product .gw-generator-list .gw-point {position: absolute;top: 0;left: 50%;transform: translate(-50%, -50%);width: 100px;height: 35px;background: var(--main-color);border-radius: 35px;text-align: center;font-size: 14px;line-height: 35px;color: #fff;}
#sub-product .gw-generator-list .gw-txt-box {display: flex;flex-direction: column;justify-content: center;height: 100%;}
#sub-product .gw-generator-list .gw-tit {font-size: var(--main-title04);color: var(--main-color);font-family: 'NotoKr_B', sans-serif;word-break:keep-all;}
#sub-product .gw-generator-list .gw-txt {margin-top: 30px;color: #555; line-height:150%;    word-break: keep-all;}

#sub-product .gw-generator-list2 {display: flex;justify-content: space-between;margin-top: 40px; flex-wrap: wrap;}
#sub-product .gw-generator-list2 .gw-list-item {padding: 50px 30px;position: relative;width: calc(50% - 10px);background: #fff;border-radius: 30px;box-sizing: border-box;text-align: center;box-shadow: 10px 10px 30px 0px rgba(0, 0, 0, 0.07); margin-bottom:40px;}
#sub-product .gw-generator-list2 .gw-point {position: absolute;top: 0;left: 50%;transform: translate(-50%, -50%);width: 100px;height: 35px;background: var(--main-color);border-radius: 35px;text-align: center;font-size: 14px;line-height: 35px;color: #fff;}
#sub-product .gw-generator-list2 .gw-txt-box {display: flex;flex-direction: column;justify-content: center;height: 100%;}
#sub-product .gw-generator-list2 .gw-tit {font-size: var(--main-title04);color: var(--main-color);font-family: 'NotoKr_B', sans-serif;word-break:keep-all;}
#sub-product .gw-generator-list2 .gw-txt img {margin-top: 30px; max-width:100%;}

#sub-product .gw-features-list {display: flex;flex-wrap: wrap;gap: 20px;}
#sub-product .gw-features-item {padding: 30px;display: flex;align-items: center;justify-content: space-between;width: calc(33% - 10px);background: #fff;border-radius: 30px;box-sizing: border-box;box-shadow: 10px 10px 30px 0px rgba(0, 0, 0, 0.07);min-height: 130px;}
#sub-product .gw-features-item .gw-title {flex: 1;font-size: var(--main-title04);line-height: 1.3;color: var(--main-color);font-family: 'NotoKr_B', sans-serif;text-align: left;}
#sub-product .gw-features-item .gw-num {margin-left: 20px;font-size: var(--main-text01);line-height: 1;color: #bbb;font-family: 'Poppins_SB', sans-serif;text-align: right;}

#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: 'Poppins_SB', sans-serif;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 .gw-box-container .icon img{max-width:100%}
#sub-product .gw-box-container .gw-text {height:75px; color: #555;    word-break: keep-all; line-height:150%;}

#sub-product .gw-importance-list .list-item {padding: 20px;box-sizing: border-box;border-radius: 40px;background: #fff;margin-bottom: 10px;}
#sub-product .gw-importance-list .gw-num {width: 40px;height: 40px;border-radius: 100%;line-height: 40px;color: #fff;font-family: 'Poppins_B', sans-serif;text-align: center;background: var(--main-color); float: left;}
#sub-product .gw-importance-list .gw-tit {font-size: var(--main-title04);line-height: 1.3;color: #111;;padding: 6px 10px;box-sizing: border-box;     float: left;}
#sub-product .gw-importance-list .gw-txt {line-height: 1.5;color: #666; clear: left; padding: 10px 0 0 50px; display: inline-block; width: 100%;
    box-sizing: border-box; text-align:left;}
#sub-product .gw-importance-list .gw-txt img {max-width:100%;}

#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-effect-list .gw-left-box {width: 30%;text-align: center;}
#sub-product .gw-effect-list .gw-left-box .gw-tit {margin-top: 10px;font-size: var(--main-title04);font-family: 'NotoKr_B', sans-serif;}
#sub-product .gw-effect-list .gw-left-box .gw-text {display: block;color: #666;font-family: 'NotoKr_M', sans-serif;font-size: var(--main-text01);}
#sub-product .gw-effect-list .gw-right-box {width: 70%;}

#sub-product .gw-member-container {flex-wrap: wrap;align-items:flex-start;}
#sub-product .gw-member-list{padding: 20px;background:#fff;box-shadow:0 15px 10px rgba(34, 34, 34, .02);width:calc(50% - 10px);}
#sub-product .gw-member-list-top{gap:20px;     display: flex;    align-items: flex-start;     height: 240px;}
#sub-product .gw-member-list-top .img{background: #f8f8f8;border: 1px solid #ddd; width: 300px;height: 232px;}
#sub-product .gw-member-list-top .gw-member-info {display:flex;flex-direction: column;justify-content: space-between;width: 70%;}
#sub-product .gw-member-list-top .gw-member-charge > span {color: var(--main-color);border-bottom: 1px solid var(--main-color);}
#sub-product .gw-member-list-top .gw-member-contact {border-top: 1px solid #ddd;gap: 10px;flex-direction:column;align-items:flex-start;}
#sub-product .gw-member-list-top .gw-member-contact > li {align-items: center;gap: 10px;}
#sub-product .gw-member-list-top .gw-member-contact > li > div:last-child{color: #666;line-height: 1.5;}
#sub-product .gw-member-list-top .gw-member-contact > li > div > i {color: var(--main-color);}
#sub-product .rotate-icon{transform: rotate(180deg);transition: all .3s;}
#sub-product .gw-career-content{ display:none;padding: 40px;background: #f8f8f8;}

.type_table {width: 100%;}
.type_table thead tr th {padding:5px 10px;border-right: 1px solid #999 ;background: #333;color: #fff;font-size: 15px ;text-align: center; font-weight:500; font-family: "Pretendard_SB", sans-serif; }
.type_table tbody tr td {padding: 1px;background: #fff;line-height: 1.5;color: #555;border-bottom: 1px solid #ddd; text-align:center; font-size:15px;}
.type_table tbody tr td:nth-child(even) {border-right: 1px solid #ddd; }
.type_table tbody tr td:last-child {border-right: none; }

#sub-product .line_hr {max-width: 1200px; height: 1px; background: #bbb; margin: 0 auto 100px;}

/*반응형------------------------------------------------------------------------------------------------------------------ */

@media screen and (max-width:1280px){
    #sub-product .gw-box-container{padding: 0;}
}

@media screen and (max-width:1024px){
    #sub-product .gw-circle-container {flex-wrap: wrap;place-content: center;}
    #sub-product .gw-circle-list{width: calc(50% - 20px);}
    #sub-product .gw-generator-list{flex-wrap: wrap;gap: 30px;}
    #sub-product .gw-generator-list .gw-list-item{padding:40px 20px;width: 100%;}
    #sub-product .gw-features-item{width: 100%;}
    #sub-product .gw-box-container{padding: 0;}
    #sub-product .gw-generator-list .gw-list-item {margin-bottom:10px;}
    #sub-product .gw-member-list{width: 100%;}
    #sub-product .gw-member-list-top .gw-member-contact{gap:0;flex-direction:column;align-items:flex-start;}
    #sub-product .gw-member-list-top .gw-member-contact .dot{display: none;}
}

@media screen and (max-width:768px){
    #sub-product .gw-col-4 {width: calc(50% - 5px);}
    #sub-product .gw-col-3 {width:100%}
    #sub-product .gw-generator-list2 .gw-list-item {width: 100%; padding: 30px 20px;     margin-bottom: 20px;}
    #sub-product .gw-generator-list2 {margin-top: 20px;}
    #sub-product .line_hr{margin: 0 auto 70px;}
    #sub-product .gw-intro .gw-imgttl{ padding: 5px 10px; font-size:13px;}
}

@media screen and (max-width:576px){
    #sub-product .gw-intro .gw-text{font-size: 14px;}
    #sub-product .gw-circle-list{width: 100%;}
    #sub-product .gw-box-container > li{padding:34px 10px 10px;}
    #sub-product .gw-box-container > li:before {left:10px;}
    #sub-product .gw-box-container .gw-text{height:130px;}

    #sub-product .gw-importance-list .list-item{flex-direction: column;gap: 10px;border-radius: 20px;text-align: center;     padding: 10px;}
    #sub-product .gw-importance-list .gw-num{width: 30px;height: 30px;line-height: 30px;}
    #sub-product .gw-importance-list .gw-tit{ padding: 3px 5px;}
    #sub-product .gw-importance-list .gw-txt{padding: 5px 0 0 35px;}
    #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-member-list{padding:22px;}
    #sub-product .gw-member-list-top{gap:20px;flex-direction:column;height: auto;}
    #sub-product .gw-member-list-top .img{width:100%;height:232px;}
    #sub-product .gw-member-list-top .gw-member-info{width:100%;height:auto;gap:20px;}
    #sub-product .gw-career-content{padding:22px;}
}




