@charset "utf-8";
.sub_con {margin-bottom:0}
.member_inner {/* display:none; */}
.sub_con section + section {padding-top: var(--sub_pd)}
.icon_boxlist {display:flex;flex-wrap: wrap;gap: 4rem 4%;}
.boxconts {
    width: 48%;
    padding: 3rem;
    border: 1px solid #ddd;
}
.boxconts .top {
    margin-bottom: 2rem;
}
.boxconts .top h4 {font-size:24px;padding: .5rem 0 1rem;font-weight:600}
.boxconts .top p {opacity:.7}
.boxconts .detail {}
.boxconts .detail li {display: flex;align-items: baseline;gap: 1rem;}
.boxconts .detail li + li {margin-top:1rem}
.boxconts .detail li span {width:15%;display: inline-block;text-align: center;background-color: #F5F8FF;color: var(--color-main);border-radius: 4px;font-weight: 500;height: 100%;padding: 4px;}
.boxconts .detail li p {width:85%;word-break: keep-all;}



/* PC */ 
@media only screen and (min-width:1025px) and (max-width: 1400px)  {
    .icon_boxlist {gap:2rem}
    .boxconts {padding:2rem}
    .boxconts .detail li span {width:20%}
    .boxconts .detail li p {width:80%}
}

/* 테블릿 가로, 테블릿 세로 (해상도 768px ~ 1024px)*/ 
@media all and (max-width:1024px) {
    .boxconts {padding:2rem;width: 100%;}
    .icon_boxlist {flex-wrap:wrap}
}

/* 모바일 가로, 모바일 세로 (해상도 480px ~ 767px)*/ 
@media all and (max-width:767px) {
    .boxconts {padding:2rem 1rem}
    .boxconts .top h4 {font-size: clamp(1.5rem, 6vw, 1.8rem);}
    .boxconts .top {margin-bottom: .5rem;}
    .boxconts .detail li {flex-wrap:wrap;gap: .5rem;}
    .boxconts .detail li span {width:auto;}
    .boxconts .detail li p {width:100%}

    
}