#container{padding-bottom:170px;}
#sub-type08 .gw-btn01{width: 240px;}
#sub-type08 .gw-img-container{overflow: hidden;}
#sub-type08 .tab-content{display: none;}
#sub-type08 .tab-content:first-of-type{display: block;}
#sub-type08 .gw-sub-title02{color: var(--main-color);font-size: var(--main-title04);font-family: "Outfit", sans-serif; font-weight: 700;}
#sub-type08 .gw-sub-title03{font-size: var(--main-title03);font-weight:800;line-height: 1.5;letter-spacing: -0.02em;}
#sub-type08 .gw-sub-shop-intranet-arrow {margin: 0 auto;width: 15px;height: 48px;}
#sub-type08 .gw-box02 {padding: 2rem;font-size: var(--main-text01);}
#sub-type08 .gw-box02 > span {display: inline-block;margin-bottom: 15px;font-size: var(--main-title04);color: #000;letter-spacing: -0.05em;font-weight:800;}
#sub-type08 [class*="tab-con0"]:not(:last-child){margin-bottom: 158px;}
#sub-type08 .sub-con-list01 .sub-con-item{justify-content:space-between;}
#sub-type08 .sub-con-list01 .gw-right-box{width: calc(100% - 450px);}
#sub-type08 .gw-sub-process-list li {padding:30px 0;display:flex; align-items:center; gap:2rem;border-top:1px solid rgba(0,0,0,0.1);font-size: var(--main-text01);}
#sub-type08 .gw-sub-process-list li:first-of-type {border-top:2px solid #000;}
#sub-type08 .gw-sub-process-list li:last-of-type {border-bottom:1px solid rgba(0,0,0,0.1);}
#sub-type08 .gw-sub-process-list .step {padding:5px;position: relative; display:flex; justify-content:center; align-items:center; border-radius:50px; background: var(--main-color); color: #fff; width: 100px;font-family: "Outfit", sans-serif; font-weight: 700;}
#sub-type08 .gw-sub-process-list li:last-of-type .step:after {display:none;}
#sub-type08 .gw-sub-process-list .tit-box {display:flex; align-items:center; gap:1rem;width: 300px;}
#sub-type08 .gw-sub-process-list .icon-box {width: 3rem;height: 3rem;display: flex;align-items: center;place-content: center;}
#sub-type08 .gw-sub-process-list .icon-box img{width: 100%;object-fit: cover;}
#sub-type08 .gw-sub-process-tit {font-size:var(--main-title04); color: #333; font-weight:800;}
#sub-type08 .gw-sub-process-list .txt-box{width:calc(100% - 500px);}
#sub-type08 .gw-sub-process-list .txt-box span {position: relative; color: #666; line-height:1.6;}
#sub-type08 .gw-sub-process-list .txt-box span:after {position:absolute; content:""; display: block; right: -2px; top: 50%; transform:translateY(-50%); width: 2px; height: 1.2rem; background: #eee; }
#sub-type08 .gw-sub-process-list .txt-box span:last-child:after{display: none;}
#sub-type08 .gw-sub-process-list li.active {background-color:#f8f8f8;}
#sub-type08 .sub-con-list01{border-top: 2px solid #000;}
#sub-type08 .sub-con-list01 .sub-con-item{padding:2rem 0;display: flex;align-items: center;border-bottom:1px solid #ddd;}
#sub-type08 .sub-con-list01 .gw-left-box{display: flex;align-items: center;gap:1rem;}
#sub-type08 .sub-con-list01 .gw-left-box .gw-ico{width: 3rem;}
#sub-type08 .sub-con-list01 .gw-left-box .gw-ico > img{width: 100%;}
#sub-type08 .sub-con-list01 .gw-left-box .gw-text01{width: 310px;font-size: var(--main-title04);font-weight: 800;}
#sub-type08 .sub-con-list01 .gw-right-box{width: calc(100% - 356px);}
#sub-type08 .tab-con03 .gw-tab-con03-container{position: relative;align-items: stretch;}
#sub-type08 .tab-con03 .gw-tab-con03-container:before{content: "";position: absolute;top: 0;left: 50%;transform: translateX(-50%);width: 72.89%;height: 100%;background: transparent linear-gradient(90deg, #0000004D 0%, #00000017 71%, #F2F2F200 100%, #F2F2F200 100%) 0 0 no-repeat padding-box;pointer-events: none;}
#sub-type08 .tab-con03 .gw-tab-con03-item {margin-bottom:0;position: relative;display: flex;flex-direction: column;justify-content: space-between;border: 2px solid #000;border-radius: 1rem;width: 27.34375%;background: #fff;text-align: center;}
#sub-type08 .tab-con03 .gw-tab-con03-item:before{content: "";position: absolute;width: 24px;height: 12px;background: center / cover no-repeat url(../img/gw-template02-type08-arrow.svg);right: -65px;top: 50%;transform: translateY(-50%) rotateZ(180deg)}
#sub-type08 .tab-con03 .gw-tab-con03-item:nth-of-type(2):before{transform: rotateZ(0deg);}
#sub-type08 .tab-con03 .gw-tab-con03-item:last-child:before{display: none;}
#sub-type08 .tab-con03 .gw-tab-con03-item .tit-box {padding: 10px;background: #000;border-radius: 0.7rem 0.7rem 0 0;font-size: var(--main-text01);line-height: 1.5;letter-spacing: -0.05em;color: #fff;font-weight: 400;}
#sub-type08 .tab-con03 .gw-tab-con03-item .con-box{padding: 30px;}
#sub-type08 .tab-con03 .gw-tab-con03-item .gw-ico{display: flex;align-items: center;justify-content: center;width: 110px;height: 110px;margin: auto;background: #f2f2f2;border-radius: 50%;}
#sub-type08 .tab-con03 .gw-tab-con03-item .txt-box{padding: 1rem;display: flex;align-items: center;justify-content: center;background: #f5f5f5;border-radius: 0 0 1rem 1rem;font-size: 16px;line-height: 1.75;color: #666;}
#sub-type08 .tab-con03 .gw-tab-con03-item.red {border-color: var(--main-color);}
#sub-type08 .tab-con03 .gw-tab-con03-item.red .tit-box {background: var(--main-color);}
#sub-type08 .gw-sub-box-item{background: #F5F5F5;}

/*반응형------------------------------------------------------------------------------------------------------------------ */
@media screen and (max-width:1024px){
    #container{padding-bottom: 5rem;}
    #sub-type08 [class*="tab-con0"]:not(:last-child){margin-bottom: 5rem;}
    #sub-type08 .sub-con-list01 .gw-right-box{width: 100%;}
    #sub-type08 .gw-sub-process-list li{flex-direction: column;align-items: flex-start;gap: 1rem;}
    #sub-type08 .gw-sub-process-list .tit-box{width: 100% !important;}
    #sub-type08 .gw-sub-process-list .txt-box{width: 100% !important;}
    #sub-type08 .sub-con-list01 .sub-con-item{flex-direction:column;gap: 0.5rem;align-items: flex-start;}
    #sub-type08 .tab-con03 .gw-tab-con03-container{flex-direction: column;}
    #sub-type08 .tab-con03 .gw-tab-con03-container:before {width: 100%; background: transparent linear-gradient(180deg, #0000004D 0%, #00000017 71%, #F2F2F200 100%, #F2F2F200 100%) 0% 0% no-repeat padding-box;}
    #sub-type08 .tab-con03 .gw-tab-con03-item:before {right: 50%; transform: translateX(50%) rotateZ(-90deg); top: auto; bottom: -3.1rem;}
    #sub-type08 .tab-con03 .gw-tab-con03-item:nth-of-type(2):before {right: 50%; transform: translateX(50%) rotateZ(-270deg); top: auto; bottom: -3.1rem;}
    #sub-type08 .tab-con03 .gw-tab-con03-item{width: 100%;}
}