/*접근성 개선 작업(2010.01.26)*/ @import url(/css/template.css); /* CSS Document */ /********************************************************** * file name : newmain.css * description : site common class * author : elysion * date : 2009.07.07 ***********************************************************/ /********************************************************** 공통스타일 ***********************************************************/ html, body { height: 100%; margin:0; padding:0; /* 스크롤바 */ scrollbar-face-color: #FFFFFF; scrollbar-track-color: #EEEEEE; scrollbar-highlight-color: #FFFFFF; scrollbar-shadow-color: #FFFFFF; scrollbar-3dlight-color: #CCCCCC; scrollbar-darkshadow-color: #CCCCCC; scrollbar-arrow-color: #CCCCCC; /* 하위버전에서의 레이어가운데정렬을위한코드 */ text-align:center; } img { border:0px; align:absmiddle; } /* 기본링크 스타일 */ a:link {text-decoration:NONE; } a:visited {text-decoration:NONE; } a:hover {text-decoration:NONE; } a:active {text-decoration:NONE; } /* 이미지 롤오버 스크립트 */ a.rollover img { border:0; display:inline; } a.rollover img.over { display:none; } a.rollover:hover { position:relative; } a.rollover:hover img { display:none; } a.rollover:hover img.over { display:inline; } /* 이미지코드에 Enter넣어두 이미지끼리 안떨어지게 */ .imgcode_enter { font-size:0px; letter-spacing:-1px; } /* 공통사용 */ body, td, div, span, p { font-family:돋움, dotum, verdana, san-serif, arial, apple-gothic; color:#555555; line-height:130%;} ul, li { list-style-type:none; list-style-position:outside;} ul, li { margin:0; padding:0; } form{ display:inline; margin:0;} /********************************************************** 레이아웃 스타일 ***********************************************************/ /* 전체포장용 div */ #accessibility{position:absolute; visibility:hidden; width:0; height:0; overflow:hidden; font-size:0;} #portWrap { width:100%; height:100%; margin:0;} #clear { clear:both; } /****** Header Area ******/ #headerWrap { width:1000px; margin-right: auto; margin-left: auto; /* 하위버전에서 가운데정렬이 안먹는 현상을 방지하기위해 body에 center를적용, 상속된 컨텐츠 정렬을 위해 왼쪽정렬로 재정의해줌 */ text-align:left; } /* 로고 */ #logo { float:left; _display:inline; width:150px; margin-left:15px; } /* 탐메뉴 */ #tbt { float:right; _display:inline; width:670px; margin-bottom:10px; margin-top:20px; margin-right:95px; padding-right:0px; } #tbt ul { float:right;} #tbt ul li { float:left; _display:inline; list-style-type:none; margin:0 5px;} /* 메인메뉴 */ #nav1 { float:left; _display:inline; width:670px; height:80px; margin-left:70px; _margin-left:40px;} #nav1 ul li { float:left; _display:inline; list-style-type:none; margin:8px 0 8px 43px; } /* #nav2 { float:left; _display:inline; width:240px; height:35px; background-image:url(../images/newmain/m2bar.jpg); background-repeat:no-repeat; } #nav2 ul li { float:left; _display:inline; list-style-type:none; margin:10px 0 10px 29px; } */ /* 수정 2009.07-29 */ #nav2 { float:left; _display:inline; width:240px; height:80px;} #nav2 ul li { float:left; _display:inline; list-style-type:none;} /* 메인비주얼 */ #visual1 { float:left; width:900px; height:295px; background-image:url(../images/newmain/visual.jpg); background-position:left top; background-repeat:no-repeat; } #visual2 { float:left; width:900px; height:295px; background-image:url(../images/newmain/visual2.jpg); background-position:left top; background-repeat:no-repeat; } /* 메인배너 */ #banner { float:right; width:235px; margin-top:10px; } #banner ul li { float:left; _display:inline; list-style-type:none; margin:0 5px 0 0;} #bannerimg { margin-top:5px; } #leftMenu {float:left; width:210px; margin-top:43px; margin-left:10px; background:url(/images/common/layout/left_topbg.jpg) no-repeat left top;} #content { float:left; width:670px; margin-top:19px; margin-left:8px; text-align:left;} /* 퀵메뉴 */ #quick { float:left; width:70px; height:360px; margin-bottom:0px; margin-top:55px; background:url(../images/newmain/q_bg.jpg) no-repeat left top;} #quick ul li {list-style-type:none; text-align:center; line-height:0; font-size:0;} /* 테스트 _ 퀵메뉴 */ #Test_quick { float:left; width:70px; margin-left:10px; margin-bottom:0px; margin-top:55px; background-image:url(../images/newmain/quick_bg_1.gif); background-position:left 35px; background-repeat:no-repeat; } #Test_quick ul li { float:left; list-style-type:none;} #Test_quick .ico { margin:5px; } #Test_quick .nonbg { background-color:#FFFFFF;} /****** Body Area ******/ #bodyWrap { width:975px; padding-bottom:30px; margin-right: auto; margin-left: auto; /* 하위버전에서 가운데정렬이 안먹는 현상을 방지하기위해 body에 center를적용, 상속된 컨텐츠 정렬을 위해 왼쪽정렬로 재정의해줌 */ text-align:left;} #notice { float:left; width:900px; height:35px; background-image:url(../images/newmain/noticebar.gif); background-position:left top; background-repeat:no-repeat; margin-bottom:20px;} #notice ul li { float:left; list-style-type:none; } #notice .news { padding:10px 10px 10px 180px; width:565px; } #notice .bt { padding:5px 0; } #gobt { float:left; width:900px; _display:inline; } /* #gobt ul { margin-left:30px;} #gobt ul li { float:left; list-style-type:none; } #gobt .space { margin:0 15px; } #gobt .navi { margin-top:50px; } */ #gonavi1 {float:left; width:10px; margin-top:50px; margin-left:10px; } #gonavi2 {float:left; width:10px; margin-top:50px; margin-left:10px; } #goimg { float:left; left:0px; top:0px; width:840px; overflow:hidden;} #goimg ul { } #goimg ul li { float:left; list-style-type:none; } #goimg .space { margin:0 15px; } /****** Footer Area ******/ #footerWrap { width:975px; height:90px; padding-bottom:20px; margin-right: auto; margin-left: auto; margin-top:50px; /* 하위버전에서 가운데정렬이 안먹는 현상을 방지하기위해 body에 center를적용, 상속된 컨텐츠 정렬을 위해 왼쪽정렬로 재정의해줌 */ text-align:left; background-position:left top; background-repeat:no-repeat;} /* 로고 */ #logobottom { float:left; _display:inline; width:150px; margin-top:15px; margin-left:240px; margin-right:45px; } /* 바닥버튼 */ #bbt { float:left; _display:inline; margin-top:20px;} #bbt ul li { float:left; list-style-type:none; } #bbt .space { padding:0 10px; } #copy { float:left; margin-top:5px; }