@charset "utf-8";

/*탭*/
.contWrap .pdtable .table-striped td{height:auto;padding:20px 5px;font-size:16px;font-weight:500;border-color:#D1D4D7 #2D2F33;background:#fff}.contWrap .pdtable .table-striped .bline td{border-bottom-color:#2D2F33}.contWrap .pdtable .table-striped .bgTh:before{position:absolute;content:'';width:100%;left:0;top:-1px;border-top:1px solid #2D2F33}.contWrap .pdtable .table-striped .bgTh{background-color:#f0f2f4}@media (max-width: 820px){.contWrap .pdtable .table-striped{width:820px}.contWrap .pdtable .table-striped th{height:30px}.contWrap .pdtable .table-striped td{padding:15px 5px}}.tabAT .tabBtnWrap{/* margin-top: -2%; */margin-top: -38px;font-size: 0;text-align: center;/* margin-bottom: 5%; */margin-bottom: 95px;}.tabAT .tabBtnWrap .tabBtn{font-size:16px;position:relative;margin-left:-1px;margin-bottom:-1px;width:190px;height:50px;border-color:#eeeeee;-webkit-box-sizing:border-box;box-sizing:border-box;vertical-align:middle;padding: 14px 24px;border-radius: 30px;background-color: #EEEEEE;font-weight: normal;margin-right: 0.5%;margin-left: 0.5%;}.tabAT .tabBtnWrap .tabBtn:hover{z-index:1;background-color: #0072DE;color: white;}.tabAT .tabBtnWrap .tabBtn.on{z-index:1;background-color: #0072DE;color: white;font-weight: normal;}
.tabAT {padding-bottom: 0px;}
a{text-decoration: none !important;}
.businessP .tabAT .tabBtnWrap .tabBtn.on{z-index:1;}
.businessP .tabBtn{width: 129px;height: 52px;border-radius: 5px;padding: 0;-webkit-transition: all 0.1s;transition: all 0.1s;}
.businessP .tabBtn:hover {box-shadow: 5px 5px 20px rgb(0 0 0 / 16%);}

@media (max-width:959px) {
.tabAT .tabBtnWrap .tabBtn{padding: 10px 16px;font-size: 14px;}
.tabAT .tabBtnWrap{margin-top: 0%;margin-bottom: 14%;margin-bottom: 50px;}
}


/* 콘텐츠 */
.contents .section.bgGray {background: #f7f7f7;padding: 120px 0 120px;}
.contents .section.bgWhite {background: white;padding: 120px 0 120px;}

.businessP .menuTab{font-size:0;top:50px;z-index:3;width: 1180px;margin: 0 auto;}
.businessP .menuTab .menuTBtn{font-size:18px;height:60px;width:calc(33.3333333%);border:1px solid #D1D4D7;position:relative;z-index:1;-webkit-transition:.3s;transition:.3s;padding:0;background:#fff;vertical-align:top;text-align: center;background-color: #F5F6F7;border-bottom: #0072DE 1px solid;}  
.businessP .menuTab .menuTBtn.on{background:white;color:#0072DE;border-bottom-color:#F5F6F7;border: #0072DE 1px solid;border-bottom: none;}
.businessP .menuTab .menuTBtn:hover{background:white}


/*infra_01*/
.businessP .topArea {width: 100%;height: auto;border-radius: 20px;text-align: center;}
.businessP .topArea .mainBox {width:100%;height: 100%;position:relative;background: url(/assets/images/business/infra_01_bg.png) no-repeat 0 0 /cover;padding: 15% 9%;border-radius: 20px;margin-bottom: 13%;}
.businessP .topArea .mainBox h2 {font-size: 42px;line-height: 58px;text-align: center;word-break: keep-all;}
.businessP .topArea .mainBox h3 {font-size: 18px;line-height: 34px;font-weight: normal;text-align: center;word-break: keep-all;margin-top: 2%;}

.businessP .iconArea {padding: 0;}
.businessP .iconArea h2 {font-size: 38px;font-weight: 700;margin-bottom: 20px;}
.businessP .iconArea h3 {font-size: 24px;font-weight: bold;} 
.businessP .iconArea p.desc {font-size: 16px;margin-bottom: 5%;line-height: 34px;color: #505050;word-break: keep-all;}
.businessP .iconArea ul {overflow: hidden;display: flex; flex-wrap: wrap;justify-content: space-between;}
.businessP .iconArea ul li {position:relative; float: left;width: calc(32%);min-height: 250px;background: #ffffff;padding: 23px;border-radius: 10px;background-repeat: no-repeat;background-position: right bottom;-webkit-transition: all 0.2s;transition: all 0.2s;border: 1px solid #dbdbdb;margin-top: 2%;}

.businessP .iconArea ul li p.title {position: relative;font-size: 24px;font-weight: 500;letter-spacing: 0px;margin-bottom: 15px;line-height: initial;}
.businessP .iconArea ul li::after {position: absolute;right: 16px;bottom:20px;display: block;width: 52px;height: 52px;content:"";vertical-align: middle;}
.businessP .iconArea ul li.p01::after {background: url(/assets/images/business/infraIcon_01.png) no-repeat 0 0 / contain;}
.businessP .iconArea ul li.p02::after {background: url(/assets/images/business/infraIcon_02.png) no-repeat 0 0 / contain;}
.businessP .iconArea ul li.p03::after {background: url(/assets/images/business/infraIcon_03.png) no-repeat 0 0 / contain;}
.businessP .iconArea ul li.p04::after {background: url(/assets/images/business/infraIcon_04.png) no-repeat 0 0 / contain;}
.businessP .iconArea ul li.p05::after {background: url(/assets/images/business/infraIcon_05.png) no-repeat 0 0 / contain;}
.businessP .iconArea ul li.p06::after {background: url(/assets/images/business/infraIcon_06.png) no-repeat 0 0 / contain;}

.businessP .infra_iconArea {padding: 0;}
.businessP .infra_iconArea h2 {font-size: 38px;font-weight: 700;margin-bottom: 20px;}
.businessP .infra_iconArea h3 {font-size: 24px;font-weight: bold;} 
.businessP .infra_iconArea p.desc {font-size: 17px;margin-bottom: 5%;line-height: 34px;color: #505050;}
.businessP .infra_iconArea ul {overflow: hidden;display: flex; flex-wrap: wrap;justify-content: space-between;}
.businessP .infra_iconArea ul li {position:relative; float: left;width: calc(32%);min-height: 170px;background: #ffffff;padding: 30px;border-radius: 10px;background-repeat: no-repeat;background-position: right bottom;-webkit-transition: all 0.2s;transition: all 0.2s;border: 1px solid #dbdbdb;margin-top: 2%;}

.businessP .infra_iconArea ul li p.title {position: relative;font-size: 24px;font-weight: 500;letter-spacing: 0px;margin-bottom: 15px;line-height: initial;}
.businessP .infra_iconArea ul li::after {position: absolute;right: 28px;bottom:28px;display: block;width: 52px;height: 52px;content:"";vertical-align: middle;}
.businessP .infra_iconArea ul li.p01::after {background: url(/assets/images/business/infraIcon_01.png) no-repeat 0 0 / contain;}
.businessP .infra_iconArea ul li.p02::after {background: url(/assets/images/business/infraIcon_02.png) no-repeat 0 0 / contain;}
.businessP .infra_iconArea ul li.p03::after {background: url(/assets/images/business/infraIcon_03.png) no-repeat 0 0 / contain;}
.businessP .infra_iconArea ul li.p04::after {background: url(/assets/images/business/infraIcon_04.png) no-repeat 0 0 / contain;}
.businessP .infra_iconArea ul li.p05::after {background: url(/assets/images/business/infraIcon_05.png) no-repeat 0 0 / contain;}
.businessP .infra_iconArea ul li.p06::after {background: url(/assets/images/business/infraIcon_06.png) no-repeat 0 0 / contain;}

.businessP .contents .section.bgImg {background: url(/assets/images/business/infraImgBg.png) no-repeat 0 0 / cover;padding: 120px 0 120x;}
.businessP .threeBoxArea{padding-top: 120px;padding-bottom: 120px;}
.businessP .threeBoxArea h2{font-size: 38px;color: white;margin-bottom: 2%;margin-top: -2%;}
.businessP .threeBoxArea ul {overflow: hidden;display: flex;flex-flow: wrap;justify-content: space-between;}
.businessP .threeBoxArea ul li {float: left;width: calc(32%);background:rgba(255, 255, 255, 0.16);border-radius: 10px;background-repeat: no-repeat;background-position: right bottom;-webkit-transition: all 0.2s;transition: all 0.2s;border: white 1px solid;padding: 4% 0%;text-align: center;}
.businessP .threeBoxArea ul li p.tit {position: relative;font-size: 18px;font-weight: 700;color: #fff;text-align: center;}

/*infra_02*/
.businessP .topArea .mainBox_whitefont {width:100%;height: 100%;min-height: 500px; position:relative;background: url(/assets/images/business/infra_02_bg.png) no-repeat 0 0 /cover;padding: 15% 9%;border-radius: 20px;margin-bottom: 13%;}
.businessP .topArea .mainBox_whitefont h2 {font-size: 42px;line-height: 58px;text-align: center;word-break: keep-all;color: white;}
.businessP .topArea .mainBox_whitefont h3 {font-size: 18px;line-height: 34px;font-weight: normal;text-align: center;word-break: keep-all;margin-top: 2%;color: white;}

.businessP .infra_iconArea .ul_02 li {position:relative; float: left;width: calc(49%);min-height: 170px;background: #ffffff;border-radius: 10px;background-repeat: no-repeat;background-position: right bottom;-webkit-transition: all 0.2s;transition: all 0.2s;border: 1px solid #dbdbdb;margin-top: 2%;}
.businessP .infra_iconArea .ul_01 li.p01::after {background: url(/assets/images/business/infraIcon_07.png) no-repeat 0 0 / contain;}
.businessP .infra_iconArea .ul_01 li.p02::after {background: url(/assets/images/business/infraIcon_08.png) no-repeat 0 0 / contain;}
.businessP .infra_iconArea .ul_01 li.p03::after {background: url(/assets/images/business/infraIcon_09.png) no-repeat 0 0 / contain;}
.businessP .infra_iconArea .ul_02 li.p04::after {background: url(/assets/images/business/infraIcon_10.png) no-repeat 0 0 / contain;}
.businessP .infra_iconArea .ul_02 li.p05::after {background: url(/assets/images/business/infraIcon_11.png) no-repeat 0 0 / contain;}

.businessP .another ul li {line-height: 32px;padding: 3% 0;}



/*sw_01*/
.businessP .topArea .sw01{background: url(/assets/images/business/sw_01_bg.png) no-repeat 0 0 /cover;}
.businessP .topArea .sw01 h2 {font-size: 42px;line-height: 58px;text-align: center;word-break: keep-all;color: white;}
.businessP .topArea .sw01 h3 {font-size: 18px;line-height: 34px;font-weight: normal;text-align: center;word-break: keep-all;margin-top: 2%;color: white;}

.businessP .sw01_iconArea ul li{width: calc(49%);min-height: 170px;padding: 30px;}
.businessP .sw01_iconArea ul li.p01::after {background: url(/assets/images/business/swIcon_01.png) no-repeat 0 0 / contain;}
.businessP .sw01_iconArea ul li.p02::after {background: url(/assets/images/business/swIcon_02.png) no-repeat 0 0 / contain;}
.businessP .sw01_iconArea ul li.p03::after {background: url(/assets/images/business/swIcon_03.png) no-repeat 0 0 / contain;}
.businessP .sw01_iconArea ul li.p04::after {background: url(/assets/images/business/swIcon_04.png) no-repeat 0 0 / contain;}


.businessP .sw_threeBoxArea ul li {width: calc(49%);}

/*sw_02*/
.businessP .topArea .sw02{background: url(/assets/images/business/sw_02_bg.png) no-repeat 0 0 /cover;}
.businessP .topArea .sw02 h2 {font-size: 42px;line-height: 58px;text-align: center;word-break: keep-all;color: white;}
.businessP .topArea .sw02 h3 {font-size: 18px;line-height: 34px;font-weight: normal;text-align: center;word-break: keep-all;margin-top: 2%;color: white;}

.businessP .sw02_iconArea ul li{width: calc(49%);;min-height: 170px;padding: 30px;}
.businessP .sw02_iconArea ul li.p01::after {background: url(/assets/images/business/swIcon_05.png) no-repeat 0 0 / contain;}
.businessP .sw02_iconArea ul li.p02::after {background: url(/assets/images/business/swIcon_06.png) no-repeat 0 0 / contain;}
.businessP .sw02_iconArea ul li.p03::after {background: url(/assets/images/business/swIcon_07.png) no-repeat 0 0 / contain;}
.businessP .sw02_iconArea ul li.p04::after {background: url(/assets/images/business/swIcon_08.png) no-repeat 0 0 / contain;}

.businessP .sw_threeBoxArea ul li {width: calc(49%);}
.businessP .sw02_iconArea p.desc{margin-bottom: 2%;}

/*cloudservice_01*/
.businessP .topArea .cloudservice01{background: url(/assets/images/business/cloudservice_01_bg.png) no-repeat 0 0 /cover;}
.businessP .topArea .cloudservice01 h2 {font-size: 42px;line-height: 58px;text-align: center;word-break: keep-all;color: white;}
.businessP .topArea .cloudservice01 h3 {font-size: 18px;line-height: 34px;font-weight: normal;text-align: center;word-break: keep-all;margin-top: 2%;color: white;}

.businessP .cloud01_iconArea .desc{font-size: 16px;}
.businessP .cloud01_iconArea ul li{width: calc(32%);}
.businessP .cloud01_iconArea ul li.p01::after {background: url(/assets/images/business/cloudIcon_01.png) no-repeat 0 0 / contain;}
.businessP .cloud01_iconArea ul li.p02::after {background: url(/assets/images/business/cloudIcon_02.png) no-repeat 0 0 / contain;}
.businessP .cloud01_iconArea ul li.p03::after {background: url(/assets/images/business/cloudIcon_03.png) no-repeat 0 0 / contain;}
.businessP .cloud01_iconArea ul li.p04::after {background: url(/assets/images/business/cloudIcon_04.png) no-repeat 0 0 / contain;}

.businessP .ImgArea h2{font-weight: bold;text-align: left;font-size: 38px;padding-bottom: 3%;}
.businessP .ImgArea span{display: none;}
.businessP .ImgArea p{text-align: left;font-size: 18px;padding-bottom: 3%;color: #505050;line-height: 34px;}
.businessP .ImgArea .serviceImageBox{border-radius: 10px;-webkit-box-shadow: 0px 0px 30px rgb(0 0 0 / 8%);-moz-box-shadow: 0px 0px 30px rgb(0 0 0 / 8%); box-shadow: 0px 0px 30px rgb(0 0 0 / 8%);width: 100%;float: left;text-align: center;background-color: white;}
.businessP .ImgArea img{border-radius: 10px;position: relative;margin-top: 7%;margin-bottom: 7%;padding: 4%;}

.businessP .listArea  {padding: 0;margin-left: -10px;margin-right: -10px;display: flex;flex-flow: wrap;justify-content: space-between;} 
.businessP .listArea h2  {font-size: 38px;} 
.businessP .listArea div{width: calc(49%);height: auto;background: #F7F7F7;padding: 35px 35px 32px;border-radius: 10px;margin-top:2%;border: 1px solid #DBDBDB;/*min-height: 210px;*/}
.businessP .listArea div p.tit {width: 100%;font-size: 24px;font-weight: bold;padding-bottom: 3%;}
.businessP .listArea div p.desc {font-size: 16px;color: black;line-height: 28px;}
.businessP .listArea ul{float: left;width: 100%;line-height: 26px;color: #505050;}
.businessP .listArea li{display: inline-block;width: calc(100%);font-size: 16px;margin-bottom: 1px;font-weight: 400;}

.businessP .listArea02 div{background: white;}
.businessP .cloudservice01{min-height: 320px;padding: 8% 9%;}

/*cloudservice_02*/
.businessP .topArea .cloudservice02{background: url(/assets/images/business/cloudservice_02_bg.png) no-repeat 0 0 /cover;}
.businessP .topArea .cloudservice02 h2 {font-size: 42px;line-height: 58px;text-align: center;word-break: keep-all;color: white;}
.businessP .topArea .cloudservice02 h3 {font-size: 18px;line-height: 34px;font-weight: normal;text-align: center;word-break: keep-all;margin-top: 2%;color: white;}

.businessP .slideArea p{margin: 0 auto;font-size: 24px;margin-bottom: 1%;}
.businessP .slideArea h2{width: 1180px;max-width: 100%; margin: 0 auto;font-size: 38px;margin-bottom: 2%;}
.businessP .slideArea{width: 100%;margin:0 auto;overflow: hidden;}

.businessP .bgExcept{background-color: white !important;}

.businessP .cloudservice02_iconArea .ul_02 li {position:relative; float: left;width: calc(49%);min-height: 200px;background: #ffffff;padding: 23px;border-radius: 10px;background-repeat: no-repeat;background-position: right bottom;-webkit-transition: all 0.2s;transition: all 0.2s;border: 1px solid #dbdbdb;margin-top: 2%;}
.businessP .cloudservice02_iconArea .ul_01 li.p01::after {background: url(/assets/images/business/cloudIcon_05.png) no-repeat 0 0 / contain;}
.businessP .cloudservice02_iconArea .ul_01 li.p02::after {background: url(/assets/images/business/cloudIcon_06.png) no-repeat 0 0 / contain;}
.businessP .cloudservice02_iconArea .ul_01 li.p03::after {background: url(/assets/images/business/cloudIcon_07.png) no-repeat 0 0 / contain;}
.businessP .cloudservice02_iconArea .ul_02 li.p04::after {background: url(/assets/images/business/cloudIcon_08.png) no-repeat 0 0 / contain;}
.businessP .cloudservice02_iconArea .ul_02 li.p05::after {background: url(/assets/images/business/cloudIcon_09.png) no-repeat 0 0 / contain;}
.businessP .cloudservice02_iconArea  p.desc {font-size: 16px;margin-bottom: 5%;line-height: 26px;color: #505050;}



/*슬라이드*/
.bgGray html, body {position: relative;height: 100%;}
.bgGray  .swiper-container {border-radius: 10px;margin: 0 auto;overflow: hidden;width: 1180px;height: 100%;box-shadow: 0px 0px 30px rgb(0 0 0 / 8%);background-color: white;}
.bgGray .swiper-slide {text-align: center;font-size: 18px;background: #fff;display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;
-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;padding: 6%;}
.bgGray .swiper-container-vertical>.swiper-pagination-bullets{top: unset !important;bottom: 10px;left: 0;width: 100%;}
.bgGray .swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{display : inline-block !important;margin: 6px 2px !important;}

.bgGray  .swiper-horizontal{width: 100% !important;margin: 0 auto !important;max-width: 1180px !important;}
.bgGray  .swiper-button-next {
right:-150px !important; background:url('/assets/images/business/arrowright.png') center center / 100% no-repeat !important;width: 70px !important;height: 70px !important;}
.bgGray  .swiper-button-next:after, .swiper-button-prev:after{display: none;}
.bgGray .swiper-button-prev{
    left:-150px!important; background:url('/assets/images/business/arrowleft.png') center center / 100% no-repeat !important;width: 70px !important;height: 70px !important;}
.bgGray .swiper-slide{width: 100%;display:block !important;}
.bgGray .swiper-slide p{width: 100% !important;margin: 0 auto !important;max-width: 1180px !important; padding-top: 3%;}

.bgGray .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{display: none;}


.bgWhite .swiper-container-vertical>.swiper-pagination-bullets{top: unset !important;bottom: 10px;left: 0;width: 100%;}
.bgWhite .swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{display : inline-block !important;margin: 6px 2px !important;}
.bgWhite .swiper-slide .box{width: calc(100%);/* max-width: 380px; */height: 100%;/*max-height: 370px;*/box-shadow: 0px 0px 20px rgb(0 0 0 / 8%);border-radius: 10px;}
.bgGray .swiper-slide p{width: 100%;/*height: 132px;*/font-size: 24px;text-align: left;font-weight: 550;line-height: normal;padding: 4% 1% 1% 1%;text-align: center;}
.bgWhite .swiper-slide img{width: 100%;/* max-width: 380px; */height: 100%;max-height: 255px;/* height: calc(70%); */border-radius: 0 0 10px 10px;}
.bgWhite.swiper-slide p{width: 100%;height: 132px;font-size: 38px;text-align: left;font-weight: 550;line-height: normal;padding: 9% 1% 1% 7%;border: 1px solid rebeccapurple;}
.bgWhite .swiper-horizontal{position: relative;}

.bgWhite .swiper-slide .box p{font-size: 24px;padding: 9% 6% 8% 6%;font-weight: 500;line-height: normal;}


/* 메인 - 구축사례 */
.businessP .referenceWrap {position: relative;width: 100%;max-width: 1180px;margin: 0 auto;overflow: hidden;}
.businessP .referenceWrap:after {display: block;width: 0;height: 0;content: "";clear: both;}
.businessP .referenceWrap h2 {font-size: 38px;margin-bottom: 23px;}
.businessP .referenceWrap a.btnMore {position: absolute;top: 25px;right: 0px;display: block;width: 30px;height: 30px;background-image: url(/assets/images/main/btn_more.svg);background-color: #eee;border-radius: 99px;-webkit-transition: all 0.2s;transition: all 0.2s;}
.businessP .referenceWrap a.btnMore:hover {background-image: url(/assets/images/main/btn_more_on.svg);background-color: #0072DE;}

.businessP .referenceWrap .referenceArea .slick-list {height: 100%;/* max-height: 350px; */overflow: visible;}
.businessP .referenceWrap .referenceArea .slick-list .slick-slide {padding: 0 10px;}
.businessP .referenceWrap .referenceArea .slick-dots {display: none !important;}

.businessP .referenceArea {margin-left: -10px;margin-right: -10px;background: #ffffff;/* max-width: 1180px; *//* margin: 0 auto; */padding: 0 10px;/* overflow: hidden; */}
.businessP .referenceArea a {display: block;width: 100%;height: 100%;padding: 0;-webkit-transition: all 0.2s;transition: all 0.2s;}
.businessP .referenceArea p.img {position: relative;width: 100%;margin-bottom: 15px;background-size: contain;background-position: center;background-repeat: no-repeat;background-color: #F7F7F7;border: 1px solid #f7f7f7;border-radius: 5px;overflow: hidden;}
.businessP .referenceArea p.img:after {position: absolute;top: 0px;left: 0px;content:"";width: 100%;height: 100%;background-color: rgba(0,0,0,0);transition: all 0.1s;z-index: 1;}
.businessP .referenceArea p.img img {image-rendering: -webkit-optimize-contrast;transform: scale(1) rotate(.01deg);transition: .2s ease;}
.businessP .referenceArea p.tit {font-size: 18px;font-weight: 700;letter-spacing: 0px;line-height: 27px;text-align: center;margin-bottom: 5px;-webkit-transition: all 0.3s;transition: all 0.3s;}
.businessP .referenceArea p.tit.ellipsis {display:inline-block;overflow:hidden;max-width:100%;text-overflow:ellipsis;/* white-space:nowrap; */display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;word-wrap:break-word;height: auto;position: relative;word-break: break-all;}
.businessP .referenceArea p.desc {font-size: 14px;font-weight: 400;letter-spacing: 0px;text-align: center;line-height: 20px;}
.businessP .referenceArea p.desc.ellipsis {display:inline-block;overflow:hidden;max-width:100%;text-overflow:ellipsis;/* white-space:nowrap; */display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;word-wrap:break-word;height: auto;position: relative;word-break: break-all;}
.businessP .referenceArea a:hover {text-decoration: none;}
/*.mainP .referenceArea a:hover p.tit {color: #0071DC;}*/
.businessP .referenceArea a:hover p.img:after {background-color: rgba(0,0,0,0.05);}
.businessP .referenceArea a:hover p.img img {transform: scale(1.15) rotate(.01deg);}

.businessP .slick-next{right: 54px;}
.businessP .slick-prev{right: 127px;}
.businessP .slick-prev, .slick-next{top: -43px;}

.businessP .slick-slide {/* width: 393px !important; */}

/*button*/

button {-webkit-appearance: none;-moz-appearance: none;appearance: none;}
form{text-align: center;margin-bottom: 3%;}
button {margin: 0;padding: 0.5rem 1rem;margin: 0 auto;font-size: 1rem;text-align: center;text-decoration: none;display: inline-block;width: auto;border: none;border-radius: 50px;height: 52px;}
.businessP button {cursor: pointer;transition: 0.5s;}
.businessP button:active,
.businessP button:hover,
.businessP button:focus,
.businessP button:visited {background: var(--button-hover-bg-color);color: var(--button-hover-font-color);outline: 0;}
.businessP button:disabled {opacity: 0.5;}
.businessP :root {
  --button-color: #ffffff;
  --button-bg-color: #0d6efd;
  --button-hover-bg-color: #025ce2;
  --button-hover-font-color:white;}
  .businessP form button:active {background: black;}
  .businessP .any{margin-right: 1%;}

  .businessP .swiper-button-plus {
  width: 30px;
  height: 30px;
  background: #ccc;
  border-radius: 99px;
  position: absolute;
  right: 40px;
  top: -20px
}

/* 구축 사례 */
.businessP .portfolioAT {/* position: relative; */background-color: #F7F7F7;}
.businessP .portfolioAT .ptfPop {display: none;}

.businessP .ptfDiv01 {max-width: 1220px;margin: 0 auto;padding: 126px 20px 80px;overflow: hidden;}
.businessP .ptfDiv01 h2 {font-size: 38px;font-weight: 700;margin-bottom: 35px;}

.businessP .ptfDiv01 .ptfWrap {margin-left: -10px;margin-right: -10px;}
.businessP .ptfDiv01 .ptfWrap .ptfItem {position: relative;float: left;width: calc(33.33333% - 20px);margin-left: 10px;margin-right: 10px;margin-bottom: 40px;border-radius: 10px;overflow: hidden;cursor: pointer;vertical-align: top;box-shadow: 0px 0px 30px 0px rgb(0 0 0 / 8%);-webkit-animation-duration: 1s;animation-duration: 1s;-webkit-animation-fill-mode: both;animation-fill-mode: both;-webkit-animation-name: fadeIn;animation-name: fadeIn;-webkit-transition: all 0.2s;transition: all 0.2s;}
.businessP .ptfDiv01 .ptfWrap .ptfItem .ptfImg {background: no-repeat 40%;background-size: auto 100%;background-size: auto 100%;-webkit-animation-duration: 3s;animation-duration: 2s;-webkit-animation-fill-mode: both;animation-fill-mode: both;}
.businessP .ptfDiv01 .ptfWrap .ptfItem .ptfImg .imgBack {border: 3px solid transparent;border-radius: 10px;-webkit-box-sizing: border-box;box-sizing: border-box;padding-top: 95%;position: relative;-webkit-transition: all 0.2s;transition: all 0.2s;}
.businessP .ptfDiv01 .ptfWrap .ptfItem .ptfImg .imgBack .hoverImg {position: absolute;max-width: 80%;max-height: 80%;width: auto;height: auto;margin: auto;left: 0;right: 0;top: 0;bottom: 0;padding-top: 120px;-webkit-transition: all 0.0s;transition: all 0.0s;opacity: 0;}

.businessP .ptfDiv01 .ptfWrap .ptfItem:hover {transform: translateY(-5px);box-shadow: 5px 5px 10px 0px rgba(0,114,222,0.32);}
.businessP .ptfDiv01 .ptfWrap .ptfItem:hover .ptfImg {-webkit-animation-name: hoverBack;animation-name: hoverBack}
.businessP .ptfDiv01 .ptfWrap .ptfItem:hover .ptfImg .imgBack {border-color: #0072DE;background: rgba(255,255,255,0.8);}
.businessP .ptfDiv01 .ptfWrap .ptfItem:hover .ptfImg .imgBack .hoverImg {opacity: 1;}

.businessP .ptfDiv01 .ptfWrap .ptfItem .ptfTit {position: absolute;left: 0;top: 0;width: 100%;background: #fff;padding: 30px 0 30px 30px;text-align: left;font-size: 24px;font-weight: 500;line-height: 36px;border: 3px solid transparent;border-bottom: none;border-top-left-radius: 10px;border-top-right-radius: 10px;-webkit-transition: all 0.2s;transition: all 0.2s;z-index: 1;}
.businessP .ptfDiv01 .ptfWrap .ptfItem:hover .ptfTit {border-color: #0072DE;/* background: #0072DE; *//* color: #0072DE; *//* color: #fff; */}

.businessP .ptfDiv02 {position: relative;width: 100%;margin-top: -351px;background: #fff;z-index: 100;display: none;-webkit-transition: .4s;transition: .4s;}
.businessP .ptfDiv02.down {top: 80px;z-index: 9}
.businessP .ptfDiv02.down .pvHeader .fa-bars {background: #0072DE}
.businessP .ptfDiv02.down.mini {top: 50px}

.businessP .pvHeader {position: fixed;left: 0;top: 160px;width: 100%;height: 60px;padding: 0 80px;margin-top: 50px;/* background: rgba(85,90,112,0.3); *//* background: rgba(85,90,112,1.0); *//* background: rgba(0,0,0,0.1); */z-index: 1;-webkit-transition: all 0.2s;transition: all 0.2s;display: none;}
.businessP .pvHeader .pvBtn {width: 60px;height: 60px;font-size: 30px;/* background: url(/assets/images/business/btn_ptf_close.png) no-repeat center; */background-repeat: no-repeat;background-position: center;background-color: rgba(255,255,255,1.0);box-shadow: 0px 0px 20px rgba(0,0,0,0.16);-webkit-transition: all .2s;transition: all .2s;}
.businessP .pvHeader .pvBtn.noLnk {pointer-events: none;background-color: rgba(255,255,255,0.3);}
.businessP .pvHeader .pvBtn.fa-chevron-left {background-image: url(/assets/images/business/btn_ptf_prev.png);}
.businessP .pvHeader .pvBtn.fa-chevron-right {background-image: url(/assets/images/business/btn_ptf_next.png);}
.businessP .pvHeader .pvBtn.fa-times {position: absolute;right: 80px;top: 0;background-image: url(/assets/images/business/btn_ptf_close.png);}

.businessP .pvHeader .pvBtn:not(.noLnk):hover {transform: translateY(-5px);background-color: #0071DC;}
.businessP .pvHeader .pvBtn.fa-chevron-left:hover {background-image: url(/assets/images/business/btn_ptf_prev_on.png);}
.businessP .pvHeader .pvBtn.fa-chevron-right:hover {background-image: url(/assets/images/business/btn_ptf_next_on.png);}
.businessP .pvHeader .pvBtn.fa-times:hover {background-image: url(/assets/images/business/btn_ptf_close_on.png);}

.businessP .pvHeader .pvBtn + .pvBtn {margin-left: 17px;}

.businessP .pvHeader.pvHeaderFixed {top: 60px;}

.businessP .ptfDiv02 .pvBody {width: 100%;}
.businessP .ptfDiv02 .pvBody .pvTitDiv {padding: 70px 0 424px;background: no-repeat 50%;background-size: cover;position: relative;-webkit-animation-duration: 0.7s;animation-duration: 0.7s;-webkit-animation-fill-mode: both;animation-fill-mode: both;-webkit-animation-name: fadeIn;animation-name: fadeIn;}
.businessP .ptfDiv02 .pvBody .pvTitDiv>* {position: relative;z-index: 2;}
.businessP .ptfDiv02 .pvBody .pvTitDiv .pvCate {width: 100px;height: 100px;margin: 0 auto;line-height: 100px;text-transform: uppercase;font-size: 35px;font-weight: 300;border-radius: 50%;background: #0072DE}
.businessP .ptfDiv02 .pvBody .pvTitDiv .pvTit {color: #fff;font-size: 52px;line-height: 78px;/* margin: 15px; */text-align: center;}
.businessP .ptfDiv02 .pvBody .pvTitDiv .pvDate {font-size: 18px;font-weight: 300;}
.businessP .ptfDiv02 .pvBody .pvTitDiv:after {content: '';position: absolute;left: 0;width: 100%;height: 100%;top: 0;background: #2D2F33;opacity: 0.4;z-index: 0;}
.businessP .ptfDiv02 .pvBody .pvTxtDiv {max-width: 1180px;margin: 0 auto;background: #fff;padding: 0;margin-bottom: 108px;}
.businessP .ptfDiv02 .pvBody .pvTxtDiv:after {display: block;width: 0;height: 0;content: "";clear: both;}
.businessP .ptfDiv02 .pvBody .pvTxtDiv .gpmj {float: left;/* width: 220px; */font-size: 38px;padding-top: 5px;margin-right: 80px;}
.businessP .ptfDiv02 .pvBody .pvTxtDiv .ct_si:before { content: "개편목적" }
.businessP .ptfDiv02 .pvBody .pvTxtDiv .ct_sm:before {content: "유지보수"}
.businessP .ptfDiv02 .pvBody .pvTxtDiv .ct_all:before {content: "개편/유지보수"}
.businessP .ptfDiv02 .pvBody .pvTxtDiv ul.pvTxt {float: left;max-width: calc(100% - 654px);}
.businessP .ptfDiv02 .pvBody .pvTxtDiv ul.pvTxt li {font-size: 18px;font-weight: 400;line-height: 27px;color: #505050;word-break: keep-all;}

.businessP .ptfDiv02 .pvBody .pvTxtDiv ul.pvDesc {position: relative;float: right;width: 350px;padding-top: 10px;padding-left: 50px;}
.businessP .ptfDiv02 .pvBody .pvTxtDiv ul.pvDesc:before {position: absolute;left: 0;top: 0;width: 2px;height: 140px;content:"";background: #191919;}
.businessP .ptfDiv02 .pvBody .pvTxtDiv ul.pvDesc li {font-size: 18px;line-height: 27px;color: #505050;margin-bottom: 20px;}
.businessP .ptfDiv02 .pvBody .pvTxtDiv ul.pvDesc li.pvCate {text-transform: uppercase;}
.businessP .ptfDiv02 .pvBody .pvTxtDiv ul.pvDesc li:before {display: inline-block;width: 100px;font-size: 18px;font-weight: 700;color: #191919;}
.businessP .ptfDiv02 .pvBody .pvTxtDiv ul.pvDesc li.pvCate:before {content: 'Type';text-transform: none;}
.businessP .ptfDiv02 .pvBody .pvTxtDiv ul.pvDesc li.pvDate:before {content: 'Date';}
.businessP .ptfDiv02 .pvBody .pvTxtDiv ul.pvDesc li.pvCli:before {content: 'Client';}

.businessP .ptfDiv02 .pvBody .pvImgDiv {position: relative;margin-top: -328px;margin-bottom: 142px;text-align: center;/* padding: 0px 80px; */background: transparent;-webkit-animation-duration: 0.7s;animation-duration: 0.7s;-webkit-animation-fill-mode: both;animation-fill-mode: both;-webkit-animation-name: fadeIn;animation-name: fadeIn;}
.businessP .ptfDiv02 .pvBody .pvImgDiv2 {text-align: center;padding: 120px 0;margin: 0 auto;background: #F7F7F7;}
.businessP .ptfDiv02 .pvBody .pvImgDiv2 img {margin: 0;vertical-align: top;max-width: 1180px;width: 100%;margin-bottom: 50px;}
.businessP .ptfDiv02 .pvBody .pvImgDiv2 img:last-child {margin-bottom: 0px;}



@keyframes fadeIn {
    from {
        opacity: 0;
        transform: translateY(20px);
    }
    to {
        opacity: 1;
        transform: translateY(0px);
    }
}

@keyframes slideInUp {
    from {
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
        visibility: visible;
        opacity: 0
    }

    50% {
        -webkit-transform: translate3d(0, -10%, 0);
        transform: translate3d(0, -10%, 0);
        opacity: 0.8
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1
    }
}

/*고객사*/
.clientAT{background-color: #F7F7F7;padding: 126px 0 80px;}
.clientAT h2 {text-align: left;max-width: 1180px;margin: 0 auto;font-size: 38px;font-weight: 700;margin-bottom: 35px;}
.clientAT .client01Div{text-align:left;max-width: 1180px;margin: 0 auto;/* padding-top: 8%; *//* margin-top: 4%; */}.clientAT .client01Div .ctItem{width:18%;margin:1%;display:inline-block;background-color: white; 
border: none;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-name:slideInUp;animation-name:slideInUp}.clientAT .client01Div .ctItem .ctImg{width:50%;padding-top:60%;background:50% no-repeat;background-size:contain;margin:10% auto}@media (max-width: 820px){.clientAT .client01Div .ctItem{width:calc(92%/4);-webkit-box-sizing:border-box;box-sizing:border-box}}@media (max-width: 600px){.clientAT .client01Div .ctItem{width:calc(94%/3)}}@-webkit-keyframes hoverBack{from{background-position:0%}60%{background-position:100%}to{background-position:50%}}@keyframes hoverBack{from{background-position:0%}60%{background-position:100%}to{background-position:50%}}


@media (max-width: 1279px) {
/*슬라이드예제*/
.businessP .slick-arrow {opacity: 0 !important;pointer-events: none;}
.businessP .slick-dots {bottom: calc(20%);}

/* 구축 사례 */
.businessP .ptfDiv01 .ptfWrap .ptfItem .ptfTit {padding: 20px 0 20px 20px;font-size: 18px;line-height: 27px;}
.businessP .ptfDiv01 .ptfWrap .ptfItem .ptfImg .imgBack .hoverImg {padding-top: 90px;}

.businessP .ptfDiv02 .pvBody .pvImgDiv {padding: 0px 20px;}
.businessP .pvHeader {padding: 0 20px;margin-top: 50px;}
.businessP .pvHeader .pvBtn.fa-times {right: 20px;}
.businessP .ptfDiv02 .pvBody .pvTxtDiv {padding: 0px 20px;}
.businessP .ptfDiv02 .pvBody .pvImgDiv2 {padding: 120px 20px;}


}

@media (max-width:959px) {/* 모바일: 최대 959 */
/*콘텐츠*/
.contents .section.bgGray{padding: 60px 0 60px;}
.contents .section.bgWhite{padding: 60px 0 60px;}

/*infra_01*/
.businessP .infra_iconArea ul span{display: none;}
.businessP .topArea .infra_01{min-height: 320px;padding: 26% 9%;}
.businessP .topArea .mainBox h2{font-size: 20px;line-height: normal;}
.businessP .topArea .mainBox h3{font-size: 14px;line-height: normal;}*/

.businessP .iconArea h2{font-size: 24px;}
.businessP .iconArea p{font-size: 14px;/*margin-top: 1%;*/}
.businessP .iconArea h3{font-size: 18px;margin-bottom: 3%;}
.businessP .iconArea p.desc{font-size: 16px;line-height: 26px;margin-bottom: 10%;}
.businessP .iconArea ul li{width: 100%;min-height: 0px;height: 84px;}
.businessP .cloud01_iconArea ul li{height: 190px;}
.businessP .iconArea ul li p.title{margin-bottom: 2%;font-size: 16px;}
.businessP .iconArea ul li::after {width: 44px;height: 44px;/*bottom: 11px;*/bottom: 17px;}

.businessP .infra_iconArea h2{font-size: 24px;}
.businessP .infra_iconArea p{font-size: 14px;}
.businessP .infra_iconArea h3{font-size: 18px;margin-bottom: 3%;}
.businessP .infra_iconArea p.desc{font-size: 16px;line-height: 26px;margin-bottom: 10%;}
.businessP .infra_iconArea ul li{width: 100%;min-height: 0px;height: 84px;}
.businessP .cloud01_iconArea ul li{height: 190px;}
.businessP .infra_iconArea ul li p.title{margin-bottom: 2%;font-size: 16px;}
.businessP .infra_iconArea ul li::after {width: 44px;height: 44px;bottom: 19px;}

.businessP .threeBoxArea{padding-top: 60px;padding-bottom: 60px;}
.businessP .threeBoxArea h2{font-size: 24px;margin-bottom: 5%;line-height: normal;padding: 0px;}
.businessP .threeBoxArea ul li{width: 100%;padding: 0px;min-height: 0px;margin-bottom: 4%;}
.businessP .threeBoxArea ul li p.tit{font-size: 16px;line-height: normal;margin-bottom: 0px;padding: 10%;}

/*
.businessP .iconArea .ul_01 li{margin-right: 0px;}*/
.businessP .iconArea .ul_02 li{width: 100%;min-height: 0px;}

.businessP .infra_iconArea .ul_02 li{width: 100%;min-height: 0px;}
/*infra_02*/
.businessP .topArea .mainBox_whitefont h2{font-size: 20px;line-height: normal;}
.businessP .topArea .mainBox_whitefont h3{margin-top: 5%;}
.businessP .threeBoxArea_infra01 ul li p.tit{padding: 6%;}

/*sw01*/
.businessP .iconArea span{display: none;}
.businessP .topArea .sw01{padding: 19% 2% !important;}
.businessP .topArea .sw02{padding: 28% 5% !important;}

.businessP .bgWhite .swiper-horizontal{padding: 0 20px !important;}
.businessP .sw_threeBoxArea ul li p.tit{font-size: 16px;line-height: normal;margin-bottom: 0px;padding: 10% 0% 10% 0%;}

.businessP .sw01_iconArea ul li p{margin-top: 0%;}

/*cloudservice_01*/
.businessP .topArea span{display: none;}
.businessP .listArea div{width: 100%;margin-right: 0px;}
.businessP .listArea h2{font-size: 24px;}

.businessP .ImgArea p{font-size: 16px;}
.businessP .ImgArea h2{font-size: 24px;}

.businessP .listArea div{padding: 29px 16px 29px;}
.businessP .listArea div p.tit{font-size: 16px;}
.businessP .listArea li{font-size: 14px;}

.businessP .topArea .cloudservice01 h3{margin-top: 4%;}

.bgWhite .swiper-horizontal{width: auto !important;}

/*cloudservice_02*/
.businessP .slideArea p{font-size: 18px;text-align: center;margin-bottom: 10px;}
.businessP .slideArea h2{font-size: 24px;text-align: center;margin-bottom: 7%;word-break: keep-all;}

.businessP .software_slideArea p{text-align: left;}
.businessP .software_slideArea h2{text-align: left !important;}

.businessP .swiper-slide p{/*height: 94px;*/font-size: 18px;}
.businessP .bgGray .swiper-slide p{height: 50px;font-size: 18px;text-align: center;}
.businessP .topArea .mainBox_whitefont{min-height: 320px;padding: 21% 9%;}
.businessP .topArea .mainBox_whitefont h3{line-height: normal;font-size: 14px;}

.businessP .cloudservice02_iconArea ul li{height: 190px !important;}

.businessP .iconArea h2{font-size: 24px;}

form {margin-bottom: 5%;}

.bgWhite  .swiper-container{border-radius: 10px;margin: 0 auto;width: 850px;height: 100%;padding-bottom: 5%;}

/* 구축 사례 */
.businessP .ptfDiv01 {padding: 40px 20px 20px;}
.businessP .ptfDiv01 h2 {font-size: 24px;margin-bottom: 23px;}

.businessP .ptfDiv01 .ptfWrap {margin-left: 0;margin-right: 0;}
.businessP .ptfDiv01 .ptfWrap .ptfItem {width: 100%;margin-left: 0px;margin-right: 0px;margin-bottom: 20px;}
.businessP .ptfDiv01 .ptfWrap .ptfItem .ptfImg .imgBack {padding-top: 79%;}
.businessP .ptfDiv01 .ptfWrap .ptfItem .ptfImg .imgBack .hoverImg {padding-top: 90px;}
.businessP .ptfDiv01 .ptfWrap .ptfItem .ptfTit {padding: 20px 0 20px 20px;font-size: 18px;line-height: 27px;}

.businessP .ptfDiv02 {margin-top: -169px;}
.businessP .ptfDiv02.down {top: 80px;z-index: 9}
.businessP .ptfDiv02.down .pvHeader .fa-bars {background: #0072DE}
.businessP .ptfDiv02.down.mini {top: 50px}

.businessP .pvHeader {top: 60px;padding: 0 5px;margin-top: 0px;}
.businessP .pvHeader .pvBtn {transform: scale(0.5);}
.businessP .pvHeader .pvBtn.noLnk {pointer-events: none;background-color: rgba(255,255,255,0.3);}
.businessP .pvHeader .pvBtn.fa-times {right: 5px;}

.businessP .pvHeader .pvBtn:not(.noLnk):hover {transform: scale(0.5) translateY(0px);background-color: #0071DC;}

.businessP .pvHeader .pvBtn + .pvBtn {margin-left: -25px;}

.businessP .pvHeader.pvHeaderFixed {top: 60px;}

.businessP .ptfDiv02 .pvBody {/* width: 100%; */}
.businessP .ptfDiv02 .pvBody .pvTitDiv {padding: 40px 0 150px;/}
.businessP .ptfDiv02 .pvBody .pvTitDiv>* {position: relative;z-index: 2;}
.businessP .ptfDiv02 .pvBody .pvTitDiv .pvCate {width: 100px;height: 100px;margin: 0 auto;line-height: 100px;text-transform: uppercase;font-size: 35px;font-weight: 300;border-radius: 50%;background: #0072DE}
.businessP .ptfDiv02 .pvBody .pvTitDiv .pvTit {font-size: 20px;line-height: 30px;}
.businessP .ptfDiv02 .pvBody .pvTitDiv .pvDate {font-size: 18px;font-weight: 300;}

.businessP .ptfDiv02 .pvBody .pvTxtDiv {margin-bottom: 40px;padding: 0 20px;}
.businessP .ptfDiv02 .pvBody .pvTxtDiv .gpmj {float: none;font-size: 24px;padding-top: 0;margin-right: 0;margin-bottom: 20px;}
.businessP .ptfDiv02 .pvBody .pvTxtDiv ul.pvTxt {float: none;max-width: 100%;}
.businessP .ptfDiv02 .pvBody .pvTxtDiv ul.pvTxt li {position: relative;font-size: 16px;line-height: 26px;padding-left: 10px;/* word-break: break-all; */}
.businessP .ptfDiv02 .pvBody .pvTxtDiv ul.pvTxt li:before {position: absolute;left: 0px;top: 12px;display:inline-block;content:"";width:2px;height:2px;vertical-align:middle;background: #505050;}

.businessP .ptfDiv02 .pvBody .pvTxtDiv ul.pvDesc {float: none;width: 100%;padding-top: 38px;padding-left: 0;}
.businessP .ptfDiv02 .pvBody .pvTxtDiv ul.pvDesc:before {background: #191919;display: none;}
.businessP .ptfDiv02 .pvBody .pvTxtDiv ul.pvDesc li {font-size: 17px;line-height: 26px;margin-bottom: 18px;}
.businessP .ptfDiv02 .pvBody .pvTxtDiv ul.pvDesc li:before {width: 70px;}

.businessP .ptfDiv02 .pvBody .pvImgDiv {margin-top: -121px;margin-bottom: 48px;padding: 0px 20px;}
.businessP .ptfDiv02 .pvBody .pvImgDiv2 {padding: 40px 20px;}
.businessP .ptfDiv02 .pvBody .pvImgDiv2 img {margin-bottom: 20px;}
.businessP .ptfDiv02 .pvBody .pvImgDiv2 img:last-child {margin-bottom: 0px;}


/*고객사*/
.clientAT {background-color: #F7F7F7;padding: 40px 0px 20px;}
.clientAT h2 {font-size: 24px;padding: 0px 20px;margin-bottom: 3px;}
.clientAT .client01Div{padding: 20px 20px;}

/*슬라이드*/

.businessP .referenceWrap {padding: 0 20px;}



/*슬라이드예제*/
.businessP .loginArea {margin-right: 20px;}
.businessP .sliderWrap .mainVisual .slide1 {background-size: 1004px 838px !important;background-position-y: bottom;}
.businessP .sliderWrap .mainVisual .slide2 {background-size: 1004px 838px !important;background-position-y: bottom;}
.businessP .slideTextWrap {margin-left: 20px;}
.businessP .slick-dots {margin-left: 20px;bottom: calc(16%);}

.businessP .referenceWrap h2{font-size: 24px;}
.businessP .referenceWrap a.btnMore{top: 0px;}
.businessP .bgWhite .swiper-slide .box p{font-size: 18px;padding: 5% 6%;}

}



@media (max-width:360px) {

/*button*/
.button {font-size: 14px;}

/*cloudservice_01*/
.businessP .listArea div p.tit{font-size: 16px;}
.businessP .listArea li{font-size: 14px;}

.businessP .topArea .mainBox{min-height: 320px;padding: 25% 9%;}
.businessP .topArea .mainBox h2{font-size: 20px;line-height: normal;}
.businessP .topArea .mainBox h3{font-size: 14px;line-height: normal;}

.businessP .topArea .cloudservice01 {min-height: 320px;padding: 14% 9%;}
/*cloudservice_02*/
.businessP .topArea .cloudservice02 {min-height: 320px;padding: 11% 9%;}

}








/* prevent css vanishing */
/* prevent css vanishing */
/* prevent css vanishing */
/* prevent css vanishing */
/* prevent css vanishing */
/* prevent css vanishing */
/* prevent css vanishing */