@CHARSET "EUC-KR";
@import URL("base.css");
@import URL("table.css");
@import URL("div_com.css");


/* ·Î±×ÀÎÈ­¸é */
DIV.main_bg{
	background: URL("../img/main/bg.gif") repeat-x;
	width: 100%;
	height: 100%;
	min-height: 530px;
}

DIV.main_bg DIV.main {
	background: URL('../img/main/bg.gif') repeat-x;
	/*background: URL('../img/main/img.jpg') no-repeat center 0;*/
	width: 100%;
	height: 530px;
	min-width: 980px;
	min-height: 530px;
} 

DIV.main DIV.loginBox {
	/*top:  expression((((this.parentNode.offsetHeight - this.offsetHeight)/2)+110 )+ "px");*/
	top: 400px;
	left: expression((((this.parentNode.offsetWidth - this.offsetWidth)/2)-340 )+ "px");
}

/* ¾÷¹«¸ÞÀÎÈ­¸é : body  */
DIV.infoBox{
	background: URL('../img/main/top/login_bg.gif') no-repeat ;
	width:187px;
	height: 90px;
	
	float: left;
	position: relative;
}

DIV.infoBox DIV.LogOut{
	background: URL('../img/main/top/logout.gif') no-repeat ;
	
	width: 75px;
	height: 16px;
	
	float: right;
	position: relative;
	
	cursor: pointer;
}

DIV.infoBox DIV.content {
	position: relative;
	margin: 2em 1.2em 1em 1.2em;
	
	color: #174480;
}

DIV.banner {
	background: URL('../img/main/banner.jpg') no-repeat center center;
}

DIV.none_img2{
	background: URL('../img/main/none_img2.jpg') no-repeat;	
}

/* ¾÷¹«¸ÞÀÎÈ­¸é : top  */
TABLE.none-type TD.logo{
	background: URL("../img/logo02.gif") no-repeat 10px 7px;
	height: 54px;
	cursor: pointer;
}

BODY.top{
	background: URL("../img/main/top/sub_topbg.gif") repeat-x 0px 0px;
	height: 56px;
}

TABLE.none-type TR.top1{
	height: 18px; 
	background-color: white;
}

TABLE.none-type TR.top2 {
	background: URL("res/img/main/top/sub_menubg2.gif") no-repeat 0 -1px;
	height: 55px;
}

TABLE.none-type TR.top3{
	background: URL("../img/main/top/sub_img.jpg") no-repeat;
	height: 75px;
}

TABLE.none-type Div.topNew{
	background: URL("../img/main/top/sub_img1.jpg") left top no-repeat;
	height: 90px;
	
}

TABLE.none-type TR.top1 TD#top_btn{
	padding-right: 0em;	
}

TABLE.none-type TR.top1 TD#top_btn IMG{
	margin-top: -0.9em;
	margin-left: 1em;
}


/* ¾÷¹«¸ÞÀÎÈ­¸é : copyright */
BODY.copyrightBg{
	background: URL("../img/main/copyright/sub_bottombg.gif") repeat-x;	
}

/* ¿ÞÂÊ ¸Þ´º */
BODY.leftBg{
	background: URL("../img/main/leftbg.gif") no-repeat 0 100px;	
}

DIV.leftBox{
	width:168px; 
	height:72%; 
	overflow: hidden; 
	margin-top: 55px;
	margin-left: 12px;
}

/* ¿ÀǸ޴º Åǹ٠*/
.top_header {
	position: relative;
	height: 40px;
	width: 100%;
	margin: 0;
	padding: 0 0 0 0;
	border-bottom: 5px solid #4a65a8;
}

ul.addMenu {
	display: block;
	float: left;
	height: 40px;
}

ul.rignt_NavBox {
	position: absolute;
	right: 0;
	height: 40px;
}

ul.rignt_NavBox li {
	display: block;
	margin-top: 9px;
	float: left;
	list-style: none;
	height: 31px;
}

ul.rignt_NavBox li a.NavBtn {
	display: block;
	width:32px;
	height: 31px;
	background: url(../img/main/tab/naviBtn.png) no-repeat 0 0;
	text-indent: -9999px;
}
ul.rignt_NavBox li a.NavBtn.n01{width:31px; background: url(../img/main/tab/naviBtn.png) no-repeat 0 0;}
ul.rignt_NavBox li a.NavBtn.n01:hover{ background: url(../img/main/tab/naviBtn.png) no-repeat 0 -31px;}
ul.rignt_NavBox li a.NavBtn.n01.active { background: url(../img/main/tab/naviBtn.png) no-repeat 0 -31px;}
ul.rignt_NavBox li a.NavBtn.n02{background: url(../img/main/tab/naviBtn.png) no-repeat -31px 0;}
ul.rignt_NavBox li a.NavBtn.n02:hover{ background: url(../img/main/tab/naviBtn.png) no-repeat -31px -31px;}
ul.rignt_NavBox li a.NavBtn.n02.active { background: url(../img/main/tab/naviBtn.png) no-repeat -31px -31px;}
ul.rignt_NavBox li a.NavBtn.n03{background: url(../img/main/tab/naviBtn.png) no-repeat -63px 0;}
ul.rignt_NavBox li a.NavBtn.n03:hover{ background: url(../img/main/tab/naviBtn.png) no-repeat -63px -31px;}
ul.rignt_NavBox li a.NavBtn.n03.active { background: url(../img/main/tab/naviBtn.png) no-repeat -63px -31px;}
ul.rignt_NavBox li a.NavBtn.n04{background: url(../img/main/tab/naviBtn.png) no-repeat -96px 0;}
ul.rignt_NavBox li a.NavBtn.n04:hover{ background: url(../img/main/tab/naviBtn.png) no-repeat -96px -31px;}
ul.rignt_NavBox li a.NavBtn.n04.active { background: url(../img/main/tab/naviBtn.png) no-repeat -96px -31px;}
ul.rignt_NavBox li a.NavBtn.n05{background: url(../img/main/tab/naviBtn.png) no-repeat -128px 0;}
ul.rignt_NavBox li a.NavBtn.n05:hover{ background: url(../img/main/tab/naviBtn.png) no-repeat -128px -31px;}
ul.rignt_NavBox li a.NavBtn.n05.active { background: url(../img/main/tab/naviBtn.png) no-repeat -128px -31px;}
ul.rignt_NavBox li a.NavBtn.n06{background: url(../img/main/tab/naviBtn.png) no-repeat -160px 0;}
ul.rignt_NavBox li a.NavBtn.n06:hover{ background: url(../img/main/tab/naviBtn.png) no-repeat -160px -31px;}
ul.rignt_NavBox li a.NavBtn.n06.active { background: url(../img/main/tab/naviBtn.png) no-repeat -160px -31px;}
ul.rignt_NavBox li a.NavBtn.n07{background: url(../img/main/tab/naviBtn.png) no-repeat -191px 0; margin-right: 5px;}
ul.rignt_NavBox li a.NavBtn.n07:hover{ background: url(../img/main/tab/naviBtn.png) no-repeat -191px -31px;}
ul.rignt_NavBox li a.NavBtn.n07.active { background: url(../img/main/tab/naviBtn.png) no-repeat -191px -31px;}


.top_header ul.addMenu .Btn {
	position:relative;
	display: block;
	float: left;
	width: 100px;
	max-width: 100px;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	padding: 0 14px 0 3px;
	margin: 9px 2px 0 0;
	list-style: none;
	line-height: 30px;
	font-size: 12px;
	text-align:center;
	font-family: "Dotum";
	color: #535353;

	border: 1px solid #d8d8d8;
	border-bottom: 0;

	cursor:pointer;
	
	background: url(../img/main/tab/btn2.gif) ;

	behavior: url("../piecss/PIE.htc");
	border-radius: 3px 3px 0 0;
	-moz-border-radius: 3px 3px 0 0;
	-webkit-border-radius: 3px 3px 0 0;

}

.top_header ul.addMenu .Btn a {
	text-decoration: none;
	color: #535353;
}

.top_header ul.addMenu .Btn a.closeBtn {
	position:absolute;
	right: 4px;
	top: 9px;
	width: 12px;
	height: 12px;
	background: url(../img/main/tab/s_closeBtn.png) no-repeat;
	z-index: 5;
	text-indent: -999px;
}

.top_header ul.addMenu .Btn:hover {
	color: #fff;
	border-color: #4a65a8;
	background: url(../img/main/tab/btn2_on.gif) ;
}

.top_header ul.addMenu .Btn:hover a.closeBtn {
	background: url(../img/main/tab/s_closeBtn_on.png) no-repeat;
}

.top_header ul.addMenu .Btn.active {
	color: #fff;
	border-color: #4a65a8;
	background: url(../img/main/tab/btn2_on.gif) ;
}

.top_header ul.addMenu .Btn.active a.closeBtn {
	background: url(../img/main/tab/s_closeBtn_on.png) no-repeat;
}

.top_header ul.addMenu .Btn.active {
	color: #fff;
	border-color: #4a65a8;
	background: url(../img/main/tab/btn2_on_active.gif);
	border-radius: 5px 5px 0 0;
	line-height: 33px;
	margin-top: 7px;
}

.top_header .arrowBtn {
	float: left;
	width: 19px;
	height: 31px;
	margin: 9px 2px 0;
}
/**************************/
.top_header ul.addMenu .Btn.active a,
.top_header ul.addMenu .Btn:hover a {
	color: #fff;
	font-weight: bold;
}