/* ===================================================================================================
  sub4 ::ARS+ 
======================================================================================================*/




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


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

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

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

/*ars1*/

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



/*ars2:전화기가 있는 곳이라면~*/
.ars2{height:500px;position:Relative;padding:0;margin-top:75px;}

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

.ars2 .img3{width:70%;height: 100%;position:Absolute;top:0;right:0;z-index:-1;
	background:url(/images/sub1bg4.png) no-repeat ;background-size:cover;}
.ars2 .img3::before{content:'';display:block;width: 457px;height: 487px;
														position:Absolute;top:50%;left:-325px;transform:translateY(-50%);
														background:url(/images/ars/sub4bg2.png)no-repeat;background-size:100%;}

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

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




/*ars3:솔루션 부가서비스*/

.ars3{margin-top:20px;	/* background:url(/images/ars/a5_bg.png) no-repeat;background-position:bottom 100px right 100px */
		position:Relative;}
.ars3 .a3_bg{position:Absolute;bottom:100px;right:10%;width: 35%;}
.ars3 .a3_bg img{width: 100%;}
.ars3 .a3_top{display:flex;justify-content:space-between;margin-top:20px;}

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

.ars3 .a3_tab_in{width: 100%;height: 500px;margin-top:165px;position:relative;}


.a3_tab_in .a3_tab .in{width: 65%;text-align:left;}


.a3_tab .sub_title{font-size:22px;}
.a3_tab .title{color:#2e79eb;font-size:62px;font-weight:900;margin-top:20px;}
.a3_tab .icon{width: 1px;height: 36px;background:#d4d4d4;transform:rotate(40deg);margin:18px 0;margin-left:15px;}
.a3_tab .con1{font-size:33px;font-weight:700;color:#222;line-height:46px;}
.a3_tab .con2{font-size:18px;color:#222;line-height:26px;margin-top:30px;}

.a3_tab .more_btn{border:1px solid #2e79eb;margin:60px 0 0;}
.a3_tab .more_btn a{color:#2e79eb;}

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




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

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

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

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

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

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

}

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




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

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

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

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

	.ars2 .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%;}
	.ars2 .img3::before{content:'';display:block;height: 460px;
															position:Absolute;top:50%;left:-310px;transform:translateY(-50%);
															background:url(/images/ars/sub4bg2.png)no-repeat ;background-position:right center;background-size:contain;}

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

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

}

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


}



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

	


	/*ars3:솔루션 부가서비스*/
	.ars3 .a3_bg{position:Absolute;bottom:140px;right:5%;width: 45%;}
	.ars3 .a3_bg img{width: 100%;}


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

}

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

	
	


}


@media screen and (min-width:1001px) and (max-width:1300px){
	
	 /* .ars3{	background:url(/images/ars/a5_bg.png) no-repeat;background-size:450px;background-position:bottom 150px right 100px}  */

}


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

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

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

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

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

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






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

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

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

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


	/*ars3:솔루션 부가서비스*/
	.ars3 .section_in{padding:160px 0 0px;}
	.ars3 {height:auto;position:relative;}
	.ars3 .a3_bg{display:none;}
	.ars3 .a3_bg img{width: 100%}
	.ars3 .a3_top{display:flex;flex-direction:column;justify-content:center;align-items:center;margin-top:20px;}

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

	.ars3 .a3_tab_in{width: 100%;height: 500px;margin-top:70px;position:relative;}

	.a3_tab {width:100%;height: 100%}

	.a3_tab_in .a3_tab .in{width:100%;text-align:left;}

	.a3_tab .sub_title{font-size:20px;line-height:26px;}
	.a3_tab .title{color:#2e79eb;font-size:45px;font-weight:900;margin-top:10px;}
	.a3_tab .icon{width: 1px;height: 30px;background:#d4d4d4;transform:rotate(25deg);margin:10px 0;margin-left:15px;}
	.a3_tab .con1{font-size:24px;font-weight:700;color:#222;line-height:36px;}
	.a3_tab .con2{display:none;}
	.a3_tab .con2 .none{display:none;}

	
	.a3_tab .more_btn { width: 330px;height: 85px;line-height: 85px;margin: 50px auto 0;
	border-radius: 100px;text-align: center;background:#fff;border:1px solid #2e79eb;margin:80px auto 0;}
	.a3_tab .more_btn a { display: block;height: 100%;font-size: 24px; font-weight: 800;color:#2e79eb;}




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

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



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


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


}








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

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

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

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

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






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

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

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

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

	


	/*ars3:솔루션 부가서비스*/
	.ars3 .section_in{padding:160px 0 0px;}
	.ars3 {height:auto;position:relative;}
	.ars3 .a3_bg{display:none;}
	.ars3 .a3_bg img{width: 100%}
	
	.ars3 .a3_top{display:flex;flex-direction:column;justify-content:center;align-items:center;margin-top:20px;}

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

	.ars3 .a3_tab_in{width: 100%;height: 500px;margin-top:70px;position:relative;}

	.a3_tab {width:100%;height: 100%}

	.a3_tab_in .a3_tab .in{width:100%;text-align:left;}

	.a3_tab .sub_title{font-size:20px;line-height:26px;}
	.a3_tab .title{color:#2e79eb;font-size:45px;font-weight:900;margin-top:10px;}
	.a3_tab .icon{width: 1px;height: 30px;background:#d4d4d4;transform:rotate(25deg);margin:10px 0;margin-left:15px;}
	.a3_tab .con1{font-size:24px;font-weight:700;color:#222;line-height:36px;}
	.a3_tab .con2{display:none;;}
	.a3_tab .con2 .none{display:none;}


	.a3_tab .more_btn{background:#fff;border:1px solid #2e79eb;margin:80px auto 0;}
	.a3_tab .more_btn a{color:#2e79eb;}


	
	

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

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

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


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



}


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


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

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


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

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


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

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

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

/*	.ars2 .txt2{margin-top:4.7945vw;margin-left:3.4247vw;font-size:2.7397vw;font-weight:bold;line-height:4.3836vw;position:relative;}*/
/*	.ars2 .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;}*/
	

	.ars2 .txt2{margin-top:5vw;line-height: 5.2vw;font-size:4vw;}
	.ars2 .img{display:none;width: 100%;height:100%;position:absolute;top:0;right:0;z-index:-1;}


	/*ars3:솔루션 부가서비스*/
	.ars3 .section_in{padding:21.9178vw 0 0vw;}
	.ars3 {height:auto;position:relative;margin-bottom:8vw;}
	.ars3 .a3_bg{position:absolute;bottom:0;right:5%;width: 40%;display:none;}
	.ars3 .a3_bg img{width: 100%}
	.ars3 .a3_top{display:flex;flex-direction:column;justify-content:center;align-items:center;margin-top:2.7397vw;}

	.ars3 .a3_top .a3_head{width: 100%;display:flex;gap:2%;margin-top:10vw;}
	.ars3 .a3_top .a3_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%);}
	.ars3 .a3_top .a3_head li a{display:block;height: 100%;line-height:8.2192vw;font-weight:800;color:#777;font-size:3.0137vw;}
	.ars3 .a3_top .a3_head li.active{background:#2d79eb;}
	.ars3 .a3_top .a3_head li.active a{color:#fff;}

	.ars3 .a3_tab_in{width: 100%;height: 68.4932vw;margin-top:10vw;position:relative;}

	.a3_tab {width:100%;height: 100%}

	.a3_tab_in .a3_tab .in{width:100%;text-align:left;}

	.a3_tab .sub_title{font-size:3.5vw;line-height:3.9vw;}
	.a3_tab .title{color:#2e79eb;font-size:6.5vw;font-weight:900;margin-top:1.3699vw;}
	.a3_tab .icon{width: 0.1370vw;height: 4.1096vw;background:#d4d4d4;transform:rotate(25deg);margin:1.3699vw 0;margin-left:2.0548vw;}
	.a3_tab .con1{font-size:4vw;font-weight:700;color:#222;line-height:4.9315vw;}
	.a3_tab .con2{display:none;}

	.a3_tab .more_btn{background:#fff;border:0.1370vw solid #2e79eb;margin:13vw auto 0;}
	.a3_tab .more_btn a{color:#2e79eb;}



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

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

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

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


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




}