/*error*/
#error {position:absolute;width:100%;height:100%;background:#fafafa;}
#error_wrap {width:1200px;margin:0 auto;padding:20px;background:url(../images/bg.png);text-align:center;margin-top:10px;}
#error_wrap .er_title {border-bottom:1px solid #fff;margin-bottom:20px;padding-bottom:10px;}
#error_wrap .er_title h1 {float:left;}
#error_wrap .er_title p {float:right;margin-top:25px;}
#error_wrap .er_mark {width:200px;height:200px;margin:0 auto;background:url(../images/error.png) no-repeat;background-size:cover;text-indent:-9999px;}
#error_wrap .er_info h2 {font-size:18px;font-weight:normal;color:#337ab7;margin-bottom:20px;}
#error_wrap .er_info p {margin-bottom:20px;}
#error_wrap .er_btn {margin-bottom:40px;}
#error_wrap .er_btn a {display:inline-block;line-height:40px;color:#fff;padding:0 40px;border:1px solid #c4c4c4;}
#error_wrap .er_btn a:hover {opacity:0.8;}
#error_wrap .er_btn a:nth-child(1) {background:#5ba4e6;margin-right:10px;}
#error_wrap .er_btn a:nth-child(2) {background:#337ab7;}
#error_wrap .er_notice {border:4px solid #fff;margin-bottom:20px;box-shadow: -2px 0px 5px rgba(0, 0, 0,.1), 2px 5px 10px rgba(0, 0, 0,.2);}
#error_wrap .er_notice li {padding:10px 0;line-height:30px;float:left;}
#error_wrap .er_notice li a {display:block;color:#666;font-size:15px;font-weight:bold;text-shadow:1px 1px 2px #eee;}
#error_wrap .er_notice li a:hover {text-shadow:1px 1px 3px #ccc;}
#error_wrap .er_notice li:nth-child(1) {width:100%;height:50px;background:#F4A261;}/*E76F51/2A9D8F/E9C46A/F4A261*/
#error_wrap .er_notice li:nth-child(1) a {color:#fff;text-shadow:1px 1px 2px #222;}
#error_wrap .er_notice li:nth-child(2) {width:225px;padding-top:90px;background:#eee url(../images/service02.png) no-repeat center 15%;background-size:30%;}
#error_wrap .er_notice li:nth-child(3) {width:300px;border-left:1px solid #d4d4d4;border-right:1px solid #d4d4d4;padding-top:90px;background:#eee url(../images/hps01.png) no-repeat center 15%;background-size:24%;}
#error_wrap .er_notice li:nth-child(4) {width:225px;padding-top:90px;background:#eee url(../images/hps03.png) no-repeat center 15%;background-size:30%;}
#error_wrap .er_notice li:nth-child(5) {width:100%;height:30px;padding:0;background:#fefefe;color:#888;}
#error_wrap .er_copy {color:#888;}


/*error*/
#time_over {width:800px;margin:0 auto; text-align:center; letter-spacing:-1px; }
#time_over .time_over_bd {border:1px solid #d3d6d7; border-top:0;}
#time_over .er_title {margin:0 -1px; background:#108ecc; margin-bottom:20px;padding-bottom:10px; padding:30px;}
#time_over .er_title h1 {float:left;}
#time_over h2 {margin: 0 auto 60px; font-weight:normal; color:#333; font-size:29px; line-height:40px; width:370px; letter-spacing:-2px; word-break: keep-all;}
#time_over h2 span {color:#039be5; font-weight:bold; font-size: 30px;}
#time_over .er_title p {float:right;margin-top:25px; color:#fff; font-size: 14px; line-height: 1;}
#time_over .er_mark {width:253px;height:140px;margin:60px auto 35px;background:url(../images/time_over_img.png) no-repeat;background-size:cover;text-indent:-9999px;}
#time_over .er_info {background:#f4f7f8; text-align:left; padding:30px;}
#time_over .er_info .cs {font-weight:bold; font-size:15px;color:#108ecc; margin-top:8px; display:inline-block;}
#time_over .er_info .cs b {letter-spacing:0; }
#time_over .er_info h3 {font-size:18px; color:#222;margin-bottom:20px; line-height: 1;}
#time_over .er_info p {margin-bottom:20px; color:#444; font-size:15px; line-height:26px;}
#time_over .er_notice {background:#fff; padding:20px; border:1px solid #e5ecee; }
#time_over .er_notice h4 {font-weight:bold; font-size:15px; line-height:1; margin-bottom:12px;}
#time_over .er_notice h4 i {background:url(../images/er_notice_icon.png); display:inline-block; width:16px; height:16px; margin-right:8px; vertical-align: bottom;}
#time_over .er_notice ul li {font-size:13px; color:#555; line-height:22px; }
#time_over .er_btn {padding-bottom:30px; background: #f4f7f8;}
#time_over .er_btn a {display:inline-block; font-size:14px; line-height:42px;color:#455a64; min-width:140px; border:1px solid #455a64;}
#time_over .er_btn a:hover {opacity:0.8;}
#time_over .er_btn a:nth-child(1) {background:#fff;margin-right:10px;}
#time_over .er_btn a:nth-child(2) {background:#455a64; color:#fff;}
#time_over .er_copy {color:#888; margin-top:15px;}






/* renewed error page */
body { height: 100vh; overflow: hidden; }
#errorPage { padding-top:3rem; margin-top:0 !important; }
#errorPage .wrapper { width:1110px; margin:0 auto; border:1px solid #f5f5f5; padding:3rem; border-radius: 0.5rem; box-shadow: 0 0 1rem rgba(0,0,0,0.03); }
.topArea { width:1110px; margin:0 auto; display:flex; justify-content:space-between; align-items:center; }
.logoArea { display:block; padding-bottom:0.9rem; }
.topArea .slogan { font-size:0.9rem; color:#888; }
.errorImg { display:block; text-align:center; }
.errorCont { text-align:center; padding:2.5em 0; color:#666; }
.errorCont .headline { font-size:2em; }
.errorCont .headline b { color:#ff5f00; }
.errorCont .txt { margin-top:1rem; font-size:0.95rem; color:#8d8d8d; }
.errorCont .txt2 { font-size:0.95rem; text-align:left; margin:1rem auto 0; max-width:91%; color:#8d8d8d; }
.errorCont .txt2 .title { margin-bottom:.3rem; position:relative; padding-left:5px; }
.errorCont .txt2 .title::before { position:absolute; top:40%; left: -5px; content:''; display:inline-block; width:3px; height:3px;
	 border-radius:50%; background-color:#ff9150; }
.errorCont .txt2 p.title { color:#ff9150 }
.errorCont .txt2 li { margin-bottom:1em; }
.errorCont .txt2 li p a { color:#6f6fcb; position:relative;  }
.errorCont .txt2 li p a::after { content:''; position:absolute; bottom:2px; left:0; display:inline-block; z-index:-1; width:100%; height:5px; background-color:#d4d4ff; }
.errorCont .txt2 li p a:hover { color:#a0a0ff; }
.errorCont .txt2 li p a:hover::after { background-color:#ddf; }
.buttonWrap { display:flex; align-items:center; justify-content:center; gap:1rem; margin-top:2rem; }
.buttonWrap .btn { width:250px; height:55px; background-color:#666; color:white; font-size:1rem; border-radius:4px; }
.buttonWrap .btn.go_prev { background: rgb(255,192,0); background: linear-gradient(150deg, rgb(255 175 12) 0%, rgba(255,95,0,1) 57%); }
.bottomCont { padding:2rem 1.5rem; background-color:#f9f9f9; border-radius: 1.5em; }
.bottomCont .btmTitle { text-align:center; font-weight:bold; font-size:1.1rem; margin-bottom:0.8rem; }
.btmTitle b { color:#ff5f00; }
.bottomCont ul { display:grid; grid-template-columns:repeat(3, auto); justify-items: center; justify-content: center; }
.bottomCont ul img { max-width:100px; }
.bottomCont ul li a { display:flex; align-items:center; gap:1em; font-size:0.95rem; }
.bottomCont ul li { position:relative; padding:0 2rem; }
.bottomCont ul li::after { content:''; display:inline-block; height:100%; width:1px; border-right: 1px dotted #ddd; position: absolute; top: 0; right: 0; }
.bottomCont ul li:last-child { padding-right:0; }
.bottomCont ul li:last-child::after { display:none; }
.footnote { width:1110px; margin:0 auto; padding:1em 0; text-align:center; }
.footnote p { color:#bfbfbf; }

#errorPage.error503 .wrapper, 
#errorPage.error503 .topArea,
#errorPage.error503 .footnote { width:1200px; }
#errorPage.error503 .errorCont { padding:1.5em 0 2rem; }
#errorPage.error503 .bottomCont ul li { padding:0 3rem; }