@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:13px; top:-5px;  z-index:1; } header 안에 들어가있는데 특별히 속성줄만한것은 없습니다. */
div#container{background:url(../images/bg_containerLeft1px.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_containerLeftTop.jpg) no-repeat; width:990px;  min-height:605px; text-align:left; position:relative;  }/* contatiner 부분의 상단 배경입니다.  */
div#container div.containerBottom{background:url(../images/bg_containerLeftBottom.jpg) no-repeat; width:990px; height:30px; }/*container 부분의 하단 배경이미지입니다.*/
div#container div#snb{width:200px; height:605px; position:absolute; left:0px; top:0px;    }/* snb 입니다. */
div#container div#content{/*overflow:hidden;*/ width:552px; margin:5px 0px 0px 224px;  position:relative; left:0px; top:0px; z-index:3; padding-bottom:20px; clear:both;    }/* 본문 영역입니다. */
div#container div#tag{width:170px; height:605px; position:absolute; left:810px; top:0px;    }/* 오른쪽 플래시 들어갈 영역입니다.*/
div#footer{/*common.css 를 참고하세요*/} /*하단 footer 이며 배경색 깔고 이미지좌우 반복시킵니다.*/
div#loc{width:502px; height:25px;   margin:0px 0px 0px 224px; position:relative; top:35px; left:55px; text-align:right;}/* 현재페이지를 나타냅니다. */
/*div#loc object{float:right;}*/
div#loc img.location_left_depth1{margin-top:3px;  }
div#loc img.location_left_depth2_arrow{margin-top:3px;}
div#loc img.location_left_depth2{margin-top:3px; }
div#loc img.location_left_depth3_arrow{margin-left:3px; margin-right:2px;  }
div#loc img.location_left_depth3{}
/*========= //레이아웃 =========*/

/*========= 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 41px;}/* snb 플래시 입니다. */
/*========= snb 레이아웃 =========*/

/*========= content 레이아웃 =========*/
div#content{color:#666666; font-size:90%; line-height:140%;   }/* 본문영역 */
div#content h3{font-size:1%; color:#ffffff; }/* 페이지의 타이틀 */
/*========= //content 레이아웃 =========*/

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

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