@charset "utf-8";
.cons_all {
    background-color: #fff;
    border: 50px solid var(--color-bg-gray);
    border-radius: 1rem;
    margin-bottom: 10%;
}
.cons_all .cons_box {
    margin: 1rem;
    border: 1px solid var(--color-main);
}
.cons_sec1 {
    padding: 3rem;
}
.cons_tit {
    text-align: center;
    padding-bottom: 3rem;
    border-bottom: 1px dashed #ccc;
    margin-bottom: 3rem;
}
.cons_tit h5 {font-size:35px;color: var(--color-main);padding: 1rem 0 2rem;}
.cons_tit p {font-size:20px}
.cons_list {}
.cons_list ul {}
.cons_list li {
    display: flex;
    align-items: flex-start;
    margin: 1.5rem 0;
}
.cons_list li span {
    display: inline-flex;
    width: 30px;
    height: 30px;
    border-radius: 4px;
    background-color: var(--color-main);
    color: #fff;
    justify-content: center;
    align-items: center;
    margin-right: 1rem;
}
.cons_list li p {
    width: calc(100% - 30px);
    word-break: keep-all;
}

/* PC */ 
@media only screen and (min-width:1280px) and (max-width: 1600px)  {

}

/* 테블릿 가로, 테블릿 세로 (해상도 768px ~ 1024px)*/ 
@media all and (max-width:1024px) {
    .cons_sec1 {padding:2rem}
    .cons_tit p {word-break:keep-all}
    .cons_tit p br {display:none;}
}

/* 모바일 가로, 모바일 세로 (해상도 480px ~ 767px)*/ 
@media all and (max-width:767px) {
    .cons_all {border: 10px solid var(--color-bg-gray);}
    .cons_all .cons_box {margin:.5rem}
    .cons_sec1 {padding:1rem}
    .cons_tit {
    padding-bottom: 2rem;
    margin-bottom: 2rem;
}
    .cons_tit h5 {font-size:8vw}
    .cons_tit p {font-size: 4.7vw;}
    .cons_list li {
    display: flex;
    flex-direction: column;
}
    .cons_list li span {
    width: 24px;
    height: 24px;
    font-size: 4.5vw;
}
    .cons_list li p {font-size:4.5vw;width: 100%;word-break: break-word;}
}