@charset "utf-8"; 

.contents.main .mainSlide{background: #171717;}
.contents.main .mainSlide .slideBox{width: 100%; height: 120%; position: relative;background-repeat: no-repeat;background-position: center;background-size: cover;}
.contents.main .mainSlide .slideBox:before{content: ''; top: 0;left: 0;width: 100%;height: 100%;}


.contents.main .mainSlide .conArea{
	position: absolute;
	bottom: 110px;
	left: 25%;

	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;

	letter-spacing: -0.64px;
	word-break: keep-all;
}




.contents.main .mainSlide .dsc{display: flex;align-items: center;}
.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: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;

	box-sizing: border-box;
	transform: translateX(-50%);
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	align-content: flex-start;
}


.contents.main .mainSlide .slick-dots li{padding: 1px 1px 0 0;}
.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 -4px;display: flex;flex-wrap: wrap;justify-content: flex-start;align-items: stretch;}
.contents.main .mainSolutions .conArea .dscBox{width: 33.3%;padding: 4px;box-sizing: border-box;}
.contents.main .mainSolutions .conArea .conTitle{background: #007dc5 url(/images/img_company.png) no-repeat left bottom / 474px auto;height: 100%;padding: 60px 10% 48px 10%;box-sizing: border-box;}
.contents.main .mainSolutions .conArea .conMES{background: #F5F5F5 url(/images/img_company.png) no-repeat center top / 474px auto;height: 100%;padding: 306px 48px 48px 48px;box-sizing: border-box;}
.contents.main .mainSolutions .conArea .conLOCATION{background: #F5F5F5 url(/images/img_location2.png) no-repeat center top / 474px auto;height: 100%;padding: 306px 48px 48px 48px;box-sizing: border-box;}
.contents.main .mainSolutions .conArea .conDOC{background: #F5F5F5 url(/images/img_doc2.png) no-repeat center top / 474px auto;height: 100%;padding: 306px 48px 48px 48px;box-sizing: border-box;}
.contents.main .mainSolutions .conArea .conSANGDAM{background: #F5F5F5 url(/images/img_sangdam2.png) no-repeat center top / 474px auto;height: 100%;padding: 306px 48px 48px 48px;box-sizing: border-box;}

.contents.main .mainSolutions .conArea .conPAM{background: #F5F5F5 url(/images/img_info.png) no-repeat center top / 474px auto;height: 100%;padding: 306px 48px 48px 48px;box-sizing: border-box;}
.contents.main .mainSolutions .conArea .conQMS{background: #F5F5F5 url(/images/img_pay.png) no-repeat center top / 474px auto;height: 100%;padding: 306px 48px 48px 48px;box-sizing: border-box;}
.contents.main .mainSolutions .conArea .conESH{background: #F5F5F5 url(../images/main/main_solutions_conESH_bg.png) no-repeat center top / 474px auto;height: 100%;padding: 306px 48px 48px 48px;box-sizing:

border-box;border-radius: 4px;}
.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/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/arrow.png);}

.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 .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 .imgCon03{background-image: url(/images/main_location.jpg);}
.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/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 .mainBusiness .conArea li.imgCon:hover .dscBox{transform: translateY(-100%);}
.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: 48px;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: 1.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/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 .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;justify-content: flex-start;align-items: center;flex-wrap: nowrap;flex-direction: column;}
	.contents.main .mainSolutions .conArea .dscBox{width: 100%;padding: 4px 24px;}
	.contents.main .mainSolutions .conArea .conTitle{background-size: 100% auto;margin: -4px -24px;padding: 48px 24px 60px 24px;}
	.contents.main .mainSolutions .conArea .conMES{background-size: 390px auto;padding: 260px 30px 40px 30px;margin-top: 36px;}
	.contents.main .mainSolutions .conArea .conPAM{background-size: 390px auto;padding: 260px 30px 40px 30px;}
	.contents.main .mainSolutions .conArea .conQMS{background-size: 390px auto;padding: 260px 30px 40px 30px;}
	.contents.main .mainSolutions .conArea .conESH{background-size: 390px auto;padding: 260px 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 .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 .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;}
}