@charset "UTF-8";

.acc_con_text > li:has(.count_circle):before{
	content: none;
	padding-left: 0px;
}
.acc_con_text > li:has(.count_circle){
	padding-left: 0px;
}
ol.count_circle{
	padding-left: 0px;
}

.sub2_2 .list2 > li:has(.dashedBox){
    display: grid;
    row-gap: 20px;
    grid-template-columns: repeat(2, minmax(334px, auto));
}
.dashedBox{
    width: 100%;
    height: auto;
    background: #FFFFFF;
    border: 2px dashed #B1B1B1;
    padding: 10px 20px;
    grid-column: 1 / span 2;
    position: relative;
}
.dashedBox .title{
	font-weight: 700;
	margin-bottom: 7px;
}
.dashedBox:before {
	position: absolute;
    content: "";
    width: 50px;
    height: 1px;
    left: -50px;
    top: 50%;
    transform: translateY(-50%);
    background: #707070;
}
.step{
    display: flex;
	gap: 20px;
}
.step .middle_box{
    background: #E8EBFF;
	border-radius: 10px;
    border: 1px solid #D8D8D8;
    font-size: 16px;
    letter-spacing: -0.09px;
    text-align: center;
    color: #2F2F2F;
    padding: 8px 10px;
    flex: 1 1 auto;
    position: relative;
    
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.step .middle_box:before{
    content: "";
    background: url(../../static/image/icon_step_arrow.png) no-repeat center;
    background-size: contain;
    width: 15px;
    height: 20px;
    position: absolute;
    top: 50%;
    right: -20px;
	transform: translateY(-50%) rotate(-90deg);
}
.step .middle_box:last-child:before{
	content: none;
}
.dashedBox .text{
    margin-top: 12px;
	font-size: 14px;
	color: #757575;
}
@media screen and (max-width: 1024px){
	.sub2_2 .list2 > li:has(.dashedBox){
		display: flex;
		gap: unset;
	}
	.step{flex-direction: column;}
	.dashedBox{margin-top: 20px;}
	.step .middle_box:before{
		right: inherit;
        transform: translateY(50%);
        bottom: -10px;
        top: initial;
	}
	.step .middle_box{
		padding: 5px 10px;
		font-size: 14px;
	}
	.dashedBox .title{font-size: 14px;}
	.dashedBox .text{font-size: 12px}
}