@charset "utf-8";
/* 세로모드 모바일 디바이스 (가로 해상도가 576px 보다 작은 화면에 적용) */
@media (max-width: 575px) {

    /* TAB 1 START */
    /* business main start */
        .tab-content{
            display: none;
        }
        .tab-content.active{
            display: block;
        }
        #bi-main{
            width: 100%;
            padding-top: 100px;
            background-color: #F5F5FD;
        }
        .bi-inner{
            display: flex;
            flex-direction: column;
        }
    
        #bi-main .txt-box{
            width: 100%;
        }
        .txt-box h3{
            font-size: 1.75rem;
            font-weight: bold;
            margin-bottom: 20px;
        }
        .txt-box p{
            font-size: 1rem;
        }
    
        #bi-main .img-box{
            width: 100%;
        }
    
        .img-box>img{
            width: 100%;
            mix-blend-mode: darken;
        }
        .bi-main .txt-box>p:nth-child(3){
            box-sizing: content-box;
            width: 4rem;
            padding: 10px 25px;
            margin: 50px 0;
            font-size: 1rem;
            color: #fff;
            background-color: #3b9d52;
            border-radius: 5px;
        }
    
    /* business main end */
    
    
    /* business tab start */
    #bi-tabWrap{
        width: 100%;
        margin-top: -50px;
        position: relative;
    }
    .tab-inner{
        height: 100%;
        margin: auto;
        display: flex;
        flex-direction: column;
    }
    .tab-inner .tab_item{
        width: 100%;
        padding: 10px;
        display: flex;
        justify-content: center;
        align-items: center;
        background-color: #fff;
        border: 1px solid #e2e2e2;
        font-size: 1.2rem;
        cursor: pointer;
    }
    .tab-inner>.tab_item.active{
        background-color: #3b9d52;
        color: #fff;
    }
    .tab-inner li:nth-child(1){
        border-radius: 10px 10px 0px 0px;
    }
    .tab-inner li:nth-child(4){
        border-radius: 0px 0px 10px 10px;
    }
    /* business tab end */
    
    /* business content start */
    .bi-contentWrap{
        width: 100%;
        padding: 100px 0;
    }
    .ct-inner{
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
        margin-bottom: 100px;
    }
    .ct-inner img{
        width: 100%;
        max-width: 500px;
        margin-bottom: 50px;
    }
    
    .ctp-inner{
        width: 100%;
    }
    .point-Wrap{
        display: flex;
        flex-wrap: wrap;
        align-items: flex-start;
        text-align: center;
        justify-content: center;
        gap: 30px;
    }
    .point-Wrap>div{
        width: 40%;
    }
    .point-Wrap>div>img, .point-Wrap>div>p{
        width: 100%;
        margin-bottom: 20px;
    }
    /* business content end */
    
    
    /* arrowWrap start */
    #arrowWrap{
        width: 100%;
        padding: 100px 0;
        background-color: #F5F5FD;
    }
    .imgBoxWrap{
        display: none;
    }
    
    .pointBoxWrap{
        width: 100%;
        height: 100%;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        gap: 20px;
        margin: 20px 0;
    }
    .pointBox{
        width: 45%;
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 20px;
        background-color: #fff;
        padding: 20px;
        border-radius: 10px;
        border: 1px solid #e2e2e2;
        text-align: center;
    }
    .pointBox>li:nth-child(2){
        font-size: 1.25rem;
        font-weight: 600;
        color: #3b9d52;
    }
    .pointBox>li:nth-child(3){
        font-size: 0.875rem;
    }
    /* arrowWrap end */
    
    /* coupangWrap start */
    #coupangWrap{
        width: 100%;
        padding: 100px 0;
    }
    .coupangImgBox{
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-evenly;
        align-items: flex-end;
        position: relative;
    }
    .coupangImgBox>img{
        width: 100%;
    }
    .coupangImgBox>p{
        width: 20rem;
        padding: 1rem;
        background-color: #4db065;
        border-radius: 10px;
        color: #fff;
        font-size: 1rem;
    }
    /* coupangWrap end */
    
    
    /* graphWrap start */
    #graphWrap{
        width: 100%;
        padding: 0 0 100px;
    }
    .graphInner{
        display: flex;
        flex-direction: column;
    }
    .graphBoxWrap{
        width: 100%;
        display: flex;
        justify-content: space-between;
        align-items: flex-end;
    }
    .graphBox{
        width: 20%;
        text-align: center;
        display: flex;
        flex-direction: column;
        gap: 20px;
    }
    .graphBox>p{
        font-size: 0.75rem;
    }
    .graphBox>div{
        width: 60%;
        margin: auto;
        background-color: #4db065;
        border-radius: 5px 5px 0 0;
    }
    .g6{
        height: 260px;
    }
    .g5{
        height: 230px;
    }
    .g4{
        height: 200px;
    }
    .g3{
        height: 130px;
    }
    .g2{
        height: 80px;
    }
    .g1{
        height: 50px;
    }
    
    .dLine{
        height: 1px;
        background-color: #e2e2e2;
        border: 0;
    }
    
    .graphTxt{
        width: 100%;
        display: flex;
        justify-content: space-between;
        align-items: flex-end;
    }
    .graphTxt>p{
        width: 20%;
        text-align: center;
        font-size: 0.75rem;
    }
    .graphEx{
        width: 100%;
        padding: 50px 0;
        text-align: center;
    }
    .graphEx>p:nth-child(1){
        font-size: 1rem;
        font-weight: bold;
    }
    .graphEx>p:nth-child(2){
        margin-top: 0.5rem;
        font-size: 0.9rem;
        color: #999;
    }
    .graphEx>p:nth-child(3){
        margin-top: 3rem;
        font-size: 1rem;
        font-weight: bold;
    }
    /* graphWrap end */
    /* TAB 1 END */
    
    
    
    
    
    
    
    /* TAB 2 START */
    /* wmsWrap start */
    #wmsWrap{
        width: 100%;
        padding: 100px 0;
    }
    .wmsInner{
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .wmsImg{
        display: none;
    }
    .wms-mImg{
        width: 98%;
        margin: auto;
    }
    .wms-mImg>img{
        width: 100%;
    }
    /* wmsWrap end */
    
    /* warehouseWrap start */
    #warehouseWrap{
        width: 100%;
        padding: 100px 0;
    }
    .warehouseInner{
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .warehouseInner>p{
        text-align: center;
        font-size: 2rem;
        margin-bottom:5rem;
        font-weight: 600;
        color: #3b9d52;
    }
    .warehouseBox{
        width: 100%;
    }
    .warehouseBox>img{
        width: 100%;
    }
    .warehouseTxt{
        margin-top: 3rem;
    }
    .warehouseTxt>ul{
        margin-bottom: 3rem;
    }
    .warehouseTxt>ul>li:nth-child(1){
        color: #3b9d52;
        font-weight: 600;
        font-size: 1.25rem;
        margin-bottom: 0.5rem;
    }
    .warehouseTxt>ul>li:nth-child(2),.warehouseTxt>ul>li:nth-child(3),.warehouseTxt>ul>li:nth-child(4){
        
        font-size: 1rem;
        margin-bottom: 0.2rem;
    }
    /* warehouseWrap end */
    
    /* TAB 2 END */
    
    
    
    
    
    
    /* TAB 4 START */
    
    /* pr-contentWrap start */
    #pr-contentWrap{
        width: 100%;
        padding: 100px 0;
    }
    .pr-point-Wrap{
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        gap: 10px;
    }
    .prWrapList{
        width: 45%;
        padding: 50px 20px;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: center;
        border: 1px solid #e2e2e2;
        text-align: center;
        border-radius: 10px;
    }
    .prWrapList>span{
        width: 80px;
        height: 80px;
        background-color: #F5F5FD;
        display: flex;
        justify-content: center;
        align-items: center;
        border-radius: 60px;
        margin-bottom: 20px;
        mix-blend-mode: darken;
    }
    .prWrapList>span>img{
        mix-blend-mode: darken;
    }
    .prWrapList strong{
        font-size: 1.25rem;
        margin-bottom: 10px;
        color: #3b9d52;
    }
    .prWrapList p{
        font-size: 0.875rem;
    }
    /* pr-contentWrap end */
    #commerceWrap{
        width: 100%;
        padding: 100px 0;
    }
    .coWrap{
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        gap: 10px;
    }
    .coWrapList{
        width: 45%;
        padding: 50px 20px;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: center;
        border: 1px solid #e2e2e2;
        text-align: center;
        border-radius: 10px;
        gap: 20px;
    }
    .coWrapList strong{
        font-size: 1.25rem;
    }
    /* TAB 4 END */
    
    
    /* TAB 3 START */
    /* business content start */
    .a-contentWrap{
        width: 100%;
        padding: 100px 0;
    }
    .ap-inner{
        width: 100%;
    }
    .a-point-Wrap{
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        gap: 20px;
        text-align: center;
    }
    
    .a-point-Wrap .WrapList {
        padding: 20px;
        border-radius: 20px;
        border: 1px solid #e2e2e2;
    }
    
    .a-point-Wrap span {
        display: block;
        width: 100%;
        margin-bottom: 30px;
    }
    .a-point-Wrap strong {
        color: #3b9d52;
        font-size: 1rem;
    }
    .a-point-Wrap span img {
        width: 80%;
        vertical-align: middle;
    }
    .a-point-Wrap>div{
        width: 40%;
    }
    .a-point-Wrap>div>img, .point-Wrap>div>p{
        margin-bottom: 20px;
    }
    /* business content end */
    
    
    /* infoWrapper */
    .infoWrapper {
        width: 100%;
        margin: 65px 0 ;
    }
    .infoWrapper .infoWrap {
        display: flex;
        flex-direction: column;
        gap: 50px;
    }
    .infoWrap .infoList {
        display: flex;
        align-items: flex-start;
    }
    .infoWrap .infoList span {
        width: 42px;
        height: 42px;
        display: flex;
        align-items: center;
        justify-content: center;
        background-color: #3b9d52;
        color: #FFF;
        font-size: 1.25rem;
        font-weight: 500;
        border-radius: 50%;
        margin-right: 20px;
        flex-shrink: 0;
    }
    .infoWrap .infoList p {
        color: #777;
        font-size: 1rem;
    }
    /* infoWrapper  end*/
    
    /* systemDev start */
    .systemDev {
        position: relative;
        width: 100%;
        padding: 100px 0;
        z-index: 1;
    }
    .systemDev .Bg {
        position: absolute;
        width: 100%;
        height: 60vh;
        top: 0%;
        transform: translate(0,5%);
        background: url('/images/DevWrapper_bg.png') center center / contain no-repeat;
        z-index: -1;
    }
    .systemDev .systemDevTitle {
        margin: 0 auto;
        text-align: center;
        color: #3b9d52;
        margin-bottom: 60px;
    }
    .systemDev .systemDevTitle h2 {
        font-size: 36px;
        margin-bottom: 24px;
    }
    .systemDev .systemDevTitle span {
        font-size: 18px;
        font-weight: 500;
    }
    .systemDev .DevWrap {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        gap: 30px;
        margin-bottom: 90px;
    }
    .systemDev .DevWrap p {
        width: 40%;
        display: flex;
        justify-content: center;
        align-items: center;
        text-align: center;
        color: #FFF;
        background-color: #2d7a41;
        border-radius: 50%;
        font-size: 1.25rem;
        font-weight: 700;
    }
    .systemDev .DevWrap p::after{
        content: "";
        display: block;
        padding-bottom: 100%;
    }
    .systemDev .DevInfo {
        margin: 0 auto;
        color: #3b9d52;
    }
    .systemDev .DevInfo p {
        font-size: 1rem;
        font-weight: 700;
        line-height: 1.8;
    }
    /* systemDev end */
    
    /* platformInfo start */
    .platformInfo {
        width: 100%;
        padding: 100px 0;
        background-color: #F5F5FD;
    }
    .platformInfo .InfoWrapper {
        display: flex;
        flex-direction: column;
        gap: 60px;
    }
    .platformInfo .InfoWrapper .InfoList h3 {
        color: #3b9d52;
        font-size: 1.25rem;
        font-weight: 700;
        margin-bottom: 15px;
    }
    .platformInfo .InfoWrapper .InfoList p {
        font-size: 1rem;
        font-weight: 600;
        color: #777;
        line-height: 1.7;
    }
    /* TAB 3 END */
} 

/* 가로모드 모바일 디바이스 (가로 해상도가 576px보다 크고 1024px 보다 작은 화면에 적용)  */
@media (min-width: 576px) and (max-width: 1024px) {

    /* TAB 1 START */
    /* business main start */
        .tab-content{
            display: none;
        }
        .tab-content.active{
            display: block;
        }
        #bi-main{
            width: 100%;
            height: 70vh;
            padding-top: 100px;
            background-color: #F5F5FD;
        }
        .bi-inner{
            display: flex;
            flex-direction: column;
        }
    
        #bi-main .txt-box{
            width: 100%;
        }
        .txt-box h3{
            font-size: 1.75rem;
            font-weight: bold;
            margin-bottom: 20px;
        }
        .txt-box p{
            font-size: 1rem;
        }
    
        #bi-main .img-box{
            width: 100%;
        }
    
        .img-box>img{
            width: 100%;
            mix-blend-mode: darken;
        }
        .bi-main .txt-box>p:nth-child(3){
            box-sizing: content-box;
            width: 4rem;
            padding: 10px 25px;
            margin: 50px 0;
            font-size: 1rem;
            color: #fff;
            background-color: #3b9d52;
            border-radius: 5px;
        }
    
    /* business main end */
    
    
    /* business tab start */
    #bi-tabWrap{
        width: 100%;
        margin-top: -50px;
        position: relative;
    }
    .tab-inner{
        height: 100%;
        margin: auto;
        display: flex;
        flex-direction: column;
    }
    .tab-inner .tab_item{
        width: 100%;
        padding: 10px;
        display: flex;
        justify-content: center;
        align-items: center;
        background-color: #fff;
        border: 1px solid #e2e2e2;
        font-size: 1.2rem;
        cursor: pointer;
    }
    .tab-inner>.tab_item.active{
        background-color: #3b9d52;
        color: #fff;
    }
    .tab-inner li:nth-child(1){
        border-radius: 10px 10px 0px 0px;
    }
    .tab-inner li:nth-child(4){
        border-radius: 0px 0px 10px 10px;
    }
    /* business tab end */
    
    /* business content start */
    .bi-contentWrap{
        width: 100%;
        padding: 100px 0;
    }
    .ct-inner{
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
        margin-bottom: 100px;
    }
    .ct-inner img{
        width: 100%;
        max-width: 500px;
        margin-bottom: 50px;
    }
    
    .ctp-inner{
        width: 100%;
    }
    .point-Wrap{
        display: flex;
        align-items: flex-start;
        text-align: center;
        justify-content: space-between;
        gap: 30px;
    }
    .point-Wrap>div{
        width: 45%;
    }
    .point-Wrap>div>img, .point-Wrap>div>p{
        width: 100%;
        margin-bottom: 20px;
    }
    /* business content end */
    
    
    /* arrowWrap start */
    #arrowWrap{
        width: 100%;
        padding: 100px 0;
        background-color: #F5F5FD;
    }
    .imgBoxWrap{
        display: none;
    }
    
    .pointBoxWrap{
        width: 100%;
        height: 100%;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        gap: 20px;
        margin: 20px 0;
    }
    .pointBox{
        width: 45%;
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 20px;
        background-color: #fff;
        padding: 20px;
        border-radius: 10px;
        border: 1px solid #e2e2e2;
        text-align: center;
    }
    .pointBox>li:nth-child(2){
        font-size: 1.25rem;
        font-weight: 600;
        color: #3b9d52;
    }
    .pointBox>li:nth-child(3){
        font-size: 0.875rem;
    }
    /* arrowWrap end */
    
    /* coupangWrap start */
    #coupangWrap{
        width: 100%;
        padding: 100px 0;
    }
    .coupangImgBox{
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-evenly;
        align-items: flex-end;
        position: relative;
    }
    .coupangImgBox>img{
        width: 100%;
    }
    .coupangImgBox>p{
        width: 20rem;
        padding: 1rem;
        background-color: #4db065;
        border-radius: 10px;
        color: #fff;
        font-size: 1rem;
    }
    /* coupangWrap end */
    
    
    /* graphWrap start */
    #graphWrap{
        width: 100%;
        padding: 0 0 100px;
    }
    .graphInner{
        display: flex;
        flex-direction: column;
    }
    .graphBoxWrap{
        width: 100%;
        display: flex;
        justify-content: space-between;
        align-items: flex-end;
    }
    .graphBox{
        width: 20%;
        text-align: center;
        display: flex;
        flex-direction: column;
        gap: 20px;
    }
    .graphBox>p{
        font-size: 0.75rem;
    }
    .graphBox>div{
        width: 60%;
        margin: auto;
        background-color: #4db065;
        border-radius: 5px 5px 0 0;
    }
    .g6{
        height: 260px;
    }
    .g5{
        height: 230px;
    }
    .g4{
        height: 200px;
    }
    .g3{
        height: 130px;
    }
    .g2{
        height: 80px;
    }
    .g1{
        height: 50px;
    }
    
    .dLine{
        height: 1px;
        background-color: #e2e2e2;
        border: 0;
    }
    
    .graphTxt{
        width: 100%;
        display: flex;
        justify-content: space-between;
        align-items: flex-end;
    }
    .graphTxt>p{
        width: 20%;
        text-align: center;
        font-size: 0.75rem;
    }
    .graphEx{
        width: 100%;
        padding: 50px 0;
        text-align: center;
    }
    .graphEx>p:nth-child(1){
        font-size: 1rem;
        font-weight: bold;
    }
    .graphEx>p:nth-child(2){
        margin-top: 0.5rem;
        font-size: 0.9rem;
        color: #999;
    }
    .graphEx>p:nth-child(3){
        margin-top: 3rem;
        font-size: 1rem;
        font-weight: bold;
    }
    /* graphWrap end */
    /* TAB 1 END */
    
    
    
    
    
    
    
    /* TAB 2 START */
    /* wmsWrap start */
    #wmsWrap{
        width: 100%;
        padding: 100px 0;
    }
    .wmsInner{
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .wmsImg{
        width: 98%;
        margin: auto;
    }
    .wmsImg>img{
        width: 100%;
    }
    .wms-mImg{
        display: none;
    }
    /* wmsWrap end */
    
    /* warehouseWrap start */
    #warehouseWrap{
        width: 100%;
        padding: 100px 0;
    }
    .warehouseInner{
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .warehouseInner>p{
        text-align: center;
        font-size: 2rem;
        margin-bottom:5rem;
        font-weight: 600;
        color: #3b9d52;
    }
    .warehouseBox{
        width: 100%;
    }
    .warehouseBox>img{
        width: 100%;
    }
    .warehouseTxt{
        margin-top: 3rem;
    }
    .warehouseTxt>ul{
        margin-bottom: 3rem;
    }
    .warehouseTxt>ul>li:nth-child(1){
        color: #3b9d52;
        font-weight: 600;
        font-size: 1.25rem;
        margin-bottom: 0.5rem;
    }
    .warehouseTxt>ul>li:nth-child(2),.warehouseTxt>ul>li:nth-child(3),.warehouseTxt>ul>li:nth-child(4){
        
        font-size: 1rem;
        margin-bottom: 0.2rem;
    }
    /* warehouseWrap end */
    
    /* TAB 2 END */
    
    
    
    
    
    
    /* TAB 4 START */
    
    /* pr-contentWrap start */
    #pr-contentWrap{
        width: 100%;
        padding: 100px 0;
    }
    .pr-point-Wrap{
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        gap: 10px;
    }
    .prWrapList{
        width: 45%;
        padding: 50px 20px;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: center;
        border: 1px solid #e2e2e2;
        text-align: center;
        border-radius: 10px;
    }
    .prWrapList>span{
        width: 80px;
        height: 80px;
        background-color: #F5F5FD;
        display: flex;
        justify-content: center;
        align-items: center;
        border-radius: 60px;
        margin-bottom: 20px;
        mix-blend-mode: darken;
    }
    .prWrapList>span>img{
        mix-blend-mode: darken;
    }
    .prWrapList strong{
        font-size: 1.25rem;
        margin-bottom: 10px;
        color: #3b9d52;
    }
    .prWrapList p{
        font-size: 0.875rem;
    }
    /* pr-contentWrap end */
    #commerceWrap{
        width: 100%;
        padding: 100px 0;
    }
    .coWrap{
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        gap: 10px;
    }
    .coWrapList{
        width: 45%;
        padding: 50px 20px;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: center;
        border: 1px solid #e2e2e2;
        text-align: center;
        border-radius: 10px;
        gap: 20px;
    }
    .coWrapList strong{
        font-size: 1.25rem;
    }
    /* TAB 4 END */
    
    
    /* TAB 3 START */
    /* business content start */
    .a-contentWrap{
        width: 100%;
        padding: 100px 0;
    }
    .ap-inner{
        width: 100%;
    }
    .a-point-Wrap{
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        gap: 30px;
        text-align: center;
    }
    
    .a-point-Wrap .WrapList {
        padding: 20px;
        border-radius: 20px;
        border: 1px solid #e2e2e2;
    }
    
    .a-point-Wrap span {
        display: block;
        width: 100%;
        margin-bottom: 30px;
    }
    .a-point-Wrap strong {
        color: #3b9d52;
        font-size: 1rem;
    }
    .a-point-Wrap span img {
        width: 60%;
        vertical-align: middle;
    }
    .a-point-Wrap>div{
        width: 45%;
    }
    .a-point-Wrap>div>img, .point-Wrap>div>p{
        margin-bottom: 20px;
    }
    /* business content end */
    
    
    /* infoWrapper */
    .infoWrapper {
        width: 100%;
        margin: 65px 0 ;
    }
    .infoWrapper .infoWrap {
        display: flex;
        flex-direction: column;
        gap: 50px;
    }
    .infoWrap .infoList {
        display: flex;
        align-items: flex-start;
    }
    .infoWrap .infoList span {
        width: 42px;
        height: 42px;
        display: flex;
        align-items: center;
        justify-content: center;
        background-color: #3b9d52;
        color: #FFF;
        font-size: 1.25rem;
        font-weight: 500;
        border-radius: 50%;
        margin-right: 20px;
        flex-shrink: 0;
    }
    .infoWrap .infoList p {
        color: #777;
        font-size: 1rem;
    }
    /* infoWrapper  end*/
    
    /* systemDev start */
    .systemDev {
        position: relative;
        width: 100%;
        padding: 100px 0;
        z-index: 1;
    }
    .systemDev .Bg {
        position: absolute;
        width: 100%;
        height: 60vh;
        top: 0%;
        transform: translate(0,5%);
        background: url('/images/DevWrapper_bg.png') center center / contain no-repeat;
        z-index: -1;
    }
    .systemDev .systemDevTitle {
        margin: 0 auto;
        text-align: center;
        color: #3b9d52;
        margin-bottom: 60px;
    }
    .systemDev .systemDevTitle h2 {
        font-size: 36px;
        margin-bottom: 24px;
    }
    .systemDev .systemDevTitle span {
        font-size: 18px;
        font-weight: 500;
    }
    .systemDev .DevWrap {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        gap: 30px;
        margin-bottom: 90px;
        position: relative;
    }
    .systemDev .DevWrap p {
        width: 40%;
        display: flex;
        justify-content: center;
        align-items: center;
        text-align: center;
        color: #FFF;
        background-color: #2d7a41;
        border-radius: 50%;
        font-size: 1.25rem;
        font-weight: 700;
    }
    .systemDev .DevWrap p::after{
        content: "";
        display: block;
        padding-bottom: 100%;
    }
    .systemDev .DevInfo {
        margin: 0 auto;
        color: #3b9d52;
    }
    .systemDev .DevInfo p {
        font-size: 1rem;
        font-weight: 700;
        line-height: 1.8;
    }
    /* systemDev end */
    
    /* platformInfo start */
    .platformInfo {
        width: 100%;
        padding: 100px 0;
        background-color: #F5F5FD;
    }
    .platformInfo .InfoWrapper {
        display: flex;
        flex-direction: column;
        gap: 60px;
    }
    .platformInfo .InfoWrapper .InfoList h3 {
        color: #3b9d52;
        font-size: 1.25rem;
        font-weight: 700;
        margin-bottom: 15px;
    }
    .platformInfo .InfoWrapper .InfoList p {
        font-size: 1rem;
        font-weight: 600;
        color: #777;
        line-height: 1.7;
    }
    /* TAB 3 END */
}

/* 데스크탑 (가로 해상도가 992px보다 크고 1199px 보다 작은 화면에 적용)  */
@media (min-width: 1025px) and (max-width: 1920px) {
    /* TAB 1 START */
    /* business main start */
    .tab-content{
        display: none;
    }
    .tab-content.active{
        display: block;
    }
    
    #bi-main{
        width: 100%;
        min-height: 500px;
        padding-top: 100px;
        background-color: #F5F5FD;
    }
    .bi-inner{
        display: flex;
        justify-content: flex-start;
    }
    
    #bi-main .txt-box{
        width: 50%;
        margin: auto;
    }
    .txt-box h3{
        font-size: 3rem;
        font-weight: bold;
        margin-bottom: 20px;
    }
    .txt-box p{
        font-size: 1.4rem;
    }
    
    #bi-main .img-box{
        width: 50%;
    }
    
    .img-box>img{
        width: 90%;
        mix-blend-mode: darken;
    }
    .bi-main .txt-box>p:nth-child(3){
        width: 8.125rem;
        padding: 10px 25px;
        margin-top: 50px;
        font-size: 1.25rem;
        color: #fff;
        background-color: #3b9d52;
        border-radius: 5px;
        cursor: pointer;
    }
    
    /* business main end */
    
    
    /* business tab start */
    #bi-tabWrap{
        width: 100%;
        height: 80px;
        margin-top: -50px;
        position: relative;
    }
    .tab-inner{
        height: 100%;
        display: flex;
        justify-content: space-between;
    }
    .tab-inner .tab_item{
        width: 25%;
        height: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        background-color: #fff;
        border: 1px solid #e2e2e2;
        font-size: 1.2rem;
        cursor: pointer;
    }
    .tab-inner>.tab_item.active{
        background-color: #3b9d52;
        color: #fff;
    }
    .tab-inner li:nth-child(1){
        border-radius: 10px 0px 0px 10px;
    }
    .tab-inner li:nth-child(4){
        border-radius: 0px 10px 10px 0px;
    }
    .tab-inner>li:hover{
        background-color: #3b9d52;
        color: #fff;
    }
    /* business tab end */
    
    /* business content start */
    .bi-contentWrap{
        width: 100%;
        padding: 100px 0;
    }
    .ct-inner{
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
        margin-bottom: 100px;
    }
    .ct-inner img{
        width: 100%;
        max-width: 500px;
        margin-bottom: 50px;
    }
    .ct-inner p{
        font-size: 2rem;
        font-weight: 600;
        color: #3b9d52;
    }
    
    .ctp-inner{
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .point-Wrap{
        display: flex;
        justify-content: space-between;
        align-items: center;
        text-align: center;
        gap: 150px;
    }
    .point-Wrap>div{
        width: 25%;
    }
    .point-Wrap>div>img, .point-Wrap>div>p{
        margin-bottom: 20px;
    }
    /* business content end */
    
    
    /* arrowWrap start */
    #arrowWrap{
        width: 100%;
        padding: 100px 0;
        background-color: #F5F5FD;
    }
    .imgBoxWrap{
        width: 100%;
        height: 100%;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    .arrowImgBox{
        width: 16rem;
        height: 7rem;
        background-repeat: no-repeat;
        background-position: 50%;
        background-size: 100%;
    }
    .arrowImgBox:nth-child(1){
        background-image: url(../images/Arrow_01.png);
    }
    .arrowImgBox:nth-child(2){
        background-image: url(../images/Arrow_02.png);
    }
    .arrowImgBox:nth-child(3){
        background-image: url(../images/Arrow_03.png);
    }
    .arrowImgBox:nth-child(4){
        background-image: url(../images/Arrow_04.png);
    }
    .arrowImgBox:nth-child(5){
        background-image: url(../images/Arrow_05.png);
    }
    .arrowImgBox:nth-child(6){
        background-image: url(../images/Arrow_06.png);
    }
    .arrowImgBox>p{
        width: 100%;
        height: 100%;
        color: #fff;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    
    .pointBoxWrap{
        width: 100%;
        height: 100%;
        display: flex;
        justify-content: space-between;
        align-items: self-start;
        gap: 20px;
        margin: 20px 0;
    }
    .pointBox{
        width: 15rem;
        height: 15rem;
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 20px;
        background-color: #fff;
        padding: 20px;
        border-radius: 10px;
        border: 1px solid #e2e2e2;
        text-align: center;
    }
    .pointBox>li:nth-child(2){
        font-size: 1.25rem;
        font-weight: 600;
        color: #3b9d52;
    }
    .pointBox>li:nth-child(3){
        font-size: 0.875rem;
    }
    /* arrowWrap end */
    
    /* coupangWrap start */
    #coupangWrap{
        width: 100%;
        padding: 100px 0;
    }
    .coupangImgBox{
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-evenly;
        align-items: flex-end;
        position: relative;
    }
    .coupangImgBox>p{
        width: 20rem;
        padding: 2rem;
        background-color: #4db065;
        border-radius: 10px;
        color: #fff;
        font-size: 1.2rem;
        position: absolute;
        right: 10rem;
        bottom: 2rem;
    }
    /* coupangWrap end */
    
    
    /* graphWrap start */
    #graphWrap{
        width: 100%;
        padding: 100px 0;
    }
    .graphInner{
        max-width: 1200px;
        margin: auto;
        display: flex;
        flex-direction: column;
    }
    .graphBoxWrap{
        width: 100%;
        display: flex;
        justify-content: space-between;
        align-items: flex-end;
    }
    .graphBox{
        width: 20%;
        text-align: center;
        display: flex;
        flex-direction: column;
        gap: 20px;
    }
    .graphBox>div{
        width: 40%;
        margin: auto;
        background-color: #4db065;
        border-radius: 5px 5px 0 0;
    }
    .g6{
        height: 360px;
    }
    .g5{
        height: 330px;
    }
    .g4{
        height: 300px;
    }
    .g3{
        height: 230px;
    }
    .g2{
        height: 180px;
    }
    .g1{
        height: 150px;
    }
    
    .dLine{
        height: 1px;
        background-color: #e2e2e2;
        border: 0;
    }
    
    .graphTxt{
        width: 100%;
        display: flex;
        justify-content: space-between;
        align-items: flex-end;
    }
    .graphTxt>p{
        width: 20%;
        text-align: center;
    }
    .graphEx{
        width: 100%;
        padding: 50px 0;
        text-align: center;
    }
    .graphEx>p:nth-child(1){
        font-size: 1rem;
        font-weight: bold;
    }
    .graphEx>p:nth-child(2){
        margin-top: 0.5rem;
        font-size: 0.9rem;
        color: #999;
    }
    .graphEx>p:nth-child(3){
        margin-top: 3rem;
        font-size: 1.4rem;
        font-weight: bold;
    }
    /* graphWrap end */
    /* TAB 1 END */
    
    
    
    
    
    
    
    /* TAB 2 START */
    /* wmsWrap start */
    #wmsWrap{
        width: 100%;
        padding: 100px 0;
    }
    .wmsInner{
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .wmsImg{
        margin-top: 70px;
    }
    .wms-mImg{
        display: none;
    }
    .wmsImg>img{
        width: 100%;
    }
    /* wmsWrap end */
    
    /* warehouseWrap start */
    #warehouseWrap{
        width: 100%;
        padding: 100px;
    }
    .warehouseInner{
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .warehouseInner>p{
        text-align: center;
        font-size: 2rem;
        margin-bottom:5rem;
        font-weight: 600;
        color: #3b9d52;
    }
    .warehouseBox{
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: flex-start;
        gap: 3rem;
    }
    .warehouseTxt>ul{
        margin-bottom: 3rem;
    }
    .warehouseTxt>ul>li:nth-child(1){
        color: #3b9d52;
        font-weight: 600;
        font-size: 1.25rem;
        margin-bottom: 0.5rem;
    }
    .warehouseTxt>ul>li:nth-child(2),.warehouseTxt>ul>li:nth-child(3),.warehouseTxt>ul>li:nth-child(4){
        
        font-size: 1rem;
        margin-bottom: 0.2rem;
    }
    /* warehouseWrap end */
    
    /* TAB 2 END */
    
    
    
    
    
    
    /* TAB 4 START */
    
    /* pr-contentWrap start */
    #pr-contentWrap{
        width: 100%;
        padding: 100px 0;
    }
    .pr-point-Wrap{
        display: flex;
        justify-content: space-between;
        gap: 20px;
    }
    .prWrapList{
        width: 25%;
        padding: 50px;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: center;
        border: 1px solid #e2e2e2;
        text-align: center;
        border-radius: 10px;
    }
    .prWrapList>span{
        width: 80px;
        height: 80px;
        background-color: #F5F5FD;
        display: flex;
        justify-content: center;
        align-items: center;
        border-radius: 60px;
        margin-bottom: 20px;
        mix-blend-mode: darken;
    }
    .prWrapList>span>img{
        mix-blend-mode: darken;
    }
    .prWrapList strong{
        font-size: 1.25rem;
        margin-bottom: 10px;
        color: #3b9d52;
    }
    .prWrapList p{
        font-size: 0.875rem;
    }
    /* pr-contentWrap end */
    #commerceWrap{
        width: 100%;
        padding: 100px 0;
    }
    .coWrap{
        display: flex;
        justify-content: space-between;
    }
    .coWrapList{
        width: 16%;
        padding: 50px 20px;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: center;
        border: 1px solid #e2e2e2;
        text-align: center;
        border-radius: 10px;
        gap: 20px;
    }
    .coWrapList strong{
        font-size: 1.25rem;
    }
    /* TAB 4 END */
    
    
    /* TAB 3 START */
    /* business content start */
    .a-contentWrap{
        width: 100%;
        padding: 100px 0;
    }
    .a-inner{
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
        margin-bottom: 100px;
    }
    .a-inner img{
        width: 100%;
        max-width: 500px;
        margin-bottom: 50px;
    }
    .a-inner h2 {
        font-size: 36px;
        color: #3b9d52;
        margin-bottom: 24px;
    }
    .a-inner span {
        font-size: 18px;
        color: #3b9d52;
        font-weight: 500;
    }
    
    .ap-inner{
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .a-point-Wrap{
        display: flex;
        justify-content: space-between;
        align-items: center;
        text-align: center;
        gap: 24px;
    }
    
    .a-point-Wrap .WrapList {
        height: 285px;
        padding: 40px;
        border-radius: 20px;
        border: 1px solid #e2e2e2;
    }
    
    .a-point-Wrap span {
        display: block;
        width: 100%;
        margin-bottom: 30px;
    }
    .a-point-Wrap strong {
        color: #3b9d52;
        font-size: 20px;
    }
    .a-point-Wrap span img {
        width: 60%;
        vertical-align: middle;
    }
    .a-point-Wrap>div{
        width: 25%;
    }
    .a-point-Wrap>div>img, .point-Wrap>div>p{
        margin-bottom: 20px;
    }
    /* business content end */
    
    
    /* infoWrapper */
    .infoWrapper {
        width: 100%;
        margin: 65px 0 ;
    }
    .infoWrapper .infoWrap {
        max-width: 1200px;
        margin: 0 auto;
        display: flex;
        justify-content: space-between;
        align-items: center;    
    }
    .infoWrap .infoList {
        display: flex;
        align-items: flex-start;
    }
    .infoWrap .infoList span {
        width: 42px;
        height: 42px;
        display: flex;
        align-items: center;
        justify-content: center;
        background-color: #3b9d52;
        color: #FFF;
        font-size: 20px;
        font-weight: 500;
        border-radius: 50%;
        margin-right: 20px;
        flex-shrink: 0;
    }
    .infoWrap .infoList p {
        color: #777;
        font-size: 20px;
    }
    /* infoWrapper  end*/
    
    /* systemDev start */
    .systemDev {
        position: relative;
        width: 100%;
        padding: 100px 0;
        z-index: 1;
    }
    .systemDev .Bg {
        position: absolute;
        width: 100%;
        height: 60vh;
        top: 0%;
        transform: translate(0,5%);
        background: url('/images/DevWrapper_bg.png') center center / contain no-repeat;
        z-index: -1;
    }
    .systemDev .systemDevTitle {
        margin: 0 auto;
        text-align: center;
        color: #3b9d52;
        margin-bottom: 60px;
    }
    .systemDev .systemDevTitle h2 {
        font-size: 36px;
        margin-bottom: 24px;
    }
    .systemDev .systemDevTitle span {
        font-size: 18px;
        font-weight: 500;
    }
    .systemDev .DevWrap {
        max-width: 1200px;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        margin: 0 auto;
        gap: 23px;
        margin-bottom: 90px;
    }
    .systemDev .DevWrap p {
        width: 18%;
        display: flex;
        justify-content: center;
        align-items: center;
        text-align: center;
        color: #FFF;
        background-color: #2d7a41;
        border-radius: 50%;
        font-size: 24px;
        font-weight: 700;
    }
    .systemDev .DevWrap p::after{
        content: "";
        display: block;
        padding-bottom: 100%;
    }
    .systemDev .DevInfo {
        max-width: 1200px;
        margin: 0 auto;
        color: #3b9d52;
    }
    .systemDev .DevInfo p {
        font-size: 20px;
        font-weight: 700;
        line-height: 1.8;
    }
    /* systemDev end */
    
    /* platformInfo start */
    .platformInfo {
        width: 100%;
        padding: 65px 0 105px;
        background-color: #F5F5FD;
    }
    .platformInfo .InfoWrapper {
        max-width: 1300px;
        display: flex;
        justify-content: space-between;
        align-items: stretch;
        flex-wrap: wrap;
        margin: 0 auto;
        gap: 44px 24px;
    }
    .platformInfo .InfoWrapper .InfoList {
        width: 48%;
    }
    .platformInfo .InfoWrapper .InfoList h3 {
        color: #3b9d52;
        font-size: 24px;
        font-weight: 700;
        margin-bottom: 15px;
    }
    .platformInfo .InfoWrapper .InfoList p {
        font-size: 20px;
        font-weight: 600;
        color: #777;
        line-height: 1.7;
    }
    /* TAB 3 END */
}

/* 1920이 넘는 해상도 */
@media (min-width: 1921px) {
    /* TAB 1 START */
    /* business main start */
    .tab-content{
        display: none;
    }
    .tab-content.active{
        display: block;
    }
    
    #bi-main{
        width: 100%;
        padding-top: 100px;
        background-color: #F5F5FD;
    }
    .bi-inner{
        display: flex;
        justify-content: flex-start;
    }
    
    #bi-main .txt-box{
        width: 50%;
        margin: auto;
    }
    .txt-box h3{
        font-size: 3rem;
        font-weight: bold;
        margin-bottom: 20px;
    }
    .txt-box p{
        font-size: 1.4rem;
    }
    
    #bi-main .img-box{
        width: 50%;
    }
    
    .img-box>img{
        width: 90%;
        mix-blend-mode: darken;
    }
    .bi-main .txt-box>p:nth-child(3){
        width: 8.125rem;
        padding: 10px 25px;
        margin-top: 50px;
        font-size: 1.25rem;
        color: #fff;
        background-color: #3b9d52;
        border-radius: 5px;
        cursor: pointer;
    }
    
    /* business main end */
    
    
    /* business tab start */
    #bi-tabWrap{
        width: 100%;
        height: 80px;
        margin-top: -50px;
        position: relative;
    }
    .tab-inner{
        height: 100%;
        display: flex;
        justify-content: space-between;
    }
    .tab-inner .tab_item{
        width: 25%;
        height: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        background-color: #fff;
        border: 1px solid #e2e2e2;
        font-size: 1.2rem;
        cursor: pointer;
    }
    .tab-inner>.tab_item.active{
        background-color: #3b9d52;
        color: #fff;
    }
    .tab-inner li:nth-child(1){
        border-radius: 10px 0px 0px 10px;
    }
    .tab-inner li:nth-child(4){
        border-radius: 0px 10px 10px 0px;
    }
    .tab-inner>li:hover{
        background-color: #3b9d52;
        color: #fff;
    }
    /* business tab end */
    
    /* business content start */
    .bi-contentWrap{
        width: 100%;
        padding: 100px 0;
    }
    .ct-inner{
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
        margin-bottom: 100px;
    }
    .ct-inner img{
        width: 100%;
        max-width: 500px;
        margin-bottom: 50px;
    }
    .ct-inner p{
        font-size: 2rem;
        font-weight: 600;
        color: #3b9d52;
    }
    
    .ctp-inner{
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .point-Wrap{
        display: flex;
        justify-content: space-between;
        align-items: center;
        text-align: center;
        gap: 150px;
    }
    .point-Wrap>div{
        width: 25%;
    }
    .point-Wrap>div>img, .point-Wrap>div>p{
        margin-bottom: 20px;
    }
    /* business content end */
    
    
    /* arrowWrap start */
    #arrowWrap{
        width: 100%;
        padding: 100px 0;
        background-color: #F5F5FD;
    }
    .imgBoxWrap{
        width: 100%;
        height: 100%;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    .arrowImgBox{
        width: 16rem;
        height: 7rem;
        background-repeat: no-repeat;
        background-position: 50%;
    }
    .arrowImgBox:nth-child(1){
        background-image: url(../images/Arrow_01.png);
    }
    .arrowImgBox:nth-child(2){
        background-image: url(../images/Arrow_02.png);
    }
    .arrowImgBox:nth-child(3){
        background-image: url(../images/Arrow_03.png);
    }
    .arrowImgBox:nth-child(4){
        background-image: url(../images/Arrow_04.png);
    }
    .arrowImgBox:nth-child(5){
        background-image: url(../images/Arrow_05.png);
    }
    .arrowImgBox:nth-child(6){
        background-image: url(../images/Arrow_06.png);
    }
    .arrowImgBox>p{
        width: 100%;
        height: 100%;
        color: #fff;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    
    .pointBoxWrap{
        width: 100%;
        height: 100%;
        display: flex;
        justify-content: space-between;
        align-items: self-start;
        gap: 20px;
        margin: 20px 0;
    }
    .pointBox{
        width: 15rem;
        height: 15rem;
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 20px;
        background-color: #fff;
        padding: 20px;
        border-radius: 10px;
        border: 1px solid #e2e2e2;
        text-align: center;
    }
    .pointBox>li:nth-child(2){
        font-size: 1.25rem;
        font-weight: 600;
        color: #3b9d52;
    }
    .pointBox>li:nth-child(3){
        font-size: 0.875rem;
    }
    /* arrowWrap end */
    
    /* coupangWrap start */
    #coupangWrap{
        width: 100%;
        padding: 100px 0;
    }
    .coupangImgBox{
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-evenly;
        align-items: flex-end;
        position: relative;
    }
    .coupangImgBox>p{
        width: 20rem;
        padding: 2rem;
        background-color: #4db065;
        border-radius: 10px;
        color: #fff;
        font-size: 1.2rem;
        position: absolute;
        right: 10rem;
        bottom: 2rem;
    }
    /* coupangWrap end */
    
    
    /* graphWrap start */
    #graphWrap{
        width: 100%;
        padding: 100px 0;
    }
    .graphInner{
        max-width: 1200px;
        margin: auto;
        display: flex;
        flex-direction: column;
    }
    .graphBoxWrap{
        width: 100%;
        display: flex;
        justify-content: space-between;
        align-items: flex-end;
    }
    .graphBox{
        width: 20%;
        text-align: center;
        display: flex;
        flex-direction: column;
        gap: 20px;
    }
    .graphBox>div{
        width: 40%;
        margin: auto;
        background-color: #4db065;
        border-radius: 5px 5px 0 0;
    }
    .g6{
        height: 360px;
    }
    .g5{
        height: 330px;
    }
    .g4{
        height: 300px;
    }
    .g3{
        height: 230px;
    }
    .g2{
        height: 180px;
    }
    .g1{
        height: 150px;
    }
    
    .dLine{
        height: 1px;
        background-color: #e2e2e2;
        border: 0;
    }
    
    .graphTxt{
        width: 100%;
        display: flex;
        justify-content: space-between;
        align-items: flex-end;
    }
    .graphTxt>p{
        width: 20%;
        text-align: center;
    }
    .graphEx{
        width: 100%;
        padding: 50px 0;
        text-align: center;
    }
    .graphEx>p:nth-child(1){
        font-size: 1rem;
        font-weight: bold;
    }
    .graphEx>p:nth-child(2){
        margin-top: 0.5rem;
        font-size: 0.9rem;
        color: #999;
    }
    .graphEx>p:nth-child(3){
        margin-top: 3rem;
        font-size: 1.4rem;
        font-weight: bold;
    }
    /* graphWrap end */
    /* TAB 1 END */
    
    
    
    
    
    
    
    /* TAB 2 START */
    /* wmsWrap start */
    #wmsWrap{
        width: 100%;
        padding: 100px 0;
    }
    .wmsInner{
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .wmsImg{
        margin-top: 70px;
    }
    .wms-mImg{
        display: none;
    }
    /* wmsWrap end */
    
    /* warehouseWrap start */
    #warehouseWrap{
        width: 100%;
        padding: 100px;
    }
    .warehouseInner{
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .warehouseInner>p{
        text-align: center;
        font-size: 2rem;
        margin-bottom:5rem;
        font-weight: 600;
        color: #3b9d52;
    }
    .warehouseBox{
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: flex-start;
        gap: 3rem;
    }
    .warehouseTxt>ul{
        margin-bottom: 3rem;
    }
    .warehouseTxt>ul>li:nth-child(1){
        color: #3b9d52;
        font-weight: 600;
        font-size: 1.25rem;
        margin-bottom: 0.5rem;
    }
    .warehouseTxt>ul>li:nth-child(2),.warehouseTxt>ul>li:nth-child(3),.warehouseTxt>ul>li:nth-child(4){
        
        font-size: 1rem;
        margin-bottom: 0.2rem;
    }
    /* warehouseWrap end */
    
    /* TAB 2 END */
    
    
    
    
    
    
    /* TAB 4 START */
    
    /* pr-contentWrap start */
    #pr-contentWrap{
        width: 100%;
        padding: 100px 0;
    }
    .pr-point-Wrap{
        display: flex;
        justify-content: space-between;
        gap: 20px;
    }
    .prWrapList{
        width: 25%;
        padding: 50px;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: center;
        border: 1px solid #e2e2e2;
        text-align: center;
        border-radius: 10px;
    }
    .prWrapList>span{
        width: 80px;
        height: 80px;
        background-color: #F5F5FD;
        display: flex;
        justify-content: center;
        align-items: center;
        border-radius: 60px;
        margin-bottom: 20px;
        mix-blend-mode: darken;
    }
    .prWrapList>span>img{
        mix-blend-mode: darken;
    }
    .prWrapList strong{
        font-size: 1.25rem;
        margin-bottom: 10px;
        color: #3b9d52;
    }
    .prWrapList p{
        font-size: 0.875rem;
    }
    /* pr-contentWrap end */
    #commerceWrap{
        width: 100%;
        padding: 100px 0;
    }
    .coWrap{
        display: flex;
        justify-content: space-between;
    }
    .coWrapList{
        width: 16%;
        padding: 50px 20px;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: center;
        border: 1px solid #e2e2e2;
        text-align: center;
        border-radius: 10px;
        gap: 20px;
    }
    .coWrapList strong{
        font-size: 1.25rem;
    }
    /* TAB 4 END */
    
    
    /* TAB 3 START */
    /* business content start */
    .a-contentWrap{
        width: 100%;
        padding: 100px 0;
    }
    .a-inner{
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
        margin-bottom: 100px;
    }
    .a-inner img{
        width: 100%;
        max-width: 500px;
        margin-bottom: 50px;
    }
    .a-inner h2 {
        font-size: 36px;
        color: #3b9d52;
        margin-bottom: 24px;
    }
    .a-inner span {
        font-size: 18px;
        color: #3b9d52;
        font-weight: 500;
    }
    
    .ap-inner{
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .a-point-Wrap{
        display: flex;
        justify-content: space-between;
        align-items: center;
        text-align: center;
        gap: 24px;
    }
    
    .a-point-Wrap .WrapList {
        height: 285px;
        padding: 40px;
        border-radius: 20px;
        border: 1px solid #e2e2e2;
    }
    
    .a-point-Wrap span {
        display: block;
        width: 100%;
        margin-bottom: 30px;
    }
    .a-point-Wrap strong {
        color: #3b9d52;
        font-size: 20px;
    }
    .a-point-Wrap span img {
        width: 60%;
        vertical-align: middle;
    }
    .a-point-Wrap>div{
        width: 25%;
    }
    .a-point-Wrap>div>img, .point-Wrap>div>p{
        margin-bottom: 20px;
    }
    /* business content end */
    
    
    /* infoWrapper */
    .infoWrapper {
        width: 100%;
        margin: 65px 0 ;
    }
    .infoWrapper .infoWrap {
        max-width: 1200px;
        margin: 0 auto;
        display: flex;
        justify-content: space-between;
        align-items: center;    
    }
    .infoWrap .infoList {
        display: flex;
        align-items: flex-start;
    }
    .infoWrap .infoList span {
        width: 42px;
        height: 42px;
        display: flex;
        align-items: center;
        justify-content: center;
        background-color: #3b9d52;
        color: #FFF;
        font-size: 20px;
        font-weight: 500;
        border-radius: 50%;
        margin-right: 20px;
        flex-shrink: 0;
    }
    .infoWrap .infoList p {
        color: #777;
        font-size: 20px;
    }
    /* infoWrapper  end*/
    
    /* systemDev start */
    .systemDev {
        position: relative;
        width: 100%;
        padding: 100px 0;
        z-index: 1;
    }
    .systemDev .Bg {
        position: absolute;
        width: 100%;
        height: 60vh;
        top: 0%;
        transform: translate(0,5%);
        background: url('/images/DevWrapper_bg.png') center center / contain no-repeat;
        z-index: -1;
    }
    .systemDev .systemDevTitle {
        margin: 0 auto;
        text-align: center;
        color: #3b9d52;
        margin-bottom: 60px;
    }
    .systemDev .systemDevTitle h2 {
        font-size: 36px;
        margin-bottom: 24px;
    }
    .systemDev .systemDevTitle span {
        font-size: 18px;
        font-weight: 500;
    }
    .systemDev .DevWrap {
        max-width: 1200px;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        margin: 0 auto;
        gap: 23px;
        margin-bottom: 90px;
    }
    .systemDev .DevWrap p {
        width: 18%;
        display: flex;
        justify-content: center;
        align-items: center;
        text-align: center;
        color: #FFF;
        background-color: #2d7a41;
        border-radius: 50%;
        font-size: 24px;
        font-weight: 700;
    }
    .systemDev .DevWrap p::after{
        content: "";
        display: block;
        padding-bottom: 100%;
    }
    .systemDev .DevInfo {
        max-width: 1200px;
        margin: 0 auto;
        color: #3b9d52;
    }
    .systemDev .DevInfo p {
        font-size: 20px;
        font-weight: 700;
        line-height: 1.8;
    }
    /* systemDev end */
    
    /* platformInfo start */
    .platformInfo {
        width: 100%;
        padding: 65px 0 105px;
        background-color: #F5F5FD;
    }
    .platformInfo .InfoWrapper {
        max-width: 1300px;
        display: flex;
        justify-content: space-between;
        align-items: stretch;
        flex-wrap: wrap;
        margin: 0 auto;
        gap: 44px 24px;
    }
    .platformInfo .InfoWrapper .InfoList {
        width: 48%;
    }
    .platformInfo .InfoWrapper .InfoList h3 {
        color: #3b9d52;
        font-size: 24px;
        font-weight: 700;
        margin-bottom: 15px;
    }
    .platformInfo .InfoWrapper .InfoList p {
        font-size: 20px;
        font-weight: 600;
        color: #777;
        line-height: 1.7;
    }
    /* TAB 3 END */
}