@charset "utf-8";
ul {list-style:none;}

.call .callWrap {border-radius:40px; border:5px solid #F9F9F9; padding:70px 100px; box-shadow: 12px 9px 40px 0 rgba(0, 0, 0, 0.10); background:url(/images/use/i-usecall.svg) right 50px top 50px no-repeat;}
.call .callWrap h3 {font-size:var(--fs33); font-weight:700; color:#000;}
.call .callWrap h3 span {font-size:var(--fs18); font-weight:400; padding-left:30px;}

.call .callWrap .numberWrap {display:flex; align-items: center; margin:50px 0;}
.call .callWrap .numberWrap p {display:flex; gap:15px; color:var(--base1); font-weight:700; font-size:var(--fs30); align-items: center;}
.call .callWrap .numberWrap span {position:relative; font-size:var(--fs18); color:var(--base1); padding-left:40px;} 
.call .callWrap .numberWrap span:before {content:""; position:absolute; width:1px; height:80%; background:#ddd; left:20px; top:4px;}

.call .calltableWrap .titType1 {color: var(--base1);}
.call .titType1:before, .call .titType1:after {background: var(--base1);}



.call .kakaoWrap {border:1px solid #ddd; border-left:0; border-right:0; margin-bottom:70px; padding:40px 0;}
.call .kakaoWrap h4 {color:var(--base1);}
.call .kakaoWrap ul {display:flex; gap:20px;}
.call .kakaoWrap ul li p {/*width:100%;*/ padding:20px 80px; border-radius:10px; background:#fee100 url(/images/common/i-kakao.svg) no-repeat left 20px center; margin-top:10px; background-size: 40px; color:#000; font-weight:500; display:flex; gap:20px; padding-right: 40px;}
.call .kakaoWrap span {position:relative; text-align:center; color:#000; padding-left:15px;}
.call .kakaoWrap span:before {position:absolute; content:""; left:0; top:12px; border-radius:100px; background:#000; width:4px; height:4px;}



/* ************************ 태블릿 이하(~1199) ************************ */
@media (max-width: 1199px) {
	
	.call .callWrap h3 {display:flex; flex-direction: column;}
	.call .callWrap h3 span {padding-left:0;}
	.call .kakaoWrap ul {flex-direction: column; gap:10px;}
	
	
}

/* ************************ 태블릿 이하(~1199) ************************ */
@media (max-width: 1024px) {
	
	.call .callWrap {padding:50px;}
	.call .callWrap .numberWrap {align-items: flex-start; flex-direction: column; margin: 30px 0;}
	.call .callWrap .numberWrap span {padding-left:64px;}
	.call .callWrap .numberWrap span:before {content:none;}

}


/* ************************ 모바일 ************************ */
@media (max-width: 767px) {
	
	
	.call .callWrap {padding:0; background-size: 60px; border-radius:0; border:0; box-shadow:none; background:none;}
	.call .callWrap .numberWrap p {gap:0;}
	
	.call .kakaoWrap {margin-bottom:40px;}
	.call .kakaoWrap ul li p {flex-direction: column; background: #fee100 url(/images/common/i-kakao.svg) no-repeat left 20px top 15px; gap:5px; background-size: 40px; margin:0;}
	.call .kakaoWrap span {text-align:left;}
	
	
}