@charset "utf-8";
.full_bg {padding-top: 0;margin-top: 100px;}
.top {
    padding: 0;
}
.top .logo {
    margin-top: -80px;
    position: absolute;
    top: 0;
}
.infobox {display: flex;gap: 6rem;position: relative;align-items: flex-end;/* padding-top: 1rem; */}
.imgbox_le {position: relative;width: 40%;height: 400px;margin-top: -100px;}
.imgbox_le img {/* position:absolute; *//* right:0; */height: 100%;width: 100%;object-fit: cover;border-radius: 2rem;overflow: hidden;}
.tb_txt {width: 60%;}
.tb_txt img {width: 300px;}
.tb_txt  ul {display: flex;flex-wrap: wrap;gap: 1.5rem 0;padding-top: 2rem;}
.tb_txt  li {width: 48%;}
.tb_txt  li strong {color: var(--color-main);}
.tb_txt  li p {width:80%;margin-top: .5rem;}
.purpose p {font-size:var(--font-size30);font-weight: 500;color: var(--color-black2);line-height: 150%;}
.purpose span {font-weight:700; color:var(--color-main)}

/* PC */ 
@media only screen and (min-width:1025px) and (max-width: 1500px)  {
    
}

/* 테블릿 가로, 테블릿 세로 (해상도 768px ~ 1024px)*/ 
@media all and (max-width:1024px) {
	.infobox {gap: 2rem;}
    .imgbox_le {width: 45%;}
    .tb_txt {width: 50%;}
    .tb_txt ul {gap:1rem}
    .tb_txt li {width: 47.5%;}
}

/* 모바일 가로, 모바일 세로 (해상도 480px ~ 767px)*/ 
@media all and (max-width:767px) {
    .top {padding:0 20px}
    .full_bg {}
    .infobox {flex-wrap:wrap}
    .imgbox_le {width: 100%;height: auto;margin-top: -50px;}
    .imgbox_le img {border-radius:1rem}
    .tb_txt {width: 100%;}
    .tb_txt ul {}
    .tb_txt li {width:100%;}
    .top .logo {position: relative; margin: 0;}
    .tb_txt li p {margin-top:0}
    .purpose p {font-size:20px}
    .purpose p br {display:none}
}