@charset "UTF-8";

@font-face {
	font-family: 'Roboto';
	font-style: normal;
	font-weight: 600;
	src: url('../font/Roboto-Bold.eot');
	src: url('../font/Roboto-Bold.eot?#iefix') format('embedded-opentype'), /* ie 6,7,8 적용 embedded-opentype ie 8,9 적용 */
		 url('../font/Roboto-Bold.woff') format('woff'), /* ie 제외한 나머지 */
		 url('../font/Roboto-Bold.ttf') format('truetype');
}
@font-face {
	font-family: 'Roboto';
	font-style: normal;
	font-weight: 400;
	src: url('../font/Roboto-Regular.eot');
	src: url('../font/Roboto-Regular.eot?#iefix') format('embedded-opentype'), /* ie 6,7,8 적용 embedded-opentype ie 8,9 적용 */
		 url('../font/Roboto-Regular.woff') format('woff'), /* ie 제외한 나머지 */
		 url('../font/Roboto-Regular.ttf') format('truetype');
}
@font-face {
	font-family: 'NanumSquare';
	font-style: normal;
	font-weight: 700;
	src: url('../font/NanumSquareEB.eot');
	src: url('../font/NanumSquareEB.eot?#iefix') format('embedded-opentype'), /* ie 6,7,8 적용 embedded-opentype ie 8,9 적용 */
		 url('../font/NanumSquareEB.woff') format('woff'), /* ie 제외한 나머지 */
		 url('../font/NanumSquareEB.ttf') format('truetype');
}
@font-face {
	font-family: 'NanumSquare';
	font-style: normal;
	font-weight: 400;
	src: url('../font/NanumSquareR.eot');
	src: url('../font/NanumSquareR.eot?#iefix') format('embedded-opentype'), /* ie 6,7,8 적용 embedded-opentype ie 8,9 적용 */
		 url('../font/NanumSquareR.woff') format('woff'), /* ie 제외한 나머지 */
		 url('../font/NanumSquareR.ttf') format('truetype');
}

/* scrollbar */
::-webkit-scrollbar{width:2px;}
::-webkit-scrollbar-track{background:rgba(255,255,255,0.3);} 
::-webkit-scrollbar-thumb{background:rgba(255,255,255,0.3); border-radius:50px;}
::-webkit-scrollbar-thumb:hover{background:rgba(200,200,200,.5);}

*{-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; margin:0; padding:0;}
body,header,nav,section,footer,form,div p,h1,h2,h3,h4,h5,h6,dl,dt,dd,ul,ol,li,fieldset,th,td,input,textarea,button,select{margin:0; padding:0; border:0;}
header,nav,footer,div,form,dl,dd,ul,ol,li{display:block;}
li{list-style:none;}
a:link,a:visited{color:#fff;text-decoration:none;}
a:hover,a:focus{color:#fff;}
fieldset,img{border:none;}
i,em{font-style:normal;}
address{font-style:normal;}
a,input,select{outline:none;}
ul:after{content:"";display:block;clear:both;}

body{
	width:100%;
	height:100%;
	border:0;
	font-family:'Roboto', 'NanumSquare';
	font-weight:400;
	font-size:15px;
	letter-spacing:-0.02rem;
	color:#eee;
}
#wrap{
	position:absolute;
	width:100%;
	height:100%;
	min-height:550px;
	background:url('../img/bg.jpg') no-repeat 50% 50%;
}
.container{
	width:100%;
	height:100%;
	overflow-y:auto;
}
.nanoArea{
	width:800px;
	margin:0 auto;
	overflow:hidden;
	position:relative;
}
h1{
	text-align:center;
	font-size:30px;
	letter-spacing:-0.08rem;
	margin-top:70px;
	color:#dde9ff;
}
h1 span{
	font-size:45px;
	color:#f7ffbd;
}
.top{
	font-size:20px;
	font-weight:700;
	position:absolute;
	top:40px;
	left:0;
	color:#dde9ff;
}
.date{
	text-align:right;
	font-size:20px;
	margin:30px 0;
}
.desc{
	line-height:25px;
	font-size:18px;
}
.notice{
	text-align:right;
	font-size:17px;
	margin:15px 0;
}
.notice a{
	padding:5px 10px;
	margin:0 5px;
	border:1px solid #ffcf92;
	color:#ffcf92;
}
.notice a:hover{
	background:#ffcf92;
	color:#1a153e;
	font-weight:700;
}
.notice span{
	color:#ffcf92;
}
.desc2{
	width:100%;
	margin-top:70px;
}
.desc2 h2,.desc3 h2{
	font-size:25px;
	color:#dde9ff;
	margin-bottom:10px;
}
.desc2 li{
	width:50%;
	height:120px;
	float:left;
	margin-bottom:10px;
}
.desc2 li .img{
	width:110px;
	height:120px;
	float:left;
}
.desc2 li .txt{
	float:left;
	padding:20px 0;
}
.desc2 li .txt dt{
	font-size:20px;
	font-weight:700;
}
.desc2 li .txt dd{
	font-size:15px;
	margin-top:10px;
}
.desc3{
	width:100%;
	margin-top:30px;
}
.desc3 table{
	width:100%;
	border-collapse:collapse;
}
.desc3 table th{
	padding:10px;
	font-size:18px;
	border-top:2px solid #fff;
	border-bottom:1px solid #fff;
}
.desc3 table td{
	padding:10px;
	border-bottom:1px solid rgba(255,255,255,0.3);
	border-left:1px solid rgba(255,255,255,0.3);
}
.desc3 table td:first-child{
	text-align:center;
	border-left:0;
}
.txt2{
	text-align:center;
	font-size:12px;
	margin:70px 0 15px;
}
.bottom{
	width:900px;
	height:60px;
	background:url('../img/btm.jpg') no-repeat 50% 50%;
	margin:0 auto 30px;
}