/* ------------------------------------------------------------ website : http://www.onmam.com File Name : layout.asp css version : 1.1 Maker : digitalDigm_JK (amotion@d2.co.kr) Date : 2007 / December explanation : 레이아웃 구조 정의 Modify Date: ------------------------------------------------------------ */ @charset "euc-kr"; /*언어타입지정*/ @import url(scommon.asp); /* 전체 공통 css import */ @import url(scharacter.asp); /* 카테고리 css import */ @import url(stable.asp); /* 공통 테이블 css import */ @import url(sform.asp); /* 공통 폼 css import */ /* 공통 레이아웃 */ html, body {width:100%; min-height:100%; font-family:돋움,굴림,Verdana; font-size:12px; color:#444444; margin:0px; padding:0px;} #wrap {width:100%; min-height:100%; text-align:center;} #wrap #bodyWrap {width:804px; text-align:left; margin:0px auto;} #wrap #bodyWrap #header {width:804px; text-align:left;} #wrap #bodyWrap #header #topWrap {width:804px; height:58px;} #wrap #bodyWrap #header #topWrap #logo {float:left; height:58px; padding-top:16px; padding-left:10px;} #wrap #bodyWrap #header #topWrap #quick {float:right; height:58px; padding-top:10px; padding-right:10px;} #wrap #bodyWrap #header #menuWrap {width:804px; height:37px;} #wrap #bodyWrap #header #menuWrap #mainMenuWrap {width:804px; height:37px; background:url('http://images.onmam.com/images/sidemenu/common/gnb/bg_gnb_menugroup_01.gif') no-repeat;} #wrap #bodyWrap #header #menuWrap #mainMenuWrap #mainMenu {height:37px;} #wrap #bodyWrap #header #menuWrap #mainMenuWrap #mainMenu ul {margin-left:37px;} #wrap #bodyWrap #header #menuWrap #mainMenuWrap #mainMenu ul li {display:inline; position:relative; font-size:0px; height:37px; background:url('http://images.onmam.com/images/myonmam/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:5px;} #wrap #bodyWrap #header #menuWrap #mainMenuWrap #mainMenu ul li.repeat {padding-top:11px; padding-right:11px; padding-left:11px;} #wrap #bodyWrap #header #menuWrap #mainMenuWrap #mainMenu ul li.repeatLeft {background:none; padding-top:11px; padding-right:11px; padding-left:11px;} #wrap #bodyWrap #header #menuWrap #mainMenuWrap #mainMenu ul li.end {background:none; padding-top:11px; 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 #nobtnMenuWrap {width:804px; height:37px; background:url('http://images.onmam.com/images/sidemenu/common/gnb/bg_gnb_menugroup_01.gif') no-repeat;} #wrap #bodyWrap #header #menuWrap #nobtnMenuWrap #leftMenu {float:left; height:37px; font-size:12px; color:#ffffff; padding-top:13px; padding-left:19px;} #wrap #bodyWrap #header #menuWrap #nobtnMenuWrap #rightMenu {float:right; height:37px; padding-top:14px; padding-right:21px;} #wrap #bodyWrap #header #menuWrap #subMenuWrap {width:804px; height:36px; padding-right:10px; padding-left:10px;} #wrap #bodyWrap #header #menuWrap #subMenuWrap #subMenu {width:784px; height:36px; font-size:12px; color:#ff6600; padding-top:12px; padding-left:9px; letter-spacing:-1px;} #wrap #bodyWrap #header #menuWrap #subMenuWrap #subMenu a:link {color:#ff6600; text-decoration:none;} #wrap #bodyWrap #header #menuWrap #subMenuWrap #subMenu a:active {} #wrap #bodyWrap #header #menuWrap #subMenuWrap #subMenu a:visited {color:#ff6600; text-decoration:none;} #wrap #bodyWrap #header #menuWrap #subMenuWrap #subMenu a:hover {color:#ff6600; text-decoration:underline;} #wrap #bodyWrap #header #menuWrap #subMenuWrap #subMenu.borderColor01 {} #wrap #bodyWrap #header #menuWrap #subMenuWrap #subMenu.borderColor02 {border-bottom:1px solid #ffffff;} #wrap #bodyWrap #header #menuWrap #subMenuWrap #subMenu ul {margin-left:36px;} #wrap #bodyWrap #header #menuWrap #subMenuWrap #subMenu ul li {display:inline; position:relative; font-size:0px; height:36px; background:url('http://images.onmam.com/images/sidemenu/common/gnb/bg_gnb_mainmenu_bar.gif') top right no-repeat;} #wrap #bodyWrap #contentWrap01 {width:804px; text-align:left; padding-right:2px; padding-left:2px;} #wrap #bodyWrap #contentWrap01 #contentStyle01 {width:800px; text-align:left; overflow:hidden;} #wrap #bodyWrap #contentWrap02 {width:804px; text-align:left; padding-right:10px; padding-left:10px;} #wrap #bodyWrap #contentWrap02 #contentStyle02 {width:784px; text-align:left; overflow:hidden;} #wrap #bodyWrap #contentWrap03 {width:804px; text-align:left; padding-right:35px; padding-left:35px;} #wrap #bodyWrap #contentWrap03 #contentStyle03 {width:734px; text-align:left; overflow:hidden;} #wrap #footer {position:relative; text-align:center; margin:0px auto;} /******************************************************************************************************************************/ /* 좌측영역 */ #leftMenu .object {width:149px; text-align:left;} #leftMenu #submenuWrap {width:149px; text-align:left; background:url('http://images.onmam.com/images/sidemenu/common/left/bg_submenu_02.gif') bottom left no-repeat;} /* 컨텐츠영역 */ #contentStyle03 #headerGroup {width:734px; height:54px; border-bottom:1px solid #e2e2e2;} #contentStyle03 #headerGroup #divleft {float:left; padding-top:9px;} #contentStyle03 #headerGroup #divright {float:right; padding-top:9px; padding-right:4px;} #contentStyle03 #headerGroup #divrightTxt {float:right; font-size:14px; color:#333333; font-weight:bold; padding-top:26px; padding-right:2px;} #contentStyle03 #tableHeader {width:734px; height:63px; background:url('http://images.onmam.com/images/sidemenu/common/ico/ico_dot_02.gif') 10px 33px no-repeat; padding-top:30px; padding-left:20px; overflow:hidden;} #contentStyle03 .eventObject {width:734px;} #contentStyle03 .eventObject .thumbWrap {float:left; width:300px; margin-top:12px; margin-bottom:12px;} #contentStyle03 .eventObject .thumbWrap .thumb {width:288px; height:93px; text-align:center; background-color:#d7d7d7;} #contentStyle03 .eventObject .thumbWrap .thumb img {border:1px solid #ffffff; margin-top:2px;} #contentStyle03 .eventObject .textWrap {position:relative; float:left; width:420px; vertical-align:top;} #contentStyle03 .eventObject .textWrap .btn {position:absolute; top:76px; left:331px;} #contentStyle03 .eventObject .textWrap .title {font-size:14px; color:#444444; font-weight:bold; vertical-align:top; padding-top:15px;} #contentStyle03 .eventObject .textWrap .description {font-size:12px; color:#6c6c6c; line-height:17px; vertical-align:top; padding-top:3px; padding-right:20px;} #contentStyle03 .eventObject .textWrap .txt {font-size:12px; vertical-align:top;} #contentStyle03 .eventObject .textWrap .txt span {color:#ff6600; font-weight:bold;} #contentStyle03 .eventObject .textWrap .txt span.date {color:#999999;} #contentStyle01 #divideVisual {position:relative; width:800px; text-align:left; overflow:hidden;} #contentStyle01 #divideVisual #selectbar {position:absolute; width:800px; top:10px; right:10px; text-align:right;} #print #headGroup {width:620px; height:34px;} #print #headGroup #title {float:left; padding-top:7px;} #print #headGroup #location {float:right; padding-top:12px; padding-right:0px;} #print #headGroup #location ul {} #print #headGroup #location ul li {display:inline; font-size:12px; color:#444444; background:url('http://images.onmam.com/images/sidemenu/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 #headtextBox {width:620px; height:34px;} #print #headtextBox #topBg {width:620px; height:7px; font-size:0px; line-height:0px; background:url('http://images.onmam.com/images/sidemenu/common/bg_textboxstyle01_01.gif') top left no-repeat;} #print #headtextBox #contentBg {background:url('http://images.onmam.com/images/sidemenu/common/bg_textboxstyle01_02.gif') bottom left repeat-y;} #print #headtextBox #contentBg .pagetitle {padding-top:8px; padding-bottom:13px; padding-left:18px;} #print #headtextBox #contentBg .searchForm {width:585px; height:86px; background:url('http://images.onmam.com/images/sidemenu/common/bg_searchform_01.gif') top left no-repeat; margin-left:15px;} #print .object {width:620px; text-align:left;} #print .object .left {float:left;} #print .object .right {float:right;} #print .stitle {padding-bottom:8px; padding-left:1px;} #print .myonmamSearchWrap {width:784px; height:210px;} #print .tebmenuStyle01 {width:620px; height:30px; background:url('http://images.onmam.com/images/sidemenu/common/bg_tabstyle_01.gif') top left no-repeat;} #print .tebmenuStyle01 ul {margin-left:20px;} #print .tebmenuStyle01 ul li {display:inline; height:30px;} #print .layoutTxtbox01 {width:620px; border-top:2px solid #feab00; border-bottom:1px solid #999999;} #print .layoutTxtbox01 .txtStyle01 {font-size:12px; color:#444444; font-weight:bold; padding-top:20px; padding-bottom:14px; padding-left:27px;} #print .layoutTxtbox01 .txtStyle02 ul.ulStyle01 {margin-left:23px;} #print .layoutTxtbox01 .txtStyle02 ul.ulStyle01 li {font-size:11px; color:#444444; text-align:left; vertical-align:top; background:url('http://images.onmam.com/images/myonmam/common/ico/ico_dot_01.gif') 0px 4px no-repeat; margin-bottom:6px; padding-left:7px;} #print .layoutTxtbox01 .txtStyle02 ul.ulStyle01 li.yellow {color:#feab00;} #print .layoutTxtbox01 .txtStyle03 {font-size:12px; color:#ff6600; font-weight:bold; padding-top:20px; padding-bottom:14px; padding-left:27px;} /* tablebtnGroup */ .tablebtnGroup {width:620px; margin-top:7px;} .tablebtnGroup .left {float:left;} .tablebtnGroup .left img {margin-right:3px;} .tablebtnGroup .right {float:right;} .tablebtnGroup .right img {margin-left:3px;} .tablebtnGroup .center {text-align:center;} .tablebtnGroup .center img.margin {margin-left:3px;} /* footbtnGroup */ #contentStyle03 .footbtnGroup {width:734px; margin-top:12px;} #contentStyle03 .footbtnGroup .left {float:left; padding-left:10px;} #contentStyle03 .footbtnGroup .left img {margin-right:3px;} #contentStyle03 .footbtnGroup .right {float:right; padding-right:10px;} #contentStyle03 .footbtnGroup .right img {margin-left:3px;} #contentStyle03 .footbtnGroup .center {text-align:center;} #contentStyle03 .footbtnGroup .center img.margin {margin-left:3px;} /* footSearch */ #print .footSearch {text-align:center; margin-top:40px; background-color:#f8f6f6; padding-top:7px; padding-bottom:7px;} #print .footSearch .leftPad {padding-left:4px;} /* pageing */ .pageing {position:relative; font-size:11px; margin-top:15px; margin-left:3px;} .pageing .btnGroup_right {position:absolute; top:-3px; left:0px; width:620px; text-align:right; padding-right:20px;} .pageing .btnGroup_right img {margin-left:3px;} .pageing .btnGroup_right02 {position:absolute; top:-3px; left:0px; width:620px; text-align:right; padding-right:32px;} .pageing .btnGroup_right02 img {margin-left:3px;} .pageing a:link {color:#444444; text-decoration:none;} .pageing a:active {} .pageing a:visited {color:#444444; text-decoration:none;} .pageing a:hover {color:#ff6600; text-decoration:underline;} .pageing ul {text-align:center;} .pageing ul li {display:inline;} .pageing ul li.num {font-family:Verdana,돋움,굴림; padding:0px 2px 0px 2px; background:url('http://images.onmam.com/images/sidemenu/common/ico/ico_pageingbar_01.gif') top right no-repeat;} .pageing ul li.numEnd {font-family:Verdana,돋움,굴림; padding:0px 2px 0px 2px; background:none;} .pageing ul li.active {color:#ff6600; font-weight:bold;} .pageing ul li.activeEnd {color:#ff6600; font-weight:bold; font-family:Verdana,돋움,굴림; padding:0px 2px 0px 2px; background:none;} .pageing ul li img {margin-bottom:-4px;} /* 하단영역 */ #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/sidemenu/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;}