@charset "utf-8";

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

@font-face {
  font-family: 'Nanum Square';
  font-style: normal;
  font-weight: 400;
  src: url(./NanumSquareR.eot);
  src: local('Nanum Square Regular'),
       local('NanumSquareR'),
       url(http://cdn.rawgit.com/hiun/NanumSquare/master/NanumSquareR.eot?#iefix) format('embedded-opentype'),
       url(http://cdn.rawgit.com/hiun/NanumSquare/master/NanumSquareR.woff2) format('woff2'),
       url(http://cdn.rawgit.com/hiun/NanumSquare/master/NanumSquareR.woff) format('woff'),
       url(http://cdn.rawgit.com/hiun/NanumSquare/master/NanumSquareR.ttf) format('truetype');
}

@font-face {
  font-family: 'Nanum Square';
  font-style: bold;
  font-weight: 700;
  src: url(./NanumSquareB.eot);
  src: local('Nanum Square Bold'),
       local('NanumSquareB'),
       url(http://cdn.rawgit.com/hiun/NanumSquare/master/NanumSquareB.eot?#iefix) format('embedded-opentype'),
       url(http://cdn.rawgit.com/hiun/NanumSquare/master/NanumSquareB.woff2) format('woff2'),
       url(http://cdn.rawgit.com/hiun/NanumSquare/master/NanumSquareB.woff) format('woff'),
       url(http://cdn.rawgit.com/hiun/NanumSquare/master/NanumSquareB.ttf) format('truetype');
}

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td 
{margin:0;padding:0;}
*{margin:0;padding:0}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,legend,input,textarea,p{margin:0;padding:0}
table{border-collapse:collapse}
ul,li{list-style:none;vertical-align:top}
fieldset{border:0}
legend{display:none}
img{border:0;vertical-align:top}
.none{display:none}
.png24 {tmp:expression(setPng24(this))} 
button,input{overflow:visible}
input, select, textarea {
	color:#595959;
	font-size:12px;
	vertical-align:middle;
}
input.type-text, textarea {
	background:#FFFFFF none repeat scroll 0 0;
	border:1px solid #CCCCCC;
	font-size:12px;
}

a:link {color: #666666; text-decoration: none;}
a:visited {color: #666666; text-decoration: none;}
a:active {color: #353535; text-decoration: underline;}
a:hover {	color: #353535; text-decoration: underline;}


/* �ѿ��� */
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}
A.roll:active img{display:none}
A.roll:active img.over{display:inline}


/* ���̾ƿ� */
#wrap {width:1000px; height:680px;}
#Top {height:78px; position:relative;}
#Top .txt {border:0 red solid; width:500px; text-align:right; position:absolute; top:34px; right:35px; font-size:20px; font-family: 'Nanum Square'; color:#fff; font-weight:bold; letter-spacing:-1px; text-shadow:#515151 0px 1px 0px 0px }
#Top .txt2 {border:0 red solid; width:500px; text-align:right; position:absolute; top:24px; right:35px; font-size:20px; font-family: 'Nanum Square'; color:#fff; font-weight:bold; letter-spacing:-1px; text-shadow:#515151 0px 1px 0px 0px }

#Intro {height:640px; }

#Center {height:562px; background:url('../../common/images/center/bg_center.png') no-repeat; position:relative;}
#Center .tit {position:absolute; top:25px; left:0; }

#Bottom {background-color:#171a20; height:40px; position:relative;}
#Bottom .page {position:absolute; top:7px; right:20px; z-index:300;}
#Bottom .page span {color:#ffc600; font-size:24px; font-family: 'Nanum Square'; font-weight:bold;}
#Bottom .page .t_page {color:#fff; font-size:20px;}
#Bottom .page img{margin:0 5px; padding-top:6px;}