@charset "utf-8";
@import url(custom.css);

/* CSS Start */

/* Site Layout - Body Wrap */
body {
	position:relative;

	background-color: #FFF;
	font-size:12px;
	font-family:Arial, Apple Gothic, Dotum, Gulim;
	line-height:18px;
	color:#666666;
	margin: 0px auto; 
	padding: 0px;
	background: url(../../asset/images/main/bg.gif) repeat-x;
}



#topheader {
	width:100%;
    top:0px;
	left:0px;
	height:18px;
	z-index:5;
	padding:0px
	margin:0px;
}


#bodywrap {
	width:990px;
	margin: 0 auto;
}

/* Site Layout - Header */
#header { 
	position:relative; 
	width:990px; 
	height:71px;
	padding:0px;
	margin-top:0px;
	background: url(../../asset/images/menu/bg.gif) right top no-repeat;

}

/* Site Layout - Content Body */
#contentbody { 
	position:relative; 
	width:990px;
	width:100%;
	padding-bottom:30px;
	padding:0;
	margin: 0 auto;	
}
.text {padding-left:20px;}

/* Site Layout - Column Left */

/* Site Layout - Column Left */
#columncenter { 
	position:relative; 
	width:990px;
	height:481px;
	padding:0px;
	margin-bottom:0;
	
}

.timediv{position:absolute; width:350px; height:71px; top:425px; left:630px;}
.timediv img{float:right; padding-top:6px; padding-right:35px;}

#columnbottom { 
	position:relative; 

	width:990px;

	padding:0px;
	margin:0;	
}

/* 메인 플래시하단 */
.leftWrap { position:relative; margin:0; padding:0; float:left; width:310px; height:108px; top:0px; left:23px; padding-top:0px;}

.more{text-align:right; }
.newstb {width:280px; height:90px;position:relative; float:left;margin:0;padding:0px; }
.newstb td img{padding-right:10px;}
.newstb td.subject{width:205px;}
.newstb td {font-size:12px; color:#fff; text-decoration:none;}
.tb a:link, .tb a:visited {font-size:12px; color:#fff; text-decoration:none;}
.tb a:hover, .tb a:active {font-size:12px; color:#000; text-decoration:underline;}

.contentWrap {position:relative; margin:0; padding:0; float:left; width:437px; height:111px; background: url(../../asset/images/main/colum_bg.gif) left bottom no-repeat;}


.rightWrap {position:relative; float:right;padding:0;margin:0; width:190px; height:60px; top:40px; color:#444; font-weight:bold; text-align:right;}

.barago {position:relative; top:6px; left:0px;}
#fgo input#barogo { border:0px;margin:0; width:40px;height:16px;padding:0;background:none;}
/* 메인 하단 */
.footer{position:relative; width:990px; height:60px; float:left; margin:0;padding:0; top:0px;}
.footerleft {float:left; width:290px; height:60px; padding-left:23px;}
.footercenter {float:left; width:225px; height:60px; padding:15px 0px 0px 45px;}
.footercenter img {margin-right:15px;}
.footerright {float:right; width:400px; height:60px; color:#444; font-size:11px;  font-weight:bold; text-align:right;}
.footerbtn {position:relative; top:5px;}
.footerspan{padding-left:10px; color:#f26100; font-weight:bold; background:url(../../asset/images/menu/dot_line.gif) left center no-repeat;}
.footercopy {position:relative; top:10px;}
.footercopy img{padding-bottom:3px;}

.lst_noarticle {text-align:center;width:220px;height:62px; }
/* Site Layout - Column Right */

#quick{position:absolute; top:150px; right:230px;width:118px; height:450px; text-align:center; background:url(../../asset/images/common/quick.gif) no-repeat; z-index:10;}
.qmenu {width:76px; font-size:12px; letter-spacing:-2px; margin:80px 21px 0 21px; line-height:27px;}
.qmenu a:link, .qmenu a:visited {font-size:12px; color:#fff; font-weight:bold; padding-bottom:1px; text-decoration:none; border-bottom:1px dotted #fff;}
.qmenu a:hover, .qmenu a:active {font-size:12px; color:#000; font-weight:bold; text-decoration:none; border-bottom:1px solid #000;}

/* query tab menu css 추가, 여수연 */
/*
 * jQuery UI screen structure and presentation
 * This CSS file was generated by ThemeRoller, a Filament Group Project for jQuery UI
 * Author: Scott Jehl, scott@filamentgroup.com, http://www.filamentgroup.com
 * Visit ThemeRoller.com
*/

/*
 * Note: If your ThemeRoller settings have a font size set in ems, your components will scale according to their parent element's font size.
 * As a rule of thumb, set your body's font size to 62.5% to make 1em = 10px.
 * body {font-size: 62.5%;}
*/
/*UI tabs*/
.ui-tabs-nav {
	width: 290px; padding:0px;  border:0px; list-style: none; float: left; position: relative;	z-index: 1;
}
.ui-tabs-nav li {
	border:0px; padding:0px; margin:0px; height:20px; list-style: none; float: left;
}
.ui-tabs-nav li img.off{
	display:block;
}
.ui-tabs-nav li img.on{
	display:none;
}
.ui-tabs-nav li a {

}
.ui-tabs-nav li a:hover img.off{
	display:none;
}
.ui-tabs-nav li a:hover img.on{
	display:block;
}
.ui-tabs-nav li.ui-tabs-selected {
	border-bottom-color: #ffffff;
}
.ui-tabs-nav li.ui-tabs-selected img.off {
	display:none;
}
.ui-tabs-nav li.ui-tabs-selected img.on {
	display:block;
}
.ui-tabs-nav li.ui-tabs-selected a img.off{
	display:none;
}
.ui-tabs-nav li.ui-tabs-selected a  img.on{
	display:block;
}
.ui-tabs-hide {
	display: none;/* for accessible hiding: position: absolute; left: -99999999px*/;
}


img{

 list-style-type: none;
 border: 0 none;
}





/* CSS End */