@charset "UTF-8";
/*기본설정*/
body  {
	margin:0;
	padding:0;
	font-family:"돋움", dotum, "굴림", Gulim, AppleGothic, sans-serif;
	font-size:75%;
	color:#666;
	}
img {
	border:0;
	}

a {
	color:#666;
	text-decoration:none;
	}

hr { 
	display:none;
	} 

fieldset, form {
	margin:0;
	padding:0;
	border:0;
	}
ul, li, ol, dt, dd, dl {
	margin:0;
	padding:0;
	border:0;
	list-style-type:none;
	}

h2, h3 ,legend, caption ,.hidden ,#accessibilityNav {
	visibility:hidden;
	overflow:hidden;
	width:0;  
	height:0;
	margin:0; 
	padding:0;
	font-size:0;
	line-height:0;

	}

*html table {border:0; border-collapse:collapse;}
*+html table , +html table td ,+html table th  {border:0; border-collapse:collapse;}

/* 상단 영역 시작 */
.skipContent {
	visibility:hidden;
	overflow:hidden;
	width:0;  
	height:0;
	margin:0; 
	padding:0;
	font-size:0;
	line-height:0;
	}

#logo {
	display:inline;
	overflow:hidden;
	float:left;
	width:206px;
	height:38px;
	margin:11px 0 11px 10px;
	}


.screenControl {
	float:left;
	width:121px;
	height:14px;
	margin-right:5px;
	padding:4px 0 0 7px;
	background:url(/images/common/screenControlBg.gif) no-repeat left top;
	}
	.screenControl h2 {overflow:visible; visibility:visible; float:left; width:48px; height:auto; margin-right:7px; line-height:100%; font-size:1em;}
	.screenControl ul {float:left; width:63px;}
	.screenControl ul li{float:left; padding:0 5px 0 6px;}
	.screenControl ul li.sizedown{padding:0 4px 0 0;}

.colorControl {
	float:left;
	width:121px;
	height:14px;
	padding:4px 0 0 7px;
	background:url(/images/common/screenControlBg.gif) no-repeat left top;
	}
	.colorControl h2 {overflow:visible; visibility:visible; float:left; width:48px; height:auto; margin-right:7px; line-height:100%; font-size:1em;}
	.colorControl ul {float:left; width:63px;}
	.colorControl ul li{float:left;padding:0 2px 0 4px;}
	.colorControl ul li.color3{padding:0 4px 0 0;}



#gnb {
	overflow:hidden;
	float:right;
	width:80%;
	margin:0 0 0 0;
	}
	#gnb .global {float:right;}
	#gnb .global li{float:left; }
	#gnb .gnbMenu {
		position:absolute;
		top:30px;
		right:20px;
		float:left;
		}
	#gnb .gnbMenu li {float:left; margin-right:14px; padding-top:6px;}
	#gnb .gnbMenu li.last { margin-right:0; padding:0;}
	
		

/*메인메뉴*/
#topMenu {
	overflow:hidden;
	float:left;
	width:935px;
	height:63px;
	margin-bottom:10px;
	padding:5px 0 0 10px;
	background:url(/images/common/topMenuBg.gif) no-repeat left top;
	}
	#menu {
		overflow:hidden;
		display:inline;
		float:left;
		width:945px;
		height:63px;
		}
	#menu .submenu {
		float:left;
		padding:0 2px;
		}
	.submenu {	
		position:relative;
		float:left;
		}
	.submenu a.depth1 {
		position:relative;
		display:block;
		overflow:hidden;
		width:100%;
		height:31px;
		}
	/*서브메뉴 이미지 롤오버 설정*/
	.submenu a.depth1 img {
		position:absolute;
		top:0px;
		}
		.submenu:hover a.depth1 img, .submenu.on a.depth1 img {
			top:-31px;
			}
	/*서브메뉴 노출설정*/
	.submenu div {
		display:none;
		}
		.submenu:hover div, .submenu:focus div, .submenu.on div {
			display:block;
			}
	#submenu1 ,#submenu2,#submenu3,#submenu4,#submenu5,#submenu6,#submenu7 { width:127px; }
	#topMenu .depth2Wrap {
		position:absolute;
		top:37px;
		float:left;
		height:26px;
		margin-left:-470px;
		padding:0 0 0 40px;
		background:url(/images/common/topMenuLeftBg.gif) no-repeat left top;
		}
	#sub1 {
		display:block;
		float:left;
		position:absolute;
		width:550px;
		height:20px;
		padding-top:6px;
		background:url(../images/common/topMenuRightBg.gif) no-repeat right top; 
		}
	.depth2Wrap2 {
		position:absolute;
		top:37px;
		float:left;
		height:26px;
		margin-left:10px;
		padding:0 0 0 40px;
		background:url(/images/common/topMenuLeftBg.gif) no-repeat left top;
		}
	#sub2 {
		display:block;
		float:left;
		position:absolute;
		width:600px;
		height:20px;
		padding-top:6px;
		background:url(../images/common/topMenuRightBg.gif) no-repeat right top; 
		}
	.depth2Wrap3 {
		position:absolute;
		top:37px;
		float:left;
		height:26px;
		margin-left:-100px;
		padding:0 0 0 40px;
		background:url(/images/common/topMenuLeftBg.gif) no-repeat left top;
		}
	#sub3 {
		display:block;
		float:left;
		position:absolute;
		width:650px;
		height:20px;
		padding-top:6px;
		background:url(../images/common/topMenuRightBg.gif) no-repeat right top; 
		}
	.depth2Wrap4 {
		position:absolute;
		top:37px;
		float:left;
		height:26px;
		margin-left:-150px;
		padding:0 0 0 40px;
		background:url(/images/common/topMenuLeftBg.gif) no-repeat left top;
		}
	#sub4 {
		display:block;
		float:left;
		position:absolute;
		width:400px;
		height:20px;
		padding-top:6px;
		background:url(../images/common/topMenuRightBg.gif) no-repeat right top; 
		}
	.depth2Wrap5 {
		position:absolute;
		top:37px;
		float:left;
		height:26px;
		margin-left:-310px;
		padding:0 0 0 40px;
		background:url(/images/common/topMenuLeftBg.gif) no-repeat left top;
		}
	#sub5 {
		display:block;
		float:left;
		position:absolute;
		width:660px;
		height:26px;
		padding-top:6px;
		background:url(../images/common/topMenuRightBg.gif) no-repeat right top; 
		}
	.depth2Wrap6 {
		position:absolute;
		top:37px;
		float:left;
		height:26px;
		margin-left:-200px;
		padding:0 0 0 40px;
		background:url(/images/common/topMenuLeftBg.gif) no-repeat left top;
		}
	#sub6 {
		display:block;
		float:left;
		position:absolute;
		width:400px;
		height:26px;
		padding-top:6px;
		background:url(../images/common/topMenuRightBg.gif) no-repeat right top; 
		}
	.depth2Wrap7 {
		position:absolute;
		top:37px;
		float:left;
		height:26px;
		margin-left:-600px;
		padding:0 0 0 40px;
		background:url(/images/common/topMenuLeftBg.gif) no-repeat left top;
		}
	#sub7 {
		display:block;
		float:left;
		position:absolute;
		width:815px;
		height:26px;
		padding-top:6px;
		background:url(../images/common/topMenuRightBg.gif) no-repeat right top; 
		}
	.submenu .sub   {
		overflow:hidden;
		float:left;
		position:relative;
		height:12px;
		padding:0 10px; 
		background:url(../images/common/subBu.gif) no-repeat right 1px;
		}
		.submenu .sub.none   {
			background:none;
			}
	
	
	#submenu1_1 {width:27px;}
	#submenu1_2 {width:43px;}
	#submenu1_3 {width:36px;}
	#submenu1_4 {width:36px;}
	#submenu1_5 {width:37px;}
	#submenu1_6 {width:61px;}
	#submenu1_7 {width:62px;}
	#submenu1_8 {width:52px;}
	
	#submenu2_1 {width:73px;}
	#submenu2_2 {width:53px;}
	#submenu2_3 {width:52px;}
	#submenu2_4 {width:34px;}
	#submenu2_5 {width:44px;}
	#submenu2_6 {width:61px;}
	#submenu2_7 {width:53px;}
	#submenu2_8 {width:44px;}

	#submenu3_1 {width:35px;}
	#submenu3_2 {width:69px;}
	#submenu3_3 {width:62px;}
	#submenu3_4 {width:53px;}
	#submenu3_5 {width:64px;}
	#submenu3_6 {width:36px;}
	#submenu3_7 {width:62px;}
	#submenu3_8 {width:53px;}
	#submenu3_9 {width:70px;}
	
	#submenu4_1 {width:75px;}
	#submenu4_2 {width:83px;}
	#submenu4_3 {width:46px;}
	#submenu4_4 {width:43px;}
	#submenu4_5 {width:44px;}

	#submenu5_1 {width:74px;}
	#submenu5_2 {width:64px;}
	#submenu5_3 {width:54px;}
	#submenu5_4 {width:71px;}
	#submenu5_5 {width:71px;}
	#submenu5_6 {width:97px;}
	#submenu5_7 {width:63px;}

	#submenu6_1 {width:47px;}
	#submenu6_2 {width:63px;}
	#submenu6_3 {width:63px;}
	#submenu6_4 {width:47px;}
	#submenu6_5 {width:43px;}
	
	#submenu7_1 {width:36px;}
	#submenu7_2 {width:83px;}
	#submenu7_3 {width:17px;}
	#submenu7_4 {width:45px;}
	#submenu7_5 {width:45px;}
	#submenu7_6 {width:46px;}
	#submenu7_7 {width:37px;}
	#submenu7_8 {width:64px;}
	#submenu7_9 {width:69px;}
	#submenu7_10 {width:36px;}
	#submenu7_11 {width:27px;}
	
	
	
/*퀵메뉴*/
#quickmenu 
{
	position:absolute;
	left:970px;
	overflow:hidden;
	float:left; 
	width: 52px; 
	}
	#quickmenu .objBottom {
		padding:0;
		height:12px;
		background:url(../images/common/quickFoot.gif) no-repeat left bottom; 
		}
	#quickmenu .objTop {	
		overflow:hidden;
		float:left;
		width: 54px;
		height:31px;
		padding:0 0 0 0;
		background:url(../images/common/quickTopBg.gif) no-repeat left top; 
		}
	#quickmenu .objContent {
		display:inline;
		float:left;
		width:52px;
		margin:0 0 15px 0;
		background:url(../images/common/quickMiddle.gif) repeat-y left top; 
		}
	#quickmenu ul li{	
		overflow:hidden;
		padding:5px 0 5px 0;
		line-height:160%;
		text-align:center;
		border-bottom:0px solid #e6e5e5;
		}
		#quickmenu ul li.none{	
			border-bottom:none;
			}
	#quickmenu .objBtm {
		float:left;
		}
		#quickmenu .objBtm img{
		overflow:hidden;
		float:left;
		}

/* 푸터 영역 */
#footer {	
	clear:both;
	overflow:hidden;
	float:left;
	width:940px;
	padding-bottom:30px;
	}
.btmLogo {
	display:inline;
	float:left;
	margin:5px 20px 0 10px;
	}
#footerMenu {
	float:left;
	width:940px;
	}
#footerMenuList {
	overflow:hidden;
	float:left;
	width:940px;
	margin-top:6px;
	}
	#footerMenuList ul {
		display:inline;
		float:left;
		width:310px;
		margin:13px 0 0 22px;
		}
	#footerMenuList li {
		float:left;
		margin-right:5px;
		}
#footerMenuList fieldset {
	float:left;
	margin:8px 0px 0 0;
	}
	#footerMenuList fieldset select , #footerMenuList fieldset img {vertical-align:middle; color:#4d4d4d;}
	#footerMenuList fieldset select {margin-right:0px;}
	#footerMenuList fieldset label {overflow:hidden; visibility:hidden; width:0; height:0;line-height:0; position:absolute;}
	#footerMenuList input  {vertical-align:middle; margin-right:5px;}
/*
#bannerZone {position:relative; display:inline; float:left; margin-left:15px;}
#bannerZone .btnArea {
		position:absolute;

		float:left;
		}
	#bannerZone .btnArea a {
		position:absolute;
		top:0;
		}
	#bannerZone .btnArea .bannerControlLeft {
		left:218px;
		}
	#bannerZone .btnArea .bannerStop {
		left:258px;
		}
	#bannerZone .btnArea .bannerControlRight {
		left:316px;
		}	
	#bannerZone .btnArea .bannerControlDown {
		left:359px;
		}
*/
 
#bannerZone {
	overflow:hidden;
	position:relative;
	display:inline;
	float:left;
	width:225px;
	margin-left:5px;
	}
	#bannerZone .objContent {
		overflow:hidden;
		float:left;
		width:183px;
		}
		#bannerZone ul {
			overflow:hidden;
			display:inline;
			float:left;
			width:183px;
			height:40px;
			margin:0 0 0 0px;
			}
		#bannerZone li {
			overflow:hidden;
			float:left;
			width:183px;
			height:40px;
			margin:0 5px 0 0;
			}
			#bannerZone li img {
				width:183px;
				height:40px;
				
				}
	#bannerZone .btnArea {
		float:left;
		
		}
	#bannerZone .btnArea a {
		position:absolute;
		top:10px;
		}
	#bannerZone .btnArea .bannerControlLeft {
		top:10px;
		right:25px;
		}	
	#bannerZone .btnArea .bannerStop {
		top:10px;
		right:13px;
		}
	#bannerZone .btnArea .bannerControlRight {
		top:10px;
		right:0;
		}
	#bannerZone .btnArea .moreBtn {
		top:22px;
		right:0;
		}

#copyright {
	overflow:hidden;
	float:left; 
	width:600px;
	margin-top:5px;
	color:#585858;
	}
#footer address {
	float:left;
	margin-bottom:3px;
	font-style:normal;
	}
.copyr {
	position:relative;
	float:left;
	
	}

.counter {float:left; font-size:0.92em; color:#999;}
.counter p{float:left; margin:5px 0 0 0; padding:0; height:13px; padding:3px 5px 0 0;}
.counter .count {float:left; }
.counter .today {float:left; width:125px;margin-right:10px;background:url(../images/common/counterBg.gif) no-repeat right top; }
.counter .total {float:left; width:115px;background:url(../images/common/counterBg.gif) no-repeat right top; }
.counter .todaycounter , .counter .totalcounter{float:right; font-weight:bold; margin:0; padding:0} 
.counter .number{overflow:hidden; clear:both; font-weight:normal; margin:0; padding:0}



/* 버튼 이미지 2010-05-10 */
.button,    
.button a    {position:relative; display:inline-block; cursor:pointer; white-space:nowrap; vertical-align:middle; *vertical-align:top;}
.button1,    
.button1 a    {position:relative; display:inline-block; cursor:pointer; white-space:nowrap; vertical-align:middle; *vertical-align:top;}
.golist,    
.golist a    {position:relative; display:inline-block; cursor:pointer; white-space:nowrap; vertical-align:middle; *vertical-align:top;}

.goPage,    
.goPage a    {position:relative; display:inline-block; cursor:pointer; white-space:nowrap; vertical-align:middle; *vertical-align:top;}


.button1.bt_white,    
.button1.bt_white a    {background:url(../images/common/btn/bg_btn_white.gif) no-repeat; color:#585858; }
.button.bt_sky,    
.button.bt_sky a    {background:url(../images/common/btn/bg_btn_bl.gif) no-repeat; color:#fff;}
.button.bt_blue,    
.button.bt_blue a    {background:url(../images/common/btn/bg_btn_blue.gif) no-repeat; color:#fff;}
.button.bt_orange,    
.button.bt_orange a    {background:url(../images/common/btn/bg_btn_orange.gif) no-repeat; color:#fff;}
.button.bt_green,    
.button.bt_green a    {background:url(../images/common/btn/bg_btn_green.gif) no-repeat; color:#fff;}

.button1.bt_gline,    
.button1.bt_gline a    {background:url(../images/common/btn/bg_btn_gray.gif) no-repeat; color:#999;}

.button.bt_gline,    
.button.bt_gline a    {background:url(../images/common/btn/bg_btn_gray.gif) no-repeat; color:#fff; }

.goPage.bt_pageNum,    
.goPage.bt_pageNum a    {background:url(../images/common/btn/bg_page.gif) no-repeat; color:#999;}


.button    {padding:0; background-position:left top; overflow:visible;}
.button a    {left:2px; padding:4px 10px 8px 8px; background-position:right top !important; font:bold 11px/12px dotum; letter-spacing:0;}

.button1    {padding:0; background-position:left top; overflow:visible; }
.button1 a    {left:2px; padding:6px 20px 7px 10px; background-position:right top !important; font:normal 12px/12px dotum; letter-spacing:0; font-weight:bold;}

.golist    {padding:0; background-position:left top; overflow:visible;}
.golist a    {left:2px; padding:4px 80px 4px 80px; background-position:right top !important; font:normal 11px/12px dotum; letter-spacing:0;}

.goPage    {padding:0; background-position:left top; overflow:visible;}
.goPage a    {left:2px; padding:2px 5px 4px 5px; background-position:right top !important; font:normal 11px/12px dotum; letter-spacing:0;}


.button .icon    {position:relative; margin:0 1px 0 -1px; border:0; vertical-align:middle;}
.right {text-align:right;}

/* 주요색상 조절용*/
#bgclass1 { background:#000; color:yellow; }
#bgclass1 * { background:#000; color:yellow; }
#bgclass1 a { color:yellow; }
#bgclass1 a:hover { text-decoration:underline; }
#bgclass1 a:visited { color:yellow; font-weight:bold; }
#bgclass1 #goBanner * {background:#000;}
#bgclass1 #globalSearch * {background:#000;}
#bgclass1 #globalSearch #searchInput { border:#fff 1px solid;}
#bgclass1 #calendarWrap * { background:#000; color:yellow; }
#bgclass1 #noticeArea * { background:#000; color:yellow; }
#bgclass1 #popZone * { background:#000; color:yellow; }
#bgclass1 #movieArea * { background:#000; border:0; color:yellow; }
#bgclass1 #bannerZone * { background:#000; }
#bgclass1 #borrowArea * { background:#000; color:yellow; }
#bgclass1 #borrwoArea .objContent dl dt *, #bgclass1 #borrwoArea .objContent dl dd * { background:#000; color:yellow; }
#bgclass1 #login * { background:#000; color:yellow;}
#bgclass1 #login input { border:#fff 1px solid;}
#bgclass1 #login #loginBtnArea a { background:#000; color:yellow;}
#bgclass1 #logout * { background:#000; color:yellow;}
#bgclass1 #logout .objContent #logoutInfo .name { background:#000; color:yellow; }
#bgclass1 #login input { border:#fff 1px solid;}
#bgclass1 .depth2 { background:#000; border:#fff 1px solid; }
#bgclass1 .depth3 { background:#000; border:#fff 1px solid; }
#bgclass1 #popupZone * {  background:#000; }
#bgclass1 #topBtn * { background:#000; }
#bgclass1 #footerArea #footerMenu * {background:#000; color:yellow; }
#bgclass1 #popupZoneLayer { background:transparent; }
#bgclass1 #popupZoneLayer .popupZone { background:#000; border:#fff 1px solid; }


#bgclass2 { background:#fff; color:black; }
#bgclass2 * { background:#fff; color:black; }
#bgclass2 a { color:black; }
#bgclass2 a:hover { text-decoration:underline; }
#bgclass2 a:visited { color:black; font-weight:bold; }
#bgclass2 #goBanner * {background:#fff;}
#bgclass2 #globalSearch * {background:#fff;}
#bgclass2 #globalSearch #searchInput {background:#fff; border:#000 1px solid;}
#bgclass2 #calendarWrao * { background:#fff; color:black; }
#bgclass2 #noticeArea * { background:#fff; color:black;  }
#bgclass2 #recentBoard * { background:#fff; border:0; }
#bgclass2 #recentAlbum * { background:#fff; border:0; }
#bgclass2 #bannerZone * { background:#fff; }
#bgclass2 #movieArea * { background:#fff; border:0; color:black; }
#bgclass2 #borrowArea * { background:#fff; color:black; }
#bgclass2 #borrwoArea .objContent dl dt *, #bgclass2 #borrwoArea .objContent dl dd * { background:#fff; color:black; }
#bgclass2 #login * { background:#fff; color:black;}
#bgclass2 #login input { border:#000 1px solid;}
#bgclass2 #login #loginBtnArea a { background:#fff; color:black;}
#bgclass2 #logout * { background:#fff; color:black;}
#bgclass2 #logout .objContent #logoutInfo .name { background:#fff; color:black; }
#bgclass2 .depth2 { background:#fff; border:#000 1px solid; }
#bgclass2 .depth2 { background:#fff; border:#000 1px solid; }
#bgclass2 #popupZone * {  background:#fff; }
#bgclass2 #topBtn * { background:#fff; }
#bgclass2 #footerArea #footerMenu * {background:#fff; color:black; }
#bgclass2 #popupZoneLayer { background:transparent; }
#bgclass2 #popupZoneLayer .popupZone { background:#fff; border:#000 1px solid; }
#bgclass2 #popupZoneLayer .popupZoneClose img { background:#000; }