/* CSS Document */
*{margin:0; padding:0}
img{border:0; vertical-align:top}
ul,ol{list-style:none}
body{font-size:11px; color:#333333;}

/*전체박스 : tabs*/
.tabs {width:848px; position:relative; margin:0 auto} 
/*탭의 제목들이 각각 헤딩태그로 떨어져 있으니까 position을 써서 위치이동을 해줘야함. 그래서 일단 기준(relative)를 전체 박스에 걸어줌*/
.tabs h3{  background:no-repeat}

/*IR*/
.tabs a.tab {display:block; width:280px; height:280px; text-indent:-999px;
        overflow:hidden; position:absolute} 

				



.tabs a.tab1{background:url(/sub_fancy/img/metal/cont_metalframe_bt1.jpg) no-repeat;left:134px; top:0}
.tabs a.tab2{background:url(/sub_fancy/img/metal/cont_metalframe_bt2.jpg) no-repeat;left:414px; top:0}

.tabs .contlist {width:828px; display:none;  line-height:1.5em} 
/*일단 처음 시작할때 안보이게끔 display를 none으로.*/
/*탭 제목들이 position으로 붕 떠있는 상태이기 때문에 margin을 줘서 본문 내용을 아래로 내려줌*/