/*main.css*/

/*font*/
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);

/*reset*/
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary,time, mark, audio, video {margin: 0;padding: 0;border: 0;font-size: 100%;font: inherit;vertical-align: baseline;}body{line-height:1;}ol,ul,li{list-style:none;}a{text-decoration:none;}address{font-style:normal;}textarea{overflow:auto;vertical-align:top;}caption{display:none}table{border-collapse:collapse;border-spacing:0;}button,input,select,textarea{font-family:inherit;font-size:100%;margin:0;}button,input{line-height:normal;}button,select{text-transform:none;}
/*common*/
body,html{height:100%;}
body{font-size:16px!important;font-family: "Nanum Gothic", sans-serif;line-height:1.5em; color:#000;}
a{text-decoration:none;font-size:16px;}
.clearfix:after,ol:after,ul:after,dl:after{content:"";width:0;height:0;font-size:0;line-height:0;display:block;visibility:hidden;clear:both;}
/*contents*/
.contentsWrap{position:relative;width:1000px;height:100%;margin:100px auto 0;}
.contentsWrap h1{width:50%;margin:0 auto;}
.contentsWrap h1 img{max-width:100%;}

.content404{text-align:center;margin-top:40px;}
.content404 div{margin-top:20px;font-size:1.2em;}
.content404 .content404Title{font-size:2.6em;line-height:40px;font-weight:bold;color:#64adff;}

.btn404{margin:80px auto 0;width:40%;height:38px;}
.btn404 a{display:block;float:left;width:calc(50% - 10px);height:38px;line-height:38px;background-color:#fff;color:#333333;border:1px solid #333333;box-sizing:border-box;text-align:center;}
.btn404 a:nth-child(2){margin-left:20px;}
.btn404 a:hover{background-color:#333333;color:#fff;transparent;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;box-sizing:border-box;}




@media screen and (max-width:1024px) {
	.contentsWrap{width:80%;}
	
}
@media screen and (max-width:840px) {
	
}
@media screen and (max-width:720px) {
	
}
@media screen and (max-width:640px) {
	.btn404{width:60%;}
}
@media screen and (max-width:480px) {
	.contentsWrap h1{width:100%;}
	.btn404{width:80%;}
	.content404 .content404Title{font-size:2em;}
}
@media screen and (max-width:420px) {
	
}