/* ================================================================ This copyright notice must be untouched at all times. The original version of this stylesheet and the associated (x)html is available at http://www.cssplay.co.uk/menus/pro-droplist.html Copyright (c) 2005-2009 Stu Nicholls. All rights reserved. This stylesheet and the associated (x)html may be modified in any way to fit your requirements. =================================================================== */ #dropList { height:30px; width:900px; background:#89a url(../images/topBack.gif) repeat-x left center; position:relative; font-family:¸¼Àº°íµñ, µ¸¿ò, dotum, arial, verdana, sans-serif; font-size:11px; z-index:500; border:1px solid #ccd; border-width:1px 1px 0 1px; } #dropList ul#menu { margin:0; padding:0 0 0 2px; list-style:none; white-space:nowrap; } #dropList ul#menu li.level1-li { float:left; height:29px; padding-top:2px; margin-right:1px; } #dropList ul#menu li.level1-li a.level1-a { display:block; height:24px; float:left; border-left:1px solid #5A5A5A; border-right:1px solid #393939; padding:2px 10px 0 10px; font-family:¸¼Àº°íµñ, µ¸¿ò, dotum, arial, verdana, sans-serif; font-size:11px; text-decoration:none; line-height:24px; white-space:nowrap; font-weight:normal; color:#FFFFFF; } #dropList ul#menu li.level1-li a.all_menu_view { display:block; height:24px; float:left; border-left:1px solid #4D4D4D; border-right:1px solid #202020; padding:2px 10px 0 10px; font-family:¸¼Àº°íµñ, µ¸¿ò, dotum, arial, verdana, sans-serif; font-size:11px;text-decoration:none; line-height:24px; white-space:nowrap; font-weight:normal; color:#F9D235; } #dropList ul#menu li.level1-li a.all_menu_view:hover { border-left:1px solid #787878; border-right:1px solid #4D4D4D; color:#fff; font-family:¸¼Àº°íµñ, µ¸¿ò, dotum, arial, verdana, sans-serif; font-size:11px;font-weight:normal; background:url(../images/over.gif); } #dropList ul#menu li.sub a.level1-a {color:#ddd;} #dropList ul#menu li.level1-li:hover, #dropList ul#menu li.level1-li a.level1-a:hover {position:relative;} #dropList ul#menu li.level1-li a.level1-a:hover, #dropList ul#menu li.level1-li:hover a.level1-a { border-left:1px solid #2d2d2d; border-right:1px solid #000; color:#fff; font-weight:normal; background:url(../images/over.gif); } #dropList ul#menu li.sub a.level1-a:hover { height:27px; color:#000; background:url(../images/topHover.gif); } #dropList ul#menu li.sub:hover > a.level1-a { height:27px; color:#000; background:url(../images/topHover.gif); } #dropList ul#menu li div.listHolder { position:absolute; left:-9999px; top:29px; background:#fff url(../images/divider.gif); border:1px solid #000; border-width:0 1px 1px 1px; padding:0; } /* IE6 only */ #dropList table { border-collapse:collapse; margin:-1px -10px; font-size:1em; width:0; height:0; } #dropList ul#menu :hover div.listHolder {left:0;} #dropList ul#menu a:hover div.listHolder {left:-1px;} #dropList ul#menu div.col1 {width:141px;} #dropList ul#menu div.col2 {width:280px;} #dropList ul#menu div.col3 {width:420px;} #dropList ul#menu div.col4 {width:560px;} #dropList ul#menu a:hover div.left1, #dropList ul#menu :hover div.left1 {left:-141px;} #dropList ul#menu a:hover div.left2, #dropList ul#menu :hover div.left2 {left:-280px;} #dropList ul#menu a:hover div.left_falf, #dropList ul#menu :hover div.left_half {left:-66px;} #dropList ul#menu div.listHolder div.listCol {display:block; float:left; padding:10px; margin:0; width:120px;} #dropList ul#menu div.listHolder div.listCol h5 {color:#000; padding:5px 0 0 0; margin:0; font-size:11px; line-height:13px; font-weight:bold; background:url(../images/linedot.gif) repeat-x left bottom; text-decoration:none;} #dropList ul#menu div.listHolder div.listCol h5 a {color:#000; padding:5px 0 0 0; margin:0; font-size:11px; line-height:13px; font-weight:bold; background:url(../images/linedot.gif) repeat-x left bottom; text-decoration:none;} #dropList ul#menu div.listHolder div.listCol h5 a:hover {color:#000; padding:5px 0 0 0; margin:0; font-size:11px; line-height:13px; font-weight:bold; background:url(../images/linedot.gif) repeat-x left bottom; text-decoration:underline;} #dropList ul#menu div.listHolder div.listCol ul {padding:2px; margin:0; list-style:none;} #dropList ul#menu div.listHolder div.listCol ul li {line-height:15px; padding:0; margin:0;} /*¿ø·¡ »ö»ó #069*/ #dropList ul#menu div.listHolder div.listCol ul li a {font-size:11px; color:#817E7C;text-decoration:none; padding-left:10px; font-weight:normal; background:url(../images/dot.gif) no-repeat left center;} #dropList ul#menu div.listHolder div.listCol ul li a:hover {text-decoration:underline; color:#000; font-size:11px;} #dropList ul#menu div.listHolder div.bottomLine {font-size:11px; clear:left; background:#666; padding:3px 0px 3px; 0px} #dropList ul#menu a:hover div.listHolder div.bottomLine {height:1px;} #dropList ul#menu div.listHolder div.bottomLine p {font-size:11px; padding:3px 0px 0px 15px; margin:0; line-height:10px; color:#fc0; background:url(../images/arrow.gif) no-repeat left center; font-weight:normal;} #dropList ul#menu div.listHolder div.bottomLine p a {color:#fff; text-decoration:underline;} #dropList ul#menu div.listHolder div.bottomLine p a:hover {text-decoration:none;} #dropList ul#menu div.listHolder div.listCol p.pro20 {font-family:verdana, sans-serif;font-size:11px;text-decoration:none;font-weight:bold;color:#B40000;word-spacing:-0.05em;} #dropList ul#menu div.listHolder div.listCol p.pro30 {font-family:verdana, sans-serif;font-size:11px;text-decoration:none;font-weight:bold;color:#FF6331;word-spacing:-0.05em;}