/* 2022-03-18 error 화면 css 추가 */
html {height:100%; font-family:'나눔고딕';}

body { position: relative; margin:0 0; padding:0 0; height:100%; }
.error_box { display:block; background:#ececec; height:100%;margin:0 0;padding:0 0;}
.bg_error_L,
.bg_error_R { position: absolute; background: #000; width: 150px; height: 200px; text-indent: -9999px; overflow: hidden; }
.bg_error_L { left: 0px; bottom: 20%; background: url('../seatimages/common/bg_error_L_img.png') no-repeat left; background-size: auto 100%; }
.bg_error_R { right: 0px; bottom:30%; background: url('../seatimages/common/bg_error_R_img.png') no-repeat right; background-size: auto 100%; }
.txt_error { position:absolute; display:block; width:100%; text-align:center; top:10%; color: #666; line-height: 34px; font-size: 30px; font-weight: 500; letter-spacing: -0.5px; }
.txt_error strong { color: #3d515f; font-size:90px; font-style:normal;}
.txt_copyright { position:absolute;bottom:0; width:100%;height:30px; text-align:center;display:block;color: #999; line-height: 18px; font-size: 14px; }

/* 2022-03-18 no_data */
div[class*="no_data"] {position: relative; margin:0 0; padding:0 0; height:100%; background:#ececec;}
div[class*="no_data_wrap"] { display:block; background:#ececec; height:100%;margin:0 0;padding:0 0;}
.no_data_developing .no_data_wrap { background: url('../seatimages/common/icon_no_data_developing.png') no-repeat left; background-size: 290px auto; display:block; width: 100%; height: 100%; background-position:center 80%;}
.no_data_developing .txt_no_data { position:absolute; display:block; width:100%; text-align:center; top:10%; color: #666; font-size: 22px; font-weight: 500; letter-spacing: -0.5px;}
.no_data_developing .txt_no_data strong {color: #3d515f; font-size:48px; font-style:normal;}


/* 메인 표준코드 Tab width */
@media (max-width: 1920px) { 
    .error_box { width: 100%; }
	.bg_error_L, .bg_error_R {position: absolute;  width: 450px; height: 500px; text-indent: -9999px; overflow: hidden; }
	.txt_error {  line-height: 64px; font-size: 60px;}
	.txt_error strong { font-size:140px;}
	.bg_error_L { left: 0; bottom: 10%;}
	.bg_error_R { right: 0; bottom: 10%;}
}

@media (max-width: 1440px) { 
    .error_box { width: 100%; }
	.bg_error_L, .bg_error_R {position: absolute;  width: 350px; height: 400px; text-indent: -9999px; overflow: hidden; }
	.txt_error {  line-height: 64px; font-size: 60px;}
	.txt_error strong { font-size:140px;}
	.bg_error_L { left: 0; bottom: 10%;}
	.bg_error_R { right: 0; bottom: 10%;}
}

@media (max-width: 1024px) { 
    .error_box { width: 100%; }
	.bg_error_L, .bg_error_R {position: absolute;  width: 350px; height: 400px; text-indent: -9999px; overflow: hidden; }
	.txt_error {  line-height: 64px; font-size: 60px;}
	.txt_error strong { font-size:140px;}
	.bg_error_L { left: 0; bottom: 10%;}
	.bg_error_R { right: 0; bottom: 10%;}
}

@media (max-width: 768px) { 
.error_box { display:block; background:#ececec; height:100%;margin:0 0;padding:0 0;}
.bg_error_L,
.bg_error_R { position: absolute; background: #000; width: 150px; height: 200px; text-indent: -9999px; overflow: hidden; }
.bg_error_L { left: 0; bottom: 20%; background: url('../seatimages/common/bg_error_L_img.png') no-repeat left; background-size: auto 100%; }
.bg_error_R { right: 0; bottom:30%; background: url('../seatimages/common/bg_error_R_img.png') no-repeat right; background-size: auto 100%; }
.txt_error { position:absolute; display:block; width:100%; text-align:center; top:10%; color: #666; line-height: 34px; font-size: 30px; font-weight: 500; letter-spacing: -0.5px; }
.txt_error strong { color: #3d515f; font-size:90px; font-style:normal;}
.txt_copyright { position:absolute;bottom:0; width:100%;height:30px; text-align:center;display:block;color: #999; line-height: 18px; font-size: 14px; }

div[class*="no_data"] {position: relative; margin:0 0; padding:0 0; height:100%; background:#ececec;}
div[class*="no_data_wrap"] { display:block; background:#ececec; height:100%;margin:0 0;padding:0 0;}
.no_data_developing .no_data_wrap { background: url('../seatimages/common/icon_no_data_developing.png') no-repeat left; background-size: 290px auto; display:block; width: 100%; height: 100%; background-position:center 80%;}
.no_data_developing .txt_no_data { position:absolute; display:block; width:100%; text-align:center; top:10%; color: #666; font-size: 22px; font-weight: 500; letter-spacing: -0.5px;}
.no_data_developing .txt_no_data strong {color: #3d515f; font-size:48px; font-style:normal;}
}

