/*온라인상담*/
#callContBox{position:relative;padding:100px 0px 20px 0px;background-color:#f5f6f7;}

#callCont{position:relative;width:100%;max-width:1200px;min-width:768px;margin:0px auto;padding:0px 0px;}

#callCont .title{margin-bottom:10px;font-size:40px;text-align:center;color:#1e2f3b;font-weight:500;letter-spacing: -0.04em;line-height:55px;}
#callCont .title span{font-weight:bold;}
#callCont .stitle{font-size:18px;line-height:28px;font-weight:400;color:#2e2e2e;text-align:center;}
.call_step{text-align:center;padding:65px 0px;}


#callCont .callBox{margin:0px auto 100px auto;display:flex;align-items:center;max-width: 1000px;background-color:white; border-radius: 45px 0px 45px 0px;overflow:hidden;box-shadow:4px 5px 10px 4px rgb(0,0,0,0.13);}

.callBox .callWrite{width:calc(100% -  480px);padding:0px 40px;display:flex;align-items:center;}

.callBox .callWrite {display:flex;align-items:center;}
.callBox .callWrite  input{width:calc(33.33% - 20px);height:40px;font-size:14px;text-align:center;border-color:#f5f6f7;background-color:#f5f6f7;border:1px solid #d5d5d5;}
.callBox .callWrite span{width:30px;font-size:15px;text-align:center;color:black;}

.callBox .callBtn{position:relative;height:135px;width:230px;}
.callBox .callBtn button{position:absolute;top:0px;left:0px;width:100%;height:100%;background-color:#ada493;display:flex;align-items:center;justify-content:center;font-size:18px;color:white;border:0px;outline:none;}

#callCont .agreeBox{width:250px;display:flex;align-items:center;}
#callCont .agreeBox input{width:18px;height:18px;margin-right:10px;color:#4a4a4a;}
#callCont .agreeBox input:checked{color:#333;}
#callCont .agreeBox label{margin:0px;font-size:13px;color:#4a4a4a;}

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