/* 절차스타일 */
.step_style3 { display:flex; flex-wrap:wrap; }
.step_style3 > li { position:relative; flex:1; min-height:8.5rem; border-radius:0.5rem; border:1px solid #eee; background:#f8f8f8; padding:0.5rem 0.5rem 1rem; } 
.step_style3 > li:not(:last-child) { margin-right:2.3rem; }
.step_style3 > li:not(:last-child):before { content:"\e93f"; position:absolute; top:calc(50% - 0.75rem); right:-1.9rem; width:1.5rem; height:1.5rem; background:#fff; border-radius:50%; border:2px solid #6a6a6a; font-family:"xeicon"; font-size:1.2rem; text-align:center; line-height:1.4rem; color:#6a6a6a; }
.step_style3 > li > p { display:flex; flex-wrap:wrap; min-height:3.2rem; justify-content:center; align-items:center; text-align:center; color:#fff; font-weight:700; font-size:0.85rem; background:#0082bc; padding:0.5rem; border-radius:0.5rem; }
.step_style3 > li > p em { display:inline-block; width:1.1rem; height:1.1rem; background:#fff; border-radius:50%; line-height:1.1rem; text-align:center; color:#000; font-size:0.85rem; margin-right:0.5rem; }
.step_style3 > li.bg_color1 > p { background:#045ba6; }
.step_style3 > li.bg_color2 > p { background:#00858a; }
.step_style3 > li.bg_color3 > p { background:#1d3f5b; }
.step_style3 > li > div { margin:1rem 0.5rem 0; word-break:keep-all;}

@media (max-width:1024px) {
	/* 절차스타일 */
    .step_style3 { margin:0 -0.5rem; }
    .step_style3 > li { flex:inherit; width:calc(50% - 2.3rem); margin:0.5rem 2.3rem 0.5rem 0; } 

}

@media (max-width:600px) { 
	/* 절차스타일 */
    .step_style3 { margin:0; }
    .step_style3 > li { flex:inherit; width:100%; height:auto; margin:0;  min-height:0;}  
    .step_style3 > li:not(:last-child) { margin:0 0 2.5rem; }
    .step_style3 > li:not(:last-child):before { content:"\e942"; left:calc(50% - 0.75rem); top:auto; bottom:-2rem; } 
}