
#navi a {color:#000; text-decoration:none;}
#navi a:hover{color:#d4a13e; text-decoration:none;}

/* relative 안의 absolute는 위치는 relative를 중심으로 이동하지만 content를 늘리거나 하진 못 한다. 중앙정렬을 위한 것일 뿐 */
/* 1뎁스 구간 */
#depth1 {padding:4px 0px 0px 40px;}
#depth1 ul {margin-top:5px; text-align:left;}
#depth1 li {display:inline; margin:0px; padding:0;}
#depth1 li a {font-size:14px; font-weight:bold; color:#ffffff; text-decoration:none;}
#depth1 li a:hover {color:#d4a13e;}

/* 2뎁스 구간 */
#depth2 div {position:absolute; z-index:30; padding:2px 0px; background:#FFFFFF; filter:progid:DXImageTransform.Microsoft.alpha(opacity:70); filter:alpha(opacity=70); opacity:0.9; -moz-opacity:0.3;}
#depth2 ul {text-align:left;}
#depth2 li {margin:0 10px; border-bottom:1px dashed #CCCCCC;}
#depth2 li a {font-size:12px; color:#555555; text-decoration:none;}
#depth2 li a:hover {color:#901c0f; text-decoration:underline;}

/** absolute로는 절대 중앙 정렬을 할 수 없다. 무조건 좌측 또는 우측을 기준으로 값을 주어야 한다 */

/* Navi position */
#s1 {visibility:hidden; position:absolute; top:35px; left:50px; width:170px; height:60px; z-index:10;}
#s2 {visibility:hidden; position:absolute; top:35px; left:230px; width:170px; height:40px; z-index:10;}
#s3 {visibility:hidden; position:absolute; top:35px; left:390px; width:170px; height:140px; z-index:10;}
#s4 {visibility:hidden; position:absolute; top:35px; left:540px; width:170px; height:140px; z-index:10;}
#s5 {visibility:hidden; position:absolute; top:35px; left:700px; width:170px; height:60px; z-index:10;}