/* 가입대상 및 피공제자 */
.box_wrap .box_st3 { display:flex; align-items:center; justify-content:center; }

/* 절차 */
.step_style3 { display:flex; flex-wrap:wrap; }
.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 { position:relative; flex:1; border-radius:0.5rem; border:1px solid #eee; background:#f8f8f8; padding:0.5rem 0.5rem 1rem; } 
.step_style3 > li.flex { flex:1.5; }
.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 > div { margin:0.5rem 0 0;}
.step_style3 > li.center > div { display:flex; height:100%; justify-content:center; align-items:center; }
.tit_bottom > li { display:flex; flex-direction:column; justify-content:space-between; } 
.tit_bottom > li > p { width:calc(100% + 1rem); margin:1rem -0.5rem -1rem; }

.step_style5 dl { position:relative; display:flex; justify-content:space-between; width:100%; }
.step_style5 dl + dl { margin-top:2.5rem; } 
.step_style5 dl + dl:after,
.step_style5 dl + dl:before { content:"\e942"; position:absolute; top:-2rem; left:6.5rem; width:1.5rem; height:1.5rem; background:#fff; border-radius:50%; font-family:"xeicon"; font-size:1.2rem; text-align:center; line-height:1.4rem; color:#6a6a6a; }
.step_style5 dl + dl:after { border:2px solid #6a6a6a; left:calc(50% + 6rem); }
.step_style5 dl dt { display:flex; width:13.85rem; justify-content:center; align-items:center; text-align:center; flex-direction:column; border-radius:0.6rem; padding:0.5rem; }
.step_style5 dl:nth-child(1) dt { background:#0c3771; }
.step_style5 dl:nth-child(2) dt { background:#254d83; }
.step_style5 dl:nth-child(3) dt { background:#416493; }
.step_style5 dl:nth-child(4) dt { background:#607693; }
.step_style5 dl:nth-child(5) dt { background:#2e82b6; }
.step_style5 dl:nth-child(6) dt { background:#108bd8; }
.step_style5 dl dd { width:calc(100% - 15rem); background:#f8f8f8; border:1px solid #eee; border-radius:0.5rem; padding:1.4rem; }
.step_style5 dl dt p { color:#fff; font-size:0.85rem; font-weight:700; } 
.step_style5 dl dt span { background:#fff; border-radius:1.3rem; box-shadow:5px 5px 10px rgba(0,0,0,0.05); margin-top:0.5rem; padding:0 0.7rem;}

@media (max-width:1024px){
    div[class*='tbl_st'].scroll_gr table table { width:100%;}

	
	/* 절차 */
	.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:768px) { 

	/* 절차 */
	.step_style5 dl { display:block; }
	.step_style5 dl dt { width:100%; height:auto; border-radius:0.5rem 0.5rem 0 0; }
	.step_style5 dl + dl:before { display:none; }
	.step_style5 dl + dl:after { left:calc(50% - 0.75rem); }
	.step_style5 dl dd { width:100%; border-radius:0 0 0.5rem 0.5rem; }

}
@media (max-width:600px) { 
	/* 절차 */
	.step_style3 { margin:0; }
	.step_style3 > li { flex:inherit; width:100%; height:auto; margin: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; }
	.step_style3 > li { min-height:0; }
}