*{margin: 0;}
p, h2, h1, span,strong,li {font-family: "Noto Sans KR"; word-break: keep-all;}
.footer01 {width: 100%;  background: #f7f7f7; display: flex; flex-direction: column; align-items: center; text-align: center; gap: 30px; justify-content: center; padding: 50px 0;}
.footer01 h1 {font-size: 48px; color: #01a0c7; line-height: 1.2;}
.footer01 p {color: #4c4c4c; font-size: 20px; line-height: 1.4;}
.footer01 img {width: 90%; margin: 0 auto; display: flex; justify-content: flex-end;}
.quick {width: 100%;}
.quick .quick_wrap {width: 100%; margin: 85px auto; display: flex; gap:25px; justify-content: space-between; flex-direction: column;}
.quick .quick_wrap>button {width: 90%; height: 210px; margin: 0 auto;}
.quick .quick_wrap>button:nth-child(1) {background-image: url('../images/new_img/img_footer/footer_2.webp'); display: flex; justify-content: right;}
.quick .quick_wrap>button:nth-child(2) {background-image: url('../images/new_img/img_footer/footer_3.webp'); display: flex; justify-content: right;}
.quick .quick_wrap>button:nth-child(3) {background-image: url('../images/new_img/img_footer/footer_4.webp'); display: flex; justify-content: right;}
.quick .quick_wrap button>div {width: 50%; height: 100%; display: flex; flex-direction: column; align-items: flex-start; justify-content: center; gap: 10px; background-color: #f7f7f7; border: 1px solid #dcdcdc; padding-left: 40px; box-sizing: border-box;}
.quick .quick_wrap h3 {color: #1d1d1d; font-size: 25px; font-weight: 700;}
.quick .quick_wrap p {color: #656565; font-weight: 500; font-size: 17px; }
.quick .quick_wrap button {padding: 0; cursor: pointer; border: none; margin-top: 10px;}

.favorite_wrap {width: 420px; margin: 0 auto; background: #fff; border-radius: 5px; margin-bottom: 40px;}
.favorite_wrap p {font-size: 18px; padding: 10px 0; color: #15161a;}

@media(max-width: 430px){
    .footer01 h1 {font-size: 30px; font-weight: 500;}
    .footer01 p {font-size: 13px;}
    .quick .quick_wrap button>div {padding-left: 20px; width: 60%;}
    .quick .quick_wrap>div {height: 180px; }
    .quick .quick_wrap div>div {width: 60%; padding-left: 20px; gap: 0;}
    .quick .quick_wrap h3 {font-size: 21px; text-align: left;}
    .quick .quick_wrap p {font-size: 17px; text-align: left;}
}
@media(max-width: 380px){
    .quick .quick_wrap button img {width: 100px;}
    .quick .quick_wrap button>div {width: 100%; background-color: transparent;}
}