﻿@charset "utf-8";
* {margin:0; padding:0; box-sizing:border-box; font-family:"Malgun Gothic" , sans-serif; -webkit-tap-highlight-color:rgba(0,0,0,0) !important; -webkit-text-size-adjust:none;-webkit-appearance:none; appearance:none; -moz-appearance: none;}
html,body {position:relative;color:#111; word-break:keep-all}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, textarea, p, blockquote, th, td, address {margin:0; padding:0;}
pre {margin:0; padding:0; word-wrap:break-word; white-space:pre-line}
table {border:0; border-collapse:collapse; border-spacing:0; width:100%; table-layout:fixed;}
fieldset, img {border:0;vertical-align:top;}
ul, li, ol, li {list-style:none;}
h1, h2, h3, h4, h5, h6 {font-size:100%; font-weight:normal;}
a {text-decoration:none; cursor:pointer;}
em, address {font-style:normal;}
button {cursor:pointer;border:none}

.hidden{position: absolute; top: 0; left: 0; width: 1px; height: 1px; margin: -1px; border: none; overflow: hidden; clip: rect(0, 0, 0, 0)}
.bgGray{background-color: #f8f8f8;padding:0 20px;}
.errorWrap{max-width: 820px;margin:60px auto;padding:100px 0 80px;border-radius: 30px;background-color: #fff;text-align: center;}
.errorWrap .titBox + .contBox{position: relative;max-width: 680px;margin: 40px auto 0;padding-top: 40px;border-top:1px dashed #c9c9c9}
.errorWrap .titBox .tit{margin-top: 20px;font-size: 32px;font-weight: bold;}
.errorWrap .titBox .desc{font-size: 30px;color: #999;}
.errorWrap .contBox .txt1 + .txt2{margin-top: 30px;}
.errorWrap .contBox .txt1{font-weight: bold;}
.errorWrap .contBox .txt2{color: #666;}
.errorWrap .contBox .txt1, 
.errorWrap .contBox .txt2{font-size: 16px;line-height: 22px;}
.errorWrap .contBox .bgIconBi{margin-top: 90px;}
.bgIcon01,
.bgIcon02,
.bgIconBi{background-size:100% 100%;background-repeat: no-repeat;margin: 0 auto;}
.bgIcon01,
.bgIcon02{width:120px;height:120px;}
.bgIcon01{background-image:url(/voc/images/error/icon_error_01.png);}
.bgIcon02{background-image:url(/voc/images/error/icon_error_02.png);}
.bgIconBi{width:164px;height:45px;background-image:url(/voc/images/error/icon_bi.png);}
.mbB{display: none;}

/*모바일*/
@media only screen and (max-width: 767px){
    .mbB{display: block;}
    .bgIcon01,
    .bgIcon02{width:60px;height:60px;}
    .bgIconBi{width:82px;height:22px;}
    .bgGray{background-color: #f8f8f8;}

    .errorWrap {min-height: inherit;padding:50px 20px 40px 20px;margin: 20px auto;}
    .errorWrap .titBox + .contBox{padding-top: 30px;margin-top: 30px;}
    .errorWrap .titBox .tit{font-size: 24px;}
    .errorWrap .titBox .desc{font-size: 22px;}
    .errorWrap .contBox .txt1 + .txt2{margin-top: 20px;}
    .errorWrap .contBox .txt1,
    .errorWrap .contBox .txt2{font-size: 14px;line-height: 20px;}
    .errorWrap .contBox .bgIconBi{margin-top: 45px;}
}
