/*********************************************************************
* MuaCity CSS
* Made by Rex
*********************************************************************/

/*********************************************************************
*	GLOBAL
*********************************************************************/
body,td,select,option,textarea,input,button
 	{ font-family:돋움, Arial, Verdana, Helvetica; font-size:9pt; color:#5a5a5a;}

IMG {border:none;} 

@font-face{font-family:NGB;src:url(/NanumGothicBold.eot);src:local(※),url(/NanumGothicBold.woff) format('woff')}
 .NGB{font-family:'나눔고딕 Bold', NGB, sans-serif}
/*********************************************************************
*	LINKS
*********************************************************************/
a { selector-dummy : expression(this.hideFocus=true);}
a:link, a:visited, a:active  {color:#5a5a5a; text-decoration:none;}
a:hover  {color:#333333; text-decoration:none;}

/*********************************************************************
*	DIV layout
*********************************************************************/

#topnavi { float:left; width:1024px;}
	#topnavi .logo { float:left; width:150px; height:60px; margin:20px 0 0 50px;}
	#topnavi .topmenu { float:right; margin-right:20px; font-size:9px; font-family:Tahoma; color:#fff; padding:3px 10px; background-color:#cecece;}
	#topnavi .topmenu a { color:#fff;}
	#topnavi .navi { float:right; width:787px; height:72px; margin-top:9px; background:url('/img/navi_bg.png') no-repeat;}

#mainbody { margin:0 auto; width:100%; background:url('/img/main_bg.png') top center repeat-x;}
#maincont { float:left; width:1024px; background:url('/img/main_bg1.png') no-repeat;}
/*
#maincont .cont1 { float:left; width:280px; margin-left:75px;}
#maincont .cont1 .notice { float:left; width:280px; height:25px; text-align:left; overflow:hidden; text-overflow:ellipsis; }
#maincont .cont2 { float:left; width:340px; text-align:left; margin-left:20px;}
#maincont .cont3 { float:left; width:230px; height:142px; margin-left:10px; background:url('/img/main_con04.png') repeat-x;}
*/
#maincont .cont1 { float:left; width:80px; margin-left:75px;}
#maincont .cont1 .notice { float:left; width:280px; height:25px; text-align:left; overflow:hidden; text-overflow:ellipsis; }
#maincont .cont2 { float:left; width:440px; text-align:left; margin-left:20px;}
#maincont .cont3 { float:left; width:230px; height:142px; margin-left:10px; background:url('/img/main_con04.png') repeat-x;}

#subbody { margin:0 auto; width:100%; background:url('/img/sub_bg.png') top center repeat-x;}
#subcont { float:left; width:1024px; background:url('/img/sub_bg1.png') no-repeat;}
#subcont .submenu { float:left; width:195px; margin-left:50px;}
#subcont .cont1 { float:right; width:710px; margin-right:50px; margin-bottom:30px; text-align:center;}

.stitle {list-style-type:none; padding:0; margin-bottom:15px;}
.smenu  {list-style-type:none;padding:0;margin:0; text-align:left;}
.smenu li {width:195px; height:30px; margin-left:13px; background:url('/img/sm_bg1.png') repeat-x;}
.smenu li a {display:block; height:30px; line-height:30px;}
.smenu li a:hover {background:url('/img/sm_bg3.png') no-repeat;}
.smenu li img {margin:7px 0 0 10px;}

#sublogin { float:left; margin:0 auto; width:100%; height:478px;}
#sublogin .cont1 { float:left; width:320px; height:230px; margin:140px 0 0 350px;}
#sublogin .cont2 { float:left; width:160px; height:50px; margin-left:70px; text-align:left;}
#sublogin .cont2 input { width:140px; height:17px; margin-bottom:2px; border:1px solid #b6c5b0; font-family:dotum; font-size:11px;}
#sublogin .cont3 { float:left;}
#sublogin .cont4 { float:left; width:250px; height:25px; margin-top:65px; text-align:left;}
#sublogin .cont5 { float:left; width:250px; height:25px; margin-top:65px; text-align:left;}
#sublogin .cont6 { float:left; width:250px; height:50px; margin-top:40px;}
#sublogin .cont7 { float:left; width:250px; height:40px;}
#sublogin .cont8 { float:left; width:250px; height:40px;}

#bottom { float:left; width:1024px; text-align:center; margin-top:40px;}
#bottom .cont1 { float:left; width:380px; margin-top:65px;}
#bottom .cont2 { float:left; width:680px; margin-top:45px;}

/*********************************************************************
*	NAVI layout
*********************************************************************/
.wrap { width:730px; margin: 0 auto; font-family:'나눔고딕 Bold', NGB, sans-serif; color:#ffffff;} 
/* @group core nav menu */ 
#nav { width:720px; list-style:none; height:35px; margin-top:10px; margin-left:-18px;} 
#nav li { float:left; display:block; position:relative; z-index:999; margin:0; text-align:center; font-size:13pt; font-weight:bold; } 
#nav li .small { font-family:Tahoma; font-size:7pt; color:#6eb1fa; line-height:10px;} 
#nav li a { display:block; line-height:20px; text-decoration:none; color:#fff; padding:0px 32px;} 
#nav li a:hover, #nav li a.hov { color: #bfd8f3; } 
/* @group subnav */ 
#nav ul { position: absolute; left:0px; display: none; margin: 0; padding: 0; list-style: none; border:1px #02659d solid; background: #fff; filter:alpha(opacity=90);opacity:0.9; -moz-opacity:90;}   
#nav ul li { width:180px; float: left; text-align: left; font-size:10pt; } 
#nav ul li:hover { border-left:0px solid transparent; border-right: 0px solid transparent; background:#eee; } 
#nav ul a { display: block; height: 20px; line-height: 20px; padding: 3px 5px; color: #797979; } 
#nav ul a:hover { text-decoration: none; color: #4e4e4e; } 
* html #nav ul { margin: 0 0 0 -2px; } 
/** @group clearfix **/ 
.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } 
.clearfix { display: inline-block; } 
html[xmlns] .clearfix { display: block; } 
* html .clearfix { height: 1%; } 

/*********************************************************************
*	TEXT STYLE
*********************************************************************/
.underline {text-decoration:underline}
.B {font-weight:bold}
.just {text-align:justify}
.wordwrap {word-break:break-all}

.line_260 {line-height:260%;}
.line_216 {line-height:216%;}
.line_150 {line-height:150%;}
.line_120 {line-height:120%;}

/*********************************************************************
*	FONTS BY STYLE
*********************************************************************/
.6pt {font-size:6pt} 
.7pt {font-size:7pt} 
.8pt {font-size:8pt} 
.9pt {font-size:9pt} 
.10pt {font-size:10pt} 
.11pt {font-size:11pt} 
.12pt {font-size:12pt} 
.13pt {font-size:13pt} 
.14pt {font-size:14pt} 
.15pt {font-size:15pt} 
.16pt {font-size:16pt} 
.17pt {font-size:17pt} 
.18pt {font-size:18pt} 

/*********************************************************************
*	FONTS BY FAMILY & SIZE
*********************************************************************/
.tah {font-family:Tahoma,Verdana,Arial}
.ver {font-family:Verdada,Tahoma,Arial}

/*********************************************************************
*	NAMED COLORS
*********************************************************************/
.white {color:white}
.red {color:red}
.gray {color:gray}
.firebrick {color:firebrick}
.hotpink {color:hotpink}
.orangered {color:orangered}
.orange {color:orange}
.blue {color:blue}
.royalblue {color:royalblue}
.steelblue {color:steelblue}
.skyblue {color:skyblue}
.green {color:green}
.yellowgreen {color:yellowgreen}
.slategray {color:slategray}
.tan {color:tan}
.palevioletred {color:palevioletred}
.mistyrose {color:mistyrose}

/*********************************************************************
*	TABLES
*********************************************************************/
.fixed {table-layout:fixed}

/*********************************************************************
*	BOARDER
*********************************************************************/
.b_m02 {border-width:1px; border-color:rgb(163,163,163); border-style:solid;}
#box_ag {width: 450; height: 80; overflow: auto; padding:5px; border:1px solid #cecece;}

/*********************************************************************
*	FORMS
*********************************************************************/
/* input */

/* button */

/* fileupload */

/* textarea */


/*********************************************************************
*	CURSORS
*********************************************************************/
.curDef {cursor:default}
.curHand {cursor:pointer}
.curWait {cursor:wait}
.curCross {cursor:crosshair}
.curMove {cursor:move}

/*********************************************************************
*	MuaAdminBar
*********************************************************************/
#mabs {
	position:absolute; left:0; padding:3px 10px 3px 10px; font-family:돋움; font-size:9pt;
	background:buttonface; 
	border-width:1px; border-style:solid;
	border-color:buttonhighlight buttonshadow buttonshadow buttonhighlight;
	}
#mab {
	position:absolute; left:0; width:100%;
	background:buttonface; 
	border-width:1px; border-style:solid;
	border-color:buttonhighlight buttonshadow buttonshadow buttonhighlight;
	}
#mab_left {float:left; padding:3px 10px 3px 10px; font-family:돋움; font-size:9pt;}
#mab_right {float:right; padding:3px 10px 3px 10px; font-family:돋움; font-size:9pt;}
#mab_board {
	position:absolute; width:640px; height:550px; top:20px; left:0px;
	background:buttonface; 
	border-width:1px; border-style:solid;
	border-color:buttonhighlight buttonshadow buttonshadow buttonhighlight;
	}
#mab_board_top {float:left; padding:10px;}
#mab_board_con {float:left; height:500px; padding:0 10px 10px 10px;}