#sub-income .gw-btn0102{width: 240px;}
#sub-income .gw-sub-con02 .gw-sub-con-1200{padding: 0;}
#sub-income .gw-sub-top-banner .bg{background: url(../../img/gw-income-banner.jpg) no-repeat center;background-size: cover;background-attachment: fixed;}
#sub-income .sub-income-list01 .gw-tit-box {position: relative;padding: 20px;margin: 0 auto 150px;width: 300px;text-align: center;border-radius: 10px;background: #222;z-index: 1;}
#sub-income .sub-income-list01 .gw-tit-box:before {content:"";display:block;width: 2px;height: 90px;position: absolute;top: 100%;left: 50%;transform: translateX(-50%);background: #e5e5e5;}
#sub-income .sub-income-list01 .gw-tit-box .gw-title {font-size: var(--main-title04);line-height: 1.55;letter-spacing: -0.05em;color: #fff;font-family: "NotoKr_B", sans-serif;}
#sub-income .sub-income-list01 .gw-con-list {position: relative;display: flex;justify-content: space-between;}
#sub-income .sub-income-list01 .gw-con-list:before {content: '';position: absolute;top: -90px;left: 50%;transform: translateX(-50%);width: 76.328%;height: 150px;border: 2px solid #e5e5e5;border-bottom: 0;border-radius: 0;}
#sub-income .sub-income-list01 .gw-con-list .list-item {position: relative;padding: 20px;width: 23.4375%;border: 2px solid #222;border-radius: 10px;text-align: center;background: #fff;}
#sub-income .sub-income-list01 .gw-con-list .list-item:before {content: '';display:block;position: absolute;top: -90px;left: 50%;transform: translateX(-50%);width: 2px;height: 88px;background: #e5e5e5;}
#sub-income .sub-income-list01 .gw-con-list .list-item:first-child:before, #sub-income .sub-income-list01 .gw-con-list .list-item:last-child:before {display: none;}
#sub-income .sub-income-list01 .gw-con-list .list-item .gw-text {font-size: var(--main-title04);line-height: 1.5;letter-spacing: -0.05em;color: #000;font-family:"NotoKr_B", sans-serif;}
#sub-income .gw-graph-box{padding: 0;padding-top: 20px;}
#sub-income .gw-graph-list{display:flex;place-content:center;width:100%; margin:auto ; padding:0; text-align:center; font-size:0;}
#sub-income .gw-graph-item{display:inline-block; width:102px; height:360px;  margin:0 24px; vertical-align:bottom; position:relative;}
#sub-income .gw-graph-item > .percent{position:absolute; bottom:0; left:0; width:100%; background:#999; font-size:var(--main-text01); color:#595959;transition: height 1s ease;height: 0; }
#sub-income .gw-graph-item:nth-child(1) > .percent.active{height:90%}
#sub-income .gw-graph-item:nth-child(2) > .percent.active{height:75%}
#sub-income .gw-graph-item:nth-child(3) > .percent.active{height:50%}
#sub-income .gw-graph-item:nth-child(4) > .percent.active{height:30%;background: var(--main-color);}
#sub-income .gw-graph-item .top{position:absolute; left:50%;transform:translateX(-50%); width:100%;top:-32px;}
#sub-income .gw-graph-item .bottom{position:absolute; left:50%;transform:translateX(-50%); width:100%;bottom:10px; font-size:var(--main-text01);color: #fff;}
#sub-income .gw-graph-item .gw-ico{top:-40px;}
#sub-income .gw-graph-item .gw-ico img{width:auto; height:30px;}
#sub-income .gw-rate-list {display: flex;flex-wrap: wrap;gap: 20px;}
#sub-income .gw-rate-list .list-item {width: calc(33.33% - 20px);}
#sub-income .gw-rate-list .list-item .percent-box {padding: 20px;width: 100%;border-radius: 12px;background: #fff;border: 2px solid #ddd;min-height: 495px;}
#sub-income .gw-rate-list .list-item .percent-box .img {text-align: center;}
#sub-income .gw-rate-list .list-item .percent-box .img img {max-width: 100%;}
#sub-income .gw-rate-list .list-item .list-tit {display: block;padding-top: 30px;text-align: center;font-size: var(--main-title04);line-height: 1.1;font-family: "NotoKr_B", sans-serif;}
#sub-income .gw-rate-list .percent-list li {padding: 10px 0;display: flex;align-items: center;}
#sub-income .gw-rate-list .percent-list li .tit {font-family: "NotoKr_B", sans-serif;letter-spacing: -0.055em;color: #000;}
#sub-income .gw-rate-list .percent-list .percent-bar {position: relative;display: inline-block;height: 10px;border-radius: 6px;background: #f3f3f3;}
#sub-income .gw-rate-list .percent-list .percent-bar:before {content: '';position: absolute;top: 0;left: 0;height: 100%;border-radius: 6px;}
#sub-income .gw-rate-list .percent-list .percent {padding-left: 5px;display: inline-block;color: #000;font-family: 'Poppins_B', sans-serif;font-size: 16px;}
#sub-income .gw-rate-list .percent-list li .tit {width:100px;}
#sub-income .gw-rate-list .percent-list li .percent-bar {width: calc(100% - 150px);}
#sub-income .gw-rate-list .percent-list .percent{text-align: right;}
#sub-income .gw-rate-list .item01 .percent-list li:first-child .percent-bar:before {width: 35%;background: #f26922;}
#sub-income .gw-rate-list .item01 .percent-list li:nth-child(2) .percent-bar:before {width: 29%;background: #ff9812;}
#sub-income .gw-rate-list .item01 .percent-list li:nth-child(3) .percent-bar:before {width: 24%;background: #512007;}
#sub-income .gw-rate-list .item01 .percent-list li:last-child .percent-bar:before {width: 12%;background: #a54310;}
#sub-income .gw-rate-list .item02 .percent-box .img{margin-bottom: 20px;}
#sub-income .gw-rate-list .item02 .percent-list li:first-child .percent-bar:before {width: 58%;background: #E40717;}
#sub-income .gw-rate-list .item02 .percent-list li:nth-child(2) .percent-bar:before {width: 23%;background: #820211;}
#sub-income .gw-rate-list .item03 .percent-list .percent{width:100px;}
#sub-income .gw-rate-list .item03 .percent-list li:first-child .percent-bar:before {width: 70%;background: #ff9812;}
#sub-income .gw-rate-list .item03 .percent-list li:nth-child(2) .percent-bar:before {width: 12%;background: #f26922;}
#sub-income .gw-rate-list .item03 .percent-list li:nth-child(3) .percent-bar:before {width: 10%;background: #512007;}
#sub-income .gw-rate-list .item03 .percent-list li:last-child .percent-bar:before {width: 8%;background: #a54310;}

/*반응형------------------------------------------------------------------------------------------------------------------ */
@media screen and (max-width:1024px){
    #sub-income .gw-sub-top-banner .bg {background-attachment:initial !important;}
    #sub-income .gw-rate-list{flex-direction: column;gap: 4rem;}
    #sub-income .gw-rate-list .list-item{width: 100%;}
    #sub-income .gw-rate-list .list-item .percent-box{min-height: auto;}
    #sub-income .gw-rate-list .list-item .percent-box .img img{max-width:50%;}
}

@media screen and (max-width:576px){
    #sub-income [class*="gw-sub-con"]:not(:last-child){margin-bottom: 0;}
    #sub-income .sub-income-list01 .gw-con-list{flex-direction: column;gap: 1rem;}
    #sub-income .sub-income-list01 .gw-con-list:before{display: none;}
    #sub-income .sub-income-list01 .gw-con-list .list-item{width: 100%;}
    #sub-income .sub-income-list01 .gw-con-list .list-item:before{display: none;}
    #sub-income .sub-income-list01 .gw-tit-box{margin: 0 auto 90px;}
    #sub-income .gw-graph-list{gap: 1rem;}
    #sub-income .gw-graph-item{margin:0;width: 20%;}
    #sub-income .gw-graph-item .top{font-size: 1rem;}
    #sub-income .gw-graph-item .bottom{font-size: 1rem;}
    #sub-income .gw-rate-list .list-item .percent-box .img img{max-width: 100%;}
}

@media screen and (max-width:320px){
    #sub-income .gw-graph-item .top{font-size: 0.8rem;}
    #sub-income .gw-graph-item .bottom{font-size: 0.8rem;}
}