@charset "utf-8";
.vision .slogan-part {text-align:center;}
.vision .slogan-part+.slogan-part {margin-top:70px;}
.vision .slogan-part h3 {display:inline-block; position:relative; font-size:28px; font-weight:600; padding:0 30px; color:#000;}
.vision .slogan-part h3:before, .vision .slogan-part h3:after {content:""; display:block; width:10px; height:10px; border-radius:50%; background:var(--border1); position:absolute; top:50%; transform:translateY(-50%);}
.vision .slogan-part h3:before {left:0;}
.vision .slogan-part h3:after {right:0;}
.vision .slogan-bx {padding:20px; background:var(--border1); margin-top:10px; border-radius:5rem; color:#333;}
.vision .slogan-part:nth-of-type(3n+1) .slogan-bx {background:#FEF3EE;}
.vision .slogan-part:nth-of-type(3n+2) .slogan-bx {background:#FFF8DB;}
.vision .slogan-part:nth-of-type(3n+3) .slogan-bx {background:#E9F9F3;}

/* ************************ 태블릿 (~991) ************************ */
@media screen and (max-width:991px) {

.vision .slogan-part+.slogan-part {margin-top:50px;}
.vision .slogan-part h3 {font-size:24px;}
.vision .slogan-bx {font-size:18px;}
}


/* ************************ 모바일 (~767) ************************ */
@media screen and (max-width:767px) { 
.vision .slogan-part+.slogan-part {margin-top:40px;}
.vision .slogan-part h3 {font-size:22px;}
.vision .slogan-bx {font-size:17px;}	
	
	
}