.error-content{}
.error-content .error-inner{ max-width: 1300px; margin: 0 auto; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; }
.error-content .error-inner .text-side{ flex: 0 0 40%; }
.error-content .error-inner .image-side{ flex: 0 0 60%; }
.error-content .error-inner .image-side img{ position: relative; width: 100%; }
.error-content .error-inner .text-side .title-text{ display: flex; justify-content: space-between; padding: 12px 0; font-size: 36px; position: relative; font-weight: 600; color: var(--color-second); margin-bottom: 30px;}
.error-content .error-inner .text-side .title-text:after{ position: absolute; content: ""; bottom: 0; left: 0; width: 45px; border-bottom: 2px solid var(--color-main); }
.error-content .error-inner .text-side .description-text{ font-size: var(--base-font-size-16); color: var(--color-main-81); margin: 5px 0;}
.error-content .error-inner .text-side .btn{ margin-top: 30px;}

@media screen and (max-width: 780px){
    .error-content .error-inner{ flex-direction: column; text-align: center; }
    .error-content .error-inner .text-side .title-text{ justify-content: center; font-size: var(--base-font-size-24); margin-bottom: 15px;}
    .error-content .error-inner .text-side .title-text:after{ left: calc(50% - 23px)}
    .error-content .error-inner .text-side .description-text{ font-size: var(--base-font-size-14); }
    .error-content .error-inner .text-side .btn{ margin-top: 15px;}
}