/* ------------------------------------------------------------ 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(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:#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; height:95px; text-align:left;} #wrap #bodyWrap #header #topWrap {width:804px; height:58px;} #wrap #bodyWrap #header #topWrap #logo {float:left; height:55px; padding-top:16px; padding-left:10px;} #wrap #bodyWrap #header #topWrap #quick {float:right; height:55px; 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/myonmam/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 #contentWrap {width:804px; text-align:left; padding-top:8px; padding-right:10px; padding-left:10px;} #wrap #bodyWrap #contentWrap #leftSection {float:left; width:164px; text-align:left; overflow:hidden;} #wrap #bodyWrap #contentWrap #leftSection #leftMenu {width:149px; text-align:left;} #wrap #bodyWrap #contentWrap #contentSection {float:left; width:620px; text-align:left; overflow:hidden;} #wrap #bodyWrap #contentWrap #contentSection #print {width:620px; text-align:left;} #wrap #bodyWrap #contentWrap #contentSection_index {float:left; width:784px; text-align:left; overflow:hidden;} #wrap #bodyWrap #contentWrap #contentSection_index #print {width:784px; text-align:left;} #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/myonmam/common/left/bg_submenu_02.gif') bottom left no-repeat;} /* 컨텐츠영역 */ #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/myonmam/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/myonmam/common/bg_textboxstyle01_01.gif') top left no-repeat;} #print #headtextBox #contentBg {background:url('http://images.onmam.com/images/myonmam/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/myonmam/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:240px;} #print .myonmamSearchWrap .headWrap {width:784px; height:188px;} #print .myonmamSearchWrap .footWrap {width:784px; height:52px; background:url('http://images.onmam.com/images/myonmam/common/img_stepfoot_01.gif') top left no-repeat; padding-top:14px; padding-left:330px;} #print .myonmamSearchWrap .footWrap .searchWrap {width:330px; height:30px;} #print .myonmamSearchWrap .footWrap .searchWrap img {margin-left:7px;} #print .tebmenuStyle01 {width:620px; height:30px; background:url('http://images.onmam.com/images/myonmam/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 */ #print .footbtnGroup {width:620px; margin-top:12px;} #print .footbtnGroup .left {float:left; padding-left:10px;} #print .footbtnGroup .left img {margin-right:3px;} #print .footbtnGroup .right {float:right; padding-right:10px;} #print .footbtnGroup .right img {margin-left:3px;} #print .footbtnGroup .center {text-align:center;} #print .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/myonmam/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/myonmam/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;}