._con { border:0 } 
.error { background-color: var(--bg_03); padding-top: 160px; display: flex; justify-content: center; flex-wrap: wrap; padding-bottom:160px; } 
.error .logo { text-align: center; margin-right:60px; } 
.error .logo img { width: 100px; } 
.error .txtBox .tit { font-weight: 600; font-size: 20px; line-height: 30px; margin-bottom: 20px; } 
.error .txtBox .txt { line-height: 26px; font-size: 16px; font-weight: 600; } 
.error .txtBox .sub { margin-top: 20px; line-height: 26px; } 
.error .txtBox .sub span { line-height: 26px; font-weight: 600; color: var(--colmainB); } 
.error .btnWrap { display: flex; margin-top: 30px; } 
.error .btnWrap button { width: 140px; margin-right: 10px; font-size: 18px; height: 52px; } 
footer { margin-top: 160px; } 

@media screen and (max-width: 720px) {.wrapper { padding-top: calc(var(--100) + var(--12));; } 
._con { padding-top: var(--100); } 
.error { background-color:#fff; padding-top: 0; margin:0; display: block;justify-content: center; padding-bottom:var(--120); } 
.error .logo { margin-right:0; } 
.error .logo img { width: var(--180); } 
.error .txtBox { padding: var(--50); padding-top: var(--100); } 
.error .txtBox .tit { font-size: var(--30); line-height: var(--48); margin-bottom: var(--30); } 
.error .txtBox .txt { line-height: var(--42); font-size: var(--28); font-weight: 600; } 
.error .txtBox .sub { margin-top: var(--30); line-height: var(--40); font-size: var(--26); } 
.error .txtBox .sub span { line-height: var(--36); font-weight: 600; color: var(--colmainB); } 
.error .txtBox .sub .mobr { display: none; } 
.error .btnWrap { margin-top: var(--60); justify-content: space-between; } 
.error .btnWrap button { width: 49%; margin-right: 0; font-size: var(--30); height: var(--100); } 
footer { margin-top: 0; } 
}