/*
권장 CSS 속성 선언 순서
1. display : 표시 
2. float : 흐름 
3. position : 위치 
4. width & height : 크기 
5. margin & padding : 간격 
6. border : 보더 
7. font : 폰트 
8. background : 배경 
9. etc : 기타
*/



/* 레이아웃 *****************************/

#Wraparea { position:relative; left:50%; width:1000px; height:100%; margin:0 0 0 -500px; padding:20px 0; text-align:left; /*margin:30px auto 0 auto;*/}
#Headarea { width:1000px; /*height:60px; background:#545764;*/ }
#Contentarea {width:1000px; margin:50px 0 0 0; padding:0 0 40px 0; clear:both; /*overflow-x:hidden; background:#F00;*/ }
#FootArea { display:none; width:100%; margin:-27px 0 0 0; text-align:center; } 



/* #HeadArea : 상단영역 *****************************/

/* logo : 로고 */
.logo { position:absolute; left:50%; width:/*200px*/960px; margin:10px 20px 0 -480px; padding:0 0 10px 0; /*border-bottom:1px solid #ffffff;*/ text-align: left/*center*/;}



/* #Contentarea : 컨텐츠영역 *****************************/

.content { position:absolute; left:50%; float:right; width:750px; margin:20px 0 20px -298px; padding:30px 20px;  /*height:700px !important;*/ line-height:2em;  background:url(../images/common/subbg.png) repeat; /*background:#FFF;*/}

/* #gnb : 주메뉴 */
#gnb { position:absolute; float:left; width:154px; margin:50px 0 0 24px; /*float:left;*/ }
#gnb li { /*float:left;*/ padding:0 5px 0 0; }
#gnb li div {padding:10px 0 5px 0;}

/* title : 소제목 */
.title { display:block; padding:0 0 50px 0; font-size:2.7em; color:#000;} 



/* mozill, chrome 
body:first-of-type #Footarea { width:100%; text-align:center; margin:10px 0 0 0; padding:15px 0; background:#d5d5d5; clear:both; }*/


/* #Contentarea : 컨텐츠영역 *****************************/