/* ------------------------------------------------------------ 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;} td {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/stage/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/stage/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/stage/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:#fb6700; 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 {position:relative; text-align:center; margin:0px auto;} /******************************************************************************************************************************/ /* 좌측영역 */ #leftMenu .object {width:186px; text-align:left;} #leftMenu #loginState {width:186px; background:url('http://images.onmam.com/images/stage/common/left/bg_logininfo_01.gif') top left no-repeat;} #leftMenu #loginState .infoGroup01 {width:186px;} #leftMenu #loginState .infoGroup01 .neme {float:left; width:124px; font-size:12px; color:#444444; letter-spacing:-1px; padding-top:17px; padding-left:16px;} #leftMenu #loginState .infoGroup01 .btn {float:left; width:62px; padding-top:14px;} #leftMenu #loginState .infoGroup02 {width:186px;} #leftMenu #loginState .infoGroup02 .left {float:left; width:96px; font-size:11px; color:#444444;} #leftMenu #loginState .infoGroup02 .right {float:left; width:90px; font-size:11px; color:#444444;} #leftMenu #loginState .select {width:186px; padding-top:9px; padding-left:16px;} #leftMenu #logoutState {width:186px; background:url('http://images.onmam.com/images/stage/common/left/bg_logininfo_02.gif') top left no-repeat;} #leftMenu #logoutState #formWrap {width:186px; padding-top:15px; padding-right:8px; padding-left:12px;} #leftMenu #logoutState #formWrap #inputWrap {width:166px; height:48px;} #leftMenu #logoutState #formWrap #inputWrap table tbody tr th {width:116px; height:22px; text-align:left; vertical-align:top;} #leftMenu #logoutState #formWrap #inputWrap table tbody tr td {width:50px; height:22px; text-align:left; vertical-align:top;} #leftMenu #logoutState #formWrap #inputWrap table tbody tr td.check img {margin-top:2px; margin-left:1px;} #leftMenu #logoutState #formWrap #inputWrap table tbody tr td.btn img {margin-top:1px; margin-left:3px;} #leftMenu #logoutState #formWrap #txtbtnWrap {width:166px; height:20px; font-size:11px; color:#444444; letter-spacing:-1px; padding-left:3px;} #leftMenu #logoutState #formWrap #txtbtnWrap span {font-size:10px; color:#c2c2c2; padding-right:2px; padding-left:2px;} #leftMenu #logoutState #formWrap #txtbtnWrap a:link {font-size:11px; color:#444444; text-decoration:none;} #leftMenu #logoutState #formWrap #txtbtnWrap a:active {} #leftMenu #logoutState #formWrap #txtbtnWrap a:visited {font-size:11px; color:#444444; text-decoration:none;} #leftMenu #logoutState #formWrap #txtbtnWrap a:hover {font-size:11px; color:#ff6600; text-decoration:underline;} #leftMenu #subMenuWrap {width:186px; overflow:hidden;} #leftMenu #subMenuWrap #menuTitle {width:186px; height:33px;} #leftMenu #subMenuWrap #menuList {width:186px;} /* 컨텐츠영역 */ #print #headGroup {width:720px; height:34px;} #print #headGroup #title {float:left; padding-top:7px;} #print #headGroup #location {float:right; padding-top:12px; padding-right:10px;} #print #headGroup #location ul {} #print #headGroup #location ul li {display:inline; font-size:12px; color:#444444; background:url('http://images.onmam.com/images/stage/common/ico/ico_arrow_02.gif') top right no-repeat; padding-right:3px; padding-left:3px;} #print #headGroup #location ul li.home {background:none;} #print #headGroup #location ul li.home img {margin-right:-5px;} #print #headGroup #location ul li.active {font-size:12px; color:#000000; font-weight:bold; background:none;} #print .stitle {position:relative; font-size:14px; font-weight:bold; background:url('http://images.onmam.com/images/stage/common/ico/ico_stitle_01.gif') 3px 0px no-repeat; padding-left:22px;} #print .stitle .absimg {position:absolute; top:3px;} #print .stitle span {font-size:12px; color:#ff6600; font-weight:bold;} #print .stitle span.normal {font-size:12px; color:#ff6600; font-weight:normal;} #print .textboxStyle01 {width:720px;} #print .textboxStyle01 .topbg {width:720px; height:14px; font-size:0px; line-height:0px; background:url('http://images.onmam.com/images/stage/common/bg_textboxstyle01_01.gif') top left no-repeat;} #print .textboxStyle01 .bottombg {width:720px; background:url('http://images.onmam.com/images/stage/common/bg_textboxstyle01_02.gif') bottom left no-repeat; padding-bottom:15px;} #print .textboxStyle02 {width:720px;} #print .textboxStyle02 .topbg {width:720px; height:14px; font-size:0px; line-height:0px; background:url('http://images.onmam.com/images/stage/common/bg_textboxstyle01_01.gif') top left no-repeat;} #print .textboxStyle02 .bottombg {width:720px; background:url('http://images.onmam.com/images/stage/common/bg_textboxstyle01_02.gif') bottom left no-repeat; padding-bottom:15px; padding-left:20px;} #print .textboxStyle03 {width:720px;} #print .textboxStyle03 .topbg {width:720px; height:6px; font-size:0px; line-height:0px; background:url('http://images.onmam.com/images/stage/common/bg_textboxstyle02_01.gif') top left no-repeat;} #print .textboxStyle03 .bottombg {width:720px; background:url('http://images.onmam.com/images/stage/common/bg_textboxstyle02_02.gif') bottom left no-repeat; padding-bottom:33px;} #print .textboxStyle03 .bottombg .title {padding-top:12px; padding-left:21px;} #print .textboxStyle03 .bottombg .tag {padding-top:15px; padding-left:15px;} #print .textboxStyle03 .bottombg .txtbox {padding-top:14px; padding-left:16px;} #print .textboxStyle04 {width:690px;} #print .textboxStyle04 .topbg {width:690px; height:2px; font-size:0px; line-height:0px; background:url('http://images.onmam.com/images/stage/common/bg_textboxstyle03_01.gif') top left no-repeat;} #print .textboxStyle04 .bottombg {width:690px; font-size:#999999; line-height:20px; background:url('http://images.onmam.com/images/stage/common/bg_textboxstyle03_02.gif') bottom left no-repeat; padding:8px 12px 8px 12px;} #print .textboxStyle04 .bottombg span.fontStyle01 {color:#444444; padding-right:3px; padding-left:2px;} #print .textboxStyle04 .bottombg span.fontStyle01 a:link {color:#444444; text-decoration:none;} #print .textboxStyle04 .bottombg span.fontStyle01 a:active {} #print .textboxStyle04 .bottombg span.fontStyle01 a:visited {color:#444444; text-decoration:none;} #print .textboxStyle04 .bottombg span.fontStyle01 a:hover {color:#444444; text-decoration:underline;} #print .textboxStyle04 .bottombg span.fontStyle02 {color:#444444; font-weight:bold; padding-right:3px; padding-left:2px;} #print .textboxStyle04 .bottombg span.fontStyle02 a:link {color:#444444; text-decoration:none;} #print .textboxStyle04 .bottombg span.fontStyle02 a:active {} #print .textboxStyle04 .bottombg span.fontStyle02 a:visited {color:#444444; text-decoration:none;} #print .textboxStyle04 .bottombg span.fontStyle02 a:hover {color:#444444; text-decoration:underline;} #print .textboxStyle04 .bottombg span.fontStyle03 {color:#ff6600; padding-right:3px; padding-left:2px;} #print .textboxStyle04 .bottombg span.fontStyle03 a:link {color:#ff6600; text-decoration:none;} #print .textboxStyle04 .bottombg span.fontStyle03 a:active {} #print .textboxStyle04 .bottombg span.fontStyle03 a:visited {color:#ff6600; text-decoration:none;} #print .textboxStyle04 .bottombg span.fontStyle03 a:hover {color:#ff6600; text-decoration:underline;} /* tableHeaderSearch */ #print .tableHeaderSearch {width:720px; padding-bottom:6px;} #print .tableHeaderSearch .left {float:left; padding-left:10px;} #print .tableHeaderSearch .right {float:right; padding-right:10px;} /* pageing */ #print .pageing {position:relative; font-size:11px; margin-top:15px; margin-left:3px;} #print .pageing .btnGroup_right {position:absolute; top:-3px; left:0px; width:720px; text-align:right; padding-right:20px;} #print .pageing .btnGroup_right img {margin-left:3px;} #print .pageing a:link {color:#444444; text-decoration:none;} #print .pageing a:active {} #print .pageing a:visited {color:#444444; text-decoration:none;} #print .pageing a:hover {color:#ff6600; text-decoration:underline;} #print .pageing ul {text-align:center;} #print .pageing ul li {display:inline;} #print .pageing ul li.num {font-family:Verdana,돋움,굴림; padding:0px 2px 0px 2px; background:url('http://images.onmam.com/images/stage/common/ico/ico_pageingbar_01.gif') top right no-repeat;} #print .pageing ul li.numEnd {font-family:Verdana,돋움,굴림; padding:0px 2px 0px 2px; background:none;} #print .pageing ul li.active {color:#ff6600; font-weight:bold;} #print .pageing ul li.activeEnd {color:#ff6600; font-weight:bold; font-family:Verdana,돋움,굴림; padding:0px 2px 0px 2px; background:none;} #print .pageing ul li img {margin-bottom:-4px;} /* footSearch */ #print .footSearch {text-align:center; margin-top:20px;} #print .footSearch .leftPad {padding-left:4px;} /* footbtnGroup */ #print .footbtnGroup {width:720px; margin-top:12px;} #print .footbtnGroup .left {float:left; padding-left:20px;} #print .footbtnGroup .left img {margin-right:3px;} #print .footbtnGroup .right {float:right; padding-right:20px;} #print .footbtnGroup .right img {margin-left:3px;} #print .footbtnGroup .center {text-align:center;} #print .footbtnGroup .center img .margin {margin-left:3px;} /* 하단영역 */ #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/stage/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;}