@charset "utf-8";

.corp_top {text-align:center;padding-bottom: 4rem;border-bottom: 1px solid #ccc;}
.topimg {text-align:center; margin-bottom:2rem}
.topimg img {/* border:1px solid #ccc; */padding:1rem 2rem;background-color: #f6f4ea;border-radius: 1rem;}
.corp_top strong {font-size:30px;color:var(--color-main); font-family:var(--font-point);}
.corp_top p {
    margin-top: 1rem;
    font-weight: 400;
}
.corpsection {display:flex; margin:7rem 0}
.con_box {width: 80%;}
.corpsection h4 {width:20%}
.boxlist {}
.boxlist ul {}
.boxlist li {display:flex;background-color:#f7f7f7;margin-bottom:1rem;border-radius:1rem}
.boxlist li .img {width:15%;display: inline-flex;align-items: center;justify-content: center;}
.boxlist li strong {width:15%;padding:1rem 0}
.boxlist li .txt {padding:1rem 0}
.boxlist li .txt  p:last-child {margin-top:.3rem}


.center_sec {
    margin-top: 1rem;
    margin-bottom: 4em;
}
.center_sec2 {
    /* margin-top: 6rem; */
}
.center_sec  h4 {margin-bottom: 3rem;text-align: center;}
.center_sec dl {display:flex;gap:5rem;width: 100%;align-items: center;border-radius: 1rem;border: 1px solid #ddd;}
.center_sec dt {width: 40%;}
.center_sec dt img {object-fit:cover;width:100%;object-position:center;height:100%;border-radius: 1rem 0 0 1rem;}
.center_sec dd {width: 60%;}
.tb_list {}
.tb_list li {display:flex;width: 100%;gap: 2rem;}
.tb_list li + li {margin:1rem 0}
.tb_list span {display: inline-flex;width: 20%;background-color:var(--color-main);align-items: center;justify-content: center;border-radius: 2rem;color: #fff;padding: .3rem;}
.tb_list p {width: 80%;}

.sec_conts {display: flex;gap: 3rem;padding: 2rem;border: 1px solid #ddd;border-radius: 1rem;}
.sec_conts .img {}
.sec_conts .txt {}
.sec_conts .txt p {word-break:keep-all;padding-top:1rem;letter-spacing: -1px;font-size: 18px;font-weight: 400;color: #5b5b5b;}
.sec_conts .txt p:first-child {padding:0}
.sec_conts .txt strong {text-align:right; display:block; margin-top:1rem}

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

}

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

/* 모바일 가로, 모바일 세로 (해상도 480px ~ 767px)*/ 
@media all and (max-width:767px) {

}