#sub-function .gw-btn0102{width:275px;}
#sub-function .gw-sub-top-banner .bg{background: url(../../img/gw-function-banner.jpg) no-repeat center;background-size: cover;background-attachment: fixed;}
#sub-function .gw-function-container{flex-wrap: wrap;}
#sub-function .gw-function-container > li {padding:0;display: flex;align-items: center;width: calc(33.3% - 20px);overflow:hidden;}
#sub-function .gw-function-container .gw-txt-box{padding:8%;width:calc(100% - 140px);background:#f5f5f5;}
#sub-function .gw-function-container .gw-txt-box dt {line-height: 1.5;letter-spacing: -0.05em;color: #999;font-weight: 300;}
#sub-function .gw-function-container .gw-txt-box dd {font-size: var(--main-title04);font-family: "NotoKr_B", sans-serif;}
#sub-function .gw-function-container .gw-ico{display: flex;place-content: center;width: 140px;}
#sub-function .gw-function-title-container > .gw-sub-num {position: relative;font-size: 100px;color: rgba(221, 221, 221, 0.5);font-family: 'Poppins_B', sans-serif;}
#sub-function .gw-sub-con01 .gw-img{overflow: hidden;}
#sub-function .gw-sub-con02 .gw-img-container > li{width: calc(50% - 20px);overflow: hidden;}
#sub-function .gw-sub-con02 .gw-img-container > li > img{width: 100%;object-fit: cover;}
#sub-function .gw-sub-con03 .gw-tab-menu {padding: 0;margin-bottom: 10px;}
#sub-function .gw-sub-con03 .gw-tab-menu > li {cursor: pointer;font-size:var(--main-title04);border-bottom: 2px solid transparent;transition: 0.3s;}
#sub-function .gw-sub-con03 .gw-tab-menu > li:not(:last-child){margin-bottom: 20px;}
#sub-function .gw-sub-con03 .gw-tab-menu li.active {border-color: #333;font-weight: bold;}
#sub-function .gw-sub-con03 .gw-tab-con-box{width: 70%;}
#sub-function .gw-sub-con03 .gw-tab-content {padding: 3rem;display: none;background: #f9f9f9;}
#sub-function .gw-sub-con03 .gw-tab-content.active {display: block;}
#sub-function .gw-sub-con05 .gw-app-container{position: relative;display: flex;flex-wrap: wrap;align-items: center;gap: 0 400px;min-height:709px;}
#sub-function .gw-sub-con05 .gw-phone-box{position: absolute;bottom: 0;left: 50%;transform: translateX( -50%);width: 339px;height: 709px;z-index: 0;}
#sub-function .gw-sub-con05 .gw-phone-box img{width: 100%;object-fit: cover;}
#sub-function .gw-sub-con05 .gw-app-list {position: relative;z-index: 3;width: calc(50% - 200px);background: #F5F5F5;padding: 2rem;}
#sub-function .gw-sub-con05 .gw-app-title {font-size: var(--main-title04);font-family: "NotoKr_B", sans-serif;letter-spacing: -0.02em;color: #000;}
#sub-function .gw-sub-con06 .gw-btn0102 {margin: inherit;font-size: var(--main-text01);}

/*반응형------------------------------------------------------------------------------------------------------------------ */
@media screen and (max-width:1024px){
    #sub-function .gw-sub-top-banner .bg{background-attachment: initial;}
    #sub-function .gw-function-title-container > .gw-sub-num{font-size: 50px;}
    #sub-function .gw-sub-con03 .gw-tab-container{flex-direction: column;}
    #sub-function .gw-sub-con03 .gw-tab-menu{margin-bottom:2rem;display: flex;gap: 1rem;}
    #sub-function .gw-sub-con03 .gw-tab-menu > li:not(:last-child){margin-bottom:0;}
    #sub-function .gw-sub-con03 .gw-tab-con-box{width: 100%;}
    #sub-function .gw-sub-con05 .gw-phone-box{position: relative;width: 20rem;height:auto;}
    #sub-function .gw-sub-con05 .gw-app-container{margin-top:2rem;gap:1rem;min-height:auto;}
    #sub-function .gw-sub-con05 .gw-app-list{width: 100%;}
}

@media screen and (max-width:768px){
    #sub-function .gw-sub-title-container{text-align: center;}
    #sub-function [class*="gw-sub-con"]:not(:last-child){margin-bottom: 0;}
    #sub-function .gw-sub-img-item .gw-text-container{text-align: center;}
    #sub-function .gw-sub-img-item .gw-text-container > .gw-flex {place-content: center;align-items: center;}
    #sub-function .gw-sub-con06 .gw-btn0102{width: 100%;}
}

@media screen and (max-width:576px){
    #sub-function .gw-sub-con02 .gw-img-container{flex-direction: column;}
    #sub-function .gw-sub-con02 .gw-img-container > li{width: 100%;}
    #sub-function .gw-sub-con05 .gw-phone-box{width: 12rem;}
}

