.ft_main {
width: 100%;
display: flex;
justify-content: space-between;
padding: 8rem 1rem;
} .ft_left {
width: 45%;
display: flex;
justify-content: center;
align-items: center;
}
.ft_logo {
width: 300px;
height: 200px;
}
.ft_logo_svg .st0 {
font-family: 'Helvetica Neue', sans-serif;
font-size: 120px;
letter-spacing: .5em;
}
.ft_logo_svg .st0, .st1 {
fill: #36353b;
} .ft_right {
width: 50%;
padding: 2rem 2rem 2rem 0;
display: flex;
justify-content: flex-start;
align-items: flex-start;
gap: 20%;
}
.ft_col_ul {
display: flex;
flex-direction: column;
gap: 1.5rem;
}
.ft_col_title {
font-size: min(max(1.2rem, 1.1vw), 1.7rem);
font-weight: 700;
color: black;
}
.ft_col_li {
font-size: min(max(1rem, 1vw), 1.4rem);
color: black;
} .svg_link_box {
margin-top: 1.5rem;
}
.svg_link_box.mobile {
display: none;
}
@media  all and (max-width: 1800px) {
.ft_main {
padding: 7rem 1rem;
}
.ft_logo {
width: 260px;
height: 160px;
}
}
@media  all and (max-width: 1600px) {
.ft_main {
padding: 6rem 1rem;
}
.ft_logo {
width: 240px;
height: 140px;
}
}
@media all and (max-width: 1400px) {
.ft_main {
padding: 5rem 1rem;
}
.ft_logo {
width: 200px;
height: 140px;
}
.ft_right {
padding: 2rem 0;
gap: 15%;
}
}
@media all and (max-width: 1200px) {
.ft_left {
width: 35%;
}
.ft_logo {
width: 170px;
height: 140px;
}
.ft_right {
width: 60%;
}
.ft_col_ul {
gap: 1rem;
}
}
@media all and (max-width: 920px) {
.ft_main {
flex-direction: column;
align-items: center;
gap: 3rem;
padding: 4rem 0;
}
.ft_left,
.ft_right {
width: 80%;
}
.ft_logo {
width: 190px;
height: 130px;
}
.ft_right {
width: 100%;
padding: 2rem 0 0;
justify-content: center;
}
}
@media all and (max-width: 850px) {
.ft_left,
.ft_right {
width: 90%;
}
}
@media all and (max-width: 768px) {
.ft_left,
.ft_right {
width: 100%;
}
}
@media all and (max-width: 600px) {
.ft_main {
gap: 1rem;
}
.ft_right {
flex-direction: column;
gap: 2rem;
}
.ft_col_nav,
.ft_col_ul {
width: 100%;
align-items: center;
}
.svg_link_box.mobile {
display: block;
}
.svg_link_box.desktop {
display: none;
}
}