/*@import url(http://api.mobilis.co.kr/webfonts/css/?fontface=NanumGothicWeb);
@import url(http://api.mobilis.co.kr/webfonts/css/?fontface=NanumGothicBoldWeb);
@import url(http://api.mobilis.co.kr/webfonts/css/?fontface=NanumGothicExtraBoldWeb);
*/
@font-face{
font-family:NanumGothic;
src:url(NanumGothic.eot);
src:local(¡Ø), url(/css/NanumGothic.woff) format(¡®woff¡¯)
}
@font-face{
font-family:NanumGothicBold;
src:url(NanumGothicBold.eot);
src:local(¡Ø), url(/css/NanumGothicBold.woff) format(¡®woff¡¯)
}
@font-face{
font-family:NanumGothicExtraBold;
src:url(NanumGothicExtraBold.eot);
src:local(¡Ø), url(/css/NanumGothicExtraBold.woff) format(¡®woff¡¯)
}

@charset "euc-kr";
* { margin:0; padding:0; }
html, body{background-repeat: repeat-x; font-family:dotum,'µ¸¿ò'; margin:0 auto; text-align:center; height:100%;overflow:hidden; }
img{border:0px}
a{text-decoration:none; color:#5d5d5d; }

#screen {
	overflow: hidden;
}
.panel {
	position: relative;
	width: 1100px;
	height: 520px;
	margin:0 auto;
	 background-color:#6262d9;
	overflow: hidden;
}
.imgPanel {
	position: absolute;
	border: none;
	text-decoration: none;
}


#introbar{width:1100px; height:85px;  margin:0 auto; border-top:#6262d9 0px solid; background-repeat:no-repeat;
 background-position:right 5px}
#skip{width:116px; height:36px; position:absolute; z-index:20; top:522px; left:50%; margin-left:-58px}
#maingp{width:500px; height:300px; position:absolute; z-index:10; top:200px; left:50%; margin-left:-250px}
#logo{ margin-top:20px; margin-left:auto; margin-right:auto;}
.resolution{margin-top:15px}
#footer{width:100% !important; height:60px;border-top:1px #6262d9 solid;left:0; position:relative ;bottom:0; z-index:1111; background-color:#FFF; }
#footer td{
	 font-family:'NanumGothicExtraBold','NanumGothicExtraBoldWeb';
	 font-size:10px;
	 color:#6e6e6e;
}
#footer span{font-weight:bold; letter-spacing:-1px; font-size:14px; font-family:'NanumGothicExtraBold','NanumGothicExtraBoldWeb'; color:#000000;}
#footer .pNumber{color:#6262d9; font-weight:bold; font-size:16px;}


/*image rollover*/
A.roll img { display:inline; border:0;} 
A.roll img.over { display:none; } 
A.roll:hover { border:0; }
A.roll:hover img { display:none; } 
A.roll:hover img.over { display:inline; }