/* CSS Document */
/*마진과 패딩의 초기화*/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td
{ margin: 0;, padding : 0;}

/*해더폰트 사이즈 초기화*/
h1, h2, h3, h4, h5, h6
{font-size : 100%}

/*리스트의 스타일 제거*/
ol, ul
{list-style: none;}

/*폰트강조 특성 초기화*/
address, caption, cite, code, dfn, em, strong, th, var
{font-style: normal; font-weight: normal; }

/*테이블 스타일 초기화*/
table
{border: 0;}

/*이미지 및 필드셍세서 보더표시 초기화*/
fieldset, img
{border: 0; }

/*캡션과 테이블 해더 텍스트 정렬 초기화*/
caption. th
{text-align: left; }

/*인용구 표시 초기화*/
q:before, q:after
{content: ''; }

/*폰트 스타일*/
.font01 {font-size: 20px; color: #FF9933; font-family:"Century Gothic"; font-weight:bolder; line-height:17px}
.font02 {font-size: 12px; color: #ffffff; font-family:"NanumGothic"; font-weight:bolder; }
.font03 {font-size: 25px; color: #663333; font-family:"Century Gothic"; font-weight:bolder; line-height:17px}
.font04 {font-size: 15px; color: #999999; font-family:"Century Gothic"; font-weight:bolder; line-height:17px}

/*박스 스타일*/
.textbox {
	border:1px;
	width:300px;
	height:20px;
	border-style:solid;
	border-color:#cccccc;
	font-size: 15px; color: #333333; font-family: "Century Gothic"; margin: 0 0 0px 0; }

/*p 테그 스타일-------------------------------------------------------------------------------------------------------------------*/
#p {
float:left;  font-size: 20px; color: #FF9933; font-family:"Century Gothic"; font-weight:bolder; }
#p2 {
float:left; margin: 2px 0 0 5px; font-size: 15px; color: #999999; font-family:"Century Gothic"; }
#p3 {
float:left; margin: 0 0 0 35px;  font-size: 20px; color: #FF9933; font-family:"Century Gothic"; font-weight:bolder; }
#p4 {
font-size: 15px; color: #999999; font-family:"Century Gothic"; }



body,
{ margin: 0; padding: 0;}

html {
text-align:left }

body { 
width: 100%; height:100%; background: #330000; text-align:left; }

/*내용영역-------------------------------------------------------------------------------------*/

div#left {
position: absolute; left:0; width;70%; height:100%; background:#ffffff;}

div#logo {
position:absolute; z-index:10; top :25%; left:706px; text-indent: 0px;}

/*main 페이지 박스------------------------------------------------------------------------------*/
div#big_box {
position:absolute; z-index:11; top: 230px; left:70px; }
div#box {
float:left; border: 1px solid #ff9933; width:510px;}

/*effect 페이지 박스---------------------------------------------------------------------------*/
div#big_box2 {
position:absolute; z-index:11; top: 180px; left:120px; display:inline }
div#box2 {
float:left; border: 0px solid #ff9933; width:500px; margin: 35px 0 0 0;}

/* about 페이지 박스----------------------------------------------------------------------------*/
div#big_box3 {
position:absolute; z-index:11; top: 70px; left:120px; display:inline }

/*하단 영역--------------------------------------------------------------------------------------*/
div#footer {
position:absolute; width:290px; z-index:12; top:95%; left:730px; }

#menu1 {float:left; font:bold 12px NanumGothic;}
#menu1 ul {padding:0 0 0 0; text-align:left;}
#menu1 li {display:inline; margin: 0 10px 0 0 ;}
#menu1 a:link {color:#ffffff; text-decoration:none;}
#menu1 a:visted {color:#ffffff; }
#menu1 a:hover {color:#ffffff; }
#menu1 a:current {color:#ffffff;  }