.productPsmWrap{
    display: flex;
    flex-direction: column;
    align-items: center;
    /* padding-bottom: 267px; */
    width: 100%;
    /* background-color: rgb(77, 69, 192); */
}

/* productMain / 상단 ---------------------------------------------------------------------------- */
.productPsmWrap > .productMain{
    width: 100%;
    height: 800px;
    background-color:#191F28;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;

}
.productPsmWrap > .productMain >.productM{
    background-color:#191F28;
    width: 1100px;
    position: relative;

}
.productPsmWrap > .productMain > .productM > .productMainWrap > .productMaiText{
    padding-bottom: 37px;
    /* z-index: 999; */
}

.productPsmWrap > .productMain > .productM > .productMainWrap > .productMaiText > p:first-child{
    /* text-align: center; */
    font-size: 52px;
    line-height: 72px;
    font-weight: 700;
    color:white;
}
.productPsmWrap > .productMain > .productM > .productMainWrap > .productMaiText > p:last-child{
    color: #B0B8C1;
    font-size: 18px;
    line-height: 32px;
    font-weight: 700;
    padding-top: 20px;
}
.productPsmWrap > .productMain > .productM > .productMainWrap > .product01Btn > button{
    font-size: 16px;
    font-weight: 600;
    line-height: 26px;
    height: 48px;
    border-radius: 8px;
}
.productPsmWrap > .productMain > .productM > .productMainWrap > .product01Btn > .productBtn01{
    background: rgba(107, 118, 132, 0.09);
    color: white;
    width: 135px;
    margin-right: 8px;
}
.productPsmWrap > .productMain > .productM > .productMainWrap > .product01Btn > .productBtn02{
    background-color: #212730;
    color: white;
    width: 170px;
}
.productPsmWrap > .productMain > .productM > .productMainImg > img{
    position: absolute;
    right: -90px;
    top:-230px;
}


/* productContent / 중간내용 ---------------------------------------------------------------------------- */

.productPsmWrap > .productContent{
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.productPsmWrap > .productContent > section{
    width: 100%;
    /* background-color: #8E8E8E; */
    display: flex;
    flex-direction: column;
    align-items: center;
}
.productPsmWrap > .productContent > section > .productContent01{
    width: 1280px;
    width: 100%;
    /* background-color: #bdb5b5; */
}
.productPsmWrap > .productContent > section > .productContent01 > .cont{
    /* padding-bottom: 300px; */
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;    
    height: 726px;
    margin-bottom: 28px;
    /* padding-bottom: 28px; */

}

.productName{
    color: #1e90ff;
    text-align: center;
    font-size: 26px;
    line-height: 38px;
    font-weight: 700;
    text-decoration: underline;
    padding-bottom: 20px;
}
.productTitleText > p:first-child,
.productText > p:first-child{
    color: #111111;
    text-align: center;
    font-size: 48px;
    line-height: 62px;
    font-weight: 700;
    
}
.padding{
    padding-top: 96px;
}
.productTitleText > p:nth-child(2),
.productText > p:nth-child(2),
.cont02 > p{
    font-size: 20px;
    line-height: 32px;
    font-weight: 600;
    color:#89919C;
    text-align: center;

    padding-top: 16px;
}

.productCenter{
    display: flex;
    flex-direction: column;
    align-items: center;
    height: 100%;
}
.productImg01{
    width:988px;
    height:414px;
    margin-top: 40px;
}
.productImg02{
    width:988px;
    /* height:414px; */
    
}


.cloudcont{
    /* height: 1480px !important; */
}
.apicont{
    height: 1112px !important;
}
.cloudImg01{
    width:1244px;
    height:600px;
    background: url(../img/cloud/cloud01.png) no-repeat center / contain;
    margin-top: 53px;
}

.cloudTable{
    width: 900px;
    margin-top: 80px;
}
.cloudTable td{
    height: 269px;
    width: 450px;
}
.cloudTable td > img{
    width: 60px;
    height: 60px;
    padding-bottom: 30px;
}
.cloudTable td > p{
    font-size: 20px;
    font-weight: 700;
    color:#1A1C21;
}
.cloudTable td > p:last-child{
    font-size: 18px;
    font-weight: 500;
    line-height: 30px;
    color:#89919C;
    padding-top: 10px;
}
.cloudpsmids{
    background-color: #F5F6F9;
}
.cloudpsmpadding{
    padding-top: 146px;
}
.cloud01{
    /* width: 990px; */
    /* height: 374px; */
    padding: 40px 0 60px 0;
    display: flex;
    justify-content: center;
    align-items: center;
    /* background-color: #1e90ff; */
    /* padding: 173px 0 32px 0; */
}
.cloud01padding{
    padding: 24px 0 0 0;
}
.cloud0102{
    background-color: #F8F8F8;
    border-radius: 20px 0 0 20px;
}
.cloud0103{
    background-color: #F8F8F8;
    border-radius:0 20px 20px 0;

}
.cloud010201{
    width: 494px;
    height: 200px;
    /* background-color: #F8F8F8; */
    
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}



.cloud01Title{
    font-size: 20px;
    line-height: 34px;
    color:#1A1C21;
    font-weight: 700;
    padding:0 0 15px 0;
    width: 336px;
}
.cloud01Title::before{
    content: "";
    display: inline-block;
    width: 34px;
    height: 34px;
    margin-right: 8px;
    vertical-align: middle;

}


.cloudTitle01::before{
    background: url(../img/cloud/cloudTitle01.png) no-repeat center / contain;
}
.cloudTitle02::before{
    background: url(../img/cloud/cloudTitle02.png) no-repeat center / contain;
}
.cloudTitle03::before{
    background: url(../img/cloud/cloudTitle03.png) no-repeat center / contain;
}
.cloudTitle04::before{
    background: url(../img/cloud/cloudTitle04.png) no-repeat center / contain;
}
.cloudTitle05::before{
    background: url(../img/cloud/cloudTitle05.png) no-repeat center / contain;
}
.cloud01Text{
    font-size: 18px;
    line-height: 30px;
    color:#89919C;
    font-weight: 500;
    /* padding-left: 24px; */
    width: 360px;
}
.cloud02{
    width: 918px;
    /* background-color: #191F28; */
}
.cloud03{
    width: 668px;
    /* background-color: #191F28; */
}
.cloud04{
    width: 536px;
}
.cloud02 > .cloud0201 > .cloud02box{
    width: 126px;
    height: 114px;
    background-color: #fff;
    border-radius: 14px;
    border: solid 3px #ECECEC;
    padding: 17px 0 17px 17px;
    
}

.cloud02 > .cloud0201,
.cloud02 > .cloud0202{
    display: flex;
    justify-content: space-between;
}

.colorbox{
    background-color: #F5F6F9;
}

.boxnone{
    visibility: hidden;
}
.cloud02box > p{
    font-size: 14px;
    line-height: 20px;
    font-weight: 700;
    color:#1A1C21;
    padding-top: 8px;
}
.cloudpadding{
    padding-top: 14px !important;
}
/* .cloud02box > p::before{
    content: "";
    display: block;
    padding-bottom: 32px;
} */

.cloudmarket, .workflow > p{
    font-size: 20px;
    line-height: 34px;
    color:#1A1C21;
    font-weight: 700;
    padding-bottom: 16px;
    text-align: center;
}
.workflow > p{
    color: #154199;
}
.navercloud{
    width: auto; 
    height: 28px;

}
.nhncloud{
    width:80px;
    height: auto;
}
/* .navercloud::before{
    background: url(../img/cloud/naver.png) no-repeat center / contain;

} */
.gabiacloud::before{
    background: url(../img/cloud/gabia.png) no-repeat center / contain;
    /* width: auto; */
    /* height: 28px; */
}
.ktcloud::before{
    background: url(../img/cloud/kt.png) no-repeat center / contain;
    /* width: auto; */
    /* height: 28px; */
}
.nhncloud::before{
    background: url(../img/cloud/nhn.png) no-repeat center / contain;
    /* width: auto; */
    /* height: 28px; */
}
.digitalcloud::before{
    background: url(../img/cloud/digital.png) no-repeat center / contain;
    /* width: auto; */
    /* height: 28px; */
}
.ictcloud::before{
    background: url(../img/cloud/ict.png) no-repeat center / contain;
    /* width: auto; */
    /* height: 28px; */
}
.samsungcloud::before{
    background: url(../img/cloud/samsung.png) no-repeat center / contain;
    /* width: auto; */
    /* height: 28px; */
}




.padding73{
    padding: 73px 0;
}

.padding7373{
    padding: 73px 0 219px 0;
}

.workflow > hr{
    width: 20%; margin: 0 auto 40px auto; border: 1.5px solid #154199;
}


/* 반응형------------------------------------------------ */
#pagewrap.mobile #pageTitleWrap {
    margin-top: 320px;
}

#pagewrap.mobile .productPsmWrap > .productMain {
    height: 1960px;
}
#pagewrap.mobile .productPsmWrap > .productMain >.productM{
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
}
#pagewrap.mobile .productPsmWrap > .productMain > .productM > .productMainImg{
    width: 80%;
    display: flex;
    justify-content: center;
}
#pagewrap.mobile .productPsmWrap > .productMain > .productM > .productMainImg > img{
    position: static;
    width: 100%;
}
#pagewrap.mobile  .productPsmWrap > .productMain > .productM > .productMainWrap > .productMaiText > p:first-child{
    text-align: center;
    font-size: 75px;
    line-height: 130px;
}
#pagewrap.mobile .productPsmWrap > .productMain > .productM > .productMainWrap > .productMaiText > p:last-child{
    text-align: center;
    font-size: 45px;
    line-height: 80px;
    padding: 20px 0 40px 0;
}
#pagewrap.mobile .product01Btn{
    display: flex;
    justify-content: center;
}

#pagewrap.mobile .productPsmWrap > .productMain > .productM > .productMainWrap > .product01Btn > button {
    height: 130px;
    width: 430px;
    /* width: 100%; */
    font-size: 45px;
}

#pagewrap.mobile .floating-menu ul{
    width: 100%;
    justify-content: center;
}
#pagewrap.mobile .floating-menu li{
    width: 30%;
    /* background-color: #3182F6; */
}

#pagewrap.mobile .floating-menu a {
    font-size: 50px;
}

#pagewrap.mobile .floating-menu li a span{
    padding: 40px 0;
}
#pagewrap.mobile .productName{
    font-size: 46px;
    padding-bottom: 80px;
}

#pagewrap.mobile .productTitleText > p:first-child{
    width: 90%;
    font-size: 75px;
    /* color:red; */
    line-height: 100px;
}

#pagewrap.mobile .productText > p:first-child{
    width: 100%;
    font-size: 75px;
    line-height: 100px;
}



#pagewrap.mobile .productContent01,
#pagewrap.mobile .cont{
    width: 100%;
    height: auto !important;
}
#pagewrap.mobile .cont{
    margin-bottom: 300px;
}
#pagewrap.mobile .productCenter{
    width: 90%;
    /* background-color: #3182F6; */
}
#pagewrap.mobile .productTitleText,
#pagewrap.mobile .productText{
    display: flex;
    align-items: center;
    flex-direction: column;
    /* background-color: #d2d7df; */
    width: 90%;
}
#pagewrap.mobile .productImg01,
#pagewrap.mobile .productImg02{
    width: 100%;
    height: auto;
    margin-top: 100px;
}
#pagewrap.mobile .productImg02{
    margin-top: 50px;

}
#pagewrap.mobile .cloudcont{
    display: flex;
    justify-content: center;
}
#pagewrap.mobile .productTitleText > p:nth-child(2),
#pagewrap.mobile .productText > p:nth-child(2),
#pagewrap.mobile .cont02 > p{
    font-size: 40px;
    line-height: 60px;
    padding-top: 40px;
}

#pagewrap.mobile .scroll{
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
}
#pagewrap.mobile .padding{
    padding: 0;
}

#pagewrap.mobile .cloudmarket, 
#pagewrap.mobile .workflow > p{
    font-size: 45px;
    line-height: 45px;
    padding-bottom: 70px;
}
#pagewrap.mobile .cloud01{
    flex-direction: column;
    width: 100%;
}
#pagewrap.mobile .cloud0102,
#pagewrap.mobile .cloud010201,
#pagewrap.mobile .cloud0103{
    width: 100%;
    /* height: auto; */
}
#pagewrap.mobile .cloud010201{
    height: 100%;
    padding: 100px 0 100px 150px;
}

#pagewrap.mobile .cloud01Title{
    width: 100%;
    font-size: 50px;
    line-height: 50px;
}
#pagewrap.mobile .cloud01Text{
    width: 100%;
    font-size: 40px;
    line-height: 80px;
}
#pagewrap.mobile .cloud01Title::before{
    width: 50px;
    height: 50px;
    margin-right: 38px;
    background-size: cover;
}

#pagewrap.mobile .cloud02 > .cloud0201 > .cloud02box {
    width: 156px;
    height: 174px;
}

#pagewrap.mobile .cloud02box > p {
    font-size: 17px;
    line-height: 33px;
}

#pagewrap.mobile .cloud02box>img{
    padding-bottom: 20px;
}
#pagewrap.mobile .cloud02{
    width: 100%;
}
#pagewrap.mobile .workflow{
    width: 100%;
}