@charset "utf-8";
html, body{height:100%;}
.error-wrap{ display: block; position: fixed; width:100%; height:100%; background:#fff; top:0; left:0; z-index: 999; box-sizing: border-box;}
.error-wrap .error-box{ width:100%; position:absolute; top:50%; left:50%; transform: translate(-50%, -50%);  max-width:1200px; padding:0 15px;}
.error-box .error-content{margin-top:50px; text-align: center;}
.error-logo{width:285px;}
.error-logo img{display:block; max-width:100%;}
.error-logo a:nth-child(2){position:absolute; top:0; right:15px; display:inline-block;}
.error-logo a:nth-child(2) > i{width:28px; height:28px; display:block; background:url('/images/common/btn/btn_popup_close.png')center no-repeat; background-size:28px;}
.error-title{display:table; margin:0 auto 100px auto; text-align:left; font-size:48px; padding-top:110px; font-family:'notokr-medium'; color:#222; font-weight: normal; box-sizing: border-box; letter-spacing: -2px;}
.error-title > div:nth-child(1){width:120px; display:table-cell; vertical-align: top;}
.error-title > div:nth-child(1) > i{width:120px; height:120px; display:block; background:url('/images/common/ico/ico_ie_img.png')center no-repeat; background-size:120px;}
.error-title > div:nth-child(2){display:table-cell; width: calc(100% - 160px); padding-left:40px; box-sizing: border-box; vertical-align: middle;}
.error-txt{font-size:24px; line-height:38px; margin-top:30px; color:#555; font-family:'notokr-regular'; text-align:left;}
.error-txt > span.txt-edit{color:#000; font-family:'notokr-medium';}
.error-txt2{font-size:18px; margin-top:30px; color:#555; font-family:'notokr-DemiLight'; text-align: left; letter-spacing:0.1px;}
.error-btn{padding:40px 0; background:#eff2f7;}
.error-btn a{background:#fff; margin-right:20px;}
.error-btn a:nth-child(1) > i{width:28px; height:28px; margin-right:15px; display:inline-block; background:url('/images/common/ico/ico_edge_img.png')center no-repeat; background-size:28px; vertical-align:text-top;}
.error-btn a:nth-child(2) > i{width:26px; height:26px; margin-right:15px; display:inline-block; background:url('/images/common/ico/ico_chrome_img.png')center no-repeat; background-size:26px;vertical-align:text-top;}
.error-btn a:last-child{margin-right:0;}
.error-btn .btn-type1:hover{background:#fff; border:1px solid #333; color:#000;}

/*************************************************태블릿*************************************************/

@media all and (max-width:991px){
.error-wrap .error-box{padding:0; box-sizing:border-box; position:inherit; top:0; left:0; transform: inherit;}
.error-wrap{margin:0 auto; padding:0;}
.error-logo{width:427px; box-sizing: border-box; margin-top:20px; padding-left:40px;}
.error-box .error-content{margin-top:50px;}
.error-title{font-size:48px; padding:50px 40px 0 40px;}
.error-logo a:nth-child(2){right:40px; top:20px;}
.error-title i{width:144px; height:144px; background-size:144px;}
.error-title span{width: calc(100% - 184px);}
.error-txt{font-size:32px;}
.error-btn{padding:80px 0;}
.error-txt2{font-size:28px; margin-top:50px;}
}

/*************************************************모바일*************************************************/
@media all and (max-width:767px){
.error-box{padding:35px 0 0 0;}
.error-wrap .error-box{padding:0;position:absolute; top:50%; left:50%; transform:translate(-50%, -50%);}
.error-title > div:nth-child(2){padding-left:20px; width:calc(100% - 120px);}
.error-title > div:nth-child(1){width:100px;}
.error-title > div:nth-child(1) > i{width:100px; height:100px; background-size:100px;}
.error-logo{width:214px; padding:0 20px; margin-top:0;}
.error-box .error-content{margin-top:25px;}
.error-title{font-size:24px; padding:50px 20px 0 20px;}
.error-title i{width:72px; height:72px; background-size:72px;}
.error-title span{width: calc(100% - 92px);}
.error-txt{font-size:16px;line-height:28px; margin-top:20px;}
.error-txt2{font-size:15px; margin-top:25px;}
.error-logo a:nth-child(2) > i{width:14px; height:14px; background-size:14px;}
.error-logo a:nth-child(2){right:20px; top:0;}
.error-btn{padding:40px 0;}
.error-btn a{ margin-right:10px;}
}