/* ===================================================================================================
  Popup 페이지
======================================================================================================*/


/* ======================================================
  PC
=========================================================*/

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

/* =====================================================
  sub1 콜센터 c5팝업 & sub2오토콜 autocall5 오토콜 제공기능 팝업
========================================================*/
/*공통*/
.pop{display:none;width: 100%;height: 100%;background:rgba(0,0,0,60%);position:fixed;top:0%;left:0%;z-index:8000;}




.pop_in{width: 80%;height:auto;padding:20px 0;background:#f9f9f9;border-radius:20px;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;}
.pop_close{width:35px;height:35px;position:Absolute;right:40px;top:40px;cursor:pointer;}
.pop_close img{width: 100%;}

.pop .sub_title{font-size:18px;font-weight:800;color:#2d79eb;}
.pop .title{font-size:40px;font-weight:800;margin-top:15px;}

.pop_img{width: 90%;margin:2% auto 0;border-radius:54px; /* box-shadow:6px 10px 10px rgb(153 153 153 / 25%); */}
.pop_img img{width: 100%;}
.pop_img .imgs{width: 75%;}

/* =====================================================
  sub2 오토콜 '도입중입니다' 팝업
========================================================*/

.pop_in2{width: 65%;padding:60px 0;height:auto;background:#f9f9f9;border-radius:20px;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;}
.pop_in2_area{width: 90%;height:auto;padding:10px;margin:0 auto 0;text-align:left;color:#000;display:flex;align-items:stretch;}

.pop_in2 .left{width: 460px;;}
.pop_in2 .left img{width: 100%;}
.pop_in2 .right{padding-left:60px;padding-top:50px;}
.pop_in2 .sub_title{padding-top:0px;}
.pop_in2 .line{display:block;width: 55%;height: 1px;background:#ddd;margin-top:40px;}
.pop_in2 .sub_title2{font-size:27px;font-weight:900;margin-top:40px;}
.pop_in2 .info{color:#333;font-size:20px;line-height:32px;margin-top:30px;}

/* =====================================================
  sub4 ARS '솔루션 부가시버스' 팝업
========================================================*/

.pop_in3{width: 80%;padding:60px 0;height:auto;background:#f9f9f9;border-radius:20px;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;}
.pop_in3_area{width: 90%;height:auto;padding:10px;margin:0 auto 0;text-align:left;color:#000;display:flex;align-items:center;}

.pop_in3 .left{width: 460px;border-radius:50px; box-shadow:0px 0px 10px rgb(153 153 153 / 25%);overflow:hidden;background:transparent;}
.pop_in3 .left img{width: 100%;}
.pop_in3 .right{padding-left:60px;padding-top:50px;}
.pop_in3 .sub_title{padding-top:0px;}
.pop_in3 .line{display:block;width: 55%;height: 1px;background:#ddd;margin-top:40px;}
.pop_in3 .sub_title2{font-size:27px;font-weight:900;margin-top:40px;}
.pop_in3 .info{color:#333;font-size:20px;line-height:32px;margin-top:30px;}

.a3_tab .more_btns{width: 220px;height: 60px;line-height: 60px;margin: 50px auto 0;border-radius: 100px;text-align: center;transition: all 0.3s;}

.a3_tab .more_btns{border:1px solid #2e79eb;margin-right:10%;}
.a3_tab .more_btns a{display:block;width: 100%;height: 100%;color:#2e79eb;display: block;height: 100%;font-size: 17px;font-weight: bold;letter-spacing: -1px;}

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

.pop_in3 .more_btn{color:#2d79eb;float:right;margin-top:40px;margin-right:10%;}
.pop_in3 .more_btn:hover{background:#2d79eb;}
.pop_in3 .more_btn:hover a{color:#fff;}







}



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

	/* =====================================================
	  sub1 콜센터 c5팝업 & sub2오토콜 autocall5 오토콜 제공기능 팝업
	========================================================*/
	.pop_in{width: 90%;height:auto;padding:45px 0;}
	.pop_img{width: 75%;;}


	/* =====================================================
	  sub2 오토콜 '도입중입니다' 팝업
	========================================================*/

	.pop_in2{width: 93%;padding:40px 0;height:auto;background:#f9f9f9;border-radius:20px;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;}
	.pop_in2_area{width: 94%;height:auto;padding:10px;margin:0 auto 0;text-align:left;color:#000;display:flex;align-items:stretch;}

	.pop_in2 .left{width: 450px;;}
	.pop_in2 .left img{width: 100%;}
	.pop_in2 .right{padding-left:30px;padding-top:50px;}
	.pop_in2 .sub_title{padding-top:0px;}
	.pop_in2 .line{display:block;width: 55%;height: 1px;background:#ddd;margin-top:40px;}
	.pop_in2 .sub_title2{font-size:27px;font-weight:900;margin-top:40px;}
	.pop_in2 .info{color:#333;font-size:20px;line-height:32px;margin-top:30px;}


	/* =====================================================
	  sub4 ARS '솔루션 부가시버스' 팝업
	========================================================*/

	.pop_in3{width: 95%;padding:60px 0;height:auto;background:#f9f9f9;border-radius:20px;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;}
	.pop_in3_area{width: 95%;height:auto;padding:10px;margin:0 auto 0;text-align:left;color:#000;display:flex;align-items:center;}

	.pop_in3 .left{width: 350px;border-radius:50px; box-shadow:0px 0px 10px rgb(153 153 153 / 25%);overflow:hidden;background:transparent;}
	.pop_in3 .left img{width: 100%;}
	.pop_in3 .right{padding-left:30px;padding-top:50px;}
	.pop_in3 .title{font-size:37px;}
	.pop_in3 .sub_title{padding-top:0px;}
	.pop_in3 .line{display:block;width: 55%;height: 1px;background:#ddd;margin-top:30px;}
	.pop_in3 .sub_title2{font-size:27px;font-weight:900;margin-top:30px;}
	.pop_in3 .info{color:#333;font-size:17px;line-height:28px;margin-top:15px;}

	.pop_in3 .more_btn{color:#2d79eb;float:right;margin-top:40px;margin-right:10%;}
	.pop_in3 .more_btn:hover{background:#2d79eb;}
	.pop_in3 .more_btn:hover a{color:#fff;}


}


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

	.pop_in3_area .right .sub_title{line-height:24px;}
	.pop_in3_area .right .sub_title .none{display:block;}


}

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

	

}


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

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

	/* =====================================================
	  sub1 콜센터 c5팝업 & sub2오토콜 autocall5 오토콜 제공기능 팝업
	========================================================*/
	/*공통*/
	.pop{display:none;width: 100%;height: 100%;background:rgba(0,0,0,60%);position:fixed;top:0%;left:0%;z-index:2000;}

	.pop_in{width: 80%;height:auto;padding:40px 0;background:#f9f9f9;border-radius:20px;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;}
	.pop_close{width:35px;height:35px;position:Absolute;right:40px;top:40px;cursor:pointer;}
	.pop_close img{width: 100%;}

	.pop .sub_title{font-size:24px;font-weight:800;color:#2d79eb;}
	.pop .title{font-size:40px;font-weight:800;margin-top:15px;}

	.pop_img{width: 80%;height: auto;margin:5% auto 0;/* border-radius:37px; box-shadow:6px 10px 10px rgb(153 153 153 / 25%); */overflow:hidden;}
	.pop_img img{width: 100%;}

	/* =====================================================
	  sub2 오토콜 '도입중입니다' 팝업
	========================================================*/

	.pop_in2{width: 93%;padding:40px 0;height:auto;background:#f9f9f9;border-radius:20px;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;}
	.pop_in2_area{width: 94%;height:auto;padding:10px;margin:0 auto 0;text-align:left;color:#000;display:flex;align-items:stretch;}

	.pop_in2 .left{width: 200px;;}
	.pop_in2 .left img{width: 100%;}
	.pop_in2 .right{padding-left:30px;}
	.pop_in2 .sub_title{padding-top:0px;}
	.pop_in2 .line{display:block;width: 55%;height: 1px;background:#ddd;margin-top:15px;}
	.pop_in2 .sub_title2{font-size:27px;font-weight:900;margin-top:20px;}
	.pop_in2 .info{color:#333;font-size:20px;line-height:28px;margin-top:15px;}


	/* =====================================================
	  sub4 ARS '솔루션 부가시버스' 팝업
	========================================================*/

	.pop_in3{width: 90%;height:auto;padding:20px;background:#f9f9f9;border-radius:20px;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;}
	.pop_in3_area{width: 100%;height:auto;padding:10px;text-align:left;color:#000;}

	.pop_in3 .left{display:none;/* width: 200px;height:200px;border-radius:15px; box-shadow:0px 0px 10px rgb(153 153 153 / 25%);overflow:hidden; */}
	.pop_in3 .left img{width: 100%;height:100%;}
	.pop_in3 .right{padding:2.5%;}
	.pop_in3 .sub_title{padding-top:55px;}
	.pop_in3 .sub_title .none{display:none;}
	.pop_in3 .line{display:block;width: 95%;height: 1px;background:#ddd;margin-top:30px;}
	.pop_in3 .sub_title2{font-size:27px;font-weight:900;margin-top:30px;}
	.pop_in3 .info{color:#333;font-size:20px;line-height:32px;margin-top:20px;}

	.a3_tab .more_btns { 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_btns a { display: block;height: 100%;font-size: 24px; font-weight: 800;color:#2e79eb;}



	.pop_in3 .more_btn{color:#2d79eb;margin-top:20px;/* margin-right:10%; */}
	




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

	/* =====================================================
	  sub1 콜센터 c5팝업 & sub2오토콜 autocall5 오토콜 제공기능 팝업
	========================================================*/
	.pop{display:none;width: 100%;height: 100%;background:rgba(0,0,0,60%);position:fixed;top:0%;left:0%;z-index:2000;}

	.pop_in{width: 80%;height:auto;padding:45px 0;background:#f9f9f9;border-radius:20px;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;}
	.pop_close{width:35px;height:35px;position:Absolute;right:40px;top:40px;cursor:pointer;}
	.pop_close img{width: 100%;}

	.pop .sub_title{font-size:18px;font-weight:800;color:#2d79eb;}
	.pop .title{font-size:36px;font-weight:800;margin-top:15px;}

	.pop_img{width: 85%;height: auto;margin:5% auto 0;/* border-radius:37px; box-shadow:6px 10px 10px rgb(153 153 153 / 25%); */overflow:hidden;}
	.pop_img img{width: 100%;}


	/* =====================================================
	  sub2 오토콜 '도입중입니다' 팝업
	========================================================*/

	.pop_in2{width: 93%;padding:40px 0;height:auto;background:#f9f9f9;border-radius:20px;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;}
	.pop_in2_area{width: 94%;height:auto;padding:10px;margin:0 auto 0;text-align:left;color:#000;display:flex;align-items:stretch;}

	.pop_in2 .left{width: 150px;;}
	.pop_in2 .left img{width: 100%;}
	.pop_in2 .right{padding-left:30px;}
	.pop_in2 .sub_title{padding-top:0px;}
	.pop_in2 .line{display:block;width: 55%;height: 1px;background:#ddd;margin-top:15px;}
	.pop_in2 .sub_title2{font-size:27px;font-weight:900;margin-top:20px;}
	.pop_in2 .info{color:#333;font-size:20px;line-height:28px;margin-top:15px;}


	/* =====================================================
	  sub4 ARS '솔루션 부가시버스' 팝업
	========================================================*/

	.pop_in3{width: 90%;height:auto;background:#f9f9f9;border-radius:20px;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;}
	.pop_in3_area{width: 100%;height:auto;padding:10px;text-align:left;color:#000;}

	.pop_in3 .left{width: 200px;height:200px;border-radius:15px; box-shadow:0px 0px 10px rgb(153 153 153 / 25%);overflow:hidden;
					margin-top:15px;margin-left:15px;display:none;}
	.pop_in3 .left img{width: 100%;height:100%;}
	.pop_in3 .right{padding:2.5%;}
	.pop_in3 .sub_title{padding-top:0px;}
	/* .pop_in3 .sub_title .none{display:none;} */
	.pop_in3 .line{display:block;width: 95%;height: 1px;background:#ddd;margin-top:30px;}
	.pop_in3 .sub_title2{font-size:27px;font-weight:900;margin-top:30px;}
	.pop_in3 .info{color:#333;font-size:19px;line-height:28px;margin-top:20px;}

	.a3_tab .more_btns { 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_btns a { display: block;height: 100%;font-size: 24px; font-weight: 800;color:#2e79eb;}

	.pop_in3 .more_btn{color:#2d79eb;margin-top:20px;margin-right:10%;}
	



}

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

	/* =====================================================
	  sub1 콜센터 c5팝업 & sub2오토콜 autocall5 오토콜 제공기능 팝업
	========================================================*/
	/*공통*/
	.pop{display:none;width: 100%;height: 100%;background:rgba(0,0,0,60%);position:fixed;top:0%;left:0%;z-index:2000;}
	
	
	
	.pop_in{width:630px;height:480px;background:#f9f9f9;border-radius:20px;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;}
	.pop_close{width:35px;height:35px;position:Absolute;right:25px;top:25px;cursor:pointer;}
	.pop_close img{width: 100%;}

	.pop .sub_title{font-size:18px;font-weight:800;color:#2d79eb;padding-top:25px;}
	.pop .title{font-size:36px;font-weight:800;margin-top:12px;}

	.pop_img{width: 530px;height: 250px;margin:40px auto 0;border-radius:37px; box-shadow:6px 10px 10px rgb(153 153 153 / 25%);}
	.pop_img img{width: 100%;}



	/* =====================================================
	  sub2 오토콜 '도입중입니다' 팝업
	========================================================*/

	.pop_in2{width: 93%;padding:40px 0;height:auto;background:#f9f9f9;border-radius:20px;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;}
	.pop_in2_area{width: 94%;height:auto;padding:10px;margin:0 auto 0;text-align:left;color:#000;display:flex;align-items:stretch;}

	.pop_in2 .left{width: 150px;;}
	.pop_in2 .left img{width: 100%;}
	.pop_in2 .right{padding-left:30px;}
	.pop_in2 .sub_title{padding-top:0px;}
	.pop_in2 .line{display:block;width: 55%;height: 1px;background:#ddd;margin-top:15px;}
	.pop_in2 .sub_title2{font-size:27px;font-weight:900;margin-top:20px;}
	.pop_in2 .info{color:#333;font-size:20px;line-height:28px;margin-top:15px;}


	/* =====================================================
	  sub4 ARS '솔루션 부가시버스' 팝업
	========================================================*/

	.pop_in3{width: 90%;height:auto;background:#f9f9f9;border-radius:20px;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;}
	.pop_in3_area{width: 100%;height:auto;padding:10px;text-align:left;color:#000;}

	.pop_in3 .left{display:none;}
	.pop_in3 .left img{width: 100%;height:100%;}
	.pop_in3 .right{padding:2.5%;}
	.pop_in3 .sub_title{padding-top:55px;font-size:24px;}
	/* .pop_in3 .sub_title .none{display:none;} */
	.pop_in3 .line{display:block;width: 95%;height: 1px;background:#ddd;margin-top:30px;}
	.pop_in3 .sub_title2{font-size:27px;font-weight:900;margin-top:30px;}
	.pop_in3 .info{color:#333;font-size:19px;line-height:28px;margin-top:20px;}


	.a3_tab .more_btns {width: 40vw;height: 11.6438vw;line-height: 11.6438vw;margin: 6.8493vw auto 0;border-radius: 13.6986vw;text-align: center;
	    background: #fff;border: 0.137vw solid #2e79eb; margin: 5vw auto 0;}
	.a3_tab .more_btns a { display: block; height: 100%;font-size: 3.2877vw;font-weight: 800;color: #2e79eb;}

	.pop_in3 .more_btn{color:#2d79eb;margin-top:20px;/* margin-right:10%; */}
	

}

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

	/* =====================================================
	  sub1 콜센터 c5팝업 & sub2오토콜 autocall5 오토콜 제공기능 팝업
	========================================================*/
	/*공통*/
	.pop{display:none;width: 100%;height: 100%;background:rgba(0,0,0,60%);position:fixed;top:0%;left:0%;z-index:2000;}
	
	
	.pop_in{width:86.3014vw;height:auto;padding:2.5vw 0;background:#f9f9f9;border-radius:2.7397vw;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;}

	.pop_close{width:4.7945vw;height:4.7945vw;position:Absolute;right:3.4247vw;top:3.4247vw;cursor:pointer;}
	.pop_close img{width: 100%;}

	.pop .sub_title{font-size:2.4658vw;font-weight:800;color:#2d79eb;padding-top:3.4247vw;}
	.pop .title{font-size:5vw;font-weight:800;margin-top:1.6438vw;}

	.pop_img{width: 95%;height:auto/* width: 72.6027vw;height: 34.2466vw */;margin:5vw auto 0;border-radius:5.0685vw; 
	/* box-shadow:0.8219vw 1.3699vw 1.3699vw rgb(153 153 153 / 25%); */}
	.pop_img img{width: 100%;height: 160%;}



	/* =====================================================
	  sub2 오토콜 '도입중입니다' 팝업
	========================================================*/

	.pop_in2{width: 93%;padding:5.4795vw 0;height:auto;background:#f9f9f9;border-radius:2.7397vw;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;}
	.pop_in2_area{width: 94%;height:auto;padding:1.3699vw;margin:0 auto 0;text-align:left;color:#000;display:flex;align-items:stretch;}

	.pop_in2 .left{width: 20.5479vw;;}
	.pop_in2 .left img{width: 100%;}
	.pop_in2 .right{padding-left:7vw;}
	.pop_in2 .sub_title{padding-top:0.0000vw;}
	.pop_in2 .line{display:block;width: 55%;height: 0.1370vw;background:#ddd;margin-top:2.2vw;}
	.pop_in2 .sub_title2{font-size:3.6986vw;font-weight:900;margin-top:3vw;}
	.pop_in2 .info{color:#333;font-size:3vw;line-height:4vw;margin-top:2.0548vw;}



	/* =====================================================
	  sub4 ARS '솔루션 부가시버스' 팝업
	========================================================*/

	.pop_in3{width: 94%;height:auto;background:#f9f9f9;border-radius:2.7397vw;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;}
	.pop_in3_area{width: 100%;height:auto;padding:1.6vw;text-align:left;color:#000;}

	.pop_in3 .left{width: 27.3973vw;height:27.3973vw;border-radius:2.0548vw; box-shadow:0.0000vw 0.0000vw 1.3699vw rgb(153 153 153 / 25%);overflow:hidden;
					margin-top:2.0548vw;margin-left:2.0548vw;display:none;}
	.pop_in3 .left img{width: 100%;height:100%;}
	.pop_in3 .right{padding:2.5%;}
	.pop_in3 .sub_title{padding-top:6vw;font-size:4vw;line-height: 4.8vw;}
	/* .pop_in3 .sub_title .none{display:none;} */
	.pop_in3 .line{display:block;width: 95%;height: 0.1370vw;background:#ddd;margin-top:4.1096vw;}
	.pop_in3 .sub_title2{font-size:3.6986vw;font-weight:900;margin-top:4.1096vw;}
	.pop_in3 .info{color:#333;font-size:4vw;line-height:5.1vw;margin-top:2.7397vw;}
	/* .pop_in3 .info .none{display:block;} */


	.a3_tab .more_btns {width: 40vw;height: 11.6438vw;line-height: 11.6438vw;margin: 6.8493vw auto 0;border-radius: 13.6986vw;text-align: center;
	    background: #fff;border: 0.137vw solid #2e79eb; margin: 5vw auto 0;}
	.a3_tab .more_btns a { display: block; height: 100%;font-size: 3.2877vw;font-weight: 800;color: #2e79eb;}


	.pop_in3 .more_btn{color:#2d79eb;margin-top:2.7397vw;
						height:9vw;line-height:9vw;width:35vw;}
	
	.pop_in3 .more_btn a{font-size:2.8vw;}
}