@charset "utf-8"; 

.contents.main .mainSlide{background: #171717;position: relative;height: 100vh;}
.contents.main .mainSlide .slideBox{width: 100%;height: 100vh;position: absolute;top: 0;left: 0;opacity: 0;z-index: 0;transition: none;background-repeat: no-repeat;background-position: center;background-size: cover;}
.contents.main .mainSlide.is-ready .slideBox{transition: opacity .3s linear;}
.contents.main .mainSlide .slideBox.is-prev{opacity: 1;z-index: 1;transition: none;}
.contents.main .mainSlide .slideBox.is-active{opacity: 1;z-index: 2;}
.contents.main .mainSlide .slideBox:before{content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.25);}
.contents.main .mainSlide .conArea{position: absolute;bottom: 80px;left: 50%;width: 100%;max-width: 1600px;padding: 0 80px;transform: translateX(-50%);box-sizing: border-box;}
.contents.main .mainSlide .str{color: #FFF;font-size: 64px;font-weight: 800;line-height: 80px;letter-spacing: -0.64px;word-break: keep-all;}
.contents.main .mainSlide .dsc{display: flex;align-items: center;margin-top: 40px;}
.contents.main .mainSlide .dsc p{color: #FFF;font-size: 20px;line-height: 30px;letter-spacing: -0.2px;word-break: keep-all;}
.contents.main .mainSlide .dsc .btn{display: block;width: 167px;height: 60px;line-height: 60px;margin-left: 20px;}
.contents.main .mainSlide .dsc .btn:after{left: 23px;}
.contents.main .mainSlide .dsc .btn:before{width: 48px;height: 48px;}
.contents.main .mainSlide .dsc .btn:hover:before{width: calc(100% - 12px) !important;transform: translateY(-50%) scaleX(1.2) scaleY(1.6) !important;}
.contents.main .mainSlide .slick-dots{position: absolute;bottom: 364px;left: 50%;width: 100%;max-width: 1600px;padding: 0 80px;height: 84px;box-sizing: border-box;transform: translateX(-50%);display: flex;flex-direction: column;flex-wrap: wrap;align-content: flex-start;z-index: 3;}
.contents.main .mainSlide .slick-dots li{padding: 1px 1px 0 0;}
.contents.main .mainSlide .slick-dots li button{width: 40px;height: 40px;background: transparent;border: 1px solid rgba(255,255,255,.5);overflow: hidden;font-size: 0;text-indent: -9999px;border-radius: 2px;}
.contents.main .mainSlide .slick-dots li.slick-active button{background: #fff;border: 1px solid #fff;}
.contents.main .mainSlide .conArea.fontBk .str,
.contents.main .mainSlide .conArea.fontBk .dsc p{color:#171717;}

.contents.main .mainSolutions{position: relative;width: 100%;max-width: 1600px;margin: auto;padding: 120px 80px;box-sizing: border-box;}
.contents.main .mainSolutions .ttl{position: absolute;left: 80px;top: 130px;font-size: 16px;line-height: 28px;letter-spacing: -0.16px;padding-left: 18px;}
.contents.main .mainSolutions .ttl:after{content: '';position: absolute;top: 9px;left: 0;width: 10px;height: 10px;background: #171717;opacity: 0.8;}
.contents.main .mainSolutions .ttlBox{padding: 0 0 0 34%;}
.contents.main .mainSolutions .ttlBox .subTtl{font-size: 48px;font-weight: 800;line-height: 72px;letter-spacing: -0.48px;word-break: keep-all;}
.contents.main .mainSolutions .conArea{padding-top: 80px;margin: 0;display: grid;grid-template-columns:minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr);column-gap:8px;row-gap:8px;align-items:stretch;box-sizing:border-box;}
.contents.main .mainSolutions .conArea > .dscBox{padding:0;box-sizing:border-box;min-width:0;}
.contents.main .mainSolutions .conArea > .dscBox--lead{grid-column:1;grid-row:1 / span 3;}
.contents.main .mainSolutions .conArea > .dscBox:nth-child(2){grid-column:2;grid-row:1;}
.contents.main .mainSolutions .conArea > .dscBox:nth-child(3){grid-column:3;grid-row:1;}
.contents.main .mainSolutions .conArea > .dscBox:nth-child(4){grid-column:2;grid-row:2;}
.contents.main .mainSolutions .conArea > .dscBox:nth-child(5){grid-column:3;grid-row:2;}
.contents.main .mainSolutions .conArea > .dscBox:nth-child(6){grid-column:2;grid-row:3;}
.contents.main .mainSolutions .conArea > .dscBox:nth-child(7){grid-column:3;grid-row:3;}
.contents.main .mainSolutions .conArea .conTitle{background: #007dc5 url(../images/main/main_solutions_conTitle_bg.png) no-repeat left bottom / 474px auto;height:100%;min-height:0;padding: 60px 10% 48px 10%;box-sizing: border-box;display:flex;flex-direction:column;}
.contents.main .mainSolutions .conArea .conMES,
.contents.main .mainSolutions .conArea .conPAM,
.contents.main .mainSolutions .conArea .conQMS,
.contents.main .mainSolutions .conArea .conESH,
.contents.main .mainSolutions .conArea .conSol1,
.contents.main .mainSolutions .conArea .conSol2,
.contents.main .mainSolutions .conArea .conSol3,
.contents.main .mainSolutions .conArea .conSol4,
.contents.main .mainSolutions .conArea .conSol5,
.contents.main .mainSolutions .conArea .conSol6{background:#F5F5F5;box-sizing:border-box;width:100%;aspect-ratio:1 / 1;padding:48px;border-radius:4px;display:flex;flex-direction:column;overflow:auto;}
.contents.main .mainSolutions .conArea .conMES .btn,
.contents.main .mainSolutions .conArea .conPAM .btn,
.contents.main .mainSolutions .conArea .conQMS .btn,
.contents.main .mainSolutions .conArea .conESH .btn,
.contents.main .mainSolutions .conArea .conSol1 .btn,
.contents.main .mainSolutions .conArea .conSol2 .btn,
.contents.main .mainSolutions .conArea .conSol3 .btn,
.contents.main .mainSolutions .conArea .conSol4 .btn,
.contents.main .mainSolutions .conArea .conSol5 .btn,
.contents.main .mainSolutions .conArea .conSol6 .btn{margin-top:auto;}
.contents.main .mainSolutions .conArea .str{color: #171717;font-size: 32px;line-height: 48px;letter-spacing: -0.32px;word-break: keep-all;}
.contents.main .mainSolutions .conArea .strSub{color: #007DC5;font-size: 16px;line-height: 28px;letter-spacing: -0.16px;margin-top: 12px;}
.contents.main .mainSolutions .conArea .dsc{color: #646464;font-size: 18px;line-height: 30px;letter-spacing: -0.18px;margin-top: 36px;}
.contents.main .mainSolutions .conArea .btn{margin-top: 54px;padding: 0 40px 0 68px;height: 48px;line-height: 48px;}
.contents.main .mainSolutions .conArea .btn:before{left: 0;}
.contents.main .mainSolutions .conArea .btn:after{left: 17px;background-image: url(../images/common/arrow_blue.png);}
.contents.main .mainSolutions .conArea .conTitle .str{color: #FFF;font-size: 36px;line-height: 52px;letter-spacing: -0.36px;}
.contents.main .mainSolutions .conArea .conTitle .dsc{color: #FFF;opacity: 0.8;}
.contents.main .mainSolutions .conArea .conTitle .btn{margin-top: 60px;color: #FFF;}
.contents.main .mainSolutions .conArea .conTitle .btn:before{background: #fff;opacity: 0.1;}
.contents.main .mainSolutions .conArea .conTitle .btn:after{background-image: url(../images/common/arrow.png);}

.contents.main .mainCloud {background-color: #393939;}
.contents.main .mainCloud .conBox{position: relative;width: 100%;max-width: 1600px;margin: auto;padding: 120px 80px 140px;box-sizing: border-box;}
.contents.main .mainCloud .ttl{position: absolute;left: 80px;top: 130px;padding-left: 18px;color: #ffffff;font-size: 16px;line-height: 28px;letter-spacing: -0.16px;}
.contents.main .mainCloud .ttl:after{content: '';position: absolute;top: 9px;left: 0;width: 10px;height: 10px;background: #ffffff;opacity: 0.7;}
.contents.main .mainCloud .ttlBox{padding: 0 0 0 27%;}
.contents.main .mainCloud .ttlBox .subTtl{color: #ffffff;font-size: 48px;font-weight: 800;line-height: 72px;letter-spacing: -0.48px;word-break: keep-all;}
.contents.main .mainCloud .ttlBox .cmt{margin-top: 30px;color: #ffffff;font-size: 18px;line-height: 30px;letter-spacing: -0.18px;opacity: 0.5;word-break: keep-all;}
.contents.main .mainCloud .conArea{padding-top: 80px;}
.contents.main .mainCloud .conArea ul{display: flex;flex-wrap: wrap;flex-direction: row;justify-content: space-between;}
.contents.main .mainCloud .conArea li{width: 49.8%;margin-top: 0.4%;min-height: 600px;position: relative;border-radius: 4px;overflow: hidden;background-position: center top;background-repeat: no-repeat;background-size: cover;}
.contents.main .mainCloud .conArea li:before{content:'';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: #00A651;opacity: 0;transition: 0.3s;}
.contents.main .mainCloud .conArea .imgCon02{background-image: url(../images/main/main_cloud_imgCon02_bg.png);}
.contents.main .mainCloud .conArea .imgCon03{background-image: url(../images/main/main_cloud_imgCon03_bg.png);}
.contents.main .mainCloud .conArea .dscBox{position: absolute;top: 100%;left: 0;padding: 48px;box-sizing: border-box;transform: translateY(-150px);transition: 0.3s;}
.contents.main .mainCloud .conArea .str{color: #ffffff;font-size: 36px;line-height: 54px;letter-spacing: -0.36px;}
.contents.main .mainCloud .conArea .dsc{color: #ffffff;font-size: 18px;line-height: 30px;letter-spacing: -0.18px;opacity: 0.8;margin-top: 48px;word-break: keep-all;}
.contents.main .mainCloud .conArea .btnWrap{margin-top: 30px;}
.contents.main .mainCloud .conArea .btn{color: #FFF;padding: 0 40px 0 68px;height: 48px;line-height: 48px;}
.contents.main .mainCloud .conArea .btn:before{background: #fff;opacity: 0.1;left: 0;}
.contents.main .mainCloud .conArea .btn:after{background-image: url(../images/common/arrow.png);left: 17px;}

.contents.main .mainBusiness{background: #171717;}
.contents.main .mainBusiness .conBox{position: relative;width: 100%;max-width: 1600px;margin: auto;padding: 120px 80px 140px;box-sizing: border-box;}
.contents.main .mainBusiness .ttl{position: absolute;left: 80px;top: 130px;padding-left: 18px;color: #ffffff;font-size: 16px;line-height: 28px;letter-spacing: -0.16px;}
.contents.main .mainBusiness .ttl:after{content: '';position: absolute;top: 9px;left: 0;width: 10px;height: 10px;background: #ffffff;opacity: 0.7;}
.contents.main .mainBusiness .ttlBox{padding: 0 0 0 50%;}
.contents.main .mainBusiness .ttlBox .subTtl{color: #ffffff;font-size: 48px;font-weight: 800;line-height: 72px;letter-spacing: -0.48px;word-break: keep-all;}
.contents.main .mainBusiness .ttlBox .cmt{margin-top: 30px;color: #ffffff;font-size: 18px;line-height: 30px;letter-spacing: -0.18px;opacity: 0.5;word-break: keep-all;}
.contents.main .mainBusiness .conArea{padding-top: 80px;}
.contents.main .mainBusiness .conArea ul{display: flex;flex-wrap: wrap;flex-direction: row;justify-content: space-between;}
.contents.main .mainBusiness .conArea li{width: 49.8%;margin-top: 0.4%;min-height: 600px;position: relative;border-radius: 4px;overflow: hidden;background-position: center top;background-repeat: no-repeat;background-size: cover;}
.contents.main .mainBusiness .conArea li:before{content:'';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: #007DC5;opacity: 0;transition: 0.3s;}
.contents.main .mainBusiness .conArea .imgCon01{background-image: url(../images/main/main_business_imgCon01_bg.png);}
.contents.main .mainBusiness .conArea .imgCon02{background-image: url(../images/main/main_business_imgCon02_bg.png);}
.contents.main .mainBusiness .conArea .dscBox{position: absolute;top: 100%;left: 0;padding: 48px;box-sizing: border-box;transform: translateY(-150px);transition: 0.3s;}
.contents.main .mainBusiness .conArea .str{color: #ffffff;font-size: 36px;line-height: 54px;letter-spacing: -0.36px;}
.contents.main .mainBusiness .conArea .dsc{color: #ffffff;font-size: 18px;line-height: 30px;letter-spacing: -0.18px;opacity: 0.8;margin-top: 48px;word-break: keep-all;}
.contents.main .mainBusiness .conArea .btnWrap{margin-top: 30px;}
.contents.main .mainBusiness .conArea .btn{color: #FFF;padding: 0 40px 0 68px;height: 48px;line-height: 48px;}
.contents.main .mainBusiness .conArea .btn:before{background: #fff;opacity: 0.1;left: 0;}
.contents.main .mainBusiness .conArea .btn:after{background-image: url(../images/common/arrow.png);left: 17px;}
.contents.main .mainBusiness .conArea li.notimg{background: #272727;}
.contents.main .mainBusiness .conArea li.notimg:before{display: none;}
.contents.main .mainBusiness .conArea li.notimg .dscBox{top: 0;padding: 60px 48px 48px 48px;transform: translateY(0);}
.contents.main .mainBusiness .conArea li.notimg .btnWrap{margin-top: 40px;}
.contents.main .mainBusiness .conArea li.notimg .btn{margin-top: 20px;}
.contents.main .mainCloud .conArea li.imgCon:hover .dscBox, .contents.main .mainBusiness .conArea li.imgCon:hover .dscBox{transform: translateY(-100%);}
.contents.main .mainCloud .conArea li.imgCon:hover:before, .contents.main .mainBusiness .conArea li.imgCon:hover:before {opacity: 1;}

.contents.main .mainIctPartner{background: #171717 url(../images/main/main_IctPartner_bg.png) no-repeat center / cover;}
.contents.main .mainIctPartner .conBox{position: relative;width: 100%;max-width: 1600px;margin: auto;padding: 140px 80px 160px;box-sizing: border-box;}
.contents.main .mainIctPartner .ttl{position: absolute;left: 60px;top: 130px;font-size: 16px;line-height: 28px;letter-spacing: -0.16px;padding-left: 18px;color: #ffffff;}
.contents.main .mainIctPartner .ttl:after{content: '';position: absolute;top: 9px;left: 0;width: 10px;height: 10px;background: #ffffff;opacity: 0.7;}
.contents.main .mainIctPartner .ttlBox .subTtl{color: #ffffff;font-size: 80px;font-weight: 700;line-height: normal;letter-spacing: -0.8px;word-break: keep-all;}
.contents.main .mainIctPartner .ttlBox .cmt{margin-top: 30px;color: #ffffff;font-size: 18px;font-weight: 400;line-height: 30px;letter-spacing: -0.18px;opacity: 0.7;word-break: keep-all;}
.contents.main .mainIctPartner .btn{background: rgba(255,255,255,0.2);width: 167px;margin-top: 60px;}
.contents.main .mainIctPartner .btn:before{background: rgba(255,255,255,0.1);}
.contents.main .mainIctPartner .conArea{padding-top: 120px;}
.contents.main .mainIctPartner .conArea li{display: flex;justify-content: space-between;flex-direction: row;align-items: center;padding-top: 60px;margin-top: 48px;border-top: 1px solid rgba(255,255,255,0.2);}
.contents.main .mainIctPartner .conArea li:first-child{border-top:0;margin-top: 0;padding-top: 0;}
.contents.main .mainIctPartner .conArea .str{color: #FFF;font-size: 80px;font-weight: 800;line-height: 75px;letter-spacing: -0.8px;}
.contents.main .mainIctPartner .conArea .str span{display: block;font-size: 52px;line-height: 75px;letter-spacing: -0.52px;}
.contents.main .mainIctPartner .conArea .dsc{width: 500px;color: #FFF;text-align: right;font-size: 18px;line-height: 30px;letter-spacing: -0.18px;opacity: 0.5;word-break: keep-all;}

.contents.main .mainNews{width: 100%;max-width: 1600px;margin: auto;padding: 120px 80px;box-sizing: border-box;}
.contents.main .mainNews .ttl{color: #171717;font-size: 48px;font-weight: 800;line-height: 72px;letter-spacing: -0.48px;}
.contents.main .mainNews .conArea{margin-top: 30px;}
.contents.main .mainNews .conArea ul{position: relative;display: flex;flex-direction: column;align-items: flex-end;padding-bottom: 408px;height: 1224px;box-sizing: border-box;}
.contents.main .mainNews .conArea li{position: relative;border-radius: 4px;background: #F5F5F5;margin-bottom: 8px;}
.contents.main .mainNews .conArea li .imgCon{position: absolute;overflow: hidden;}
.contents.main .mainNews .conArea li .dscBox{position: relative;padding: 48px;width: 474px;height: 400px;box-sizing: border-box;}
.contents.main .mainNews .conArea li .str{color: #171717;font-size: 26px;line-height: 40px;letter-spacing: -0.26px;max-height: 80px;white-space: normal;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;}
.contents.main .mainNews .conArea li .dsc{color: #646464;font-size: 16px;line-height: 28px;letter-spacing: -0.16px;margin-top: 30px;max-height: 84px;white-space: normal;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;}
.contents.main .mainNews .conArea li .btnWrap{position: absolute;bottom: 48px;left: 48px;}
.contents.main .mainNews .conArea li .btnWrap .btn{height: 48px;line-height: 48px;}
.contents.main .mainNews .conArea li .btnWrap .btn:before{left: 0;}
.contents.main .mainNews .conArea li .btnWrap .btn:after{left: 17px;background-image: url(../images/common/arrow_blue.png);}
.contents.main .mainNews .conArea li.firstCon{position: absolute;top: 0;left: 0;width: calc(100% - 482px);height: 400px;padding-top: 408px;margin-bottom: 0;overflow: hidden;}
.contents.main .mainNews .conArea li.firstCon .imgCon{top: 0;left: 0;width: 100%;height: 408px;background: #171717;}
.contents.main .mainNews .conArea li.firstCon .dscBox{width: auto;}
.contents.main .mainNews .conArea li.secondCon{position: absolute;top: 816px;left: 0;width: calc(100% - 474px);height: 400px;padding-right: 474px;margin-bottom: 0;overflow: hidden;}
.contents.main .mainNews .conArea li.secondCon .imgCon{top: 0;right: 0;width: 474px;height: 100%;background: #171717;}
.contents.main .mainNews .conArea li.secondCon .dscBox{width: auto;}
.contents.main .mainNews .conArea .moreWrap{margin-top: 52px;text-align: center;}
.contents.main .mainNews .conArea .moreWrap .btn{border: 1px solid #e9e9e9;background: #ffffff;color: #646464;font-size: 16px;font-weight: 400; /* 175% */letter-spacing: -0.16px;}
.contents.main .mainNews .conArea .moreWrap .btn:before{background: #f9f9f9;}
.contents.main .mainNews .conArea .moreWrap .btn:after{background-image: url(../images/common/arrow_black.png);}

.mainLayerPop {display: none;position: fixed;z-index: 9000;left: 0;top: 0;width: 100%;height: 100%;text-align: center;background: rgba(0,0,0,.7);line-height: 0;font-size: 0;}
.mainLayerPop .lyWrap{position: absolute;top: 50%;left: 50%;width: 327px;border-radius: 12px;overflow: hidden;transform: translate(-50%, -50%);}
.mainLayerPop .lyBody img {width: 100%;}
.mainLayerPop .btn_wrap {padding: 12px 24px;display: flex;justify-content: space-between;align-items: center;background: #fff;}
.mainLayerPop .btn_wrap .btn {width: 85px;padding: 0 20px;box-sizing: border-box;}
.mainLayerPop .btn_wrap .inp_check label {padding-left: 32px;color: var(--font-02-gray-646464, #646464);font-size: 14px;line-height: 26px;letter-spacing: -0.14px;}
.mainLayerPop .btn_wrap .inp_check label:before {width: 24px;height: 24px;}
.mainLayerPop .btn_wrap .inp_check label:after {left: 7px;top: 10px;}

@media all and (max-width: 1280px){
	.contents.main .mainSlide .slick-dots{display: none;}
	.contents.main .mainSlide .conArea{padding: 0 24px;}
	.contents.main .mainSlide .str{font-size: 40px;line-height: 50px;letter-spacing: -0.4px;}
	.contents.main .mainSlide .dsc{display: flex;align-items: flex-start;flex-direction: column;margin-top: 28px;}
	.contents.main .mainSlide .dsc p{font-size: 16px;line-height: 28px;letter-spacing: -0.16px;}
	.contents.main .mainSlide .dsc .btn{margin: 24px 0 0 0;width: 48px;padding: 0;height: 48px;line-height: 48px;text-indent: -999px;overflow: hidden;}
	.contents.main .mainSlide .dsc .btn:after{left: 17px;}
	.contents.main .mainSlide .dsc .btn:before{left: 0px;background: #fff;opacity: 0.1;}

	.contents.main .mainSolutions{padding: 145px 24px 80px;}
	.contents.main .mainSolutions .ttl{left: 24px;top: 97px;}
	.contents.main .mainSolutions .ttlBox{padding: 0;}
	.contents.main .mainSolutions .ttlBox .subTtl{font-size: 30px;font-weight: 800;line-height: 44px;letter-spacing: -0.3px;}
	.contents.main .mainSolutions .conArea{padding-top: 60px;margin: 0 -24px;display:flex;flex-direction:column;gap:8px;align-items:stretch;}
	.contents.main .mainSolutions .conArea > .dscBox{width: 100%;padding: 4px 24px;grid-column:unset;grid-row:unset;}
	.contents.main .mainSolutions .conArea .conTitle{background-size: 100% auto;margin: -4px -24px;padding: 48px 24px 60px 24px;}
	.contents.main .mainSolutions .conArea .conMES,
	.contents.main .mainSolutions .conArea .conPAM,
	.contents.main .mainSolutions .conArea .conQMS,
	.contents.main .mainSolutions .conArea .conESH,
	.contents.main .mainSolutions .conArea .conSol1,
	.contents.main .mainSolutions .conArea .conSol2,
	.contents.main .mainSolutions .conArea .conSol3,
	.contents.main .mainSolutions .conArea .conSol4,
	.contents.main .mainSolutions .conArea .conSol5,
	.contents.main .mainSolutions .conArea .conSol6{aspect-ratio:none;padding: 30px 30px 40px 30px;}
	.contents.main .mainSolutions .conArea .str{font-size: 28px;line-height: 40px;letter-spacing: -0.28px;}
	.contents.main .mainSolutions .conArea .strSub{font-size: 14px;line-height: 26px;letter-spacing: -0.14px;margin-top: 8px;}
	.contents.main .mainSolutions .conArea .dsc{font-size: 16px;line-height: 28px;letter-spacing: -0.16px;margin-top: 24px;}
	.contents.main .mainSolutions .conArea .btn{margin-top: 30px;}
	.contents.main .mainSolutions .conArea .conTitle .str{font-size: 30px;line-height: 44px;letter-spacing: -0.3px;}
	.contents.main .mainSolutions .conArea .conTitle .btn{margin-top: 40px;}

	.contents.main .mainCloud .conBox{padding: 128px 24px 80px;}
	.contents.main .mainCloud .ttl{left: 24px;top: 80px;}
	.contents.main .mainCloud .ttlBox{padding: 0;}
	.contents.main .mainCloud .ttlBox .subTtl{font-size: 30px;font-weight: 800;line-height: 44px;letter-spacing: -0.3px;}
	.contents.main .mainCloud .ttlBox .cmt{font-size: 16px;line-height: 28px;letter-spacing: -0.16px;}
	.contents.main .mainCloud .conArea{padding-top: 40px;}
	.contents.main .mainCloud .conArea ul{flex-direction: column;justify-content: flex-start;flex-wrap: nowrap;}
	.contents.main .mainCloud .conArea li{width: 100%;margin-top: 20px;min-height: auto;padding-top: 84%;background-position: center top;background-repeat: no-repeat;background-size: 100% auto;}
	.contents.main .mainCloud .conArea li:before{display: none;}
	.contents.main .mainCloud .conArea .dscBox{position: relative;top: 0;padding: 30px;transform: translateY(0);background: #272727;}
	.contents.main .mainCloud .conArea .str{font-size: 30px;line-height: 44px;letter-spacing: -0.3px;}
	.contents.main .mainCloud .conArea .dsc{font-size: 16px;line-height: 28px;letter-spacing: -0.16px;margin-top: 16px;opacity: 0.6;}

	.contents.main .mainBusiness .conBox{padding: 128px 24px 80px;}
	.contents.main .mainBusiness .ttl{left: 24px;top: 80px;}
	.contents.main .mainBusiness .ttlBox{padding: 0;}
	.contents.main .mainBusiness .ttlBox .subTtl{font-size: 30px;font-weight: 800;line-height: 44px;letter-spacing: -0.3px;}
	.contents.main .mainBusiness .ttlBox .cmt{font-size: 16px;line-height: 28px;letter-spacing: -0.16px;}
	.contents.main .mainBusiness .conArea{padding-top: 40px;}
	.contents.main .mainBusiness .conArea ul{flex-direction: column;justify-content: flex-start;flex-wrap: nowrap;}
	.contents.main .mainBusiness .conArea li{width: 100%;margin-top: 20px;min-height: auto;padding-top: 84%;background-position: center top;background-repeat: no-repeat;background-size: 100% auto;}
	.contents.main .mainBusiness .conArea li:before{display: none;}
	.contents.main .mainBusiness .conArea .dscBox{position: relative;top: 0;padding: 30px;transform: translateY(0);background: #272727;}
	.contents.main .mainBusiness .conArea .str{font-size: 30px;line-height: 44px;letter-spacing: -0.3px;}
	.contents.main .mainBusiness .conArea .dsc{font-size: 16px;line-height: 28px;letter-spacing: -0.16px;margin-top: 16px;opacity: 0.6;}
	.contents.main .mainBusiness .conArea li.notimg{padding-top: 0;}
	.contents.main .mainBusiness .conArea li.notimg .dscBox{padding: 48px 30px 60px 30px;}
	.contents.main .mainBusiness .conArea li.notimg .str{word-break: keep-all;}
	.contents.main .mainBusiness .conArea li.notimg .dsc{margin-top: 24px;}
	.contents.main .mainBusiness .conArea li.notimg .btnWrap{margin-top: 20px;}
	.contents.main .mainCloud .conArea li.imgCon:hover .dscBox, .contents.main .mainBusiness .conArea li.imgCon:hover .dscBox{transform: translateY(0);}

	.contents.main .mainIctPartner{background: #171717 url(../images/main/main_IctPartner_bg.png) no-repeat center top / auto 100%;}
	.contents.main .mainIctPartner .conBox{padding: 80px 24px 100px;}
	.contents.main .mainIctPartner .ttlBox .subTtl{font-size: 40px;font-weight: 800;line-height: 56px;letter-spacing: -0.4px;}
	.contents.main .mainIctPartner .ttlBox .cmt{font-size: 16px;line-height: 28px;letter-spacing: -0.16px;}
	.contents.main .mainIctPartner .btn{margin-top: 48px;}
	.contents.main .mainIctPartner .conArea{padding-top: 100px;}
	.contents.main .mainIctPartner .conArea li{justify-content: flex-start;flex-direction: column;align-items: flex-start;padding-top: 48px;margin-top: 48px;}
	.contents.main .mainIctPartner .conArea .str{font-size: 48px;font-weight: 800;line-height: 72px;letter-spacing: -0.48px;}
	.contents.main .mainIctPartner .conArea .str span{font-size: 28px;line-height: 40px;letter-spacing: -0.28px;}
	.contents.main .mainIctPartner .conArea .dsc{width: 100%;text-align: left;font-size: 16px;line-height: 28px;letter-spacing: -0.16px;margin-top: 30px;}

	.contents.main .mainNews{padding: 60px 24px;}
	.contents.main .mainNews .ttl{font-size: 30px;line-height: 44px;letter-spacing: -0.3px;}
	.contents.main .mainNews .conArea{margin-top: 20px;}
	.contents.main .mainNews .conArea ul{align-items: flex-end;padding-bottom: 0;height:auto;}
	.contents.main .mainNews .conArea li{width:100%;}
	.contents.main .mainNews .conArea li .dscBox{padding: 40px 30px 118px;width: 100%;height: auto;}
	.contents.main .mainNews .conArea li .btnWrap{bottom: 40px;left: 30px;}
	.contents.main .mainNews .conArea li.firstCon{position: relative;width: 100%;height: auto;padding-top: 84.4%;margin-bottom: 8px;}
	.contents.main .mainNews .conArea li.firstCon .imgCon{height: 0;padding-top: 84.4%;background: #f9f9f9;}
	.contents.main .mainNews .conArea li.secondCon{position: relative;top: 0;width: 100%;height: auto;padding-right: 0;padding-top: 84.4%;margin-bottom: 8px;}
	.contents.main .mainNews .conArea li.secondCon .imgCon{width: 100%;height: 0;padding-top: 84.4%;background: #f9f9f9;}
	.contents.main .mainNews .conArea .moreWrap{margin-top: 21px;}

    .mainLayerPop .lyWrap {width: calc(100% - 48px);max-width: 327px;}
}