/* Copyright (c) 2016 LG CNS UXTEAM joohyung lee*/
/* reset --------------------- */
* {
	margin: 0;
	padding: 0;
	border: 0;
	color: #222;
	text-decoration: none;
	box-sizing: border-box;
	font-family: LGSmHaR;
	word-break:keep-all;
}

html {
	font-size: 100%;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}
img {
	border: 0;
}
ol,ul {
	list-style: none;
}

/* font --------------------- */
@font-face {
	font-family: LGSmHaR;
	src: url(../../font/LGSmHaR_v1.4_151215.eot);
	src: url(../../font/LGSmHaR_v1.4_151215.woff) format('woff')
}
.errorpage {
   background:#e3e3e3;
}
.errorpage * {
    line-height:1.8em;
    color:#555;

}
.errorpage>div {
    width:800px;
    height:600px;
    position:absolute;
    top:calc(50% - 300px);
    left:calc(50% - 400px);
}
dl {
    margin:0 auto;
    width:800px;
    text-align:center;
    position:relative;
}
dl:before {
    position:absolute;
    height:300px;
    width:200px;
    background:#fff;
    content:'';
    left:0;
    op:0;
    z-index:1;
    background: -webkit-linear-gradient(left, rgba(227,227,227,1) 0%, rgba(227,227,227,1) 28%, rgba(227,227,227,0) 100%);
    background: linear-gradient(to right, rgba(227,227,227,1) 0%, rgba(227,227,227,1) 28%, rgba(227,227,227,0) 100%);
}
dl:after {
    position:absolute;
    height:300px;
    width:200px;
    background:#fff;
    content:'';
    right:0;
    top:0;
    z-index:1;
    background: -webkit-linear-gradient(left, rgba(227,227,227,0) 0%, rgba(227,227,227,1) 72%, rgba(227,227,227,1) 100%);
    background: linear-gradient(to right, rgba(227,227,227,0) 0%, rgba(227,227,227,1) 72%, rgba(227,227,227,1) 100%);
}
dt {
}
dt span {
    display:block;
    font-size: 31px;
}
dd.code1 {
    font-size:140px;
    font-weight:600;
    position:relative;
    width:800px;
    height:200px;
    overflow:hidden;
    margin: -30px 0 0;
}
dd.code2 {
    font-size:140px;
    font-weight:600;
    transform: skewY(-10deg);
    border-top:2px solid #Fff;
    position:relative;
    width:100%;
    height:100px;
    overflow:hidden;
    margin: -80px 2px 30px;
    background:#e3e3e3;
}
dd.code2 span {
    color:#a50034;
    top:-122px;
    width:800px; height:200px;
    position:absolute;
    text-align:center;
    display:block;
    transform: skewY(10deg);
}
dd.text {
    font-size: 18px;
}
a.homelink {
    margin:0 auto;
    display: block;
    width:500px;
    text-align:center;
    position:fixed;
    bottom:50px;
    left:calc(50% - 250px)
}
a.homelink span {
    display:block;
    text-decoration:underline;
    color:#888;
    font-size:14px;
}
a.homelink img {
	width:150px;
	margin-bottom: 30px;
	opacity: 1;
}
a.back {
	display:inline-block;
	padding:30px;
	vertical-align:middle;
}
a.back span {
	display:inline-block;
	border-radius:100%;
	background:#fff;
	padding:2px;
	text-align:center;
	font-size:24px;
	width:50px;
	height:50px;
	margin-right:20px;
	vertical-align:middle;
}
@media screen and (max-width: 760px) {
	a.back{
		font-size:14px;
	}
	a.back span{
		width: 25px;
		height: 25px;
		line-height: 22px;
		font-size: 14px;
		margin-right: 15px;
	}
	.errorpage>div{
		transform: scale(0.75);
		margin-top: 40px;
	}

}