/* ------------------------------------------------------------ website : http://www.onmam.com File Name : layout.css css version : 1.1 Maker : digitalDigm_JK (amotion@d2.co.kr) Date : 2007 / December explanation : 레이아웃 구조 정의 Modify Date: ------------------------------------------------------------ */ @charset "euc-kr"; /*언어타입지정*/ @import url(common.asp); /* 전체 공통 css import */ @import url(character.asp); /* 카테고리 css import */ @import url(table.asp); /* 공통 테이블 css import */ @import url(form.asp); /* 공통 폼 css import */ /* 공통 레이아웃 */ html, body {width:100%; min-height:100%; font-family:돋움,굴림,Verdana; font-size:12px; color:#777777; margin:0px; padding:0px;} #wrap {width:100%; min-height:100%; text-align:center;} #wrap #bodyWrap {width:940px; text-align:left; margin:0px auto;} #wrap #bodyWrap #header {width:940px; height:130px; text-align:left;} #wrap #bodyWrap #header #topWrap {width:940px; height:55px;} #wrap #bodyWrap #header #topWrap #logo {float:left; height:55px; padding-top:13px; padding-left:22px;} #wrap #bodyWrap #header #topWrap #quick {float:right; height:55px; padding-top:7px;} #wrap #bodyWrap #header #menuWrap {width:940px; height:75px;} #wrap #bodyWrap #header #menuWrap #mainMenuWrap {width:940px; height:42px; background:url('http://images.onmam.com/images/broadcast/common/gnb/bg_gnb_menugroup_01.gif') no-repeat;} #wrap #bodyWrap #header #menuWrap #mainMenuWrap #mainMenu {float:left; height:42px;} #wrap #bodyWrap #header #menuWrap #mainMenuWrap #mainMenu ul {margin-left:38px;} #wrap #bodyWrap #header #menuWrap #mainMenuWrap #mainMenu ul li {display:inline; position:relative; font-size:0px; height:42px; background:url('http://images.onmam.com/images/broadcast/common/gnb/bg_gnb_mainmenu_bar.gif') top right no-repeat;} #wrap #bodyWrap #header #menuWrap #mainMenuWrap #mainMenu ul li .icon {position:absolute; z-index:10;} #wrap #bodyWrap #header #menuWrap #mainMenuWrap #mainMenu ul li.active {background:none; padding-top:8px;} #wrap #bodyWrap #header #menuWrap #mainMenuWrap #mainMenu ul li.repeat {padding-top:14px; padding-right:11px; padding-left:11px;} #wrap #bodyWrap #header #menuWrap #mainMenuWrap #mainMenu ul li.repeatLeft {background:none; padding-top:14px; padding-right:11px; padding-left:11px;} #wrap #bodyWrap #header #menuWrap #mainMenuWrap #mainMenu ul li.end {background:none; padding-top:14px; padding-left:11px;} #wrap #bodyWrap #header #menuWrap #mainMenuWrap #mainMenu ul li a.rollover img {border-width:0px; display:block;} #wrap #bodyWrap #header #menuWrap #mainMenuWrap #mainMenu ul li a.rollover img.rollover {display:none;} #wrap #bodyWrap #header #menuWrap #mainMenuWrap #mainMenu ul li a.rollover:hover {position:relative;} #wrap #bodyWrap #header #menuWrap #mainMenuWrap #mainMenu ul li a.rollover:hover img {display:none;} #wrap #bodyWrap #header #menuWrap #mainMenuWrap #mainMenu ul li a.rollover:hover img.rollover {display:block;} #wrap #bodyWrap #header #menuWrap #mainMenuWrap #search {float:right; height:42px;} #wrap #bodyWrap #header #menuWrap #mainMenuWrap #search span {height:22px; padding-top:9px;} #wrap #bodyWrap #header #menuWrap #mainMenuWrap #search span.end {padding-right:27px; padding-left:2px;} #wrap #bodyWrap #header #menuWrap #subMenu {width:940px; height:33px; background:url('http://images.onmam.com/images/broadcast/common/gnb/bg_gnb_menugroup_02.gif') no-repeat;} #wrap #bodyWrap #header #menuWrap #subMenu ul {} #wrap #bodyWrap #header #menuWrap #subMenu ul li {display:inline; font-size:0px; height:33px;} #wrap #bodyWrap #header #menuWrap #subMenu ul li.active {} #wrap #bodyWrap #header #menuWrap #subMenu ul li.summary {font-size:12px; color:#333333; padding-top:9px;} #wrap #bodyWrap #header #menuWrap #subMenu ul li.repeat {padding-top:5px; padding-right:1px;} #wrap #bodyWrap #header #menuWrap #subMenu ul li a.rollover img {border-width:0px; display:block;} #wrap #bodyWrap #header #menuWrap #subMenu ul li a.rollover img.rollover {display:none;} #wrap #bodyWrap #header #menuWrap #subMenu ul li a.rollover:hover {position:relative;} #wrap #bodyWrap #header #menuWrap #subMenu ul li a.rollover:hover img {display:none;} #wrap #bodyWrap #header #menuWrap #subMenu ul li a.rollover:hover img.rollover {display:block;} #wrap #bodyWrap #contentWrap {width:940px; text-align:left; padding-top:8px; padding-right:10px; padding-left:10px;} #wrap #bodyWrap #contentWrap #leftSection {float:left; width:200px; text-align:left; overflow:hidden;} #wrap #bodyWrap #contentWrap #leftSection #leftMenu {width:186px; text-align:left;} #wrap #bodyWrap #contentWrap #contentSection {float:left; width:720px; text-align:left; overflow:hidden;} #wrap #bodyWrap #contentWrap #contentSection #print {width:720px; text-align:left;} #wrap #footer {clear:both; width:940px; height:70px; padding-right:10px; padding-left:10px; margin:0px auto;} /******************************************************************************************************************************/ /* 좌측영역 */ /* 컨텐츠영역 */ /* 하단영역 */ #footer.headline {border-top:1px solid #bebebe;} #footer #selectWrap {position:absolute; top:15px; left:0px;} #footer #selectWrap #selectbar {float:right;} #footer #sidemenuWrap {padding-top:18px;} #footer #sidemenuWrap ul {} #footer #sidemenuWrap ul li {display:inline; font-size:12px; color:#444444; letter-spacing:-1px; text-align:left; vertical-align:top; background:url('http://images.onmam.com/images/music/common/footer/bg_copybar_01.gif') top right no-repeat; padding-top:6px; padding-right:4px; padding-left:4px;} #footer #sidemenuWrap ul li.none {background:none;} #footer #sidemenuWrap ul li a:link {color:#444444; text-decoration:none;} #footer #sidemenuWrap ul li a:active {} #footer #sidemenuWrap ul li a:visited {color:#444444; text-decoration:none;} #footer #sidemenuWrap ul li a:hover {color:#ff6600; text-decoration:underline;} #footer #copyright {padding-top:8px;} #footer #copyright span.img img {margin-top:-3px;} #footer #copyright span.text {font-family:Verdana; font-size:9px; color:#444444; text-align:left; vertical-align:top; padding-top:2px; padding-left:9px;} #footer #copyright span.text span {color:#f58b02; font-weight:bold;}