@charset "utf-8";
.sub_con {margin-bottom:0}
.sub_con section + section {padding-top: var(--sub_pd)}
.boxlist {
    display: flex;
    gap: 4rem;
}
.boxlist + .boxlist {margin-top:2rem;}
.boxlist .titbox {
    width: 30%;
    text-align: center;
    padding: 2rem;
    background-color: #F5F8FF;
    display:flex;
    justify-content: center;
    align-items: center;
    border:1px solid #BFCCE9;
    border-radius:4px
}
.boxlist:nth-child(2n) .titbox {background-color:#FEEFE4; border:1px solid #E6CCB8}
.boxlist .titbox h4 {font-size:24px; font-weight:500}
.boxlist .txtbox {
    width: 70%;
    padding: 2rem;
    position: relative;
}
.boxlist .txtbox:after {content:"";position:absolute;width:100%;height:1px;background-color:#eee;bottom:0;margin-bottom:-1rem;left: 0;}
.boxlist:last-of-type .txtbox::after {display:none}

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

}

/* 테블릿 가로, 테블릿 세로 (해상도 768px ~ 1024px)*/ 
@media all and (max-width:1024px) {
    .boxlist {gap:1rem}
    .boxlist .titbox {padding:1rem}
}

/* 모바일 가로, 모바일 세로 (해상도 480px ~ 767px)*/ 
@media all and (max-width:767px) {
    .boxlist {flex-wrap:wrap}
    .boxlist .titbox {width:100%}
    .boxlist .txtbox {width:100%;padding: .5rem .5rem 0;}
    .boxlist .titbox h4 {font-size:clamp(1.2rem, 6vw, 1.5rem)}
    
}