@charset "utf-8";

@media (max-width: 1920px){
	#sub.welldit .backArea {padding-bottom: 5%;}
	#sub.welldit .cmm .size {max-width: 1200px;}
	#sub.welldit .imgBox {bottom: auto; top: 50%; margin-top: -60px; height: 460px;}
	#sub.welldit .txtBox {bottom: auto; top: 50%; margin-top: -20px; height: 460px;}
	#sub.welldit .txtBox .num {top: 25px; right: 40px; font-size: 50px;}
	#sub.welldit .txtBox .txt > em {font-size: 30px;}
	#sub.welldit .txtBox .txt b {font-size: 25px;}
	#sub.welldit .txtBox .txt b span {margin-top: 5px; font-size: 35px;}
	#sub.welldit .txtBox .scrollBtn {bottom: 30px; right: 40px;}
}

@media (max-width: 1800px){}

@media (max-width: 1600px){
	.header .logo a {height: 80px; line-height: 80px;}
	.header .gnb ul > li > a {height: 80px; line-height: 80px;}

	.subVisual .tb {height: 450px; padding-bottom: 70px;}
	.subVisual h2 {font-size: 40px;}
	.subVisual span {font-size: 25px;}

	#sub.company .cont1 .size {height: 1130px;}
	#sub.company .cont1 ul {width: 102%; margin-left: -2%;}
	#sub.company .cont1 ul li {padding: 65px 2% 0; width: 31.33333%; margin-left: 2%;}
	#sub.company .cont1 ul li em {font-size: 30px;}
	#sub.company .cont1 ul li .ico {padding: 18px 0;}
	
	#sub.welldit .cmm .size {max-width: 1176px;}
	#sub.welldit .backArea {top: 80px;}
	#sub.welldit .backArea strong {font-size: 40px;}
	#sub.welldit .backArea ul {max-width: 730px;}
	#sub.welldit .backArea ul li .ico {width: 100px; height: 100px; line-height: 100px;}
	#sub.welldit .backArea ul li .ico img {display: inline-block; width: 65%;}
	#sub.welldit .backArea ul li b {bottom: -35px; font-size: 18px; letter-spacing: 1px;}
	#sub.welldit .imgBox {height: 350px;}
	#sub.welldit .txtBox {width: 45%; height: 350px;}
	#sub.welldit .txtBox .txt > em {font-size: 26px;}
	#sub.welldit .txtBox .num {top: 15px; right: 20px; font-size: 40px;}
	#sub.welldit .txtBox .txt > span {margin: 20px 0;}
	#sub.welldit .txtBox .txt b {padding-top: 20px; font-size: 22px;}
	#sub.welldit .txtBox .txt b span {font-size: 32px;}
	#sub.welldit .txtBox .scrollBtn {bottom: 30px; right: 25px;}
	#sub.welldit .txtBox .scrollBtn img {display: inline-block; width: 24px;}
} 

@media (max-width: 1450px){
	.size {padding: 0 20px;}
	
	.header .gnb {right: 20px;}

	.scroll_wrap .scrollbar {right: 20px;}
	
	.main .topTxt {left: 100px;}

	.main .cont1 .bg em {margin-left: -570px;}
	
	.footer .termsBtn {right: 20px;}
	.footer .sns {right: 20px;}
	.footer .copy {right: 20px;}

	#sub.company .cont1 .size {padding: 0 40px;}
	#sub.company .cont1 .listBox {padding: 0;}
	
	#sub.welldit .backArea {height: 320px;}
	#sub.welldit .backArea strong {font-size: 32px;}
	#sub.welldit .cmm .size {padding-top: 340px;}
	#sub.welldit .imgBox {position: static; width: 100%; max-width: 560px; margin: 0 auto;}
	#sub.welldit .txtBox {position: static; width: 100%; max-width: 500px; margin: -60px auto 0;}
}

@media (max-width: 1280px){
	.main .cont3 .rightBox {padding-left: 60px;}

	#sub.company .cont3 .imgBox {bottom: auto; top: 24%; padding-left: 5%; box-sizing: border-box;}
	
}

@media (max-width: 1176px){
	.header .gnb {display: none;}
	.header .menu_btn {display: block;}
	.allMenu .menuBox {padding-top: 80px;}

	.main .topTxt {left: 20px;}
	.main .topTxt .inb {display: block;}
	.main .btmTxt {right: 20px; text-align: right;}

	.visual .slide3 .bg {background-position: left 20% top 50%;}

	.main .cont1 {padding: 120px 0;}
	.main .cont1 .bg {padding-top: 59%; min-height: auto;}
	.main .cont1 .bg em {bottom: 26%; left: 20px; margin-left: 0;}
	.main .cont1 .cmmBox .inner {width: 50%;}
	.main .cont1 .topBox em {top: 30%;}
	.main .cont1 .btmBox {margin-top: 30%;}
	.main .cont1 .btmBox em {bottom: 30%;}

	.main .cont2 .size {padding: 0;}
	.main .cont2 .videoList {padding-top: 0;}
	.main .cont2 .videoList ul {width: 100%; margin-left: 0; margin-top: 0;}
	.main .cont2 .videoList ul li {margin-left: 0; margin-top: 0; width: 25%; border-radius: 0; box-shadow: none;}
	.main .cont2 .videoList ul li .back_img {border-radius: 0;}
	.main .cont2 .videoList ul li .tbc {padding: 0 8% 20px;}
	.main .cont2 .videoList ul li a:before {border-radius: 0;}
	.main .cont2 .videoList ul li em {font-size: 22px;}

	.main .cont3 {margin: 120px 0;}
	.main .cont2 .video_wrap {border-radius: 0;}
	.main .cont3 .leftBox .img {height: 480px; background-image: url('/img/main_img_03.jpg'); background-repeat: no-repeat; background-position: 74% 50%; background-size: auto 100%;}
	.main .cont3 .leftBox .img img {display: none;}
	.main .cont3 .rightBox .tit span {font-size: 28px;}

	#sub.company .cont1 .size {padding: 20% 40px 15%;height: auto;}
	#sub.company .cont1 .tit em {font-size: 65px;}
	#sub.company .cont1 .listBox {margin-top: 60px;}
	#sub.company .cont1 ul li {height: 480px;}
	#sub.company .cont1 ul li em {font-size: 26px;}
	#sub.company .cont1 ul li .txt {font-size: 17px;}
	#sub.company .cont2 {padding: 100px 0;}
	#sub.company .cont2 .imgBox {top: 100px; height: 560px;}
	#sub.company .cont2 .listType {padding-left: 40px;}
	#sub.company .cont2 .listType .tb {height: 560px;}
	#sub.company .cont3 {padding: 100px 0;}

	.listType strong {margin-bottom: 30px; font-size: 50px;}
	
	#sub.service .cont1 .txtBox {padding: 0 50px; max-width: 550px;}


}
@media (max-width: 1176px){
	#sub.contact .inner {padding: 30px 30px 40px;}
	#sub.contact .inner .left {float: none; padding-left: 5px; width: 100%; box-sizing: border-box;}
	#sub.contact .inner .right {float: none; margin-top: 20px; width: 100%;}
	#sub.contact .inner .right .btnSet {margin: 30px 0;}
	#sub.contact .inner .right input[type=submit].btn {height: 50px; line-height: 48px; font-size: 18px;}
	input[type=submit].btn {padding: 0;}
	.bbs .write td {padding: 5px 5px;}


}

@media (max-width: 960px){
	.allMenu .menuBox {padding-top: 40px;}
	.allMenu .menuBox > ul > li:first-child img {display: inline-block; width: 130px;}
	.allMenu .menuBox > ul > li > a {height: 80px; line-height: 80px; font-size: 24px;}


	.main .topTxt {top: 25.5%; font-size: 45px;}
	.main .topTxt em {letter-spacing: -2px;}

	.main .btmTxt {bottom: 10%; font-size: 40px;}
	.main .btmTxt a {margin-top: 0; font-size: 45px;}
	.main .btmTxt a:before {height: 27px;}
	.main .btmTxt a:after {height: 27px; background-color: rgba(130,115,203,.6);}

	.visual .slide1 .bg {background-position: left 55% top 50%;}

	.main .cont1 {padding: 60px 0;}
	.main .cont1 .cmmBox em {font-size: 30px;}
	.main .cont1 .cmmBox em:before {width: 40px;}
	.main .cont1 .topBox em {right: -285px;}
	.main .cont1 .topBox em:before {left: -55px;}
	.main .cont1 .btmBox em {left: -315px;}
	.main .cont1 .btmBox em:before {right: -55px;}
	.main .cont1 .bg em {font-size: 35px;}
	
	.main .cont2 .paly_ico {margin-left: -50px; margin-top: -35px;}
	.main .cont2 .paly_ico img {display: block; width: 100px;}
	.main .cont2 .videoList ul li em {font-size: 20px;}


	.main .cont3 {margin: 60px 0;}
	.main .cont3 .leftBox em {padding-top: 30px; right: 35px; font-size: 30px;}
	.main .cont3 .leftBox em:before {top: -20px; height: 40px;}
	.main .cont3 .leftBox .img {height: 340px;}
	.main .cont3 .rightBox {padding-left: 35px;}
	.main .cont3 .rightBox .tit em {font-size: 38px;}
	.main .cont3 .rightBox .tit span {margin-top: 15px; font-size: 22px; letter-spacing: -1px;}
	.main .cont3 .stepList li {padding: 50px 0 50px 90px; background-position: 0 52%; background-size: 70px;}
	.main .cont3 .stepList li:after {background-size: 25px;}
	.main .cont3 .stepList li b {font-size: 20px;}
	.main .cont3 .stepList li span {font-size: 18px;}
	.main .cont3 .btnBox a {height: 50px; line-height: 48px; font-size: 16px;}

	.contactArea {height: 380px;}
	.contactArea strong {font-size: 40px;}
	.contactArea span {font-size: 16px;}
	.contactArea a {margin-top: 40px; height: 50px; line-height: 48px; font-size: 16px;}

	.footer {padding: 40px 0 25px;}
	.footer .sns {top: 0;}
	.footer .info .left {float: none; display: block; width: 100%;}
	.footer .info .right {float: none; display: block; margin-left: 0; margin-top: 15px; width: 100%;}
	.footer .termsBtn {margin-top: 12px; font-size: 14px;}
	.footer .copy {position: static; display: block; margin-top: 10px;}

	.subVisual h2 {font-size: 30px;}
	.subVisual span {font-size: 18px;}
	.subVisual .tb {height: 340px;}

	#sub.company .cont1 .size {padding: 145px 40px 70px;}
	#sub.company .cont1 .tit {padding-bottom: 40px;}
	#sub.company .cont1 .tit em {font-size: 60px;}
	#sub.company .cont1 .tit em span {display: block;}
	#sub.company .cont1 .listBox {width: 100%; max-width: 560px; margin: 0 auto;}
	#sub.company .cont1 ul {width: 100%; margin-left: 0;}
	#sub.company .cont1 ul li {float: none; width: 100%; margin-left: 0; padding: 40px 30px; height: auto;}
	#sub.company .cont2 {padding: 80px 0;}
	#sub.company .cont2 .listType {float: none; width: 100%; padding-left: 0;}
	#sub.company .cont2 .listType .tb {height: auto;}
	#sub.company .cont2 .imgBox {position: static; margin-top: 30px; padding-top: 50%; width: 100%; height: auto; border-radius: 20px;}	
	#sub.company .cont3 {padding: 80px 0;}
	#sub.company .cont3 .listType {float: none; width: 100%;}
	#sub.company .cont3 .imgBox {position: static; margin-top: 40px; width: 100%; padding: 0; text-align: center;}

	#sub.service {margin-top: -110px;}
	#sub.service .cont1 .size {padding: 0 20px;}
	#sub.service .cont1 .imgBox {height: 500px; border-radius: 20px; background-repeat: no-repeat; background-position: 50% 50%; background-size: cover;}
	#sub.service .cont1 .imgBox img {display: none;}
	#sub.service .cont1 ul li {margin-top: 70px;}
	#sub.service .cont1 ul .li1 .imgBox {background-image: url('/img/service_01.jpg');}
	#sub.service .cont1 ul .li2 .imgBox {background-image: url('/img/service_02.jpg');}
	#sub.service .cont1 ul .li3 .imgBox {background-image: url('/img/service_03.jpg');}
	#sub.service .cont1 ul .li4 .imgBox {background-image: url('/img/service_04.jpg');}
	#sub.service .cont1 .txtBox {padding: 0 30px; margin-top: -180px; max-width: 470px; height: 360px;}
	#sub.service .cont1 .txtBox i {font-size: 40px; }
	#sub.service .cont1 .txtBox em.tit {margin-top: 10px; font-size: 28px;}
	#sub.service .cont1 .txtBox p {margin-top: 30px;}
	#sub.service .cont1 .txtBox p span {padding-top: 20px; font-size: 17px;}
	#sub.service .cont1 .txtBox p span .dpb {display: inline-block;}
	
		#sub.welldit .size {}
	#sub.welldit .backArea {height: 270px; padding-bottom: 3%;}
	#sub.welldit .backArea strong {font-size: 30px;}
	#sub.welldit .cmm .size {padding: 0; box-sizing: border-box;}
	#sub.welldit .imgBox {position: absolute; top: 350px; left: 0; border-radius: 0; max-width: none; background-size: cover;}
	#sub.welldit .mo_box {padding: 0 20px; box-sizing: border-box;}
	#sub.welldit .txtBox {margin-top: 600px; padding: 30px 20px 0; box-sizing: border-box;}
	#sub.welldit .txtBox .scrollBtn {display: none;}
	
}

@media (max-width: 768px){
	.main .topTxt {font-size: 30px; }
	.main .topTxt em {letter-spacing: 0;}
	.main .btmTxt {font-size: 28px;}
	.main .btmTxt a {padding-left: 15px; padding-right: 12px; font-size: 30px;}
	.main .btmTxt a:before {height: 20px;}
	.main .btmTxt a:after {height: 20px;}
	.main .btmTxt a img {display: inline-block; width: 10px; margin-left: 2px;}
		
	.main .cont1 .cmmBox em {font-size: 20px;}
	.main .cont1 .cmmBox .img {border-radius: 15px;}
	.main .cont1 .topBox em {right: -200px;}
	.main .cont1 .btmBox em {left: -220px;}
	.main .cont1 .bg em {font-size: 24px;}

	.main .cont2 .paly_ico {margin-left: -35px; margin-top: -25px;}
	.main .cont2 .paly_ico img {width: 70px; } 
	.main .cont2 .videoList ul li em {font-size: 15px;}
	.main .cont2 .videoList ul li .tbc {padding: 0 8% 10px;}
	
	.main .cont3 .tit {padding-top: 20px;}
	.main .cont3 .leftBox .img {height: 230px; border-radius: 0 15px 15px 0; background-position: 78% 50%;}
	.main .cont3 .leftBox em {font-size: 20px;}
	.main .cont3 .rightBox {padding-left: 25px;}
	.main .cont3 .rightBox .tit em {font-size: 30px;}
	.main .cont3 .rightBox .tit span {font-size: 17px;}
	.main .cont3 .stepList {margin-top: 5px;}
	.main .cont3 .stepList li {background-size: 50px; padding: 30px 0 30px 80px;}
	.main .cont3 .stepList li:after {top: -12px; left: 55px; width: 15px; height: 24px; background-size: 15px;}
	.main .cont3 .stepList li .inb {display: block;}
	.main .cont3 .stepList li b {font-size: 17px;}
	.main .cont3 .stepList li span {margin-top: 4px; font-size: 14px; line-height: 1.4;}
	.main .cont3 .btnBox a {width: 100%;}

	
	.contactArea strong {font-size: 34px;}
	.contactArea span {font-size: 15px;}
	.contactArea a {width: 100%; max-width: 220px;}

	.footer .info {font-size: 14px;}

	.subVisual .tb {height: 300px;}

	#sub.contact .inner {padding: 30px 30px 20px;}
	#sub.contact .inner .left a {padding-left: 35px; font-size: 16px; background-size: 20px;}
	#sub.contact .inner .left a.mail {margin-top: 3px;}
	#sub.contact .inner .right input[type=submit].btn {width: 200px; font-size: 16px;}

	#sub.company .cont1 .tit em {font-size: 50px;}
	#sub.company .cont1 ul li .txt {font-size: 16px;}
	#sub.company .cont2 .imgBox {min-height: 300px;}
	#sub.company .cont2 .listType li em {padding-left: 90px;}
	#sub.company .cont2 .listType li em:before {left: 72px;}
	#sub.company .cont2 .listType li i {font-size: 20px;}
	#sub.company .cont2 .imgBox span {bottom: 10px; right: 10px; font-size: 13px; padding: 0 20px;}
	#sub.company .cont3 .imgBox img {width: 100%; max-width: 500px;}
	#sub.company .cont3 .listType ul li em {padding-left: 90px;}
	#sub.company .cont3 .listType li em:before {left: 71px;}
	.listType ul li {font-size: 16px;}
	.listType ul li em {font-size: 16px;}
	.listType ul li em:before {top: 10px; width: 4px; height: 4px;}

	#sub.service {margin-top: -90px;}
	#sub.service .cont1 .imgBox {width: 100%; max-width: 600px; margin: 0 auto; height: 380px;}
	#sub.service .cont1 .mo_box {padding: 0 20px;}
	#sub.service .cont1 .txtBox {position: static; top: 80px; margin: -70px auto 0; padding: 35px 50px; max-width: 540px; height: auto; border-radius: 20px;}
	#sub.service .cont1 ul li:nth-child(even) .imgBox {float: none;}
	#sub.service .cont1 .txtBox p span .dpb {display: block;}
	
	/* here */ 
     
     .nextSlide a{width:60px; height:60px; border-radius: 15px 15px 0 0;}
     .nextSlide b{margin-bottom:2px;}

	 #sub.welldit .cmm .size {padding: 350px 0 0; box-sizing: border-box;}
	#sub.welldit .imgBox {position: static; border-radius: 0; max-width: none; background-size: cover;}
	#sub.welldit .txtBox {margin-top: -70px; padding: 30px 20px 0; box-sizing: border-box;}
}

@media (max-width: 640px){
	#sub.service .cont1 .txtBox p span .dpb {display: inline-block;}
}

@media (max-width: 540px){
	.header .logo a {height: 65px; line-height: 65px;}
	.header .logo a img {display: inline-block; width: 100px;}
	.header .menu_btn {width: 65px; height: 65px; line-height: 65px;}
	.header .menu_btn img {display: inline-block; width: 26px;}

	.allMenu .top .menu_close {width: 65px; height: 65px; line-height: 65px;}
	.allMenu .top .menu_close img {display: inline-block; width: 22px;}
	.allMenu .menuBox {padding-top: 40px;}
	.allMenu .menuBox > ul > li:first-child img {width: 100px;}
	.allMenu .menuBox > ul > li > a {height: 70px; line-height: 70px; font-size: 18px;}
	.allMenu .menuBox > ul > li:before {width: 6px; height: 6px; top: -3px; margin-left: -5px;}

	.visual .slide3 .bg {background-position: left 27% top 50%;}

	.main .topTxt {font-size: 24px;}
	.main .topTxt em {line-height: 1.3;}
	.main .btmTxt {font-size: 20px;}
	.main .btmTxt em {letter-spacing: 0;}
	.main .btmTxt a {padding-left: 12px; padding-right: 9px; font-size: 22px; letter-spacing: .5px;}
	.main .btmTxt a:before {height: 15px;}
	.main .btmTxt a:after {height: 15px;}

	.main .cont1 {padding: 50px 0;}
	.main .cont1 .bg em {font-size: 20px;}
	.main .cont1 .cmmBox .img {border-radius: 10px;}
	.main .cont1 .cmmBox em {font-size: 17px;}
	.main .cont1 .cmmBox em:before {width: 25px; margin-top: -2px;}
	.main .cont1 .topBox em {top: 20%; right: -160px;}
	.main .cont1 .topBox em:before {left: -30px;}
	.main .cont1 .btmBox {margin-top: 40%;}
	.main .cont1 .btmBox em {bottom: 20%; left: -175px;}
	.main .cont1 .btmBox em:before {right: -30px;}

	.main .cont2 .videoList ul li em {font-size: 12px;}
	.main .cont2 .videoList ul li .back_img {min-height: 65px;}

	.main .cont3 {margin: 50px 0;}
	.main .cont3 .tit {padding-top: 10px;}
	.main .cont3 .leftBox .img {height: 180px; border-radius: 0 10px 10px 0;}
	.main .cont3 .leftBox em {right: 15px; padding-top: 25px; font-size: 16px;}
	.main .cont3 .leftBox em:before {top: -16px; height: 30px;}
	.main .cont3 .rightBox .tit em {font-size: 20px;}
	.main .cont3 .rightBox .tit span {margin-top: 10px; line-height: 1.4; font-size: 12px;}
	.main .cont3 .rightBox .tit span b {display: block;}
	.main .cont3 .stepList li {background-size: 40px; padding: 25px 0 25px 55px;}
	.main .cont3 .stepList li:after {left: 40px;}
	.main .cont3 .stepList li b {font-size: 14px;}
	.main .cont3 .stepList li span {font-size: 10px;}
	.main .cont3 .btnBox a {height: 45px; line-height: 40px; font-size: 13px;}

	.contactArea {height: 300px;}
	.contactArea strong {font-size: 26px;}
	.contactArea span {font-size: 12px;}
	.contactArea a {margin-top: 30px; height: 45px; line-height: 45px; font-size: 14px;}

	.footer .termsBtn {font-size: 12px;}

	.subVisual h2 {font-size: 26px;}
	.subVisual span {margin-top: 15px; font-size: 16px; line-height: 1.4;}

	.bbs input[type='text'], .bbs input[type='tel'], .bbs input[type='password'], .bbs select, .bbs textarea {padding: 0 12px; font-size: 14px;}
	.bbs input[type='text']::placeholder, .bbs input[type='tel']::placeholder, .bbs input[type='password']::placeholder, .bbs textarea::placeholder {font-size: 14px;}
	
	.check_box label {font-size: 13px;}

	#sub.company .cont1 .tit {padding-bottom: 30px;}
	#sub.company .cont1 .tit em {font-size: 42px;}
	#sub.company .cont1 ul li em {font-size: 24px;}
	#sub.company .cont1 ul li .ico {padding: 13px 0;}
	#sub.company .cont1 ul li .ico img {display: inline-block; width: 55px;}
	#sub.company .cont1 ul li:last-child .dpb {display: inline-block;}
	#sub.company .cont1 ul li em b.pic {display: inline-block;}
	#sub.company .cont1 ul li .txt {font-size: 14px;}
	#sub.company .cont2 {padding: 60px 0;}
	#sub.company .cont2 .listType li {margin-top: 15px;}
	#sub.company .cont3 {padding: 60px 0;}
	.listType strong {margin-bottom: 20px; font-size: 38px;}
	.listType ul li em {font-size: 14px;}

	#sub.service .cont1 {padding-bottom: 70px;}
	#sub.service .cont1 ul li {margin-top: 50px;}
	#sub.service .cont1 .txtBox {padding: 35px 30px;}
	#sub.service .cont1 .txtBox i {font-size: 33px;}
	#sub.service .cont1 .txtBox em.tit {font-size: 23px;}
	#sub.service .cont1 .txtBox p:before {width: 8px; height: 8px;}
	#sub.service .cont1 .txtBox p span {font-size: 14px;}

	#sub.welldit .cmm .size {padding: 265px 0 80px;}
	#sub.welldit .backArea {top: 65px;}
	#sub.welldit .backArea {height: 220px; padding-bottom: 5%;}
	#sub.welldit .backArea strong {font-size: 26px;}
	#sub.welldit .backArea ul li .ico {width: 80px; height: 80px; line-height: 80px;}
	#sub.welldit .backArea ul li:before {left: -8px; background-size: 10px;}
	#sub.welldit .backArea ul li b {bottom: -30px; font-size: 16px;}
	#sub.welldit .txtBox .txt > span {font-size: 16px;}
	#sub.welldit .txtBox .txt > span .dpb {display: inline-block;}

	#sub.terms {padding: 80px 0 60px;}
	#sub.terms h2 {font-size: 18px; margin-bottom: 15px;}
}

@media (max-width: 480px){
	.allMenu .menuBox > ul > li > a {height: 55px; line-height: 55px;}

	#sub.service .cont1 .imgBox {height: 340px;}
	#sub.service .cont1 .txtBox i {font-size: 32px;}
	#sub.service .cont1 .txtBox em.tit {font-size: 20px; line-height: 1.3;}
	#sub.service .cont1 .txtBox p {margin-top: 25px;}
	#sub.service .cont1 .txtBox p span {padding-top: 15px;}

	#sub.welldit .backArea ul li .ico {width: 60px; height: 60px; line-height: 60px;}
	#sub.welldit .backArea ul li b {font-size: 14px;}
	#sub.welldit .imgBox {height: 300px;}
	#sub.welldit .txtBox {height: 310px;}
	#sub.welldit .txtBox .num {font-size: 36px;}
	#sub.welldit .txtBox .txt > em {font-size: 22px;}
	#sub.welldit .txtBox .txt > span {font-size: 14px;}
	#sub.welldit .txtBox .txt b {font-size: 18px;}
	#sub.welldit .txtBox .txt b span {font-size: 28px;}
	#sub.welldit .txtBox .txt b:before {top: -4px; margin-left: -4px; width: 8px; height: 8px;}
     
     .nextSlide a{width:50px; height:50px; border-radius: 15px 15px 0 0; }
     .nextSlide b{font-size:10px;}
}

@media (max-width: 360px){
	.allMenu .menuBox {padding-top: 50px;}

	.main .cont1 .bg em {font-size: 18px;}
	.main .cont1 .cmmBox em {font-size: 16px;}
	.main .cont1 .cmmBox em:before {display: none;}
	.main .cont1 .topBox em {right: -145px;}
	.main .cont1 .btmBox em {left: -155px;}

	.main .cont3 .leftBox em {right: 0; font-size: 15px;}
	.main .cont3 .leftBox em:before {display: none;}
	.main .cont3 .rightBox .tit em {font-size: 17px;}
	.main .cont3 .rightBox .tit span {font-size: 10px;}
	.main .cont3 .stepList li {background-size: 35px; padding: 25px 0 25px 45px;}
	.main .cont3 .stepList li b {font-size: 12px;}
	.main .cont3 .btnBox a {font-size: 11px;}

	#sub.service .cont1 .imgBox {height: 280px;}

	#sub.welldit .txtBox .txt > em {font-size: 20px;}
	#sub.welldit .txtBox .num {font-size: 30px;}
     
     
}