/* ===================================================================================================
  sub3 ::autocall 오토콜 
======================================================================================================*/




@media screen and (min-width:1001px){


/* ========================================
  sub페이지공통
===========================================*/
.sub{}
.autocall{width: 100%;padding:140px 15px;}
.autocall .section_in{}
.sub_title{font-size:42px;font-weight:light}

.blue{color:#2d79eb !important;}

/* ========================================
  sub1:: 콜센터 :: autocall.php
===========================================*/

/*autocall1*/

.autocall1{background:#fafafa;padding:50px 105px;margin-top:105px;margin-bottom:40px}
.autocall1 .section_in{text-align:left;}
.autocall1 .section_in .title2{margin-bottom:30px;}
.autocall1 .section_in .title1{display:inline-block;position:relative;}
.autocall1 .section_in .title1::after{content:'';width: 12px;height: 12px;border-radius:50%;background:#2d79eb;position:absolute;right:-24px;top:0;}



/*autocall2:전화기가 있는 곳이라면~*/

.autocall2{height:500px;position:Relative;padding:0;margin-top:75px;}

.autocall2 .img1{display:none;position:absolute;right:0;z-index:3;width: 96%;}
.autocall2 .img2{display:none;position:absolute;right:0;top:50%;transform:translateY(-50%) scaleX(-1);z-index:4;width: 20%;}

.autocall2 .img3{width:70%;height: 100%;position:Absolute;top:0;right:0;z-index:-1;
	background:url(/images/sub1bg4.png) no-repeat ;background-size:cover;}
.autocall2 .img3::before{content:'';display:block;width: 400px;height: 457px;
														position:Absolute;top:50%;left:-220px;transform:translateY(-50%);
														background:url(/images/autocall/sub2bg2.png)no-repeat ;background-size:contain;}

.autocall2 .section_in{width: 100%;height: 100%;
display:flex;align-items:center;    justify-content: center}

.autocall2 .section_in .txt{display:inline-block;text-align: left;margin-left:180px;}
														
.autocall2 .txt{color:#fff;}
.autocall2 .txt1{font-size:46px;line-height:60px;}
.autocall2 .txt1 .heavy{color:#2cefff;}
.autocall2 .txt1 .none{display:none;}
.autocall2 .txt2{margin-top:35px;padding-left:40px;font-size:18px;font-weight:bold;line-height:32px;position:relative;}
.autocall2 .txt2::after{content:'';position:absolute;left:10px;top:10px;width: 18px;height: 12px;background:url(/images/chk.png)  no-repeat;}





/*autocall3*/
.autocall3{padding:100px 0 140px;}
.autocall3 .section_in{padding:0 10px;}

.autocall3 .c3_boxs{display:flex;gap:4%;margin-top:70px;}
.autocall3 .c3_boxs li{width: 30.5%;padding:55px 40px 55px;  border:1px solid #e2e2e2;border-radius: 0 0 55px 0;}

.autocall3 .c3_boxs li .img_area{}
.autocall3 .c3_boxs li .img_area img{width: 75%;}

.autocall3 .c3_boxs li .txt_area .title{margin-top:40px;font-size:30px;font-weight:900;color:#2d79eb;}
.autocall3 .c3_boxs li .txt_area .con{margin-top:20px;font-size:22px;font-weight:400;line-height:32px;}


/*autocall4:솔루션 특징*/
.autocall4{height: 800px;background:url(/images/sub1bg3.png) no-repeat;background-size:100% 75%;background-position:center top;}
.autocall4 .sub_title{color:#fff;}

.c4_boxs{width: 100%;display:flex;justify-content:space-between;margin-top:70px;transition:all 0.1s}
.c4_boxs .c4_box{width: 21%;height: 540px;border-radius:15px;position:relative;box-shadow:6px 15px 25px rgb(0 0 0 / 50%);cursor:pointer;transition:all 0.1s;}
/*각 색상*/
.c4_boxs .c4_box1{background:#2fa4ff}
.c4_boxs .c4_box2{background:#2265fb}
.c4_boxs .c4_box3{background:#1152d3}

.c4_boxs .c4_box a{display:block;width: 100%;height: 100%;}

.c4_boxs .c4_box .title{font-size:26px;font-weight:900;line-height:40px;color:#fff;text-align:left;
							position:absolute;bottom:120px;left:50%;transform:translateX(-50%);}
.c4_boxs .c4_box .title::after{content:'';width: 32px;height: 32px;background:url(/images/plus.png) no-repeat;
								position:Absolute;bottom:-50px;left:50%;transform:translateX(-50%);}


/*.in 박스 안 */
.c4_box .in {display:none;width: 75%;margin:0 auto;padding-top:100px;color:#fff;text-align:left;}
.c4_box .in .in_title{font-size:42px;font-weight:900;position:relative;z-index:7;}
.c4_box .in .in_title::before{position:absolute;top:-40px;left:-30px;z-index:-1;color:#51afff;font-size:77px;}

.c4_box.c4_box1 .in .in_title::before{content:'01';}
.c4_box.c4_box2 .in .in_title::before{content:'02';}
.c4_box.c4_box3 .in .in_title::before{content:'03';}

.c4_box .in .sp{font-size:20px;font-weight:800;position:relative;margin-top:20px;}
.c4_box .in .sp::after{content:'';width:67%;height:1px;background:#fff;position:absolute;right:0px;top:58%;transform:translateY(-50%);}

.c4_box .in .txt{font-size:16px;font-weight:700;line-height:26px;margin-top:30px;}

/*on 박스*/
.c4_boxs .c4_box.on.c4_box1, .c4_boxs .c4_box.on.c4_box2, .c4_boxs .c4_box.on.c4_box3{position:relative;}
.c4_boxs .c4_box.on{width: 50%;border-radius:20px;    overflow: hidden;}
.c4_boxs .c4_box.on .in{display:block;position:absolute;top:0;left:50%;transform:translateX(-50%);z-index:2}

.c4_boxs .c4_box.on.c4_box1::after,.c4_boxs .c4_box.on.c4_box2::after,.c4_boxs .c4_box.on.c4_box3::after
{content:'';display:inline-block;width: 100%;height: 100%;position:absolute;top:0;left:0;}

.c4_boxs .c4_box.on.c4_box1::after{background:url(/images/autocall/a4_bg1.png) no-repeat #2fa4ff; background-size:55%; background-position:bottom right 35px}
.c4_boxs .c4_box.on.c4_box2::after{background:url(/images/autocall/a4_bg2.png) no-repeat #2265fb; background-size:65%; background-position:bottom right 35px}
.c4_boxs .c4_box.on.c4_box3::after{background:url(/images/autocall/a4_bg3.png) no-repeat #1152d3; background-size:65%; background-position:bottom right 35px}

.c4_boxs .c4_box.on .title{display:none;}



/*autocall5:오토콜 제공기능*/

.autocall5{margin-top:20px;}
.autocall5 .section_in{}

.autocall5 .c5_top{margin-top:20px;}
.autocall5 .c5_top .sub_title{text-align:center;}

.autocall5 .c5_top .c5_head{display:flex;gap:2%}
.autocall5 .c5_top .c5_head li{width: 144px;height: 50px;color:#fff;border-radius:50px;box-shadow:1px 1px 20px rgb(0 0 0 / 10%);}
.autocall5 .c5_top .c5_head li a{display:block;height: 100%;line-height:50px;font-weight:800;color:#777;}
.autocall5 .c5_top .c5_head li.active{background:#2d79eb;}
.autocall5 .c5_top .c5_head li.active a{color:#fff;}

.autocall5 .c5_tab_in{width: 100%;height: 500px;margin-top:60px;position:relative;}
.c5_tab {width:100%;height: 100%;display:flex;justify-content:space-between;align-items: flex-end;position:absolute;}

.c5_tab .box{width: 30%;height: 330px;background:#eff6ff;border-radius:20px;position:relative;text-align:left;transition:all 0.3s;cursor:pointer}
.c5_tab .box a{display:block;width: 100%;height: 100%;}



.c5_tab .box .in{width: 80%;height: 360px;
				background:#fff;background-position:right 44px bottom 44px;box-shadow:1px 1px 15px rgb(0 0 0 / 5%);
				border-radius:15px;border:1px solid #eeeeee;
				position:absolute;left:50%;bottom:90px;transform:translateX(-50%);
				padding:87px 40px 0;}
.c5_tab .box .in .title{font-size:30px;font-weight:800;}
.c5_tab .box .in .con{font-size:16px;font-weight:400;line-height:26px;margin-top:20px;}
.c5_tab .box .in .con .none{display:block;}
.c5_tab .box .in img{position:Absolute;right:44px;bottom:44px;}

.c5_tab .box .more{width: 80%;position:absolute;bottom:35px;left:55%;transform:translateX(-50%);}

.c5_tab .box:hover{background:#2d79eb;}
.c5_tab .box:hover .more{color:#fff;}



/*autocall6:이렇게 도입 중입니다*/
.autocall6{background:#f8faff;position:Relative;}
.autocall6 .a6_bg{position:Absolute;right:5%;bottom:150px;}
.autocall6 .a6_bg img{width: 100%;}

.a6_boxs{margin-top:80px;}

.a6_boxs .a6_box{width: 55%;height: 180px;background:#fff;border-radius:20px;box-shadow:10px 10px 20px rgb(0 83 208 / 15%);
				position:Relative;text-align:left;
				display:flex;justify-content:space-between;align-items:center;cursor:pointer;
				padding:0 60px;margin-top:20px;transition:all 0.3s;}
.a6_boxs .a6_box::before{content:'';width: 44px;height: 44px;
						position:absolute;top:50%;right:-44px;transform:translateY(-50%);z-index:1;
						background:url(/images/autocall/a6_triangle.png) no-repeat;transition:all 0.3s;}

.a6_box .left{}
.a6_box .left .sub_title{width: 146px;height: 35px;line-height:35px;font-size:14px;font-weight:700;border:1px solid #d7d7d7;border-radius:50px;text-align:center;}
.a6_box .left .title{display:inline-block;font-size:32px;font-weight:900;margin-top:18px;}

.a6_box .arrow{width: 24px;height: 44px;background:url(/images/autocall/a6_arrow.png) no-repeat;}


/* hover시 */
.a6_boxs .a6_box:hover {background:#2d79eb;color:#fff;}
.a6_boxs .a6_box:hover .arrow{background:url(/images/autocall/a6_arrow_on.png) no-repeat;}
.a6_boxs .a6_box:hover::before{background:url(/images/autocall/a6_triangle_on.png) no-repeat;}



/*autocall8:Online inquiry*/
.autocall8{background:url(/images/c8_bg.png) no-repeat;background-size:cover;color:#fff;padding:100px 15px;}

.autocall8 .section_in{display:flex;justify-content:space-between;text-align:left;position:Relative;}
.autocall8 .c8_left{width: 45%;}
.autocall8 .c8_right{width: 50%;}
.autocall8 .c8_right{position:relative;}

.autocall8 .c8_left{position:Relative;}
.autocall8 .c8_left::after{content:'';width: 1px;height:105%;background:#5eb3f5;position:absolute;top:50%;right:0;transform:translateY(-50%);}

.autocall8 .p1{font-size:20px;font-weight:800;}
.autocall8 .p2{color:#83cbf3;font-size:55px;font-weight:800;margin:40px 0;line-height:70px;}
.autocall8 .p2 span{color:#fff;font-weight:900;}
.autocall8 .p3{color:#83cbf3;font-size:19px;font-weight:800;}
.autocall8 .p4{font-size:22px;font-weight:900;line-height:60px;}
.autocall8 .p4 span{font-size:58px;color:#fff;}
.autocall8 .p5{font-size:15px;line-height:24px;margin-top:20px;}
.autocall8 .p5 .no{display:none;}



.autocall8 .more_btn{ border:1px solid #fff;margin-top:0px;transition:all 0.3s;position:Absolute;right:80px ;}
.autocall8 .more_btn a{color:#fff;}

.autocall8 .more_btn:hover{background:#fff;}
.autocall8 .more_btn:hover a{color:#2e79eb;}

}

/*pc화면 틀어짐 수정*/




@media screen and (min-width:1001px) and (max-width:1600px){

	/*autocallr2:전화기가 있는 곳이라면~*/

	.autocall2{height:450px;position:Relative;padding:0;}

	.autocall2 .img1{display:none;position:absolute;right:0;z-index:3;width: 96%;}
	.autocall2 .img2{display:none;position:absolute;right:0;top:50%;transform:translateY(-50%) scaleX(-1);z-index:4;width: 20%;}

	.autocall2 .img3{width:80%;height: 100%;position:Absolute;top:0;right:0;z-index:-1;
		background:url(/images/sub1bg4.png) no-repeat ;background-size:100% 100%;}
	.autocall2 .img3::before{content:'';display:block;height: 340px;
															position:Absolute;top:50%;left:-190px;transform:translateY(-50%);
															background:url(/images/autocall/sub2bg2.png)no-repeat ;background-size:contain;}

	.autocall2 .section_in{width: 100%;height: 100%;
	display:flex;align-items:center;justify-content: center;}

	.autocall2 .section_in .txt{display:inline-block;text-align: left;margin-left:160px;}
															
	.autocall2 .txt{color:#fff;}
	.autocall2 .txt1{font-size:46px;line-height:60px;}
	.autocall2 .txt1 .heavy{color:#2cefff;}
	.autocall2 .txt1 .none{display:block;}
	.autocall2 .txt2{margin-top:15px;padding-left:40px;font-size:18px;font-weight:bold;line-height:32px;position:relative;}
	.autocall2 .txt2::after{content:'';position:absolute;left:10px;top:10px;width: 18px;height: 12px;background:url(/images/chk.png)  no-repeat;}
	.autocall2 .txt2 .none{display:block;}
	
}

@media screen and (min-width:1201px) and (max-width:1350px){

	

}



@media screen and (min-width:1001px) and (max-width:1200px){

	

	/*autocall3*/
	.autocall3{padding:100px 0 140px;}
	.autocall3 .section_in{padding:0 10px;}

	.autocall3 .c3_boxs{display:flex;gap:4%;margin-top:70px;}
	.autocall3 .c3_boxs li{width: 30.5%;padding:55px 20px 55px;  border:1px solid #e2e2e2;border-radius: 0 0 55px 0;}

	.autocall3 .c3_boxs li .img_area{}
	.autocall3 .c3_boxs li .img_area img{width: 75%;}

	.autocall3 .c3_boxs li .txt_area .title{margin-top:40px;font-size:30px;font-weight:900;color:#2d79eb;}
	.autocall3 .c3_boxs li .txt_area .con{margin-top:20px;font-size:22px;font-weight:400;line-height:32px;}



	/*autocall4:솔루션 특징*/
	
	.c4_box .in .sp::after{content:'';width:63%;height:1px;background:#fff;position:absolute;right:5px;top:58%;transform:translateY(-50%);}

	
	/*autocall5:도입중입니다*/

	.c5_tab .box {width: 32%;height: 360px;/* background: #eff6ff;border-radius: 20px; position: relative;text-align: left;transition: all 0.3s; */}
	.c5_tab .box .in{width: 85%;height: 360px;
				background:#fff;background-position:right 44px bottom 44px;box-shadow:1px 1px 15px rgb(0 0 0 / 5%);
				border-radius:15px;border:1px solid #eeeeee;
				position:absolute;left:50%;bottom:90px;transform:translateX(-50%);
				padding:87px 30px 0;}




	/*autocall8:Online inquiry*/
	.autocall8 .more_btn { right: 60px;bottom:-50px;}

}

@media screen and (min-width:1001px) and (max-width:1050px){
	/*autocall2:전화기가 있는 곳이라면~*/

	
	.autocall2 .section_in{width: 70%;margin:0 auto;height: 100%;position:relative;;}


}





/* ======================================================
  Mobile
=========================================================*/

@media screen and (min-width:731px) and (max-width:1000px){

	/* ========================================
	  sub페이지공통
	===========================================*/
	.autocall{width: 100%;}
	.sub_title{font-size:42px;font-weight:light}

	.autocall .section_in{padding:100px 0;}

	/* ========================================
	  sub1:: 콜센터 :: autocall.php
	===========================================*/

	/*autocall1*/
	.autocall1{background:#fafafa;margin-top:115px;}
	.autocall1 .section_in{text-align:left;padding:60px 0;}
	.autocall1 .section_in .title2{margin-bottom:20px;margin-top:0px;color:#000;letter-spacing:-1px;}
	.autocall1 .section_in .title1{display:inline-block;position:relative;}
	.autocall1 .section_in .title1::after{content:'';width: 10px;height: 10px;border-radius:50%;background:#2d79eb;position:absolute;right:-20px;top:2px;}






	/*autocall2:전화기가 있는 곳이라면~*/
	.autocall2{width: 100%;height:400px;position:relative;margin-top:0px;background:url(/images/sub1bg0.png) no-repeat;background-size:100%;}

	.autocall2 .img1{display:none;/* position:absolute;right:0;bottom:-120px;z-index:3;width: 42%; */}
	.autocall2 .img1 img{width: 100%;}

	.autocall2 .section_in{width: 100%;margin:0 auto;height: auto;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:8;padding:0;}
	
	.autocall2 .txt{width: 94%;margin:0px auto 0;color:#fff;text-align:left;;}
	.autocall2 .txt1{font-size:49px;line-height:57px;}
	.autocall2 .txt1 .heavy{color:#2cefff;}
	.autocall2 .txt1 .none{display:block;}

	.autocall2 .txt2{margin-top:35px;font-size:24px;font-weight:bold;line-height:32px;position:relative;}
	/* .autocall2 .txt2::after{content:'';position:absolute;left:-25px;top:10px;width: 18px;height: 12px;background:url(/images/chk.png)  no-repeat;} */
	
	.autocall2 .img{display:none;width: 100%;height:100%;position:absolute;top:0;right:0;z-index:-1;}


	/*autocall3*/
	.autocall3 .section_in{padding:160px 0 100px;}

	.autocall3 .c3_boxs{display:flex;flex-direction:column;margin-top:70px;}
	.autocall3 .c3_boxs li{width: 100%;padding:20px 80px;  border:1px solid #e2e2e2;border-radius: 0 0 55px 0;display:flex;justify-content:space-around;align-items:center;}

	.autocall3 .c3_boxs li:nth-child(2){margin:25px 0;}
	.autocall3 .c3_boxs li .img_area{}
	.autocall3 .c3_boxs li .img_area img{width: 100%;}

	.autocall3 .c3_boxs li .txt_area{width: 80%;margin-left:50px;}
	.autocall3 .c3_boxs li .txt_area .title{font-size:32px;font-weight:800;color:#2d79eb;}
	.autocall3 .c3_boxs li .txt_area .con{margin-top:20px;font-size:24px;font-weight:400;line-height:30px;}
	.autocall3 .c3_boxs li .txt_area .con .none3{display:none;}
	
	/*autocall4:솔루션 특징*/
	.autocall4{height: 850px;background:url(/images/sub1bg3.png) no-repeat;background-size:100% 75%;background-position:center top;}
	.autocall4 .sub_title{color:#fff;}

	.c4_boxs{width: 100%;margin-top:40px;}
	.c4_boxs .c4_box{width: 100%;height: 120px;border-radius:15px;position:relative;box-shadow:6px 15px 25px rgb(0 0 0 / 50%);cursor:pointer;margin-top:30px;}
	/*각 색상*/
	.c4_boxs .c4_box1{background:#2fa4ff}
	.c4_boxs .c4_box2{background:#2265fb}
	.c4_boxs .c4_box3{background:#1152d3}

	.c4_boxs .c4_box a{display:block;width: 100%;height: 100%;}

	.c4_boxs .c4_box .title{font-size:26px;font-weight:900;line-height:40px;color:#fff;text-align:left;
								position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);}
	.c4_boxs .c4_box .title br{display:none;}
	.c4_boxs .c4_box .title::after{content:'';width: 32px;height: 32px;background:url(/images/plus.png) no-repeat;
									position:Absolute;top:3px;right:-40px;}


	/*.in 박스 안 */
	.c4_box .in {display:none;width: 90%;margin:0 auto;padding-top:50px;color:#fff;text-align:left;}
	.c4_box .in .in_title{font-size:42px;font-weight:900;position:relative;z-index:7;}
	.c4_box .in .in_title::before{position:absolute;top:-40px;left:-30px;z-index:-1;color:#51afff;font-size:77px;}

	.c4_box.c4_box1 .in .in_title::before{content:'01';}
	.c4_box.c4_box2 .in .in_title::before{content:'02';}
	.c4_box.c4_box3 .in .in_title::before{content:'03';}

	.c4_box .in .sp{font-size:24px;font-weight:800;position:relative;margin-top:10px;}
	.c4_box .in .sp::after{content:'';width:55%;height:1px;background:#fff;position:absolute;right:15%;top:58%;transform:translateY(-50%);}

	.c4_box .in .txt{font-size:24px;font-weight:700;line-height:32px;margin-top:20px;}

	/*on 박스*/
	.c4_boxs .c4_box.on{width: 100%;height:350px;border-radius:20px;}
	.c4_boxs .c4_box.on .in{display:block;}

	.c4_boxs .c4_box.on.c4_box1{background:url(/images/c4_bg1.png) no-repeat #2fa4ff; background-size:35%; background-position:bottom right 25px}
	.c4_boxs .c4_box.on.c4_box2{background:url(/images/c4_bg2.png) no-repeat #2265fb; background-size:35%; background-position:bottom right 25px}
	.c4_boxs .c4_box.on.c4_box3{background:url(/images/c4_bg3.png) no-repeat #1152d3; background-size:35%; background-position:bottom right 25px}

	.c4_boxs .c4_box.on .title{display:none;}



	
	/*autocall5:도입중입니다*/

	.autocall5 {height:auto;}
	.autocall5 .c5_top{display:flex;flex-direction:column;justify-content:center;align-items:center;margin-top:20px;}

	.autocall5 .c5_top .c5_head{display:flex;gap:2%;margin-top:40px;}
	.autocall5 .c5_top .c5_head li{width: 144px;height: 50px;color:#fff;border-radius:50px;box-shadow:1px 1px 20px rgb(0 0 0 / 10%);}
	.autocall5 .c5_top .c5_head li a{display:block;height: 100%;line-height:50px;font-weight:800;color:#777;}
	.autocall5 .c5_top .c5_head li.active{background:#2d79eb;}
	.autocall5 .c5_top .c5_head li.active a{color:#fff;}

	.autocall5 .c5_tab_in{width: 100%;height: 800px;margin-top:30px;position:relative;}
	.c5_tab {width:100%;height: 100%;position:absolute;}

	.c5_tab .box{width: 100%;height: 140px;background:#2d79eb;;border-radius:20px;position:relative;text-align:left;transition:all 0.3s;}
	.c5_tab .box a{display:block;height: 100%;}


	.c5_tab .box .in{width: 90%;height: 160px;
					background:#fff;box-shadow:1px 1px 15px rgb(0 0 0 / 5%);
					border-radius:15px;border:1px solid #ccc;
					position:absolute;left:50%;bottom:50px;transform:translateX(-50%);
					padding:25px 20px 0;}
	.c5_tab .box .in .title{font-size:32px;font-weight:800;}
	.c5_tab .box .in .con{font-size:24px;font-weight:400;line-height:26px;margin-top:30px;}
	.c5_tab .box .in .con .none{display:none;}
	.c5_tab .box .in img{position:Absolute;right:10px;top:10px;}

	.c5_tab .box .more{width: 90%;position:absolute;bottom:15px;left:7%;font-size:20px;color:#fff;}


	/*autocall6:이렇게 도입 중입니다*/
	.autocall6{background:#f8faff;position:Relative;}
	.autocall6 .a6_bg{position:Absolute;right:5%;bottom:150px;width:45%;}
	.autocall6 .a6_bg img{width: 100%;}

	.a6_boxs{margin-top:80px;}

	.a6_boxs .a6_box{width: 75%;height: 180px;background:#fff;border-radius:20px;box-shadow:10px 10px 20px rgb(0 83 208 / 15%);
					position:Relative;text-align:left;
					display:flex;justify-content:space-between;align-items:center;cursor:pointer;
					padding:0 60px;margin-top:20px;}
	.a6_boxs .a6_box::before{content:'';width: 44px;height: 44px;
							position:absolute;top:50%;right:-44px;transform:translateY(-50%);z-index:1;
							background:url(/images/autocall/a6_triangle.png) no-repeat;}

	.a6_box .left{}
	.a6_box .left .sub_title{width: 146px;height: 35px;line-height:35px;font-size:14px;font-weight:700;border:1px solid #d7d7d7;border-radius:50px;text-align:center;}
	.a6_box .left .title{display:inline-block;font-size:32px;font-weight:900;margin-top:18px;}

	.a6_box .arrow{width: 24px;height: 44px;background:url(/images/autocall/a6_arrow.png) no-repeat;}






	/*autocall8:Online inquiry*/
	.autocall8{height: 680px;background:url(/images/c8_bg.png) no-repeat;background-size:cover;color:#fff;}

	.autocall8 .section_in{display:flex;flex-direction:column;text-align:left;position:Relative;padding:50px 0;}
	.autocall8 .c8_left, .autocall8 .c8_right{width: 100%;}
	.autocall8 .c8_right{position:relative;}



	.autocall8 .p1{font-size:32px;font-weight:800;}
	.autocall8 .p2{color:#83cbf3;font-size:45px;font-weight:800;margin:30px 0 15px;line-height:58px;}
	.autocall8 .p2 span{color:#fff;font-weight:900;}
	.autocall8 .p3{color:#83cbf3;font-size:24px;font-weight:800;}
	.autocall8 .p4{font-size:22px;font-weight:900;line-height:50px;margin-top:30px;}
	.autocall8 .p4 span{font-size:58px;color:#fff;}
	.autocall8 .p5{;font-size:20px;line-height:28px;margin-top:20px;}
	.autocall8 .p5 .mo_blank{display:inline-block;margin-left:17px;}


	.autocall8 .more_btn{ border:1px solid #fff;transition:all 0.3s;position:Absolute;left:50%;transform:translateX(-50%);background:#fff;}
	.autocall8 .more_btn a{color:#fff;color:#2e79eb;}


}








@media screen and (min-width:721px) and (max-width:730px){

	/* ========================================
	  sub페이지공통
	===========================================*/
	.autocall{width: 100%;}
	.sub_title{font-size:46px;font-weight:light}

	.autocall .section_in{padding:100px 0;}

	/* ========================================
	  sub1:: 콜센터 :: autocall.php
	===========================================*/

	/*autocall1*/
	.autocall1{background:#fafafa;margin-top:115px;}
	.autocall1 .section_in{text-align:left;padding:60px 0;}
	.autocall1 .section_in .title2{margin-bottom:20px;margin-top:0px;color:#000;letter-spacing:-1px;}
	.autocall1 .section_in .title1{display:inline-block;position:relative;}
	.autocall1 .section_in .title1::after{content:'';width: 10px;height: 10px;border-radius:50%;background:#2d79eb;position:absolute;right:-20px;top:2px;}






	/*autocall2:전화기가 있는 곳이라면~*/
	.autocall2{width: 100%;height:400px;position:relative;background:url(/images/sub1bg0.png) no-repeat;background-size:100% ;}

	.autocall2 .img1{display:none;}
	.autocall2 .img1 img{width: 100%;}

	.autocall2 .section_in{width: 100%;margin:0 auto;height: auto;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:8;padding:0;}
	
	.autocall2 .txt{width: 94%;margin:0 auto 0;color:#fff;text-align:left;;}
	.autocall2 .txt1{font-size:49px;line-height:57px;}
	.autocall2 .txt1 .heavy{color:#2cefff;}
	.autocall2 .txt1 .none{display:block;}

	.autocall2 .txt2{margin-top:35px;font-size:24px;font-weight:bold;line-height:32px;position:relative;}
	/* .autocall2 .txt2::after{content:'';position:absolute;left:-25px;top:10px;width: 18px;height: 12px;background:url(/images/chk.png)  no-repeat;} */
	
	.autocall2 .img{display:none;width: 100%;height:100%;position:absolute;top:0;right:0;z-index:-1;}


	

	/*autocall3*/
	.autocall3 .section_in{padding:160px 0 100px;}

	.autocall3 .c3_boxs{display:flex;flex-direction:column;margin-top:70px;}
	.autocall3 .c3_boxs li{width: 100%;padding:20px 80px;  border:1px solid #e2e2e2;border-radius: 0 0 55px 0;
		display:flex;justify-content:space-around;align-items:center;text-align:left;}

	.autocall3 .c3_boxs li:nth-child(2){margin:25px 0;}
	.autocall3 .c3_boxs li .img_area{}
	.autocall3 .c3_boxs li .img_area img{width: 100%;}

	.autocall3 .c3_boxs li .txt_area{width: 80%;margin-left:50px;}
	.autocall3 .c3_boxs li .txt_area .title{font-size:32px;font-weight:800;color:#2d79eb;}
	.autocall3 .c3_boxs li .txt_area .con{margin-top:24px;font-size:24px;font-weight:400;line-height:30px;}
	.autocall3 .c3_boxs li .txt_area .con .none3{display:none;}

	/*autocall4:솔루션 특징*/
	.autocall4{height: 850px;background:url(/images/sub1bg3.png) no-repeat;background-size:100% 75%;background-position:center top;}
	.autocall4 .sub_title{color:#fff;}

	.c4_boxs{width: 100%;margin-top:40px;}
	.c4_boxs .c4_box{width: 100%;height: 120px;border-radius:15px;position:relative;box-shadow:6px 15px 25px rgb(0 0 0 / 50%);cursor:pointer;margin-top:30px;}
	/*각 색상*/
	.c4_boxs .c4_box1{background:#2fa4ff}
	.c4_boxs .c4_box2{background:#2265fb}
	.c4_boxs .c4_box3{background:#1152d3}

	.c4_boxs .c4_box a{display:block;width: 100%;height: 100%;}

	.c4_boxs .c4_box .title{font-size:26px;font-weight:900;line-height:40px;color:#fff;text-align:left;
								position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);}
	.c4_boxs .c4_box .title br{display:none;}
	.c4_boxs .c4_box .title::after{content:'';width: 32px;height: 32px;background:url(/images/plus.png) no-repeat;
									position:Absolute;top:3px;right:-40px;}


	/*.in 박스 안 */
	.c4_box .in {display:none;width: 90%;margin:0 auto;padding-top:50px;color:#fff;text-align:left;}
	.c4_box .in .in_title{font-size:42px;font-weight:900;position:relative;z-index:7;}
	.c4_box .in .in_title::before{position:absolute;top:-40px;left:-30px;z-index:-1;color:#51afff;font-size:77px;}

	.c4_box.c4_box1 .in .in_title::before{content:'01';}
	.c4_box.c4_box2 .in .in_title::before{content:'02';}
	.c4_box.c4_box3 .in .in_title::before{content:'03';}

	.c4_box .in .sp{font-size:24px;font-weight:800;position:relative;margin-top:10px;}
	.c4_box .in .sp::after{content:'';width:55%;height:1px;background:#fff;position:absolute;right:15%;top:58%;transform:translateY(-50%);}

	.c4_box .in .txt{font-size:24px;font-weight:700;line-height:32px;margin-top:20px;}

	/*on 박스*/
	.c4_boxs .c4_box.on{width: 100%;height:350px;border-radius:20px;}
	.c4_boxs .c4_box.on .in{display:block;}

	.c4_boxs .c4_box.on.c4_box1{background:url(/images/c4_bg1.png) no-repeat #2fa4ff; background-size:35%; background-position:bottom right 25px}
	.c4_boxs .c4_box.on.c4_box2{background:url(/images/c4_bg2.png) no-repeat #2265fb; background-size:35%; background-position:bottom right 25px}
	.c4_boxs .c4_box.on.c4_box3{background:url(/images/c4_bg3.png) no-repeat #1152d3; background-size:35%; background-position:bottom right 25px}

	.c4_boxs .c4_box.on .title{display:none;}




	/*autocall5:도입중입니다*/

	.autocall5 {height:auto;}
	.autocall5 .c5_top{display:flex;flex-direction:column;justify-content:center;align-items:center;margin-top:20px;}

	.autocall5 .c5_top .c5_head{width: 100%;display:flex;gap:2%;margin-top:60px;}
	.autocall5 .c5_top .c5_head li{width: 25%;height: 60px;color:#fff;border-radius:50px;box-shadow:1px 1px 20px rgb(0 0 0 / 10%);}
	.autocall5 .c5_top .c5_head li a{display:block;height: 100%;line-height:60px;font-weight:800;color:#777;font-size:24px;}
	.autocall5 .c5_top .c5_head li.active{background:#2d79eb;}
	.autocall5 .c5_top .c5_head li.active a{color:#fff;}



	.autocall5 .c5_tab_in{width: 100%;height:1000px;margin-top:80px;position:relative;}
	.c5_tab {width:100%;height: 100%;position:absolute;}

	.c5_tab .box{width: 100%;height:200px;background:#2d79eb;;border-radius:20px;position:relative;text-align:left;transition:all 0.3s;margin-bottom:165px;}
	.c5_tab .box a{display:block;height: 100%;}

	


	.c5_tab .box .in{width: 95%;height: auto;
					background:#fff;box-shadow:1px 1px 15px rgb(0 0 0 / 5%);
					border-radius:15px;border:1px solid #ccc;
					position:absolute;left:50%;bottom:65px;transform:translateX(-50%);
					padding:25px }
	.c5_tab .box .in .title{font-size:38px;font-weight:800;}
	.c5_tab .box .in .con{font-size: 24px;
        line-height: 36px;font-weight:600;margin-top:30px;}
	.c5_tab .box .in .con .none{display:block;}
	.c5_tab .box .in img{position:Absolute;right:10px;top:10px;}

	.c5_tab .box .more{width: 90%;position:absolute;bottom:20px;left:7%;font-size:22px;color:#fff;}



	/*autocall6:이렇게 도입 중입니다*/
	.autocall6{background:#f8faff;position:Relative;}
	.autocall6 .a6_bg{position:Absolute;right:5%;bottom:150px;width:45%;}
	.autocall6 .a6_bg img{width: 100%;}

	.a6_boxs{margin-top:80px;}

	.a6_boxs .a6_box{width: 75%;height: 180px;background:#fff;border-radius:20px;box-shadow:10px 10px 20px rgb(0 83 208 / 15%);
					position:Relative;text-align:left;
					display:flex;justify-content:space-between;align-items:center;cursor:pointer;
					padding:0 40px;margin-top:20px;}
	.a6_boxs .a6_box::before{content:'';width: 44px;height: 44px;
							position:absolute;top:50%;right:-44px;transform:translateY(-50%);z-index:1;
							background:url(/images/autocall/a6_triangle.png) no-repeat;}

	.a6_box .left{}
	.a6_box .left .sub_title{width: 180px;height: 45px;line-height:45px;font-size:22px;font-weight:700;border:1px solid #d7d7d7;border-radius:50px;text-align:center;}
	.a6_box .left .title{display:inline-block;font-size:32px;font-weight:900;margin-top:18px;}

	.a6_box .arrow{width: 24px;height: 44px;background:url(/images/autocall/a6_arrow.png) no-repeat;margin-right:20px}







	/*autocall8:Online inquiry*/
	.autocall8{height: 680px;background:url(/images/c8_bg.png) no-repeat;background-size:cover;color:#fff;}

	.autocall8 .section_in{display:flex;flex-direction:column;text-align:left;position:Relative;padding:50px 0;}
	.autocall8 .c8_left, .autocall8 .c8_right{width: 100%;}
	.autocall8 .c8_right{position:relative;}

	/*.autocall8 .c8_left{background:pink;}*/
	/*.autocall8 .c8_right{background:yellow;}*/

	.autocall8 .p1{font-size:32px;font-weight:800;}
	.autocall8 .p2{color:#83cbf3;font-size:46px;font-weight:800;margin:30px 0 15px;line-height:58px;}
	.autocall8 .p2 span{color:#fff;font-weight:900;}
	.autocall8 .p3{color:#83cbf3;font-size:24px;font-weight:800;}
	.autocall8 .p4{font-size:22px;font-weight:900;line-height:50px;margin-top:30px;}
	.autocall8 .p4 span{font-size:58px;color:#fff;}
	.autocall8 .p5{font-size:20px;line-height:28px;margin-top:20px;}
	.autocall8 .p5 .mo_blank{display:inline-block;margin-left:17px;}



	.autocall8 .more_btn{ border:1px solid #fff;transition:all 0.3s;position:Absolute;left:50%;transform:translateX(-50%);background:#fff;}
	.autocall8 .more_btn a{color:#fff;color:#2e79eb;}



}


@media screen and (max-width: 720px){


	/* ========================================
	  sub페이지공통
	===========================================*/
	.autocall{width: 100vw;}
	.sub_title{font-size:5.7534vw;font-weight:light}

	.autocall .section_in{padding:13.6986vw 0;}


	/* ========================================
	  sub1:: 콜센터 :: autocall.php
	===========================================*/

	/*autocall1*/
	.autocall1{background:#fafafa;margin-top:15.7534vw;}
	.autocall1 .section_in{text-align:left;padding:8.2192vw 0;}
	.autocall1 .section_in .title2{margin-bottom:2.7397vw;margin-top:0.0000vw;color:#000;letter-spacing:-0.1370vw;}
	.autocall1 .section_in .title1{display:inline-block;position:relative;}
	.autocall1 .section_in .title1::after{content:'';width: 1.3699vw;height: 1.3699vw;border-radius:50%;background:#2d79eb;position:absolute;right:-2.7397vw;top:0.2740vw;}


	/*autocall2:전화기가 있는 곳이라면~*/
	.autocall2{width: 100%;height:60vw;position:relative;margin-top:0vw;background:url(/images/sub1bg0.png) no-repeat;background-size:100% ;}

	.autocall2 .img1{ display:none; }
	.autocall2 .img1 img{width: 100%;}

	.autocall2 .section_in{width: 100%;margin:0 auto;height: auto;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:8;padding:0;}
	
	.autocall2 .txt{width: 94%;margin:0 auto 0;color:#fff;text-align:left;;}
	.autocall2 .txt1{font-size:6.5vw;line-height:7.5342vw;}
	.autocall2 .txt1 .heavy{color:#2cefff;}
	.autocall2 .txt1 .none{display:block;}

	.autocall2 .txt2{margin-top:5vw;line-height:5.2vw;font-size:4vw;}

/*	.autocall2 .txt2{margin-top:4.7945vw;margin-left:3.4247vw;font-size:2.7397vw;font-weight:bold;line-height:4.3836vw;position:relative;}*/
/*	.autocall2 .txt2::after{content:'';position:absolute;left:-3.4247vw;top:1.3699vw;width: 2.4658vw;height: 1.6438vw;background:url(/images/chk.png)  no-repeat;background-size:cover;}*/
	
	.autocall2 .img{display:none;width: 100%;height:100%;position:absolute;top:0;right:0;z-index:-1;}





	/*autocall3*/
	.autocall3 .section_in{padding:21.9178vw 0 13.6986vw;}

	.autocall3 .c3_boxs{display:flex;flex-direction:column;margin-top:9.5890vw;}
	.autocall3 .c3_boxs li{width: 100%;padding:2.7397vw 0vw 2.7397vw 8vw;  border:0.1370vw solid #e2e2e2;border-radius: 0 0 7.5342vw 0;
							display:flex;justify-content:space-between;align-items:center;text-align:left;}

	.autocall3 .c3_boxs li:nth-child(2){margin:3.4247vw 0;}
	.autocall3 .c3_boxs li .img_area{width: 25%;}
	.autocall3 .c3_boxs li .img_area img{width: 100%;}

	.autocall3 .c3_boxs li .txt_area{width: 75%;margin-left:8vw;}
	.autocall3 .c3_boxs li .txt_area .title{font-size:5vw;font-weight:800;color:#2d79eb;}
	.autocall3 .c3_boxs li .txt_area .con{margin-top:3.2877vw;font-size:4vw;font-weight:600;line-height:4.8vw;}


	/*autocall4:솔루션 특징*/
	.autocall4{height: 116.4384vw;background:url(/images/sub1bg3.png) no-repeat;background-size:100% 90%;background-position:center top;}
	.autocall4 .sub_title{color:#fff;}

	.c4_boxs{width: 100%;margin-top:5.4795vw;}
	.c4_boxs .c4_box{width: 100%;height: 16.4384vw;border-radius:2.0548vw;position:relative;box-shadow:0.8219vw 2.0548vw 5vw rgb(0 0 0 / 20%);cursor:pointer;margin-top:4.1096vw;}
	/*각 색상*/
	.c4_boxs .c4_box1{background:#2fa4ff}
	.c4_boxs .c4_box2{background:#2265fb}
	.c4_boxs .c4_box3{background:#1152d3}

	.c4_boxs .c4_box a{display:block;width: 100%;height: 100%;}

	.c4_boxs .c4_box .title{font-size:3.5616vw;font-weight:900;line-height:5.4795vw;color:#fff;text-align:left;
								position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);}
	.c4_boxs .c4_box .title br{display:none;}
	.c4_boxs .c4_box .title::after{content:'';width: 4.3836vw;height: 4.3836vw;background:url(/images/plus.png) no-repeat;background-size:cover;
									position:Absolute;top:0.4110vw;right:-5.4795vw;}


	/*.in 박스 안 */
	.c4_box .in {display:none;width: 90%;margin:0 auto;padding-top:6.8493vw;color:#fff;text-align:left;}
	.c4_box .in .in_title{font-size:5vw;font-weight:800;position:relative;z-index:7;}
	.c4_box .in .in_title::before{position:absolute;top:-5.4795vw;left:-4.1096vw;z-index:-1;color:#51afff;font-size:10.5479vw;}

	.c4_box.c4_box1 .in .in_title::before{content:'01';}
	.c4_box.c4_box2 .in .in_title::before{content:'02';}
	.c4_box.c4_box3 .in .in_title::before{content:'03';}

	.c4_box .in .sp{font-size:3.2877vw;font-weight:800;position:relative;margin-top:1.3699vw;}
	.c4_box .in .sp::after{content:'';width:55%;height:0.1370vw;background:#fff;position:absolute;right:15%;top:58%;transform:translateY(-50%);}

	.c4_box .in .txt{font-size: 4vw;
    font-weight: 600;
    line-height: 4.8vw;;margin-top:2.7397vw;}

	/*on 박스*/
	.c4_boxs .c4_box.on{width: 100%;height:47.9452vw;border-radius:2.7397vw;}
	.c4_boxs .c4_box.on .in{display:block;}

	.c4_boxs .c4_box.on.c4_box1{background:url(/images/c4_bg1.png) no-repeat #2fa4ff; background-size:35%; background-position:bottom right 3vw}
	.c4_boxs .c4_box.on.c4_box2{background:url(/images/c4_bg2.png) no-repeat #2265fb; background-size:35%; background-position:bottom right 3vw}
	.c4_boxs .c4_box.on.c4_box3{background:url(/images/c4_bg3.png) no-repeat #1152d3; background-size:35%; background-position:bottom right 3vw}

	.c4_boxs .c4_box.on .title{display:none;}




	/*autocall5:도입중입니다*/

	.autocall5 {height:auto;}
	.autocall5 .c5_top{display:flex;flex-direction:column;justify-content:center;align-items:center;margin-top:2.7397vw;}

	.autocall5 .c5_top .c5_head{width: 100%;display:flex;gap:2%;margin-top:8.2192vw;}
	.autocall5 .c5_top .c5_head li{width: 25%;height: 8.2192vw;color:#fff;border-radius:6.8493vw;box-shadow:0.1370vw 0.1370vw 2.7397vw rgb(0 0 0 / 10%);}
	.autocall5 .c5_top .c5_head li a{display:block;height: 100%;line-height:8.2192vw;font-weight:800;color:#777;font-size:3.2877vw;}
	.autocall5 .c5_top .c5_head li.active{background:#2d79eb;}
	.autocall5 .c5_top .c5_head li.active a{color:#fff;}

	.autocall5 .c5_tab_in{width: 100%;height:136.9863vw;margin-top:10.9589vw;position:relative;}
	.c5_tab {width:100%;height: 100%;position:absolute;}

	.c5_tab .box{width: 100%;height:27.3973vw;background:#2d79eb;;border-radius:2.7397vw;position:relative;text-align:left;transition:all 0.3s;margin-bottom:22.6027vw;}
	.c5_tab .box a{display:block;height: 100%;}


	.c5_tab .box .in{width: 95%;height: auto;
					background:#fff;box-shadow:0.1370vw 0.1370vw 2.0548vw rgb(0 0 0 / 5%);
					border-radius:2.0548vw;border:0.1370vw solid #ccc;
					position:absolute;left:50%;bottom:8.9041vw;transform:translateX(-50%);
					padding:3.4247vw }
	.c5_tab .box .in .title{ font-size: 5vw;font-weight:800;}
	.c5_tab .box .in .con{font-size: 4vw;
    font-weight: 600;
    line-height: 4.8vw;margin-top:4.1096vw;}
	.c5_tab .box .in .con .none{display:block;}
	.c5_tab .box .in img{width:10vw;position:Absolute;right:2vw;top:2.5vw;}

	.c5_tab .box .more{width: 90%;position:absolute;bottom:2.7397vw;left:7%;font-size:3.0137vw;color:#fff;}



	/*autocall6:이렇게 도입 중입니다*/
	.autocall6{background:#f8faff;position:Relative;}
	.autocall6 .a6_bg{position:Absolute;right:5%;bottom:20.5479vw;width:45%;}
	.autocall6 .a6_bg img{width: 100%;}

	.a6_boxs{margin-top:10.9589vw;}

	.a6_boxs .a6_box{width: 75%;height: 24.6575vw;background:#fff;border-radius:2.7397vw;box-shadow:1.3699vw 1.3699vw 2.7397vw rgb(0 83 208 / 15%);
					position:Relative;text-align:left;
					display:flex;justify-content:space-between;align-items:center;cursor:pointer;
					padding:0 5.4795vw;margin-top:2.7397vw;}
	.a6_boxs .a6_box::before{content:'';width: 6.0274vw;height: 6.0274vw;
							position:absolute;top:50%;right:-6.0274vw;transform:translateY(-50%);z-index:1;
							background:url(/images/autocall/a6_triangle.png) no-repeat;background-size:contain}

	.a6_box .left{}
	.a6_box .left .sub_title{width: 24.6575vw;height: 6.1644vw;line-height:6.1644vw;font-size:3.0137vw;font-weight:700;border:0.3vw solid #d7d7d7;border-radius:6.8493vw;text-align:center;}
	.a6_box .left .title{display:inline-block;font-size:4.3836vw;font-weight:900;margin-top:2.4658vw;}

	.a6_box .arrow{width: 3.2877vw;height: 6.0274vw;background:url(/images/autocall/a6_arrow.png) no-repeat;background-size:cover;margin-right:2.7397vw}





	/*autocall8:Online inquiry*/
	.autocall8{height: 93.1507vw;background:url(/images/c8_bg.png) no-repeat;background-size:cover;color:#fff;}

	.autocall8 .section_in{display:flex;flex-direction:column;text-align:left;position:Relative;padding:6.8493vw 0;}
	.autocall8 .c8_left, .autocall8 .c8_right{width: 100%;}
	.autocall8 .c8_right{position:relative;}

	/*.autocall8 .c8_left{background:pink;}*/
	/*.autocall8 .c8_right{background:yellow;}*/

	.autocall8 .p1{font-size:4.3836vw;font-weight:800;}
	.autocall8 .p2{color:#83cbf3;font-size:6.3014vw;font-weight:800;margin:4.1096vw 0 2.0548vw;line-height:7.9452vw;}
	.autocall8 .p2 span{color:#fff;font-weight:900;}
	.autocall8 .p3{color:#83cbf3;font-size:3.2877vw;font-weight:800;}
	.autocall8 .p4{font-size:3.0137vw;font-weight:900;line-height:6.8493vw;margin-top:4.1096vw;}
	.autocall8 .p4 span{font-size:7.9452vw;color:#fff;}
	.autocall8 .p5{font-size:2.7397vw;line-height:3.8356vw;margin-top:2.7397vw;}
	.autocall8 .p5 .mo_blank{display:inline-block;margin-left:2.3288vw;}


	.autocall8 .more_btn{ border:0.1370vw solid #fff;transition:all 0.3s;position:Absolute;left:50%;transform:translateX(-50%);background:#fff;}
	.autocall8 .more_btn a{color:#fff;color:#2e79eb;}




}