/* ------------------------------------------------------------ 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; 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; position:relative;} #wrap #bodyWrap #header #menuWrap #mainMenuWrap {width:940px; height:42px; background:url('http://images.onmam.com/images/qt/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/qt/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/qt/common/gnb/bg_gnb_menugroup_02.gif') no-repeat;} #wrap #bodyWrap #header #menuWrap #subMenu .rightBtn {position:absolute; z-index:20;} #wrap #bodyWrap #header #menuWrap #subMenu .rightBtn img {margin-top:42px;} #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:#557f04; 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 #subMenuWrap {width:186px; overflow:hidden;} #leftMenu #subMenuWrap #menuTitle {width:186px; height:34px;} #leftMenu #subMenuWrap #menuList {width:186px;} /* 컨텐츠영역 */ #print .object {width:720px; text-align:left;} #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/qt/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; color:#000000; font-size:14px; font-weight:bold; background:url('http://images.onmam.com/images/qt/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/qt/common/bg_textboxstyle01_01.gif') top left no-repeat;} #print .textboxStyle01 .bottombg {width:720px; background:url('http://images.onmam.com/images/qt/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/qt/common/bg_textboxstyle01_01.gif') top left no-repeat;} #print .textboxStyle02 .bottombg {width:720px; background:url('http://images.onmam.com/images/qt/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:8px; font-size:0px; line-height:0px; background:url('http://images.onmam.com/images/qt/common/bg_textboxstyle02_01.gif') top left no-repeat;} #print .textboxStyle03 .bottombg {width:720px; background:url('http://images.onmam.com/images/qt/common/bg_textboxstyle02_02.gif') bottom left no-repeat;} #print .textboxStyle03 .bottombg .title {width:720px; height:48px; padding-top:6px; padding-left:19px;} #print .textboxStyle03 .bottombg .content {width:720px; padding-bottom:42px;} #print .textboxStyle03 .bottombg .content .thumb {float:left; width:264px; padding-left:19px;} #print .textboxStyle03 .bottombg .content .txt {float:left;} #print .textboxStyle03 .bottombg .content .txt ul {} #print .textboxStyle03 .bottombg .content .txt ul li.txt01 {font-size:12px; color:#444444; background:url('http://images.onmam.com/images/qt/common/table/th/th_theme_02.gif') top left no-repeat; padding-top:2px; padding-bottom:5px; padding-left:75px;} #print .textboxStyle03 .bottombg .content .txt ul li.txt02 {font-size:12px; color:#444444; background:url('http://images.onmam.com/images/qt/common/table/th/th_Biblecontent_03.gif') top left no-repeat; padding-top:2px; padding-bottom:5px; padding-left:75px;} #print .textboxStyle03 .bottombg .content .txt ul li.txt03 {font-size:12px; color:#444444; line-height:18px; background:url('http://images.onmam.com/images/qt/common/table/th/th_content_03.gif') top left no-repeat; padding-top:2px; padding-bottom:5px; padding-left:75px;} #print .emoticonWrap {position:relative; width:41px; height:29px; background:url('http://images.onmam.com/images/qt/common/bg_emoticonwrap_01.gif') top left no-repeat; text-align:center;} #print .emoticonWrap table.emoticon tbody tr th {width:24px; vertical-align:top; text-align:left;} #print .emoticonWrap table.emoticon tbody tr th img {margin-top:6px; margin-left:2px;} #print .emoticonWrap table.emoticon tbody tr td {width:7px; vertical-align:top; text-align:left;} #print .emoticonWrap table.emoticon tbody tr td img {margin-top:13px;} #print .emoticonWrap .allemoticonWrap {position:absolute; top:30px; left:0px; width:118px; height:62px; background:url('http://images.onmam.com/images/qt/common/bg_allemoticonwrap_01.gif') top left no-repeat; padding-top:6px; padding-left:9px;} #print .emoticonWrap .allemoticonWrap table.allemoticon tbody tr td {width:25px; height:25px;} #print .writer {width:720px; height:100px; background-color:#f4f4f4;} #print .writer .thumb {float:left; width:120px; height:100px; padding-top:12px; padding-left:12px;} #print .writer .txt {float:left; height:100px; padding-top:18px;} #print .writer .txt ul {} #print .writer .txt ul li {font-size:12px; color:#444444; line-height:16px;} /* 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:#38a700; 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/qt/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:#38a700; font-weight:bold;} #print .pageing ul li.activeEnd {color:#38a700; 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/qt/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;}