.gk-mob {
    padding-top: 2.1rem;    
}
.gk-mob__title {
    font-size: 0.9rem;
}
.gk-mob__list {
    display: grid;
    grid-template-columns: 1fr 1fr;
    padding-inline: 2rem;
    padding-top: 0.8rem;
    column-gap: 1.8rem;
    row-gap: 1.6rem;
}
.gk-mob__list__item {
    display: grid;
    place-content: center;
}
.gk-pc__title {
    text-transform: uppercase;
    font-size: 0.9rem;
}
.gk-pc__cnt {    
    align-items: center;
    max-width: 1262px;
    background: #f8f9fa;
    border-radius: 1.88rem 0;   
    height: 4.5rem;    
    margin: auto;
    display: none;    
}
.gk-pc {
    max-width: 1150px;
    margin: auto;
    display: flex;
    align-items: center;
    flex-grow: 1;
    justify-content: space-between;  
    padding-left: 20px;
    padding-right: 20px;
    column-gap: 4.4rem;      
}
.gk-pc__list__item {
    transition: scale .2s ease;    
}
.gk-pc__list__item img {
    object-fit: none;    
}
.gk-pc__list__item:hover {
    scale: 1.1;
}
.sect404 {
	padding-top: 1rem;
}
.cnt404 {	
	background: #f8f9fa;
	border-radius: 1.88rem 0;
}
.txt404 {
	font-family: var(--font-family-supermolot);
	font-weight: 500;	
	text-align:center;
	line-height: 1.2;	
	padding-block: 2rem;
    display: flex;
    flex-direction: column;
    row-gap: 2rem;
}
.txt404 h1 {		
	font-size: 1.88rem;	
	color: #d52215;
}
.txt404 p {	
	font-size: 1.13rem;	
	color: #262626;
}
.txt404 img {
	width: 115vw;
    max-width: none;    
    margin-left: -13vw;
}
.btns404 {
	display: flex;
    flex-direction: column;
    row-gap: 2rem;
}
.img404 {
	display: none;
}
@media(min-width: 768px) {
    .gk-mob {
        display: none;
    }
    .gk-pc__cnt {
        display: flex;
    }
    .menu__wrapper {
        padding-top: 107px;
    }
    .header__body {
        padding-bottom: 0.6rem;
    }
}
@media(min-width: 1024px) {
    .gk-pc {
        padding-right: 6.4rem;
    }
	.sect404 {
		padding-block: 5.3rem;
	}
	.cnt404 {
		display: flex;
		padding: 6rem 0 6rem 5.2rem;
	}
	.txt404 {
		text-align: left;
		padding: 0;
		row-gap: 1.1rem;
	}
	.txt404 h1 {		
		font-size: 2.56rem;			
	}
	.txt404 p {	
		font-size: 1.56rem;		
	}
	.txt404 img {
		display: none;
	}
	.img404 {
		display: block;
		padding: 1rem 0 0 1rem;
	}
	.btns404 {
		flex-direction: row;
		column-gap: 1rem;
	}
	.btns404 .button {
		padding: 0.8rem 0;
	}
}