/* body{background-color:#f8f8f8 !important;} */

.bodyWrap{margin-top:70px !important;}

.midTitleWhite{width:100%; text-align:center; font-size:28px; line-height:130px; font-weight:600; color:#fff;}
.aWhite{width:50px;height:50px;vertical-align:-10px;}
.midTxtWhite{font-size:17px; color:#fff; text-align:center; line-height:30px; font-weight:300;}

.midTitleBlue{width:100%; text-align:center; font-size:28px; line-height:130px; font-weight:600; color:#3ec1cd;}
.aBlue{width:50px;height:50px;vertical-align:-10px;}

.mainSlideContainer{width:100%; height:450px; margin-top:70px;}
.mainSlide{width:100%; height:450px;}

.mainSlide .slideText{position:absolute; top:110px; left:calc(50% - 600px); color:#fff;}
.mainSlide .slideText >div{font-size:36px;}
.mainSlide .slideText >p{font-size:17px; margin-top:20px; line-height:26px; font-weight:300;}

.queBtn{width:100px; height:45px; line-height:45px; color:#fff; text-align:center; font-size:14px; background-color:#3ec1cd; border-radius:5px;
	position: absolute; top:330px; left:calc(50% - 600px); /* right:calc(50% - 500px); */ cursor:pointer;letter-spacing:-0.5px;}
.queBtnWhite{width:100px; height:45px; line-height:45px; color:#333; text-align:center; font-size:14px; background-color:#fff; border-radius:5px;
	cursor:pointer;letter-spacing:-0.5px;}

.blackBlock{width:100%; height: 400px;background-color:#3ec1cd;  margin-top:-4px !important;padding-top:30px;}

.tlDiffWrap{}
.tlDiffWrap .midQueBtn{margin:45px auto 0;}

.tlIntroWrap{position:relative;  margin-top:-4px !important;}
.tlIntroWrap .tinglabIntro{display:block; width:1200px; height:800px; margin:0 auto;}
.tlIntroWrap .tlIntroTit{line-height:100px;}
.tlIntroWrap .tlIntroTxt{width:800px; margin:0 auto; font-size:14px; color:#777;line-height:28px; }
.tlIntroWrap .tlIntroTxt >span{display:inline-block; text-indent:-0.4px;}
.tlIntroWrap .tlIntroTxt .tlTxt1{width:40px;font-weight:600; color:#333;}
.tlIntroWrap .tlIntroTxt .tlTxt2{width:120px;font-weight:600; color:#333;}
.tlIntroWrap .tlIntroTxt .tlTxt3{}

.greenBlockUp{width:100%; height:50px;background-color:#333;}	
.greenBlock{width:calc(50% - 580px); height:230px; background-color:#333;position:absolute;}
.greenLeft{left:0;top:0;}
.greenRight{right:0;top:0;}


.indexBlock{margin-top:70px; margin-bottom:20px;}
.indexTitWrap{margin-bottom:25px;}

.indexTitWrap .indexTitle{display:inline-block; width:100%; text-align:center; font-size:28px; font-weight:600; }
.indexTitWrap .indexDiscription{display:block; width:100%; text-align:center; font-size:16px; color:#858A8D; color:#777; margin-top:8px; text-indent:-0.5px;}

.indexTitWrap .indexTitle2{padding:5px 12px; font-size:24px; font-weight:bold; color:#fff; background-color:#333; border-radius:2px;}
.indexTitWrap .indexDiscription2{display:block; width:100%; text-align:center; font-size:16px; color:#333; margin-top:18px; text-indent:-0.5px;}



/* why Tinglab */
.whyTl{margin-bottom:30px;}
.slideWrap{position:relative;}
.slideWrap .slideImg{width:100%; height:450px; border-radius:15px; /*  */ transition: 1.5s ease all;}

.slideTxtWrap{position:absolute; top:80px; left:100px; transition: 1.5s ease all;color:#fff;}
.slideTxtWrap .mainTxt{font-size:36px; font-weight:bold; line-height:55px; letter-spacing:-0.25px;}
.slideTxtWrap .subTxt{font-size:24px; font-weight:300; line-height:36px; letter-spacing:-0.25px;margin-top: 15px;}
	/* 스크롤바 컨트롤 */
.swiper-scrollbar{width:400px !important; left:100px !important;}
.swiper-scrollbar-drag{background-color:#3EC1CD !important;}


/* 가격제안 */
.priceBox{display:inline-block;width:270px; height:490px; margin-right:30px;  position:relative;}
.priceBox:LAST-CHILD{margin-right:0 !important;}

.priceWrap{display:inline-block; padding:20px 10px; width:250px; height:450px; border:1px solid #ddd;border-radius:7px; text-align:center;
	position:absolute;top:0;left:0}
.priceWrap:HOVER{border:1px solid #fff;  box-shadow:0px 2px 4px -1px #3EC1CD, 0px 4px 5px 0px #3EC1CD, 0px 1px 10px 0px #3EC1CD;}

.priceWrap .priceName{font-size:22px; font-weight:600;color:#333;}
.priceWrap .price1{font-size:26px; font-weight:600;color:#3EC1CD;}
.priceWrap .price2{font-size:13px; color:#333;}
.priceWrap .funcTxt{font-size:14px; color:#777;line-height:28px;}

.priceWrap .priceBtn{width:100px; height:40px; line-height:40px; text-align:center; font-size:14px; border-radius:5px; border:1px solid #3ec1cd;
		cursor:pointer;letter-spacing:-0.5px;color:#3ec1cd; position:absolute; bottom:15px; left:calc(50% - 50px);}
.priceWrap .priceBtn:hover{color:#fff; background-color:#3ec1cd;}


.packageWrap{}
.packageWrap .packageImg{width:360px; height:360px; border-radius:15px; display:inline-block; margin-right:56px; margin-bottom:56px; 
	position:relative; cursor:pointer; transition: 0.5s ease all;}
.packageWrap .packageImg:hover{ -ms-transform: scale(1.1); -webkit-transform: scale(1.21); transform: scale(1.1);}
.packageWrap .blackOpacity{width:360px; height:360px; background-color:#222; border-radius:15px; display:inline-block; position:absolute; top:0;left:0;
 opacity:0.3; }	
.packageWrap .packageImg:NTH-CHILD(3n){margin-right:0;}
.packageWrap .packageTxtWrap{position:absolute;bottom:30px; left:30px; text-align:left; color:#fff;}
.packageWrap .packageTxt1{font-size: 26px; font-weight:600; margin-bottom:10px;}
.packageWrap .packageTxt2{font-size: 16px; }
.packageWrap .packageTxt3{font-size: 16px; }


/* 배너 CSS */
.wideBanner{width:100%; height:250px; background-color:#3EC1CD; border-radius:10px;}
.wideBanner2{width:100%; height:100px; background-color:#e47a1b; border-radius:10px;}

.indexBanner1{font-size: 46px; line-height:250px; text-align:center; color:#fff;}
.indexBanner2{font-size: 30px; line-height:100px; text-align:center; color:#fff;}