/* frame */

#topFrm{
	position: relative;
	width:995px; height:100px; position:relative; left:0px; top:0px;
	margin:0 auto 30px;
}
h1.logo {
	position: absolute;
	left: 10px;
	top: 18px;
	width: 228px;
	height: 61px;
	z-index: 999;
}
#topFrm .topFrm{
	width:995px; position:absolute; right:0px; top:0px;
}
#topFrm #topLinks{
	text-align:right;	padding:16px 0px 0 0px; margin: 0 100px 0 0;
}
#topFrm #topLinks span{
	padding:0px 5px;
}
#topFrm a.btn_group_list {
	position: absolute;
	right: 0;
	top: 10px;
	display: block;
	width: 80px;
	height: 24px;
	line-height: 28px;
	font-size: 11px;
	font-weight: bold;
	text-align: center;
	color: #0c406f;
	border: 1px solid #0c406f;
	border-radius: 2px;
	background-color: #fafafa;
	transition: all 0.25s;
}
#topFrm a.btn_group_list:hover,
#topFrm a.btn_group_list.on {
	text-decoration: none;
}
#topFrm .group_list {
	display: none;
	position: absolute;
	right: 0;
	top: 38px;
	list-style: none;
	width: 140px;
	color: #0c406f;
	border: 1px solid #0c406f;
	border-radius: 3px;
	box-shadow: 0 0 15px rgba(0,0,0,0.45);
	
	z-index: 9999;
}
#topFrm .group_list li {
	text-align: center;
}
#topFrm .group_list li a {
	display: block;
	width: 100%;
	padding: 9px 0 2px;
	border-bottom: 1px solid #dfdfdf;
	color: #0c406f;
	background-color: #fafafa;
	
	transition: all 0.25s;
}
#topFrm .group_list li a:hover {
	color: #0c406f;
	font-weight: bold;
	text-decoration: none;
	background-color: #fff;
}

#topFrm .topmenus{
	width:995px; height:69px;
}

#frm{
	width:995px;
	overflow:hidden;
	margin: 0 auto;
}

#asideFrm{
	float:left; width:212px;
}
#contsFrm{
	float:left; width:298px;
}
#contsFrm #qLink{
	padding-top:10px;
}
#contsFrm #links{
	padding-top:10px;
}
#introFrm{
	float:left; 
	width:485px;
	padding: 28px 0 0;
	background:url(/img/flash_vline.gif) right top no-repeat;
	background-color:#fff;
}
.qbanner{
	position: relative;
	width:995px; 
	height: 65px;
	margin: 0 auto;
	clear:both;	
	background: url(/images/bg_banner.gif) left top no-repeat;
}
.qbanner .slideshow {
	overflow: hidden;
	width: 748px;
	height: 44px;
	margin-left: 10px;
	padding-top: 10px;
}
.qbanner .cycle-carousel-wrap {
	margin-top: 10px !important;
}
.slideshow img { 
	width: 146px; 
	height: 44px; 
	margin: 0 2px;
}
.qbanner .right {
	position: absolute;
	right: 10px;
	top: 10px;
}

#copyright{
	position: relative;
	width:995px; clear:both;
	margin: 0 auto;
}

/* notice */

#notiFrm{
	width:298px; 
}
#notiTitle{
	padding-bottom:10px; 
}
.notiTxtFrm, .notiTxt{
	padding-top:7px; padding-bottom:7px;
}
.notiTxtFrm:after{
	content:" "; display:block; visibility:hidden; clear:both; height:0px;
}
.notiTxtFrm, .noDatas{
	height:57px; text-align:center;
}
.notiTxtFrm, .notiTxt{
	float:left; background:url(/img/noticeBullet.jpg) left 11px no-repeat; padding-left:8px; margin-left:6px; width:330px; overflow:hidden; text-overflow:ellipsis;
}
.notiTxtFrm, .notiTxt a strong{
	color:#42449D;
}
.notiTxtFrm, .notiDate{
	float:right; color:#999999; margin-right:5px; padding-top:7px;
}
.notiTxtFrm, .notiNoTxt{
	text-align:center; padding-top:30px; color:#999999;
}

/********************* ÁÂÃø ¿µ¿ª **********************/
/* ¸ÞÀÎ ·Î±×ÀÎ */
/* login */
#login{background:url(../images/login_bg.jpg) center top no-repeat; width:169px;height:113px;margin:0 0 10px 15px}
/*#login #loginFrm{background:url(../images/loginSubDown.jpg) center bottom no-repeat; padding:10px}
#login #loginTitle{background:url(../images/loginSubTitle.jpg) left top no-repeat; width:170px; height:11px; margin-bottom:5px}*/
#login #inputFrm{float:left; margin:28px 6px 0 8px}
#login #idFrm{width:88px; margin-bottom:6px}
#login #passFrm{width:88px}
#login #btnLogin{float:left;margin:28px 0 0 0}
#login #idFrm input{width:88px; border:1px solid #b3b3b3; height:18px;line-height:18px}
#login #passFrm input{width:88px; border:1px solid #b3b3b3; height:18px;line-height:18px}
#login #btnEtc{background:url(../images/loginBgDot.jpg) center top repeat-x;margin:0;padding:18px 0 0 0;text-align:center}
#login #btnEtc a{width:60px}

.clearfix:after{
	content:" "; display:block; visibility:hidden; clear:both; height:0px;
}

/* logout */
#logout{background:url(../images/logout_bg.jpg) center top no-repeat; width:169px;height:113px;margin:0 0 10px 15px;position:relative}
#logout #logoutFrm{background:url(../images/loginSubDown.jpg) center bottom no-repeat;padding:24px 10px 5px 10px}
#logout #btnEtc{background:url(../images/loginBgDot.jpg) center top repeat-x;padding:5px 0 0 0;text-align:left}
#logout #btnEtc a{width:70px;margin-right:8px}
#logout #mName{background-color:#fff; float:left; width:80px;margin-right:6px;margin-top:8px}
#logout #mName span{font-weight:bold;color:#003566;letter-spacing:0px}
#logout #btnLogout{float:right;margin:7px 0 0 0;display:inline}
#logout #btngo{position:absolute;left:10px;top:89px}

/* treatise Box */
#paperBox{
	width:132px; border:1px solid #eee; margin:0 0 10px 15px; padding:2px 0px 2px 35px; background:url(/images/pbTitle.jpg) 3px 10px no-repeat;position:absolute;left:0;top:86px;
}
#paperBox:after{
	content:" "; display:block; visibility:hidden; clear:both; height:0px;
}
#paperBox #pbCheck{
	background:url(/images/pbCheck.jpg) 5px 3px no-repeat; padding-left:60px; margin-bottom:2px;
}
#paperBox #pbAuthor{
	background:url(/images/pbAuthor.jpg) 5px 3px no-repeat; padding-left:60px;
}
#paperBox #pbCheck img,#paperBox #pbAuthor img{
	margin-bottom:-3px;
}
#paperBox #pbCheck .pbLink, #paperBox #pbAuthor .pbLink{
	margin-right:7px; text-decoration:none;
}
#paperBox #pbCheck span,#paperBox #pbAuthor span{
	padding:0px 3px;
}
#paperBox #pbCheck span,#paperBox a.pbLink:active{
	color:#b3b3b3;
}
#paperBox #pbCheck span,#paperBox a.pbLink:hover{
	color:#333333;
}
#paperBox #pbCheck span,#paperBox a.pbLink:visited{
	color:#b3b3b3;
}
#paperBox #pbCheck span,#paperBox a.pbLink:link{
	color:#b3b3b3;
}

/* ¹öÆ° ¿µ¿ª */
.button_area{}
.button_area p{margin:0 0 6px 15px;padding:0}

/* Çà»ç¸®½ºÆ® */
.event_area {
	position: relative;
	width: 170px;
	margin-left: 15px;
}
.event_area .wrap {
	padding: 10px 15px 5px;
	border: 1px solid #074a7e;
	border-radius: 0 0 3px 3px;
}
.event_area .event_list {
	width: 150px;
	list-style: none;
}
.event_area .event_list li {
	margin: 5px 0;
	padding: 0 0 0 10px;
	background: url(/images/bullet_2x2.gif) left 4px no-repeat;
}
.event_area .event_list li a {
	color: #033668;
}

/* ÇÐÈ¸¹®Çå */
.noti_rdoc{width:175px;margin:20px 0 0 15px;padding:0}
.noti_rdoc .section{width:175px;overflow:hidden;padding:10px 0 0 0}
.noti_rdoc .section .rdoc_class01{float:left;margin:0 0 0 10px;display:inline;text-align:center}
.noti_rdoc .section .rdoc_class01 img{margin:0 0 3px 0}
.noti_rdoc .section .rdoc_class02{float:right;margin:0 10px 0 0;display:inline;text-align:center}
.noti_rdoc .section .rdoc_class02 img{margin:0 0 3px 0}
.noti_rdoc .book_year {font-family:'¸¼Àº °íµñ','Malgun Gothic',arial,sans-serif;font-size:14px;font-weight:bold;color:#777}

/********************* Áß¾Ó ¿µ¿ª **********************/
/* °øÁö»çÇ× */
.main_notice01{width:283px;height:135px;margin:0;padding:0}
.main_notice01 .section{width:283px;overflow:hidden;padding:10px 0 0 0}
.notiTxt{width:180px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;margin:6px 0 0 0;padding:0 0 3px 0;background:none}
.notiTxt a:link,.notiTxt a:active,.notiTxt a:visited{color:#104771}
.notiTxt a:hover{color:#4f81bd}
.notiDate{width:83px;text-align:right;margin:0;padding:0;margin:6px 0 0 0;padding:0 0 3px 0}

/* ÀÚ·á½Ç */
.main_notice02{width:283px;height:135px;margin:30px 0 0 0;padding:0}
.main_notice02 .section{width:283px;overflow:hidden;padding:10px 0 0 0}

/* ÄÁ¼³ÆÃ, ÇÑ±¹FM´ë»ó */
.main_notice03{width:283px;margin:30px 0 0 0;padding:0}
.btn_etc_area {
	width:283px;
	overflow: none;
	list-style: none;
}
.btn_etc_area li.btn_banner1 {
	float: left;
	width: 138px;
	margin: 0 0 6px;
}
.btn_etc_area li.btn_banner2 {
	float: right;
	width: 138px;
	margin: 0 0 6px;
}
.btn_etc_area li.btn_banner3 {
	float: left;
	width: 138px;
	margin: 0 0 6px;
}
.btn_etc_area li.btn_banner4 {
	float: right;
	width: 138px;
	margin: 0 0 6px;
}
.btn_etc_area li.btn_banner5 {
	float: left;
	width: 138px;
	margin: 0 0 10px;
}

/********************* ¿ìÃø¿µ¿ª **********************/
/*  */*/
/*  *