@charset "utf-8";
/*
    Document   : sub
    Created on : 2009. 8. 6, 오후 2:08:26
    Author     : yoojongwoo
    Description:
        20090806 오픈베이스 홈페이지 화면 코딩.


*/
/*========= 레이아웃 =========*/
div#wrap{width:990px;}/* 전체를 감쌉니다. 하지만 footer 는 가로 그라데이션 , 회색(#e3e3e3) 이 있어서 wrap 안으로 들어갈수가 없습니다. */
div#header{/*common.css 를 참고하세요*/ }/* 상단 lnb gnb 합쳐놓은 플래시 영역입니다. */
/*div#header div#lnb{position:absolute; left:3px; top:-5px;  z-index:1; } header 안에 들어가있는데 특별히 속성줄만한것은 없습니다. */
div#container{background:url(../images/bg_containerRight1px.jpg) repeat-y ; width:990px; position:relative; left:0px; top:0px; z-index:2;}/*snb , content, right 를 감쌉니다. header 와 플래시 영역이 겹치는 부분이 있어서 position이 releative 로 될수밖에 없습니다.*/
div#container div.container{background:url(../images/bg_containerRightTop.jpg) no-repeat; width:990px;   text-align:left; }/* contatiner 부분의 상단 배경입니다.  */
div#container div.containerBottom{background:url(../images/bg_containerRightBottom.jpg) no-repeat; width:990px; height:30px; }/*container 부분의 하단 배경이미지입니다.*/
div#container div#snb{ width:200px; height:605px; position:absolute; left:782px; top:0px;   }/* snb 입니다. */
div#container div#snb object{}
div#container div#content{clear:both; width:610px;  margin:0px 0px 0px 170px; position:relative; left:0px; top:0px; z-index:3;   }/* 본문 영역입니다. */
div#container div#content div.whiteArea{width:592px; background-color:#ffffff; margin-left:15px; padding-top:50px; background-image:url(../images/bg_rightContent_bottom.jpg); background-repeat:no-repeat; background-position:bottom; }
div#container div#content div.whiteArea div#innerContent{width:555px; margin:0px 15px 0px 20px; }
div#container div#tag{width:170px; height:605px;  position:absolute; left:0px; top:0px;   }/* 오른쪽 플래시 들어갈 영역입니다.*/
div#footer{/*common.css 를 참고하세요*/} /*하단 footer 이며 배경색 깔고 이미지좌우 반복시킵니다.*/
div#loc{width:300px; height:10px;  margin:0px 0px 0px 0px; position:relative; left:460px; top:200px; z-index:4; padding-right:15px; }/* 현재페이지를 나타냅니다. */
div#loc div{float:right; font-size:85%;}
div#loc div span.depth1{color:#666666;}
div#loc div span.depth2{color:#666666;}
div#loc div span.depth3{color:#3c8ac0;}
/*========= //레이아웃 =========*/

/*========= snb 레이아웃 =========*/
div#snb h2{margin:30px 0px 0px 8px; clear:both; }/* 왼쪽메뉴(snb)의 집합을 나타내는 타이틀(About OPENBASE or SERVICE) */
div#snb object#swf_snb{margin:27px 0px 0px 20px;}/* snb 플래시 입니다. */
/*========= snb 레이아웃 =========*/

/*========= content 레이아웃 =========*/
div#content{color:#666666; font-size:90%; line-height:140%;   }/* 본문영역 */
div#content h3{width:100%; height:190px; font-size:1%; margin-bottom:-50px; margin-left:8px; position:relative; top:0px; left:0px; z-index:8; }/* 페이지의 타이틀 png 이미지가 안으로들어갑니다 */
/*========= //content 레이아웃 =========*/

/*========= footer 레이아웃 =========*/
    /*common.css 를 참고하세요*/
/*========= //footer 레이아웃 =========*/

/*========== tag 레이아웃 ==========*/
div#tag object#swf_tag{margin-left:20px;}
/*========== //tag 레이아웃 ==========*/