@charset "utf-8";
.sub_con {margin-bottom:0}
.member_inner {/* display:none; */}
.sub_con section + section {padding-top: var(--sub_pd)}

.conbox {position: relative;}
.conbox + .conbox {margin-top:6rem}
.conbox .conhead {
    display: inline-block;
    width: 300px;
    text-align: center;
    position: absolute;
    top: 0;
    margin-top: -2rem;
    border-radius: 0 4px 4px 0;
    background-color: var(--color-main);
}
.conbox:nth-child(2n) .conhead {
    background-color: var(--color-main2);
}
.imglist.half {display:flex;flex-wrap: wrap;gap: 6rem 4%;}
.imglist.half .conbox {width: 48%;}
.imglist.half .conbox + .conbox {margin:0}
.imglist.half .conbox .contents {gap:3%}
.imglist.half .conbox.full {width:100%}
.conhead h4 {
    font-size: 24px;
    color: #fff;
    /* background-color: var(--color-main); */
    padding: 1rem;
    font-weight: 600;
}
.conbox .contents {
    display: flex;
    border: 1px solid #ddd;
    padding: 4rem 3rem 3rem;
    align-items: center;
}
.cont_img {
    width: 35%;
    text-align: center;
}
.cont_txt {
    width: 67%;
    padding-right: 3rem;
}
.cont_txt strong {display:block;margin-bottom:2rem;font-size:20px;font-weight: 500;line-height: 150%;word-break: keep-all;}
.cont_txt p {word-break:keep-all;opacity: .8;}
.cont_txt p.col {color: #d71b1b;margin-top: 2rem;background-color:#f7f7f7;padding:.5rem 1rem}
.cont_txt p span {color:var(--color-main);padding-bottom: .5rem;display: block;font-weight: 500;}

.imglist.half .conbox .cont_txt {padding-right:0}


/* PC */ 
@media only screen and (min-width:1025px) and (max-width: 1400px)  {
    .imglist.half .conbox .contents {flex-wrap:wrap;padding:2rem 1rem;gap: 1rem;height: 100%;}
    .cont_img img {width:100%}
    .cont_txt strong {margin-bottom:1rem}
    .imglist.half .conbox .cont_txt, .imglist.half .conbox .cont_img {width:100%;}
    .imglist.half .conbox .cont_img img {width:50%;}
}

/* 테블릿 가로, 테블릿 세로 (해상도 768px ~ 1024px)*/ 
@media all and (max-width:1024px) {
    .conbox .contents {padding-left: 0;}
    .cont_img {}
    .cont_img img {width:100%}
    .cont_txt {padding:0}
    .imglist.half .conbox .contents {flex-wrap:wrap;padding:2rem 1rem;gap: 1rem;height: 100%;}
    .cont_txt strong {margin-bottom:1rem}
    .imglist.half .conbox .cont_txt, .imglist.half .conbox .cont_img {width:100%;}
    .imglist.half .conbox .cont_img img {width:50%;}
}

/* 모바일 가로, 모바일 세로 (해상도 480px ~ 767px)*/ 
@media all and (max-width:767px) {
    .conhead h4 {font-size:clamp(1.2rem, 5.5vw, 1.5rem)}
    .conbox .contents {flex-wrap:wrap;padding: 1rem;}
    .cont_img {width:100%;padding-top: 2rem;}
    .cont_img img {width: 60%;}
    .cont_txt {width:100%}
    .cont_txt strong {font-size:clamp(1rem, 4.6vw, 1.2rem)}
    .imglist.half {flex-wrap:wrap}
    .imglist.half .conbox {width:100%}
    .imglist.half .conbox.full img {width:100%}
    
}