/*공통*/
#sub-vision .gw-title {position: relative;display:inline-block;width: 200px;height: 60px;background: linear-gradient(90deg, rgba(90,130,227,1) 0%, rgba(54,88,201,1) 100%);color: #fff;border-radius: 50px;line-height: 67px;font-size: var(--main-title04);letter-spacing:-0.02em;text-transform: uppercase;font-family: "Josefin Sans", sans-serif;font-weight: 700;}

/*비전*/
#sub-vision .gw-vision .gw-vision-container {text-align: center;}
#sub-vision .gw-vision .gw-vision-text-container {font-size: var(--main-title02);font-family: "NotoKr_B", sans-serif;}
#sub-vision .gw-vision .gw-sub-title  > span{color: var(--main-color);}
#sub-vision .gw-vision .gw-text {font-size: var(--main-title04);line-height: 1.5;font-family: 'NotoKr_M', sans-serif;}
#sub-vision .gw-vision .gw-triangle {mix-blend-mode: multiply;}
#sub-vision .gw-vision .gw-triangle > img {width: 100%;object-fit: cover;}
#sub-vision .gw-vision .gw-vision-box:not(:last-child){margin-bottom: 20px;}
#sub-vision .gw-vision .gw-vision-box {place-content:center;border-radius:20px;background: #F5F5F5;padding: 40px 100px;}
#sub-vision .gw-vision .gw-vision-box .gw-ico{display: flex;justify-content: center;align-items: center;width: 100px; height: 100px;background: #fff;border-radius: 100%;color:var(--main-color);}
#sub-vision .gw-vision .gw-vision-box .gw-text01{font-size: 24px;font-family: "NotoKr_B", sans-serif;}
#sub-vision .gw-vision .gw-vision-box .gw-text02{text-align:left;line-height: 1.75;color: #666;font-size: var(--main-text01);font-family: "NotoKr_M", sans-serif;}

/*미션*/
#sub-vision .gw-mission .gw-intro-container{margin:0 auto;}
#sub-vision .gw-mission .gw-intro .gw-text{font-size: var(--main-title04);line-height: 1.5;font-family: 'NotoKr_M', sans-serif;}
#sub-vision .gw-mission .gw-necessity-box {display: flex;justify-content: space-between;position: relative;}
#sub-vision .gw-mission .gw-necessity-box .gw-necessity-item {background: #f3f3f3;border-radius: 30px;width: 49.23%;padding: 100px 50px;box-sizing: border-box;}
#sub-vision .gw-mission .gw-necessity-box .gw-necessity-item:nth-of-type(1) {padding-right:200px;}
#sub-vision .gw-mission .gw-necessity-box .gw-necessity-item:nth-of-type(3) {padding-left: 200px;}
#sub-vision .gw-mission .gw-necessity-box .gw-necessity-item dl {text-align: center;}
#sub-vision .gw-mission .gw-necessity-box .gw-necessity-item dl dt {font-size: var(--main-title03);line-height: 1.4;color: #222;font-family: 'Poppins_B','NotoKr_B', sans-serif;}
#sub-vision .gw-mission .gw-necessity-box .gw-necessity-item dl dd {line-height: 1.5;color: #555;margin-top: 25px;}
#sub-vision .gw-mission .gw-necessity-box .gw-necessity-circle {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);z-index: 1;}
#sub-vision .gw-mission .gw-necessity-box .gw-necessity-circle:before {content: '';position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 125%;height: 125%;border-radius: 50%;background: #e1e1e1;}
#sub-vision .gw-mission .gw-necessity-box .gw-necessity-circle .tit {position: relative;font-size: var(--main-title03);line-height: 1.4;color: #fff;font-family: "NotoKr_B", sans-serif;text-align: center;display: flex;align-items: center;justify-content: center;width: 250px;height: 250px;border-radius: 50%;background: var(--main-color);}
#sub-vision .gw-mission .gw-necessity-box .gw-necessity-item {background: #fff;}
#sub-vision .gw-mission .gw-importance-list .list-item {display: flex;align-items: center;padding: 20px;box-sizing: border-box;border-radius: 100px;background: #fff;margin-bottom: 10px;}
#sub-vision .gw-mission .gw-importance-list .gw-num {width: 45px;height: 45px;border-radius: 100%;line-height: 45px;color: #fff;font-family: 'Poppins_B', sans-serif;text-align: center;background: var(--main-color);}
#sub-vision .gw-mission .gw-importance-list .gw-tit {width: 300px;font-size: var(--main-title04);line-height: 1.3;color: #111;font-family: "NotoKr_B", sans-serif;padding: 0 30px;box-sizing: border-box;}
#sub-vision .gw-mission .gw-importance-list .gw-txt {width: calc(100% - 300px);line-height: 1.5;color: #666;}
#sub-vision .gw-mission .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-vision .gw-mission .gw-effect-list .gw-effect-item {display: flex;align-items: center;padding: 30px 0;border-bottom: 2px dashed #ddd;}
#sub-vision .gw-mission .gw-effect-list .gw-effect-item:first-child {padding-top: 0;}
#sub-vision .gw-mission .gw-effect-list .gw-effect-item:last-child {padding-bottom: 0;border-bottom: 0;}
#sub-vision .gw-mission .gw-effect-list .gw-left-box {width: 30%;text-align: center;}
#sub-vision .gw-mission .gw-effect-list .gw-left-box .gw-tit {margin-top: 10px;font-size: var(--main-title04);font-family: 'NotoKr_B', sans-serif;}
#sub-vision .gw-mission .gw-effect-list .gw-left-box .gw-text {display: block;color: #666;font-family: 'NotoKr_M', sans-serif;font-size: var(--main-text01);}
#sub-vision .gw-mission .gw-effect-list .gw-right-box {width: 70%;}

/*기대효과*/
#sub-vision .gw-keyeffect .gw-intro-container{margin:0 auto;}
#sub-vision .gw-keyeffect .gw-intro .gw-text{font-size: var(--main-title04);line-height: 1.5;font-family: 'NotoKr_M', sans-serif;}
#sub-vision .gw-keyeffect .gw-necessity-box {display: flex;justify-content: space-between;position: relative;}
#sub-vision .gw-keyeffect .gw-necessity-box .gw-necessity-item {background: #f3f3f3;border-radius: 30px;width: 49.23%;padding: 100px 50px;box-sizing: border-box;}
#sub-vision .gw-keyeffect .gw-necessity-box .gw-necessity-item:nth-of-type(1) {padding-right:200px;}
#sub-vision .gw-keyeffect .gw-necessity-box .gw-necessity-item:nth-of-type(3) {padding-left: 200px;}
#sub-vision .gw-keyeffect .gw-necessity-box .gw-necessity-item dl {text-align: center;}
#sub-vision .gw-keyeffect .gw-necessity-box .gw-necessity-item dl dt {font-size: var(--main-title03);line-height: 1.4;color: #222;font-family: 'Poppins_B','NotoKr_B', sans-serif;}
#sub-vision .gw-keyeffect .gw-necessity-box .gw-necessity-item dl dd {line-height: 1.5;color: #555;margin-top: 25px;}
#sub-vision .gw-keyeffect .gw-necessity-box .gw-necessity-circle {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);}
#sub-vision .gw-keyeffect .gw-necessity-box .gw-necessity-circle:before {content: '';position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 125%;height: 125%;border-radius: 50%;background: #e1e1e1;}
#sub-vision .gw-keyeffect .gw-necessity-box .gw-necessity-circle .tit {position: relative;font-size: var(--main-title03);line-height: 1.4;color: #fff;font-family: "NotoKr_B", sans-serif;text-align: center;display: flex;align-items: center;justify-content: center;width: 250px;height: 250px;border-radius: 50%;background: var(--main-color);}
#sub-vision .gw-keyeffect .gw-necessity-box .gw-necessity-item {background: #fff;}
#sub-vision .gw-keyeffect .gw-importance-list .list-item {display: flex;align-items: center;padding: 20px;box-sizing: border-box;border-radius: 100px;background: #fff;margin-bottom: 10px;}
#sub-vision .gw-keyeffect .gw-importance-list .gw-num {width: 45px;height: 45px;border-radius: 100%;line-height: 45px;color: #fff;font-family: 'Poppins_B', sans-serif;text-align: center;background: var(--main-color);}
#sub-vision .gw-keyeffect .gw-importance-list .gw-tit {width: 300px;font-size: var(--main-title04);line-height: 1.3;color: #111;font-family: "NotoKr_B", sans-serif;padding: 0 30px;box-sizing: border-box;}
#sub-vision .gw-keyeffect .gw-importance-list .gw-txt {width: calc(100% - 300px);line-height: 1.5;color: #666;}
#sub-vision .gw-keyeffect .gw-effect-list {border-radius: 20px;background: #F5F5F5;padding: 40px;}
#sub-vision .gw-keyeffect .gw-effect-list .gw-effect-item {display: flex;align-items: center;padding: 30px 0;border-bottom: 2px dashed #ddd;}
#sub-vision .gw-keyeffect .gw-effect-list .gw-effect-item:first-child {padding-top: 0;}
#sub-vision .gw-keyeffect .gw-effect-list .gw-effect-item:last-child {padding-bottom: 0;border-bottom: 0;}
#sub-vision .gw-keyeffect .gw-effect-list .gw-left-box { width: 40%;text-align: center;display: flex;align-items: center;gap: 30px;}
#sub-vision .gw-keyeffect .gw-effect-list .gw-left-box .gw-tit {margin-top: 10px;font-size: var(--main-title04);font-family: 'NotoKr_B', sans-serif;text-align: left;}
#sub-vision .gw-keyeffect .gw-effect-list .gw-left-box .gw-text {display: block;color: #666;font-family: 'NotoKr_M', sans-serif;font-size: var(--main-text01);}
#sub-vision .gw-keyeffect .gw-effect-list .gw-right-box {width: 60%;}
#sub-vision .gw-keyeffect .gw-list01 > li{text-align: left;font-size: var(--main-text01);line-height:1.75;}
#sub-vision .gw-keyeffect .gw-effect-list .gw-effect-item .icon{display: flex;justify-content: center;align-items: center;width: 100px;height: 100px;background: #fff;border-radius: 100%;color: var(--main-color);}


/*반응형------------------------------------------------------------------------------------------------------------------ */
@media screen and (max-width:1024px){
    #sub-vision .gw-w-30 {flex-direction: column;}
    #sub-vision .gw-vision .gw-vision-box .gw-ico{width: 60px;height: 60px;}
    #sub-vision .gw-vision .gw-vision-box{padding:20px;flex-direction: column;}
    #sub-vision .gw-vision .gw-text-container {flex-direction: column;width:100% !important;}
    #sub-vision .gw-vision .gw-vision-box .gw-text02{text-align: center;}
    #sub-vision .gw-mission .gw-necessity-box .gw-necessity-item{padding:50px;}
    #sub-vision .gw-mission .gw-necessity-box .gw-necessity-item:nth-of-type(1){padding-right:100px;}
    #sub-vision .gw-mission .gw-necessity-box .gw-necessity-item:nth-of-type(3){padding-left:100px;}
    #sub-vision .gw-mission .gw-necessity-box .gw-necessity-circle .tit{width: 180px;height: 180px;}
    #sub-vision .gw-keyeffect .gw-effect-list .gw-left-box{width: 100%;display:flex;align-items:center;flex-direction:column;gap:20px;}
    #sub-vision .gw-keyeffect .gw-effect-list .gw-effect-item{flex-direction: column;gap: 20px;}
    #sub-vision .gw-keyeffect .gw-effect-list .gw-effect-item .icon{width: 60px;height: 60px;}
    #sub-vision .gw-keyeffect .gw-effect-list .gw-left-box .gw-tit{text-align: center;}
    #sub-vision .gw-keyeffect .gw-effect-list .gw-right-box{width: auto;}
    #sub-vision .gw-keyeffect .gw-list01 > li{text-align: center;}

}

@media screen and (max-width:576px){
    #sub-vision .gw-mission .gw-necessity-box{flex-direction: column;gap: 50px;}
    #sub-vision .gw-mission .gw-necessity-box .gw-necessity-item:nth-of-type(1){padding-bottom: 100px;padding-right: 50px;width: 100%;}
    #sub-vision .gw-mission .gw-necessity-box .gw-necessity-item:nth-of-type(3){padding-top: 100px;padding-left: 50px;width: 100%;}

}