@charset "utf-8";

/* 내용관리 */
#ctt {margin:0;padding:0;background:#fff}
.ctt_admin {text-align:right; width: 1400px; margin: 0 auto}
#ctt header h1 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#ctt_con {padding:0;text-align:center;margin:0 auto;}
#ctt_himg img, #ctt_timg img, #ctt_con img {height:auto;}

#ctt_con img {width:auto;}
.ctt_img {text-align:center}


.pd-50-0{padding:50px 0 ;}
.pd-100-0{padding:100px 0 ;}

.mg-50-0{margin:50px auto !important;}
.mg-100-0{margin:100px auto !important;}
.mg-150-0{margin:150px auto !important;}

.bg-black{background:#000;}
.w-800{width:800px;}
.w-1400{width:1400px;}
.w-1920{width:1920px;}



/* sec10 우리아이 얼굴을 지켜주세요*/
		.area-wrap {max-width:1920px; margin:0px auto; }
		#mainServiceCon{position: relative; /* background-color:#fff; */}
		.main-service-con {display: flex; height:100%}
		/* 왼쪽 탭 영역 */
		.main-service-con .main-service-left-con {width: 34.84%;background:#f4f5f8;padding:100px 0;border-radius:0 5rem 0 0;}
		.main-service-con .main-service-left-con:before{position: absolute; content: ''; top: 0; left: 0; width: 34.84%; height: 100%; background: #f4f5f8; border-radius: 0 8rem 0 0; z-index: -10;}
		.main-service-left-con .main-service-tit-box {padding-left: 200px;}
		.main-service-left-con .main-service-tit-box .tit {font-size: 45px; font-weight: 800; letter-spacing: -0.040em; color: #121212; line-height: 1.2;text-align:left;margin:0;}
		.main-service-left-con .main-service-tit-box .txt {font-size: 20px; font-weight: 500; letter-spacing: -0.040em; color: #222222; line-height: 1.6; text-align:left;}
		.main-service-left-con .main-service-tit-box .txt em { font-weight: 700; color: #0168E9;}
		/* 탭 */
		.main-service-tab-wrapper-style {padding-left: 200px; margin-top: 14.5rem;}
		.main-service-tab-list-style {position: relative;}
		.main-service-tab-list-style .main-service-tab button {position: relative;  display: flex; align-items: center; width: 100%; max-width: 35rem;height: 75px; line-height: 75px; box-sizing: border-box; /* border-bottom: 1px solid #dddddd; */}
		.main-service-tab-list-style .main-service-tab button em {width: 65px; font-size: 16px; font-weight: 800; letter-spacing: -0.010em; color: #bbbbbb; transition: all 0.3s;}
		.main-service-tab-list-style .main-service-tab button span {width: calc(100% - 65px); font-size: 24px; font-weight: 800; letter-spacing: -0.010em; color: #bbbbbb; text-align: left; transition: all 0.3s;}
		.main-service-tab-list-style .main-service-tab .slick-active button em,
		.main-service-tab-list-style .main-service-tab .slick-active button span {color: #fff !important; }
		.main-service-tab .slick-dots .slick-active {border-radius:30px;background-color:#0168E9;-webkit-transition:background-color 0.5s; transition:background-color 0.5s;}
		.main-service-on-icon {width: 460px; height: 75px; position:absolute; left: -25px; top:0; z-index:-1;}
		.main-service-on-icon > span i {position: absolute; font-size: 24px;  right: 30px; top: 50%; transform: translateY(-50%); }

		.sec10 	.slick-dots{position: absolute;bottom: -200px;display: block;width: 100%;padding: 0;margin: 0;list-style: none;text-align: center;}
		.sec10 	.slick-dots li{}
		.sec10 	.slick-dots li button{border: 0;outline: none;background: transparent;}


		/* 오른쪽 컨텐츠 영역 */
		.main-service-con .main-service-right-con {position: relative; width: calc(100% - 34.84%); height: 100%; padding-left: 100px; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;padding-top:80px;}
		.main-service-con-list .list-item {position: relative; width: 100%; height: auto;}
		.main-service-con-list .slick-list {overflow: visible;}
		.main-service-tab-con {position: relative; width: 100%;  height: 100%; min-height: 605px;text-align:left;}
		.main-service-txt-box span {display: inline-block; font-size: 24px; font-weight: 800; letter-spacing: -0.050em; color: #0168E9; margin-bottom: 2rem;}
		.main-service-txt-box .main-service-tit		{font-size: 48px; font-weight: 800; letter-spacing: -0.050em; line-height: 1.2; color: #0168E9; margin-bottom: 4.5rem; margin-top:0;}
		.main-service-txt-box .main-service-txt01 {font-size: 24px; font-weight: 700; letter-spacing: -0.050em; line-height: 1.5; color: #121212; margin-bottom: 1.3rem;}
		.main-service-txt-box .main-service-txt02 {font-size: 16px; font-weight: 400; letter-spacing: -0.050em; line-height: 1.875; color: rgba(18,18,18,0.6);}
		.main-service-tab-con .main-service-img		{position: absolute; top: 0; right: 15rem; z-index: -1;}
		.main-service-tab-con .main-service-price {text-align:center;color:#0168E9;font-size:150px;font-weight:bold;}
		.main-service-tab-con .main-service-price span{font-size:40px;}
		.main-service-tab-con .main-service-img img  {max-width: 100%;}

		.bt_popup{position:fixed;width:fit-content;bottom:150px;right:200px;z-index:10;}
		.bt_popup .cancle{position:absolute;right:0;top:0;width:20%;z-index:11;height:50px;}
		
		@media(max-width:850px){
			.bt_popup{right:0;bottom:18%;}
			.bt_popup img {width:100%;}
		}