/*온라인상담*/
#callContBox{margin:60px 0px;background-color:#ffffff;}
#callCont{width:100%;max-width:1200px;min-width:768px;margin:0px auto;padding:0px 0px;}

#callCont .title{margin-bottom:0px;font-size:28px;text-align:center;color:#2e2e2e;font-weight:400; padding: 0px 0px 5px 0px;}
#callCont .title .notice{font-weight:bold;margin-bottom:0px;font-size:26px;text-align:center;color:#2e2e2e;font-weight:500;letter-spacing: -0.04em;}
#callCont .stitle{font-size:18px;font-weight:400;color:#2e2e2e;text-align:center;}
.call_step{text-align:center;padding:65px 0px;}
#callCont .callBox{margin:0px auto;margin-bottom: 100px; padding:0px;display:flex;align-items:center;max-width: 1000px;height:220px;background-color:#ebebeb;}
.callBox .callWrite{width:calc(100% - 245px);padding:10px 80px 10px 80px;}

.callWrite .callBtn{width:100%;margin-bottom:20px;display:flex;align-items:center;flex-wrap:wrap;}
.callWrite .callBtn li{width:50%; margin-bottom:10px;display:flex;align-items:center;}
.callWrite .callBtn li input{width:20px;height:20px;margin-right:5px;}
.callWrite .callBtn li label{margin:0px;font-size:19px;color:#5c7493}

#callCont .callWrite .cellBox{margin-bottom:15px;width:100%;display:flex;align-items:center;}
#callCont .callWrite .cellBox input{width:30%;height:45px;font-size:21px;text-align:center;border-color:#e1e1e1;}
#callCont .callWrite .cellBox span{width:5%;font-size:15px;text-align:center;}
#callCont .callWrite button{width:100%;height:50px;background-color:#717171;color:white;text-align:center;font-size:19px;border:0px;}

#callCont .agreeBox{margin-bottom:15px;display:flex;align-items:center;}
#callCont .agreeBox input{width:20px;height:20px;margin-right:5px;}
#callCont .agreeBox label{margin:0px;}
.callBox .callBanner{display:flex;align-items:center;justify-content:center;width:245px;height:220px;background-color:#313e47;color:white;}
.callBox .callBanner > div{width:100%;text-align:center;}
.callBanner .callb_image{margin-bottom:30px;}
.callBanner .callb_text1{margin-bottom:10px;font-size:18px;font-weight:400;line-height:1em;}
.callBanner .callb_text2{margin-bottom:10px;font-size:30px;font-weight:bold;line-height:1em;}
.callBanner .callb_text3{font-size:19px;font-weight:400;line-height:1em;}

body.mobile .call_step{padding:15px 0px;}
@media (max-width: 890px){
/*게시판관리*/
	#callCont{width:100%;padding:0px 0px;letter-spacing:-0.05em; margin:-45px 0px -25px 0px;}
	#callCont .title{font-size:19px;}
	#callCont .stitle{font-size:14px;}
	.callBox .callBanner{display:none;}
	#callCont .callBox{margin-bottom:50px;width:100%;height:auto;background-color:#ebebeb;}
	.callBox .callWrite{width:100%;padding:20px;}

	.callWrite .callBtn li label{font-size:14px;letter-spacing:-0.05em;}
	#callCont .callWrite .cellBox input{height:35px;font-size:16px;}
	#callCont .agreeBox label{font-size:13px;}
	#callCont .callWrite button{height:40px;font-size:16px;}

	.swiper-button-next:after, .swiper-button-prev:after{display:none;}

	.call_step{padding:15px 0px; }
}

@media (max-width: 780px){
	/*게시판관리*/
	body.mobile #callCont{min-width:initial;}
	
}
@media (max-width: 400px){
	/*게시판관리*/
	#callCont .title{font-size:19px;}
	#callCont .title .notice{font-size:24px;}
	#callCont .stitle{font-size:16px;}
}
@media (max-width: 370px){
	/*게시판관리*/
	#callCont .title{font-size:17px;}
	#callCont .title .notice{font-size:21px;}
	#callCont .stitle{font-size:14px;}
}


/*온라인상담*/
#callCont .il_list3{padding:0px;margin:0px auto;}
#callCont .il_list3{position:relative;margin-bottom:0px;width:100%;max-width:900px;display:flex;align-items:flex-start;justify-content:space-between;}
#callCont .il_list3:after{display:block;content:"";position:absolute;top:52px;left:15px;width:calc(100% - 30px);border-bottom:1px dotted #aaa6;}

#callCont .il_list3 li > div{margin:0px;padding:0px;}
#callCont .il_list3 li.step_item{width:140px;}
#callCont .il_list3 li .step_head{margin:0px auto 20px auto;position:relative;display:flex;align-items:center;justify-content:center;width:110px;height:110px;border-radius:50%;border:1px solid #e2e2e2;line-height:35px;color:black;}
#callCont .il_list3 li .step_head > div{position:relative;margin-top:-5px;}
#callCont .il_list3 li .step_head .label01 {padding: 5px 0px; margin-bottom:-5px;position:relative;font-weight:350;font-family:'Montserrat', 'NotoSansKR';font-size:12px;line-height:35px;transition:all 0.7s}
#callCont .il_list3 li .step_head .label02 {font-size:16px;font-weight:500;color:#666666;line-height:35px;transition:all 0.7s}

#callCont .il_list3 li .step_head{font-size:15px;line-height:28px;color:#aaa;transition:all 0.7s; background-image:  linear-gradient(to top, #f6f6f6 0%, #ffffff 100%);     box-shadow: 3px 5px 16px #23232333;}
#callCont .il_list3 li.step_arrow{display:flex;justify-content:center;align-items:center;width:20px;height:105px;}
#callCont .il_list3 li.step_arrow > div{padding:0px;margin:0px;display:flex;align-items:center;justify-content:center;width:20px;height:20px;background-color: rgb(152 152 152);color:white;text-align:center;border-radius:50%;}
#callCont .il_list3 li.step_arrow > div span{font-size:10px;}
#callCont .il_list3 li .step_text {font-size:14px;font-weight:500;line-height:24px;letter-spacing:-0.05px;transition:all 1s;color: #aaa;}


#callCont .il_list3 li.on .step_head{background-image: linear-gradient(to top, #313e47 0%, #5a6b7d 100%);

}
#callCont .il_list3 li.on .step_head .label01 {color:white}
#callCont .il_list3 li.on .step_head .label02 {color:white}
#callCont .il_list3 li.on .step_text {color:#313e47;}