@charset "utf-8";

/* KELI 소개 */
.circle-wrap.custom02 { margin-top:200px; margin-bottom:200px; }
.circle-wrap.custom02 .outer-circle .inner-circle .circle-content { font-size:24px; font-family:'HG Medium'; display:flex; justify-content:center; align-items:center; line-height:unset; background-color:#03215E; color:#fff; }
.circle-wrap.custom02 .outer-circle .inner-circle .circle-content i { display:block; }
.circle-wrap.custom02 > .circle-content { width:400px; height:100px; border-radius:20px; }
.circle-wrap.custom02 > .circle-content.circle_1 { top:-10px; left:-80%; }
.circle-wrap.custom02 > .circle-content.circle_3 { top:300px; left:-80%; }
.circle-wrap.custom02 > .circle-content.circle_2 { top:-10px; left:80%; }
.circle-wrap.custom02 > .circle-content.circle_4 { top:300px; left:80%; }
@media screen and (max-width: 1024px) {
	.circle-wrap.custom02 { flex-direction:column; justify-content:flex-start; align-items:stretch; row-gap:30px; width:100%; margin-top:0px; margin-bottom:0px; height:auto;}
	.circle-wrap.custom02 .outer-circle { border-radius:20px; display:block; }
	.circle-wrap.custom02 .outer-circle .inner-circle { border-radius:20px; }
	.circle-wrap.custom02 .outer-circle .inner-circle .circle-content { border-radius:20px; padding:20px 0; }
	.circle-wrap.custom02 .outer-circle .inner-circle .circle-content br { display:none; }	
	.circle-wrap.custom02 > .circle-content { position:relative;}	
	.circle-wrap.custom02 > .circle-content.circle_1 { top:unset; left:unset; right:unset; width:100%; }
	.circle-wrap.custom02 > .circle-content.circle_3 { top:unset; left:unset; right:unset; width:100%; }
	.circle-wrap.custom02 > .circle-content.circle_2 { top:unset; left:unset; right:unset; width:100%; }
	.circle-wrap.custom02 > .circle-content.circle_4 { top:unset; left:unset; right:unset; width:100%; }	
}

@media screen and (max-width: 768px) {
	.circle-wrap.custom02 .outer-circle .inner-circle .circle-content { font-size:16px; }
}