/* CSS Document */ #Menu_Wrapper { float:right; position:relative; width:720px; height:129px;} /* Top Menu Guide */ #TopMenu { float:right; position:relative; width:600px; padding-top:14px;} .TopMenuSub { position:relative; width:100%; height:30px;} #TopMenu dl { margin:0; padding:0; } #TopMenu dl dt { position:absolute; margin:0; padding:0; left:0px; top:0px; } #TopMenu dl dt a { float:left; width:123px; height:40px; font-size:0; text-indent:-2000px; background:url(/img/menu/topmenu_1.gif) no-repeat left 0; } #TopMenu dl dt.Depth_0 { left:0px; } #TopMenu dl dt.Depth_1 { left:123px; } #TopMenu dl dt.Depth_1 a { width:123px; background-image:url(/img/menu/topmenu_2.gif); } #TopMenu dl dt.Depth_2 { left:246px; } #TopMenu dl dt.Depth_2 a { width:123px; background-image:url(/img/menu/topmenu_3.gif); } #TopMenu dl dt.Depth_3 { left:369px; } #TopMenu dl dt.Depth_3 a { width:123px; background-image:url(/img/menu/topmenu_4.gif); } #TopMenu dl dt.Depth_4 { left:492px; } #TopMenu dl dt.Depth_4 a { width:123px; background-image:url(/img/menu/topmenu_5.gif); } #TopMenu dl dd { position:absolute; margin:0; padding:0; left:0px; top:30px; } #TopMenu dl dd ul { margin:0; padding:0; list-style:none; } #TopMenu dl dd ul li { float:left; } #TopMenu dl dd ul li a { float:left; width:650px; height:32px; font-size:0; text-indent:-2000px; background:url(/img/menu/submenu_1.gif) no-repeat left 0; } #TopMenu dl dd.Depth_0 { left:0px; } #TopMenu dl dd.Depth_0 ul li.Depth_0_0 a { width:60px; background-position:0px 0px; } #TopMenu dl dd.Depth_0 ul li.Depth_0_1 a { width:37px; background-position:-60px 0px; } #TopMenu dl dd.Depth_0 ul li.Depth_0_2 a { width:46px; background-position:-97px 0px; } #TopMenu dl dd.Depth_0 ul li.Depth_0_3 a { width:36px; background-position:-143px 0px; } #TopMenu dl dd.Depth_0 ul li.Depth_0_4 a { width:60px; background-position:-179px 0px; } #TopMenu dl dd.Depth_0 ul li.Depth_0_5 a { width:63px; background-position:-230px 0px; } #TopMenu dl dd.Depth_1 { left:80px; } #TopMenu dl dd.Depth_1 ul li a { background-image:url(/img/menu/submenu_2.gif); } #TopMenu dl dd.Depth_1 ul li.Depth_1_0 a { width:80px; background-position:0px 0px; } #TopMenu dl dd.Depth_1 ul li.Depth_1_1 a { width:74px; background-position:-80px 0px; } #TopMenu dl dd.Depth_2 { left:170px; } #TopMenu dl dd.Depth_2 ul li a { background-image:url(/img/menu/submenu_3.gif); } #TopMenu dl dd.Depth_2 ul li.Depth_2_0 a { width:75px; background-position:0px 0px; } #TopMenu dl dd.Depth_2 ul li.Depth_2_1 a { width:63px; background-position:-75px 0px; } #TopMenu dl dd.Depth_2 ul li.Depth_2_2 a { width:65px; background-position:-138px 0px; } #TopMenu dl dd.Depth_3 { left:170px; } #TopMenu dl dd.Depth_3 ul li a { background-image:url(/img/menu/submenu_4.gif); } #TopMenu dl dd.Depth_3 ul li.Depth_3_0 a { width:61px; background-position:0px 0px; } #TopMenu dl dd.Depth_3 ul li.Depth_3_1 a { width:71px; background-position:-61px 0px; } #TopMenu dl dd.Depth_3 ul li.Depth_3_2 a { width:59px; background-position:-132px 0px; } #TopMenu dl dd.Depth_3 ul li.Depth_3_3 a { width:58px; background-position:-191px 0px; } #TopMenu dl dd.Depth_3 ul li.Depth_3_4 a { width:73px; background-position:-250px 0px; } #TopMenu dl dd.Depth_3 ul li.Depth_3_5 a { width:74px; background-position:-323px 0px; } #TopMenu dl dd.Depth_4 { left:280px; } #TopMenu dl dd.Depth_4 ul li a { background-image:url(/img/menu/submenu_5.gif); } #TopMenu dl dd.Depth_4 ul li.Depth_4_0 a { width:79px; background-position:0px 0px; } #TopMenu dl dd.Depth_4 ul li.Depth_4_1 a { width:73px; background-position:-79px 0px; } #TopMenu dl dd.Depth_4 ul li.Depth_4_2 a { width:76px; background-position:-152px 0px; } #TopMenu dl dd.Depth_4 ul li.Depth_4_3 a { width:62px; background-position:-228px 0px; } /* Tab 메뉴 CSS var tabs=["notice","news","event","status","free","level"]; */ #Board_Lastest {position:relative; width:534px; height:245px; overflow: hidden; background:transparent url('/img/tab/bg_line.gif') top repeat-x;} #Board_Lastest ul {display:none; clear:left; padding-top:36px;} #Board_Lastest .more {display:none;} #Board_Lastest .selected ul {display:block;} #Board_Lastest .selected .more {display:inline; position:absolute; right:5px; top:5px;} #Board_Lastest ul li { line-height:150%; background:transparent url('/img/tab/icon_dot.gif') 10px 12px no-repeat; padding:4px 3px 2px 20px; *position:relative; border-bottom:1px dotted #D5D5D5;} #Board_Lastest ul li a { color:#726e6d; width:440px; border:0px solid red;} #Board_Lastest ul li span { float:right; color:#729cc2; padding-right:4px; *position:absolute;} #Board_Lastest ul li img { margin-left:3px; margin-right:5px; } .iTitle {height:25px; position:absolute; width:76px; cursor:pointer; border:0px solid red;} .iTitle span {display:none;} #Listnotice, #Listnews ,#Listevent,#Liststatus,#Listfree,#Listlevel {position:absolute; top:0px; left:0px; width:535px;} #Listnotice .iTitle {background:transparent url('/img/tab/notice_off.gif') no-repeat; left:0px;} #Listnotice.selected .iTitle {background:transparent url('/img/tab/notice_on.gif') no-repeat; left:0px;} #Listnews .iTitle {background:transparent url('/img/tab/news_off.gif') no-repeat; left:75px;} #Listnews.selected .iTitle {background:transparent url('/img/tab/news_on.gif') no-repeat; left:75px;} #Listevent .iTitle {background:transparent url('/img/tab/event_off.gif') no-repeat; left:150px;} #Listevent.selected .iTitle {background:transparent url('/img/tab/event_on.gif') no-repeat; left:150px;} #Liststatus .iTitle {background:transparent url('/img/tab/status_off.gif') no-repeat; left:225px;} #Liststatus.selected .iTitle {background:transparent url('/img/tab/status_on.gif') no-repeat; left:225px;} #Listfree .iTitle {background:transparent url('/img/tab/free_off.gif') no-repeat; left:300px;} #Listfree.selected .iTitle {background:transparent url('/img/tab/free_on.gif') no-repeat; left:300px;} #Listlevel .iTitle {background:transparent url('/img/tab/level_off.gif') no-repeat; left:375px;} #Listlevel.selected .iTitle {background:transparent url('/img/tab/level_on.gif') no-repeat; left:375px;} /* 포토앨범 CSS */