/* ===================================================================================================
  sub2 ::callcenter 콜센터 
======================================================================================================*/




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


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

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

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

/*callcenter1*/

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



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

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

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

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

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






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

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

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

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


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

.c4_boxs{width: 100%;display:flex;justify-content:space-between;margin-top:70px;}
.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/c4_bg1.png) no-repeat #2fa4ff; background-size:65%; background-position:bottom right 35px;}
.c4_boxs .c4_box.on.c4_box2::after{background:url(/images/c4_bg2.png) no-repeat #2fa4ff; background-size:65%; background-position:bottom right 35px;}
.c4_boxs .c4_box.on.c4_box3::after{background:url(/images/c4_bg3.png) no-repeat #2fa4ff; background-size:65%; background-position:bottom right 35px;}

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



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

.callcenter5{margin-top:20px;}
.callcenter5 .c5_top{display:flex;justify-content:space-between;margin-top:20px;}

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

.callcenter5 .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;}
.c5_tab .box a{display:block;width: 100%;height: 100%;}

.c5_tab .box1_2, .c5_tab .box1_3, .c5_tab .box2_1, .c5_tab .box2_2,
.c5_tab .box3_1, .c5_tab .box3_2, .c5_tab .box4_1, .c5_tab .box4_3{cursor:pointer;}

.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;}


/*callcenter6:솔루션 요금*/
.callcenter6{background:#f6f6f6;}
.callcenter6 .c6_ban{display:inline-block;margin-top:50px;width: 100%;}
.callcenter6 .c6_ban_m{display:none;}

.callcenter6 .price{text-align:left;margin-top:60px;}
.callcenter6 .price .price_p{display:inline-block;font-size:32px;font-weight:800;text-indent:18px;position:Relative;}
.callcenter6 .price .price_p::before{content:'';width: 7px;height: 90%;background:#3a73fa;position:absolute;left:0;top:50%;transform:translateY(-50%);}

.callcenter6 .price .price_in{display:flex;justify-content:space-between;margin-top:30px;}
.callcenter6 .price .price_in>li{width: 48.5%;height: 390px;border-radius:15px;background:#fff;text-align:center;}

.callcenter6 .price .price_in>li:first-child{border:3px solid #2d79eb;position:relative;}
.callcenter6 .price .price_in>li:first-child::after{content:'';width: 110px;height: 68px;background:url(/images/c6_icon.png) no-repeat;position:Absolute;top:-25px;right:40px;}

.callcenter6 .price .price_in>li:last-child{position:relative;}
.callcenter6 .price .price_in>li:last-child::after{content:'';width: 100%;height: 100%;background:rgba(255,255,255,0.5);position:absolute;top:0;left:0;}


.callcenter6 .price .price_in .title{height: 65px;line-height:65px;background:#2d79eb;color:#fff;font-size:27px;font-weight:900;border-radius:10px 10px 0 0;}
.callcenter6 .price .price_in .in_txt{padding:50px 10px 0px;}

.callcenter6 .price .price_in .p1{font-size:18px;}
.callcenter6 .price .price_in .p1 .none{display:none;}
.callcenter6 .price .price_in .p2{font-size:27px;font-weight:700;margin-top:20px;}
.callcenter6 .price .price_in .p3{font-size:16px;font-weight:700;color:#2d79eb;margin-top:40px;}
.callcenter6 .price .price_in .p3 span:first-child{font-size:40px;font-weight:900;}
.callcenter6 .price .price_in .p3 span:nth-child(2){font-size:25px;font-weight:900;}

.callcenter6 .price .price_in .detail{display:flex;justify-content:space-around;margin-top:40px;}
.callcenter6 .price .price_in .detail li{width: 23%;height: 40px;line-height:40px;border:1px solid #367fec;border-radius:50px;
										color:#2d79eb;font-weight:800;font-size:17px;}

.callcenter6 .price .txt{font-size:14px;line-height:24px;margin-top:30px;}



/*요금안내 상세*/
.price_info{position:relative;margin-top:50px;}
.price_info .price_head{height: 60px;line-height:60px;background:#fff;margin-bottom:20px;border-radius:15px;display:flex;}
.price_info .price_head li{font-size:20px;font-weight:800;}
.price_info .price_head li:not(:first-child){color:#2d79eb;font-weight:900;}

/*각 비율*/
.price_info .price_title{width: 25%;text-indent:80px;}
.price_info .price_sd, .price_info .price_pr{width:37.5%;text-align:center;}

.price_info .price_body{display:flex;}

/*표 body*/
.price_body{font-size:17px;background:#fff;border-radius:15px;padding:20px 0;}
.price_body .price_sd li,.price_body .price_pr li{color:#888;font-weight:800}

.price_body li{height: 50px;line-height:50px;}

.price_info .line{width: 37.5%;height: 100%;border:3px solid #2d79eb;border-radius:15px;position:absolute;top:0;left:25%;}
.price_info .filter{width: 37.5%;height: 100%;background:rgba(255,255,255,0.4);position:absolute;top:0;left:62.5%}

/*callcenter7:솔루션구성도*/
.callcenter7 .section_in .c7_img{width: 100%;position:relative;}
.callcenter7 .section_in img{display:inline-block;margin-top:30px;width: 100%;}

.callcenter7 .section_in .c7_txt{width: 35%;height: 20%;border:1px solid #d6d6d6; border-radius:15px;
								position:Absolute;top:70px;box-shadow: 1px 1px 20px rgb(0 0 0 / 30%);text-align:left;
								display:flex;flex-direction:column;justify-content:center;padding:80px 25px;}

.callcenter7 .section_in .c7_txt p{text-align:left;font-size:15px;font-weight:700;line-height:25px;}
.callcenter7 .section_in .c7_txt p::before{content:'';display:inline-block;width: 5px;height: 5px;border-radius:50px;background:#3973f9;margin-bottom:3px;margin-right:10px;}
.callcenter7 .section_in .c7_txt span{display:inline-block;width: 5px;height: 5px;border-radius:50px;background:#3973f9;}


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

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

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


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

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

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

}

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




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

	
}

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

	


}



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

	/*callcenter2:전화기가 있는 곳이라면~*/
	.callcenter2{height:450px;position:Relative;padding:0;}

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

	.callcenter2 .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%;}
	.callcenter2 .img3::before{content:'';display:block;height: 340px;
															position:Absolute;top:50%;left:-190px;transform:translateY(-50%);
															background:url(/images/sub1bg2.png)no-repeat ;background-size:contain;}

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

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








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

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

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

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



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

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

	.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;}


	/*callcenter6:솔루션 요금*/

	.callcenter6 .price .price_in>li:first-child::after{content:'';width: 110px;height: 68px;background:url(/images/c6_icon.png) no-repeat;position:Absolute;top:-25px;right:10px;}


	/*callcenter7:솔루션구성도*/
	.callcenter7 .section_in .c7_txt{left:35px;}

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

}

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

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


}





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

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

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

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

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

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


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

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

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

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


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

	.callcenter3 .c3_boxs{display:flex;flex-direction:column;margin-top:70px;}
	.callcenter3 .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;}

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

	.callcenter3 .c3_boxs li .txt_area{width: 80%;margin-left:50px;}
	.callcenter3 .c3_boxs li .txt_area .title{font-size: 38px;font-weight:800;color:#2d79eb;}
	.callcenter3 .c3_boxs li .txt_area .con{margin-top:20px;font-size:24px;font-weight:600;line-height:36px;}
	.callcenter3 .c3_boxs li .txt_area .con .none3{display:none;}

	/*callcenter4:솔루션 특징*/
	.callcenter4{height: 850px;background:url(/images/sub1bg3.png) no-repeat;background-size:100% 75%;background-position:center top;}
	.callcenter4 .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;}



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

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

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

	.callcenter5 .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: 170px;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: 200px;
					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:600;line-height:36px;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;}




	/*callcenter6:솔루션 요금*/
	.callcenter6{background:#f6f6f6;}


	.callcenter6 .c6_ban{display:none;}
	.callcenter6 .c6_ban_m{display:inline-block;width: 100%;margin-top:50px;}

	.callcenter6 .price{text-align:left;margin-top:60px;}
	.callcenter6 .price .price_p{display:inline-block;font-size:32px;font-weight:800;text-indent:18px;position:Relative;}
	.callcenter6 .price .price_p::before{content:'';width: 7px;height: 90%;background:#3a73fa;position:absolute;left:0;top:50%;transform:translateY(-50%);}

	.callcenter6 .price .price_in{display:flex;justify-content:space-between;margin-top:30px;}
	.callcenter6 .price .price_in>li{width: 49%;height: 390px;border-radius:15px;background:#fff;text-align:center;}

	.callcenter6 .price .price_in>li:first-child{border:3px solid #2d79eb;position:relative;}
	.callcenter6 .price .price_in>li:first-child::after{content:'';width: 100px;height: 58px;background:url(/images/c6_icon.png) no-repeat;background-size:contain;position:Absolute;top:-35px;right:0px;}

	.callcenter6 .price .price_in>li:last-child{position:relative;}
	.callcenter6 .price .price_in>li:last-child::after{content:'';width: 100%;height: 100%;background:rgba(255,255,255,0.5);position:absolute;top:0;left:0;}


	.callcenter6 .price .price_in .title{height: 65px;line-height:65px;background:#2d79eb;color:#fff;font-size:27px;font-weight:900;border-radius:10px 10px 0 0;}
	.callcenter6 .price .price_in .in_txt{padding:25px 8px 0px;}

	.callcenter6 .price .price_in .p1{display:inline-block;width:auto;margin:0 auto;font-size:20px;text-align:left;}
	.callcenter6 .price .price_in .p2{font-size:32px;font-weight:700;margin-top:20px;}
	.callcenter6 .price .price_in .p3{font-size:16px;font-weight:700;color:#2d79eb;margin-top:20px;}
	.callcenter6 .price .price_in .p3 span:first-child{font-size:42px;font-weight:900;}
	.callcenter6 .price .price_in .p3 span:nth-child(2){font-size:25px;font-weight:900;}

	.callcenter6 .price .price_in .detail{width: 80%;display:flex;flex-wrap:wrap;justify-content:space-between;margin:20px auto 0;}
	.callcenter6 .price .price_in .detail li{width: 45%;height: 40px;line-height:40px;border:1px solid #367fec;border-radius:50px;
											color:#2d79eb;font-weight:800;font-size:16px;margin-bottom:5px;}

	.callcenter6 .price .txt{font-size:20px;line-height:32px;margin-top:30px;}



	/*요금안내 상세*/
	.price_info{position:relative;margin-top:50px;}
	.price_info .price_head{height: 60px;line-height:60px;background:#fff;margin-bottom:20px;border-radius:15px;display:flex;}
	.price_info .price_head li{font-size:20px;font-weight:800;}
	.price_info .price_head li:not(:first-child){color:#2d79eb;font-weight:900;}

	/*각 비율*/
	.price_info .price_title{width: 25%;text-indent:20px;}
	.price_info .price_sd, .price_info .price_pr{width:37.5%;text-align:center;}

	.price_info .price_body{display:flex;}

	/*표 body*/
	.price_body{font-size:17px;background:#fff;border-radius:15px;padding:20px 0;}
	.price_body .price_sd li,.price_body .price_pr li{color:#888;font-weight:800}

	.price_body li{height: 50px;line-height:50px;}

	.price_info .line{width: 37.5%;height: 100%;border:3px solid #2d79eb;border-radius:15px;position:absolute;top:0;left:25%;}
	.price_info .filter{width: 37.5%;height: 100%;background:rgba(255,255,255,0.4);position:absolute;top:0;left:62.5%}
		


	/*callcenter7:솔루션구성도*/
	.callcenter7{display:none;}



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

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

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

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

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


}








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

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

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

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

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



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

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

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

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


	

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

	.callcenter3 .c3_boxs{display:flex;flex-direction:column;margin-top:70px;}
	.callcenter3 .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;}

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

	.callcenter3 .c3_boxs li .txt_area{width: 75%;margin-left:50px;}
	.callcenter3 .c3_boxs li .txt_area .title{font-size: 32px;font-weight:800;color:#2d79eb;}
	.callcenter3 .c3_boxs li .txt_area .con{margin-top: 25px;font-size: 24px;font-weight: 600;line-height: 36px;}


	.callcenter3 .c3_boxs li:nth-child(3) .txt_area .con .none{display:none;}

	/*callcenter4:솔루션 특징*/
	.callcenter4{height: 850px;background:url(/images/sub1bg3.png) no-repeat;background-size:100% 75%;background-position:center top;}
	.callcenter4 .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;}




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

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

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



	.callcenter5 .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;font-weight:600;line-height:36px;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;}


	/*callcenter6:솔루션 요금*/
	.callcenter6{background:#f6f6f6;}


	.callcenter6 .c6_ban{display:none;}
	.callcenter6 .c6_ban_m{display:inline-block;width: 100%;margin-top:50px;}

	.callcenter6 .price{text-align:left;margin-top:60px;}
	.callcenter6 .price .price_p{display:inline-block;font-size:32px;font-weight:800;text-indent:18px;position:Relative;}
	.callcenter6 .price .price_p::before{content:'';width: 7px;height: 90%;background:#3a73fa;position:absolute;left:0;top:50%;transform:translateY(-50%);}

	.callcenter6 .price .price_in{display:flex;justify-content:space-between;margin-top:30px;}
	.callcenter6 .price .price_in>li{width: 49%;height: 390px;border-radius:15px;background:#fff;text-align:center;}

	.callcenter6 .price .price_in>li:first-child{border:3px solid #2d79eb;position:relative;}
	.callcenter6 .price .price_in>li:first-child::after{content:'';width: 100px;height: 58px;background:url(/images/c6_icon.png) no-repeat;background-size:contain;
														position:Absolute;top:-35px;right:0px;}

	.callcenter6 .price .price_in>li:last-child{position:relative;}
	.callcenter6 .price .price_in>li:last-child::after{content:'';width: 100%;height: 100%;background:rgba(255,255,255,0.5);position:absolute;top:0px;left:0;}


	.callcenter6 .price .price_in .title{height: 65px;line-height:65px;background:#2d79eb;color:#fff;font-size:27px;font-weight:900;border-radius:10px 10px 0 0;}
	.callcenter6 .price .price_in .in_txt{padding:25px 8px 0px;}

	.callcenter6 .price .price_in .p1{display:inline-block;width:auto;margin:0 auto;font-size:20px;text-align:left;}
	.callcenter6 .price .price_in .p2{font-size:32px;font-weight:700;margin-top:20px;}
	.callcenter6 .price .price_in .p3{font-size:16px;font-weight:700;color:#2d79eb;margin-top:20px;}
	.callcenter6 .price .price_in .p3 span:first-child{font-size:42px;font-weight:900;}
	.callcenter6 .price .price_in .p3 span:nth-child(2){font-size:25px;font-weight:900;}

	.callcenter6 .price .price_in .detail{width: 80%;display:flex;flex-wrap:wrap;justify-content:space-between;margin:20px auto 0;}
	.callcenter6 .price .price_in .detail li{width: 45%;height: 40px;line-height:40px;border:1px solid #367fec;border-radius:50px;
											color:#2d79eb;font-weight:800;font-size:16px;margin-bottom:5px;}

	.callcenter6 .price .txt{font-size:20px;line-height:32px;margin-top:30px;}



	/*요금안내 상세*/
	.price_info{position:relative;margin-top:50px;}
	.price_info .price_head{height: 60px;line-height:60px;background:#fff;margin-bottom:20px;border-radius:15px;display:flex;}
	.price_info .price_head li{font-size:20px;font-weight:800;}
	.price_info .price_head li:not(:first-child){color:#2d79eb;font-weight:900;}

	/*각 비율*/
	.price_info .price_title{width: 25%;text-indent:20px;}
	.price_info .price_sd, .price_info .price_pr{width:37.5%;text-align:center;}

	.price_info .price_body{display:flex;}

	/*표 body*/
	.price_body{font-size:17px;background:#fff;border-radius:15px;padding:20px 0;}
	.price_body .price_sd li,.price_body .price_pr li{color:#888;font-weight:800}

	.price_body li{height: 50px;line-height:50px;}

	.price_info .line{width: 37.5%;height: 100%;border:3px solid #2d79eb;border-radius:15px;position:absolute;top:0;left:25%;}
	.price_info .filter{width: 37.5%;height: 100%;background:rgba(255,255,255,0.4);position:absolute;top:0;left:62.5%}


	/*callcenter7:솔루션구성도*/
	.callcenter7{display:none;}
	


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

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

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

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


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



}


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


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

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


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

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


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

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

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

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

	.callcenter2 .img{display:none;width: 100%;height:100%;position:absolute;top:0;right:0;z-index:-1;}





	/*callcenter3*/
	.callcenter3 .section_in{padding:9vw 0 13.6986vw;}

	.callcenter3 .c3_boxs{display:flex;flex-direction:column;margin-top:9.5890vw;}
	.callcenter3 .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;background:#fff;}

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

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


	/*callcenter4:솔루션 특징*/
	.callcenter4{height: 116.4384vw;background:url(/images/sub1bg3.png) no-repeat;background-size:100% 90%;background-position:center top;}
	.callcenter4 .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:900;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{margin-top:2.7397vw;font-size: 4vw;font-weight: 600;line-height: 4.8vw;}

	/*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;}




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

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

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

	.callcenter5 .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;}



	/*callcenter6:솔루션 요금*/
	.callcenter6{background:#f6f6f6;}
	.callcenter6 .c6_ban_m{display:inline-block;margin-top:6.8493vw;width: 100%;}

	.callcenter6 .c6_ban{display:none;}

	.callcenter6 .price{text-align:left;margin-top:8.2192vw;}
	.callcenter6 .price .price_p{display:inline-block;font-size:4.3836vw;font-weight:800;text-indent:2.4658vw;position:Relative;}
	.callcenter6 .price .price_p::before{content:'';width: 0.9589vw;height: 90%;background:#3a73fa;position:absolute;left:0;top:50%;transform:translateY(-50%);}

	.callcenter6 .price .price_in{margin-top:4.1096vw;}
	.callcenter6 .price .price_in>li{width: 100%;height: 53.4247vw;border-radius:2.0548vw;background:#fff;text-align:center;}

	.callcenter6 .price .price_in>li:first-child{border:0.4110vw solid #2d79eb;position:relative;margin-bottom:4.1096vw;}
	.callcenter6 .price .price_in>li:first-child::after{content:'';width: 20vw;height: 15vw;background:url(/images/c6_icon.png) no-repeat;background-size:contain;
														position:Absolute;top:-8vw;right:4vw;}

	.callcenter6 .price .price_in>li:last-child{position:relative;}
	.callcenter6 .price .price_in>li:last-child::after{content:'';width: 100%;height: 100%;background:rgba(255,255,255,0.5);position:absolute;top:0;left:0;}


	.callcenter6 .price .price_in .title{height: 10vw;line-height:10vw;background:#2d79eb;color:#fff;font-size:4.7vw;font-weight:900;border-radius:1.3699vw 1.3699vw 0 0;}
	.callcenter6 .price .price_in .in_txt{padding:3.4247vw 1.0959vw 0.0000vw;}

	.callcenter6 .price .price_in .p1{display:inline-block;width:auto;margin:0 auto;font-size:3.4vw;text-align:left;}

	.callcenter6 .price .price_in .p1 .none {display: none;}

	.callcenter6 .price .price_in .p2{font-size:4.8vw;font-weight:700;margin-top:2.7397vw;}
	.callcenter6 .price .price_in .p3{font-size:3vw;font-weight:700;color:#2d79eb;margin-top:4.2vw;}
	.callcenter6 .price .price_in .p3 span:first-child{font-size:6vw;font-weight:900;}
	.callcenter6 .price .price_in .p3 span:nth-child(2){font-size:3.4247vw;font-weight:900;}

	.callcenter6 .price .price_in .detail{width: 90%;display:flex;flex-wrap:wrap;justify-content:space-between;margin:5.5vw auto 0;}
	.callcenter6 .price .price_in .detail li{width: 24%;height: 6.5vw;line-height:6.5vw;border:0.1370vw solid #367fec;border-radius:6.8493vw;
											color:#2d79eb;font-weight:800;font-size:2.6vw;margin-bottom:0.6849vw}

	.callcenter6 .price .txt{font-size:2.9vw;line-height:4.6vw;margin-top:4.1096vw;}



	/*요금안내 상세*/
	.price_info{position:relative;margin-top:6.8493vw;}
	.price_info .price_head{height: 8.2192vw;line-height:8.2192vw;background:#fff;margin-bottom:2.7397vw;border-radius:2.0548vw;display:flex;}
	.price_info .price_head li{font-size:2.7397vw;font-weight:800;}
	.price_info .price_head li:not(:first-child){color:#2d79eb;font-weight:900;}

	/*각 비율*/
	.price_info .price_title{width: 27.5%;padding-left:2.1vw;}
	.price_info .price_sd, .price_info .price_pr{width:36.25%;text-align:center;}

	

	/*표 body*/
	.price_body{display:flex;font-size:2.75vw;background:#fff;border-radius:2.0548vw;padding:2.5vw 0;}
	.price_body .price_sd li,.price_body .price_pr li{color:#888;font-weight:800;font-size:3.2vw}

	.price_body li{height: 6.8493vw;line-height:6.8493vw;}

	.price_info .line{width: 36.25%;height: 100%;border:0.4110vw solid #2d79eb;border-radius:2.0548vw;position:absolute;top:0;left:27.5%;}
	.price_info .filter{width: 36.25%;height: 100%;background:rgba(255,255,255,0.4);position:absolute;top:0;left:63.75%}



	/*callcenter7:솔루션구성도*/

	.callcenter7{display:none;}


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

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

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

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


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




}