/* (주)한신정보기술 권정현 - 2019.07.22 */

/* 오류 */
.error {overflow:hidden; position:relative; padding-top:87px; padding-bottom:165px; border-top:5px solid #3644b4; border-radius:6px; background:#f3f3f3 url('/site/error/images/contents/error_bg.png') no-repeat center / cover;}
.error:before {display:block; position:absolute; bottom:76px; left:135px; width:401px; height:312px; background:url('/site/error/images/contents/error_sprite.png') no-repeat left top;}
.error img {margin-bottom:22px;}
.error > p {color:#211f34; font-size:20px; line-height:22px; text-align:center;}
.error .search {width:416px; margin-top:100px; margin-left:auto; padding-right:130px;}
.error .search p {margin-bottom:18px; color:#211f34; font-size:18px; line-height:20px; text-align:center;}
.error form {overflow:hidden; position:relative; margin-bottom:22px; padding-right:51px; border:3px solid #211f34; border-radius:25px; background-color:#f3f3f3;}
.error .search_query {display:block; width:100%; height:47px; padding-right:5px; padding-left:32px; background-color:#f3f3f3; color:#616161; font-size:17px; line-height:19px;}
.error .search_submit {position:absolute; top:6px; right:16px; width:35px; height:35px; background:url('/site/error/images/contents/error_sprite.png') no-repeat left -322px; font-size:0;}
.error .error_btn {overflow:hidden; position:relative;}
.error ul {margin-top:-12px; margin-left:-12px;}
.error li {float:left; width:calc(50% - 12px); margin-top:12px; margin-left:12px;}
.error a {display:block; position:relative; padding:25px 57px 26px 28px; border-radius:28px; font-size:19px; line-height:21px;}
.error .n1 a {background-color:#bfc4f3; color:#1b1b1b;}
.error .n2 a {background-color:#3644b4; color:#fff;}
.error a:before {display:block; position:absolute; top:33px; right:22px; width:35px; height:7px; background-image:url('/site/error/images/contents/error_sprite.png'); background-repeat:no-repeat;}
.error .n1 a:before {background-position:left -367px;}
.error .n2 a:before {background-position:left -384px;}
@media all and (max-width:1240px) {
    .error:before {bottom:61px; left:109px; width:323px; height:252px; background-size:100% 125.32%;}
    .error .search {width:335px; padding-right:105px;}
}
@media all and (max-width:1000px) {
    .error {padding-right:3%; padding-left:3%;}
    .error:before {display:none;}
    .error .search {width:auto; padding-right:0;}
}
@media all and (max-width:640px) {
    .error {padding-top:58px; padding-bottom:110px;}
    .error img {margin-bottom:15px;}
    .error > p {font-size:18px; line-height:20px;}
    .error .search {margin-top:67px;}
    .error .search p {margin-bottom:12px; font-size:16px; line-height:18px;}
    .error form {margin-bottom:15px; padding-right:34px;}
    .error .search_query {height:41px; padding-left:21px; font-size:15px; line-height:17px;}
    .error .search_submit {top:9px; right:11px; width:23px; height:23px; background-position:left 90.44%; background-size:1145.71% 1117.14%;}
    .error ul {margin-top:-8px; margin-left:-8px;}
    .error li {width:calc(50% - 8px); margin-top:8px; margin-left:8px;}
    .error a {padding:17px 38px 17px 19px; border-radius:20px; font-size:17px; line-height:19px;}
    .error a:before {top:24px; right:15px; width:23px; height:5px;}
    .error .n1 a:before {background-position:left 95.57%; background-size:1145.71% 5585.71%;}
    .error .n2 a:before {background-position:left 100%; background-size:1145.71% 5585.71%;}

}