/* *맛스타 스타일 시트 - 전체 페이지 * * */ /* */ @charset "utf-8"; /* default */ body { margin:0; padding:0; background:#FFF; font-family:dotum; font-size:9pt; line-height:1.4em; color:#504942; background:url(/an/images/common/bg_sub_01.jpg) no-repeat center 38px;} img { border:0; display:inline; vertical-align:top;} table { margin:0 auto; border-collapse:collapse;} table, tr, th, td, tf { padding:0; margin:0; vertical-align:top; text-align:left;} form, dl, dd, dt, ol, ul, li { margin:0; padding:0;} ol, ul, dl, li { list-style:none;} a:link {color:#504942; text-decoration:none;} a:visited {color:#504942; text-decoration:none;} a:active {color:#937f70; text-decoration:underline;} a:hover {color:#937f70; text-decoration:underline;} /* 체크박스 */ .chkbox {width:15px; height:15px; margin:0 2px 0 0;} /* png24 */ .png24 { tmp:expression(setPng24(this));} /* bg */ #cloud_a, #cloud_b { width:100%; margin:0; padding:0; } #cloud_a { min-height:794px;} /* IE6 hack */ *html #cloud_a { height:794px;} #cloud_b { height:294px;} /* layouot*/ #frame { position:relative; width:987px; min-height:794px; margin:0 auto; clear:both;} /* IE6 hack */ *html #frame { height:794px;} #footer { height:294px; position:relative; width:987px; margin:0 auto; background:url(/an/images/common/bg_sub_03.gif) no-repeat right 120px;} /* */ #subflash { width:987px; height:232px;} #main_body { width:805px; min-height:596px; float:left;} /* IE6 hack */ *html { height:596px; padding:0;} #minicontents { width:168px; float:right; margin:38px 0 0 0; display:inline; font-family:dotum; font-size:9pt; color:#616161;} #content { width:620px; float:right; margin:0; display:inline; min-height:596px; background-color:#FFF;} /* IE6 hack */ *html #content{ height:596px;} /* border:1px #ff0000 solid; */ #sub_gamestartzone { width:196px; height:248px; position:absolute; top:100px; left:-20px;; z-index:-1;} /* IE6 hack */ *html #sub_gamestartzone {position:absolute; top:100px; left:-20px;} #submenu { width:155px; float:left; margin:100px 0 0 13px; display:inline;} /* contents zone background */ #wrap { background:url(/an/images/bbs/common/bg_content_body.jpg) repeat-y; width:620px;} #mid { width:596px; min-height:493px; padding:27px 0 0 24px; background:url(/an/images/bbs/common/bg_content_upper.jpg) no-repeat;} /* IE6 hack */ *html #mid { height:493px;} #lower { clear:both; width:620px; height:67px; background:url(/an/images/bbs/common/bg_content_lower.jpg) no-repeat;} /* submenu */ #submenu span { display:none;} #submenu ol { background:url(/an/images/common/smbottom.gif) no-repeat bottom; padding:47px 0 12px 0;} /* #submenu li {width:155px; height:26px; vertical-align :top;} 위의 CSS 는 li 에 이미지가 링크가 안걸렷을시 틈이 발생하기 때문에- 길이 속성때문인듯- 일단 주석 처리를 하였습니다.(랭킹 li 부분에 빈 리스트가 있는데 길이값을 없엘수가 없어서..) 메뉴li 에 링크가 안걸린게 없다면 각 서브 메뉴의 li 속성을 지우고 위의 CSS 를 살리는것이 좋다고 판단됩니다. 그나저나 빌어먹을 마소..버그 언제 없어지나요.. */ #submenu_join ol { background:url(/an/images/common/smbottom.gif) no-repeat bottom; padding:89px 0 12px 0;} #submenu_gsp ol { background:url(/an/images/common/smbottom.gif) no-repeat bottom; padding:36px 0 12px 0;} #submenu_news li, #submenu_planeinfo li, /*#submenu_ranking li,*/ #submenu_datashed li, #submenu_cadetsquare li, #submenu_join li, #submenu_gsp li, #submenu_event li {width:155px; height:26px; vertical-align :top;} /* */ #submenu_news, #submenu_planeinfo, #submenu_ranking, #submenu_datashed, #submenu_cadetsquare, #submenu_join, #submenu_gsp, #submenu_event { width:155px; margin:0 0 20px 0;} #submenu_news { background:url(/an/images/common/smhead_news.gif) no-repeat top;} #submenu_planeinfo { background:url(/an/images/common/smhead_planeinfo.gif) no-repeat top;} #submenu_ranking { background:url(/an/images/common/smhead_ranking.gif) no-repeat top;} #submenu_datashed { background:url(/an/images/common/smhead_datashed.gif) no-repeat top;} #submenu_cadetsquare { background:url(/an/images/common/smhead_cadetsquare.gif) no-repeat top;} #submenu_join { background:url(/an/images/common/smhead_join.gif) no-repeat top;} #submenu_event { background:url(/an/images/common/smhead_event.gif) no-repeat top;} #submenu_gsp { background:url(/an/images/common/smhead_submenu.gif) no-repeat top;} /* */ #submenu ul.submenu_quick { width:151px; background:url(/an/images/common/title_quickmenu.gif) no-repeat top; padding:25px 0 0 0; margin:13px 0 0 2px;} #submenu ul.submenu_quick li { width:151px; height:25px; border-bottom:1px #e8dcd4 solid; margin:4px 0 0 0; text-align:left;} #submenu .banner { width:155px; height:65px; margin:10px 0 0 0;} /* minicontents */ #minicontents a:link { color:#616161; text-decoration:none;} #minicontents a:visited { color:#616161; text-decoration:none;} #minicontents a:active { color:#6e2b2b; text-decoration:underline;} #minicontents a:hover { color:#6e2b2b; text-decoration:underline;} #mini_planeinfo, #mini_latestevents, #mini_guide, #mini_update, #mini_bestcadet, #mini_newpost, #mini_news, #mini_topfive, #mini_info, #mini_download { width:155px; margin-bottom:20px; background-color:#FFF; min-height:40px; clear:both;} #minicontents .title { height:21px; margin:0 0 11px 0;} #minicontents .head { width:110px; height:10px; margin:0 0 0 5px; float:left; display:inline;} #minicontents .more { width:26px; height:10px; margin:0 7px 0 0; float:right; display:inline;} #minicontents .tap01 { width:71px; height:17px; float:left; display:inline; margin:7px 0 0 7px;} #minicontents .tap02 { width:71px; height:17px; float:right; display:inline; margin:7px 6px 0 0;} #minicontents table { clear:both; width:145px; font-size:8pt; text-align:left;} #minicontents table.t1 { margin:4px 0 10px 5px;} #minicontents table.t1 td { width:135px; height:13px; padding:1px 0 0 10px; background:url(/an/images/minicontents/dot.gif) no-repeat 2px 7px;} #minicontents table.t1 td.topline { width:145px; height:5px; background:url(/an/images/minicontents/line.gif) repeat-x;} #minicontents table.t1 td.line { width:145px; height:1px; background-color:#e9ddd5; padding:0;} #minicontents table.t2 { margin:4px 0 0 5px;} #minicontents table.t2 th { width:30px; height:13px; padding:1px 0 0 0;} #minicontents table.t2 td { width:115px; height:13px; padding:1px 0 0 0;} #minicontents table.t2 td.line { width:145px; height:1px; background-color:#e9ddd5; padding:0;} #minicontents table.t3 { margin:0 0 0 5px; background:url(/an/images/minicontents/line02.gif) repeat-x top;} #minicontents table.t3 th.topgun { width:23px; height:23px; padding:5px 0 0 0;} #minicontents table.t3 td.topgun { width:121px; height:21px; padding:7px 0 0 0; font-weight:bold;} #minicontents table.t3 th { width:23px; height:15px; padding:1px 0 0 0;} #minicontents table.t3 td { width:121px; height:15px; padding:1px 0 0 0;} #minicontents table.t3 td.line { width:145px; height:1px; background-color:#e9ddd5; padding:0;} #minicontents table.t4 { margin:4px 0 15px 5px;} #minicontents table.t4 th { width:18px; height:13px; padding:1px 0 0 0;} #minicontents table.t4 td { width:127px; height:13px; padding:1px 0 0 0;} #minicontents table.t4 td.line { width:145px; height:1px; background-color:#e9ddd5; padding:0;} #minicontents .shot { width:145px; height:92px; background:url(/an/images/minicontents/line.gif) no-repeat top; margin:6px 0 0 5px; clear:both;} #minicontents .wrap { width:124px; height:78px; margin:11px 0 0 0; float:left; display:inline;} #minicontents .image { width:94px; height:70px; padding:3px; float:right; background:#ddd; border:1px #989898 solid; display:inline;} #minicontents .toleft { float:left; margin:32px 0 0 0; display:inline;} #minicontents .toright { width:15px; height:15px; float:right; margin:43px 0 0 0; display:inline;} #minicontents dl.review { width:142px; margin:7px 0 0 6px;} #minicontents dl.review dd.image { width:134px; height:100px; background:#ddd; border:1px #989898 solid; padding:3px; margin:0 0 5px 0;} #minicontents dl.review dt { color:#df5105; font-weight:bold;} #minicontents dl.review dd.brief { width:142px; font-size:8pt; line-height:1.2em;} #minicontents dl.review dd.date { font-family:Verdana; font-size:7pt;letter-spacing:-0.1em;} #minicontents dl.review dd.more2 { font-family:Verdana; font-size:7pt; font-weight:bold; text-align:left;} #minicontents dl.info { width:142px; margin:7px 0 0 6px;} #minicontents dl.info dd.image { width:134px; height:100px; background:#ddd; border:1px #989898 solid; padding:3px;} #minicontents dl.info dt { color:#df5105; font-weight:bold;} #minicontents dl.info dd.brief { width:142px; font-size:8pt; line-height:1.2em;} #minicontents dl.info dd.date { font-family:Verdana; font-size:7pt;letter-spacing:-0.1em;} #minicontents dl.info dd.more2 { font-family:Verdana; font-size:7pt; font-weight:bold; text-align:left;} #minicontents .btn { width:146px; margin:5px 0 0 4px; clear:both;} #minicontents .btn_client {width:146px; margin:5px 0 15px 4px; clear:both;} #mini_planeinfo { background:url(/an/images/minicontents/bg_planeinfo.gif) no-repeat; height:228px; text-align:center; letter-spacing:-0.1em;} #mini_planeinfo dl.plane { width:155px; height:182px; margin:23px 0 0 0;} #mini_planeinfo dl.plane dd table { width:127px; height:15px;} #mini_planeinfo dl.plane dd td.plane_name { width:97px; color:#513e2e; font-weight:bold; text-align:center; } #mini_planeinfo dl.plane dd td.toleft { width:15px;} #mini_planeinfo dl.plane dd td.toright { width:15px;} #mini_planeinfo dl.plane dd.image { width:147px; height:131px; position:relative; text-align:left; background:none; border:none;} #mini_planeinfo dl.plane dd.image img { position:absolute; bottom:0;} #mini_planeinfo dl.plane dd.brief { width:127px; font-size:8pt; line-height:1.2em; margin:0;} #mini_planeinfo .plane_more { width:30px; height:11px; margin:5px 0 0 0;} /* pagetitle */ h4 { margin:0 0 10px 0; width:630px; height:26px;} h4 span { visibility:hidden;} /* */ #footer_content { width:620px; margin:30px 0 0 183px;} #footer_content ul { width:620px; height:30px; background:url(/an/images/common/img_footer_line.gif) no-repeat bottom;} #footer_content li {padding:0 0 0 18px; margin:0 0 0 17px; background:url(/an/images/common/img_footer_bar.gif) no-repeat left; float:left; display:inline;} #footer_content li:first-child { margin:0; padding:0; background:none;} #footer_content li.dropdown { float:right; background:none; padding:0; margin:0;} /* IE6 hack */ *html #footer_content li { margin-top:3px;} *html #footer_content li.first { margin:3px 0 0 0; padding:0; background:none;} .familysite { width:130px; font-family:dotum; font-size:9pt; color:#666;} #footer_logo { width:74px; height:31px; float:left; display:inline; margin:16px 0 0 0;} #footer_address { float:left; display:inline; margin:19px 0 0 25px;} #footer_copyright { float:left; display:inline; margin:14px 0 0 98px;}