/*
------------------------------------------------------------
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;}
#aaaa{width:620px; min-height:100%; text-align:center; padding:25px 0px 15px 92px;}
#bbbb{width:620px; height:273px; margin: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.comimages/member/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.comimages/member/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/member/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 #contentWrap {width:804px; text-align:left; padding-top:15px; 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 {clear:both; width:804px; height:54px; border-top:1px solid #cccccc; padding-top:14px; padding-right:10px; padding-left:10px; margin-top:20px; margin-bottom:30px; text-align:center;}
#wrap #footer #sidemenuWrap {height:54px;}
#wrap #footer #sidemenuWrap #sideMenu {height:26px;}
#wrap #footer #sidemenuWrap #copyrightWrap {height:20px;}

/******************************************************************************************************************************/


/* ÁÂÃø¿µ¿ª */
#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:210px;}

#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;}
.01 {width:784px ; padding-left:10px; }
.02 {width:720px ; }

/* 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;width:100px;}
#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;} 


/* ¿À·ùã±âÀ̺¥Æ® */ 
.bugbg{background:url('http://images.onmam.com/event/main_bug/bg_body.gif') repeat-x left top; background-color:#C9EFC5;}
.bugconbg{background:url('http://images.onmam.com/event/main_bug/bg_con.gif');}
.bugboard{height:30px; background:url('http://images.onmam.com/event/main_bug/bg_board.gif') no-repeat;}
.bugB_No{text-decoration: none; font-family:Verdana; font-size:11px;}
.bugB_Date{text-decoration: none; font-family:Verdana; font-size:11px;}
a.bugB_pageNo:link {text-decoration: none; font-family:Verdana; color:#686868; font-size:11px;}
a.bugB_pageNo:visited {text-decoration: none; font-family:Verdana; color:#686868; font-size:11px;}
a.bugB_pageNo:hover {text-decoration: none; font-family:Verdana; color:#686868; font-size:11px; text-decoration:underline;}
.bug_txtSize12{font-size:12px;}
.bug_textbox_typeA_01{height:20px; font-family:µ¸¿ò,±¼¸²,Verdana; font-size:12px; color:#444444; border-top:1px solid #dedede; border-right:1px solid #dedede; border-bottom:1px solid #dedede; border-left:1px solid #dedede; padding:3px 0px 0px 4px;}
.bugtxtBox01 {overflow:auto; z-index:1; font-family:µ¸¿ò,Verdana,±¼¸²; font-size:12px; color:#444444; background-color:#ffffff; border:1px solid #d8d7d9; padding:6px 6px 6px 6px; overflow-X:hidden; scrollbar-face-color: #e9e9e9; scrollbar-shadow-color: #b7b7b7; scrollbar-highlight-color: #f2f2f2; scrollbar-3dlight-color: #e9e9e9; scrollbar-darkshadow-color: #b7b7b7; scrollbar-track-color: #f4f4f4; scrollbar-arrow-color: #999999; }
a.bugre2:link {text-decoration: none; color:#8F8F8F; font-size:11px;}
a.bugre2:visited {text-decoration: none; color:#8F8F8F; font-size:11px;}
a.bugre2:hover {text-decoration: none; color:#8F8F8F; font-size:11px;}


 
th {font-family:±¼¸², Gulim; font-size:9pt; color:black; line-height:16pt; }
td {font-family:±¼¸², Gulim; font-size:9pt; color:black; line-height:16pt; }
.solid { font-size: 9pt; border:1 solid #888888; }
td.table {font-family:±¼¸², Gulim; font-size:9pt; line-height:12pt; }

A:link {font-family:±¼¸²,Arial;  color:black; text-decoration: none;}
A:visited {font-family:±¼¸²,Arial; COLOR:#444444; text-decoration:none; }
A:active {font-family:±¼¸²,Arial; text-decoration: none; }
A:hover	{color: #444444; text-decoration: none; }
A.brown:hover	{color: 00ccff; text-decoration: underline; }



/* padding style */
.ip10 {padding:10px;}

.ipT1 {padding-top:1px;}
.ipT2 {padding-top:2px;}
.ipT3 {padding-top:3px;}
.ipT4 {padding-top:4px;}
.ipT5 {padding-top:5px;}
.ipT6 {padding-top:6px;}
.ipT7 {padding-top:7px;}
.ipT8 {padding-top:8px;}
.ipT9 {padding-top:9px;}
.ipT10 {padding-top:10px;}
.ipT12 {padding-top:12px;}
.ipT14 {padding-top:14px;}
.ipT15 {padding-top:15px;}
.ipT18 {padding-top:18px;}
.ipT20 {padding-top:20px;}
.ipT22 {padding-top:22px;}

.ipR3 {padding-right:3px;}
.ipR4 {padding-right:4px;}
.ipR5 {padding-right:5px;}
.ipR6 {padding-right:6px;}
.ipR7 {padding-right:7px;}
.ipR8 {padding-right:8px;}
.ipR9 {padding-right:9px;}
.ipR10 {padding-right:10px;}
.ipR12 {padding-right:12px;}
.ipR14 {padding-right:14px;}
.ipR16 {padding-right:16px;}
.ipR17 {padding-right:17px;}
.ipR20 {padding-right:20px;}

.ipB2 {padding-bottom:2px;}
.ipB3 {padding-bottom:3px;}
.ipB4 {padding-bottom:4px;}
.ipB5 {padding-bottom:5px;}
.ipB6 {padding-bottom:6px;}
.ipB7 {padding-bottom:7px;}
.ipB8 {padding-bottom:8px;}
.ipB10 {padding-bottom:10px;}
.ipB12 {padding-bottom:12px;}
.ipB13 {padding-bottom:13px;}
.ipB17 {padding-bottom:17px;}
.ipB18 {padding-bottom:18px;}
.ipB20 {padding-bottom:20px;}

.ipL1 {padding-left:1px;}
.ipL2 {padding-left:2px;}
.ipL3 {padding-left:3px;}
.ipL4 {padding-left:4px;}
.ipL5 {padding-left:5px;}
.ipL6 {padding-left:6px;}
.ipL7 {padding-left:7px;}
.ipL8 {padding-left:8px;}
.ipL9 {padding-left:9px;}
.ipL10 {padding-left:10px;}
.ipL11 {padding-left:11px;}
.ipL12 {padding-left:12px;}
.ipL13 {padding-left:13px;}
.ipL14 {padding-left:14px;}
.ipL15 {padding-left:15px;}
.ipL16 {padding-left:16px;}
.ipL17 {padding-left:17px;}
.ipL19 {padding-left:19px;}
.ipL20 {padding-left:20px;}
.ipL27 {padding-left:27px;}

/* table style */
table {border:0; border-collapse:collapse; word-break:break-all; word-wrap:break-word;}
th, td {font-weight:normal;}
table.fixed {table-layout:fixed;}

table.viewStyle02 {border:1px solid #dedede; margin-bottom:20px; margin-left:20px;}
table.viewStyle02 tbody tr th {font-size:12px; color:#444444; font-weight:bold; text-align:left; vertical-align:top; padding-top:7px; padding-bottom:3px; padding-left:10px; background-color:#f1f1f1; border:1px solid #dedede;}
table.viewStyle02 tbody tr td {font-size:12px; color:#444444; text-align:left; vertical-align:top; border:1px solid #dedede;}
table.viewStyle02 tbody tr td.txt {padding-top:7px; padding-left:14;}
table.viewStyle02 tbody tr td.input {padding-top:1px; padding-left:14px;}
table.viewStyle02 tbody tr td.select {padding-top:2px; padding-left:14px;} 

table.viewStyle_lee {border:1px solid #dedede; margin-bottom:20px; margin-left:20px;}
table.viewStyle_lee tbody tr th {font-size:12px; color:#444444; font-weight:bold; text-align:left; padding-top:3px; padding-bottom:0px; padding-left:10px; background-color:#f1f1f1; border:1px solid #dedede; height:30px;}
table.viewStyle_lee tbody tr td {font-size:12px; color:#444444; text-align:left; border:1px solid #dedede;}
table.viewStyle_lee tbody tr td.txt {padding-top:7px; padding-left:14;}
table.viewStyle_lee tbody tr td.input {padding-top:1px; padding-left:14px;}
table.viewStyle_lee tbody tr td.select {padding-top:2px; padding-left:14px;} 

/* Ãß°¡_lgs */
.ip7 {padding:7px 0px 7px 0px;}
.ipL10_1 {padding:0px 0px 10px 15px;}
.ip10 {padding:20px 0px 20px 0px;}
.ipmember {padding:0px 0px 0px 200px;}
.iplogin {padding:33px 0px 0px 47px;}
.iplogin_2 {padding:130px 0px 0px 41px;}
.textarea_01{
	width:620px;
	height:190px;
	font-family:µ¸¿ò;
	font-size:12px;
	color:#444444;
	line-height:18px;
	padding:1px 3px;
	border:1px solid #D1D0D0;
	background:#ffffff;
	padding:10px;
	}
.textarea.scroll{
	scrollbar-face-color: #1A584E;
	scrollbar-shadow-color: #5FAEA1; 
	scrollbar-highlight-color: #1A584E; 
	scrollbar-3dlight-color: #5FAEA1; 
	scrollbar-darkshadow-color: #1A584E; 
	scrollbar-track-color: #1A584E; 
	scrollbar-arrow-color: #0D352F;
}
.txtStyle_3 {font-size:12px; color:#FF6600; font-weight:bold;} /* ÁÖȲ»ö°è¿­ */
.style_02{ background-color:#EEEEEE; font-size:11px; color:#696969; text-align:left; padding-left:3px; font-weight:bold; height:25;}