body, td, p, input, button, textarea, select, .c1 { font-family:Tahoma,굴림; font-size:9pt; color:#222222; } form { margin:0px; } /* img {border:0px;} */ a:link, a:visited, a:active { text-decoration:none; color:#466C8A; } a:hover { text-decoration:underline; } a.menu:link, a.menu:visited, a.menu:active { text-decoration:none; color:#454545; } a.menu:hover { text-decoration:none; } .member {font-weight:bold;color:#888888;} .guest {font-weight:normal;color:#888888;} .lh { line-height: 150%; } .jt { text-align:justify; } .li { font-weight:bold; font-size:18px; vertical-align:-4px; color:#66AEAD; } .ul { list-style-type:square; color:#66AEAD; } .ct { font-family: Verdana, 굴림; color:#222222; } .ed { border:1px solid #CCCCCC; } .tx { border:1px solid #CCCCCC; } .small { font-size:8pt; font-family:돋움; } .cloudy, a.cloudy {color:#888888;} /* 흐림 */ input.ed { height:20px; border:1px solid #9A9A9A; border-right:1px solid #D8D8D8; border-bottom:1px solid #D8D8D8; padding:3px 2px 0 2px; } input.ed_password { height:20px; border:1px solid #9A9A9A; border-right:1px solid #D8D8D8; border-bottom:1px solid #D8D8D8; padding:3px 2px 0 2px; font:10px Tahoma; } textarea.tx { border:1px solid #9A9A9A; border-right:1px solid #D8D8D8; border-bottom:1px solid #D8D8D8; padding:2px; } /* 초기화 css ------------------------------------------------------------------------------------------------------------------------------ */ html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td, img {margin:0; padding:0; } html {width:100%; height:100%;} body, code {font:0.75em "돋움", Dotum, AppleGothic, sans-serif; color:#333; background:#fff; } li{list-style:none; } img, fieldset{ border:none; } input, select, textarea{font-size:100%; color:#767676; vertical-align:middle; } hr{display:none;} em, address{font-style:normal;} ins{text-decoration:none;} a,a:link,a:visited{text-decoration:none; color:#000;} a:hover{text-decoration:underline;} a:active{text-decoration:none;} table{border-spacing:0; border:0; border-collapse:collapse; } th, td {border:0; } legend { display:none; height:0; width:0; text-indent:-9999em; } caption { visibility:hidden; position:absolute; left:-1000px; top:-1000px; height:0; width:0; display:none; } .bline { display:none; } .test { border:1px solid red; } .test2 { background:#ff9900; } /* 레이아웃 시작 */ #bg_outer { width:100%; background:url(/images/main/bg.gif) 0 0 repeat-x; } #sub_outer { width:100%; background:url(/images/sub/bg_sub.gif) 0 0 repeat-x; } #wrapper { width:100%; background:url(/images/main/bg_bottom.gif) bottom repeat-x; } /*메뉴내비게이션*/ #gnb_image { float:left; width:608px; height:41px; } #gnb_image ul.horizontal-dropdown { float:left; } #gnb_image ul.horizontal-dropdown a { display:block; height:41px; text-indent:-5000px; font-size:0; line-height:0; color:#fff; } #gnb_image ul.horizontal-dropdown li { float:left; padding:0; position:relative; z-index:10; } #gnb_image ul.horizontal-dropdown li.hover a.depth01 { background-position:bottom; } #gnb_image ul.horizontal-dropdown ul { visibility:hidden; position:absolute; left:0; overflow:hidden; z-index:10; } #gnb_image ul.horizontal-dropdown ul li { float:left; } #gnb_image ul.horizontal-dropdown ul li a { display:block; height:35px; color:#2b2b2b; } #gnb_image ul.horizontal-dropdown ul li a:hover { background-position:bottom; } /*현재카테고리*/ #gnb_image ul.horizontal-dropdown li.current a.depth01 { background-position:bottom; } #gnb_image ul.horizontal-dropdown li.current ul { width:100%; display:block; z-index:1; } #gnb_image ul.horizontal-dropdown li.current ul li { float:left; display:block !important; margin-top:0 !important; } #gnb_image ul.horizontal-dropdown li a.current { background-position:top; } /**/ #gnb_image ul.horizontal-dropdown li#gnb01 ul { width:358px; left:23px; } #gnb_image ul.horizontal-dropdown li#gnb02 ul { width:457px; left:px; } #gnb_image ul.horizontal-dropdown li#gnb03 ul { width:185px; left:px; } #gnb_image ul.horizontal-dropdown li#gnb04 ul { width:262px; left:-33px; } #gnb_image ul.horizontal-dropdown li#gnb05 ul { width:299px; left:-206px; } /*메뉴이미지*/ #gnb01 a.depth01 { background:url(/images/menu/menu01.gif) 0 0 no-repeat; width:116px; } #gnb02 a.depth01 { background:url(/images/menu/menu02.gif) 0 0 no-repeat; width:133px; } #gnb03 a.depth01 { background:url(/images/menu/menu03.gif) 0 0 no-repeat; width:131px; } #gnb04 a.depth01 { background:url(/images/menu/menu04.gif) 0 0 no-repeat; width:135px; } #gnb05 a.depth01 { background:url(/images/menu/menu05.gif) 0 0 no-repeat; width:93px; } #gnb01_01 { background:url(/images/menu/menu01_01.jpg) 0 0 no-repeat; width:55px; } #gnb01_02 { background:url(/images/menu/menu01_02.jpg) 0 0 no-repeat; width:67px; } #gnb01_03 { background:url(/images/menu/menu01_03.jpg) 0 0 no-repeat; width:66px; } #gnb01_04 { background:url(/images/menu/menu01_04.jpg) 0 0 no-repeat; width:77px; } #gnb01_05 { background:url(/images/menu/menu01_05.jpg) 0 0 no-repeat; width:93px; } #gnb02_01 { background:url(/images/menu/menu02_01.jpg) 0 0 no-repeat; width:64px; } #gnb02_02 { background:url(/images/menu/menu02_02.jpg) 0 0 no-repeat; width:59px; } #gnb02_03 { background:url(/images/menu/menu02_03.jpg) 0 0 no-repeat; width:66px; } #gnb02_04 { background:url(/images/menu/menu02_04.jpg) 0 0 no-repeat; width:93px; } #gnb02_05 { background:url(/images/menu/menu02_05.jpg) 0 0 no-repeat; width:67px; } #gnb02_06 { background:url(/images/menu/menu02_06.jpg) 0 0 no-repeat; width:108px; } #gnb03_01 { background:url(/images/menu/menu03_01.jpg) 0 0 no-repeat; width:89px; } #gnb03_02 { background:url(/images/menu/menu03_02.jpg) 0 0 no-repeat; width:96px; } #gnb04_01 { background:url(/images/menu/menu04_01.jpg) 0 0 no-repeat; width:65px; } #gnb04_02 { background:url(/images/menu/menu04_02.jpg) 0 0 no-repeat; width:67px; } #gnb04_03 { background:url(/images/menu/menu04_03.jpg) 0 0 no-repeat; width:67px; } #gnb04_04 { background:url(/images/menu/menu04_04.jpg) 0 0 no-repeat; width:63px; } #gnb05_01 { background:url(/images/menu/menu05_01.jpg) 0 0 no-repeat; width:67px; } #gnb05_02 { background:url(/images/menu/menu05_02.jpg) 0 0 no-repeat; width:65px; } #gnb05_03 { background:url(/images/menu/menu05_03.jpg) 0 0 no-repeat; width:49px; } #gnb05_04 { background:url(/images/menu/menu05_04.jpg) 0 0 no-repeat; width:65px; } #gnb05_05 { background:url(/images/menu/menu05_05.jpg) 0 0 no-repeat; width:53px; } /* 탭게시판 */ .tabMenu{ float:left; display:inline; position:relative; width:350px; height:156px; background:url(/images/main/notice_line.gif) 0 24px repeat-x; } .tabMenu dt{ float:left; height:26px; display:block; cursor:pointer; margin-right:2px; } .tabMenu dd{ display:none; position:absolute; left:0; top:26px;; margin-top:13px; width:350px;} .tabMenu dd td { height:23px; vertical-align:middle; } .tabMenu dd td.subject { width:280px; background:url(/images/main/notice_bullet.gif) 0 9px no-repeat; text-indent:8px; } .tabMenu dd td.subject a { color:#666; } .tabMenu dd td.date { width:70px; text-align:right; color:#929292; } .tabMenu .more{ position:absolute; top:-30px; right:0; } /* 우측 드림전자 갤러리 */ .dream_gallery { width:100%; border:1px solid #ccc; border-top:0; height:129px; } .dream_gallery .img p { display:none;width:103px; padding:2px; margin:10px 0 0 10px; border:1px solid #c1c1c1; } .dream_gallery .btn ul { margin-top:10px; } .dream_gallery .btn li { margin-bottom:3px; } #quickR { width:76px; left:50%; margin-left:510px; } #quickR .quick_right { position:absolute; top:0; left:1016px; width:76px; }