@charset "utf-8";

html { margin: 0; }
body { margin: 0; padding: 0; text-align: center; _font-size: 10pt;  }
a { position: relative; }
*:focus { outline: none; }
.clearboth { clear: both; width: 0;	height: 0; margin: 0; font-size: 1px; }

strong { font-weight: bold; }

#skin { position: relative; margin: auto; text-align: left; width: 980px; min-width: 980px; height: 1083px; min-height: 1280px; }

#doc { width: 980px; min-width: 980px; height: 1280px; min-height: 1280px; background: url('./images/doc.png') no-repeat; _background: none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod='crop', src='/core/system/application/views/main/images/doc.png'); }

#header { position: relative; left: 0; top: 0; *zoom: 1; height: 152px; }

	#logo { position: absolute; left: 35px; top: 30px; width: 285px; height: 55px; }
	#logo a { display: block; width: 100%; height: 100%; text-indent: -10000px; }

	#motto { position: absolute; left: 325px; top: 40px; width: 320px; height: 40px; display: block; text-indent: -10000px; font-size: 1pt;}

	#utility { position: absolute; left: 660px; top: 0; width: 320px; height: 30px; }

	#utility:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
		#utility li { float: left; height: 30px; margin-left: 0; }
			#utility li a span { display: block; width: 100%; height: 30px; text-indent: -10000px; }
/*
		#vuvuzela { width: 110px; }
			#utility li#vuvuzela a:hover span { background-image: url('./images/utility-vuvuzela-hover.png'); cursor: pointer; 
											_background: none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod='crop', src='/core/system/application/views/main/images/utility-vuvuzela-hover.png'); }
*/		
		#asHomePage { width: 115px; }
			#utility li#asHomePage a:hover span { background-image: url('./images/utility-homepage-hover.png'); cursor: pointer; 
											_background: none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod='crop', src='/core/system/application/views/main/images/utility-homepage-hover.png'); }
		#asFavorite { width: 100px; }
			#utility li#asFavorite a:hover span { background-image: url('./images/utility-favorite-hover.png'); cursor: pointer; 
											_background: none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod='crop', src='/core/system/application/views/main/images/utility-favorite-hover.png'); }
		#toOrbiMobile { width: 95px; }
			#utility li#toOrbiMobile a:hover span { background-image: url('./images/utility-mobile-hover.png'); cursor: pointer; 
											_background: none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod='crop', src='/core/system/application/views/main/images/utility-mobile-hover.png'); }

	#navigation { position: absolute; left: 3px; top: 100px; height: 32px; }
	#navigation:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
		#navigation li { float: left; width: 69px; height: 32px; }
		#navigation li#toHome { background-position: 0 0; }
		#navigation li#toEntrance { background-position: -69px 0; }
		#navigation li#toStudy { background-position: -138px 0; }
		#navigation li#toExam { background-position: -207px 0; }
		#navigation li#toLibrary { background-position: -276px 0; }
		#navigation li#toLife { background-position: -345px 0; }
		#navigation li#toClub { background-position: -414px 0; }
		#navigation li#toFakeBook { background-position: -483px 0; }
		#navigation li#navigationMore { background-position: -552px 0; }
		#navigation li#shortcutMore { background-position: -621px 0; }
		#navigation li.selected { background: url('./images/navigation-selected.png'); }

			#navigation li a { display: block; width: 100%; height: 100%; text-indent: -10000px; }
			#navigation li a:hover { background-image: url('./images/navigation-hover.png'); }
			#navigation li.selected a:hover { background-image: none; }

			#navigation li#toHome a { background-position: 0 0; }
			#navigation li#toEntrance a { background-position: -69px 0; }
			#navigation li#toStudy a { background-position: -138px 0; }
			#navigation li#toExam a { background-position: -207px 0; }
			#navigation li#toLibrary a { background-position: -276px 0; }
			#navigation li#toLife a { background-position: -345px 0; }
			#navigation li#toClub a { background-position: -414px 0; }
			#navigation li#toFakeBook a { background-position: -483px 0; }
			#navigation li#navigationMore a { background-position: -552px 0; }
			#navigation li#shortcutMore a { background-position: -621px 0; }

	#search { position: absolute; right: 0; top: 102px; width: 172px; height: 32px; }
		#search .text { position: absolute; left: 5px; top: 5px; width: 112px; height: 15px; border: 0; background: transparent; padding: 3px 5px 1px; font-size: 93%; font-family: 'Dotum', '돋움', 'Verdana'; color: #999; }
		#search .submit { position: absolute; left: 137px; top: 3px; width: 20px; height: 20px; border: 0; background: transparent; display: block; text-indent: -10000px; z-index: 100; cursor: pointer; *color: transparent; *text-transform: capitalize; }

	#topBar { position: absolute; left: 0; top: 132px; width: 980px; height: 20px; font-family: 'Dotum', '돋움', 'Verdana'; font-size: 93%; }
	#topBar:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

		#instantMessage { float: left; padding: 3px 0 0 5px; color: #772b90; width: 975px; height: 20px; overflow: hidden; }
			#instantMessage a { color: #772b90; text-decoration: none; }

#body { position: relative; left: 0; top: 0; height: 1051px; *zoom: 1; }
#body:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

	#right { float: right; width: 290px; height: 854px; position: relative; left: 0; top: 0; *zoom: 1; }

		#login { position: absolute; left: 12px; top: 14px; width: 265px; height: 86px; background: url('./images/login.png'); }
			#login .id { position: absolute; left: 7px; top: 6px; width: 89px; height: 13px; background: transparent; border: 0; color: #f0f0f0; padding: 3px 6px; font-size: 86%; font-family: 'Dotum', '돋움', 'Verdana'; }
			#login .password { position: absolute; left: 111px; top: 6px; width: 89px; height: 13px; background: transparent; border: 0; color: #f0f0f0; padding: 3px 6px; font-size: 86%; font-family: 'Dotum', '돋움', 'Verdana'; }
			#login .submit { position: absolute; left: 217px; top: 6px; width: 46px; height: 36px; background: transparent; border: 0; display: block; text-indent: -10000px; z-index: 100; cursor: pointer; *color: transparent; *text-transform: capitalize; }
			#login a { display: block; text-indent: -10000px; }
			#login a#toJoin { position: absolute; left: 7px; top: 49px; width: 256px; height: 37px; }
			#login a#toJoin:hover { background: url('./images/to-join-hover.png'); }
			#login a#toFindID { position: absolute; left: 5px; top: 30px; width: 60px; height: 15px; }
			#login a#toFindPassword { position: absolute; left: 69px; top: 30px; width: 71px; height: 15px; }
			#login a#doAutoLogin { position: absolute; left: 146px; top: 30px; width: 68px; height: 15px; }
			#login div#autoLoginCheck { position: absolute; left: 146px; top: 30px; width: 16px; height: 16px; background: url('./images/check-mark.png'); background-repeat: no-repeat; background-position: 7% 0%; visibility:hidden;}

		#logout {  position: absolute; left: 12px; top: 14px; width: 265px; height: 86px; }
			#logout #logoutBack { width: 265px; height: 86px; background: url('./images/logout.png'); _background: none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod='crop', src='/core/system/application/views/main/images/logout.png'); }
			#logout a {display: block; text-indent: -10000px; }
			#logout a span { display: block; text-indent: -10000px; width: 100%; height: 100%; }
			#logout span.member { position: absolute; left: 10px; top: 10px; font-family: 'Dotum', '돋움', 'Verdana'; font-weight:bold; }
			#logout span.member a#toMy { display: inline; text-indent: 0; text-decoration: none; color: #333; }
			#logout span.member a#toMy:hover { text-decoration: underline; }
			#logout a#toMemberMemo { position: absolute; left: 7px; top: 30px; width: 50px; height: 22px; }
			#logout a#toMemberMemo:hover span { background: url('./images/logout-memo-hover.png') no-repeat; cursor: pointer; 
												 _background: none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod='crop', src='/core/system/application/views/main/images/logout-memo-hover.png'); }
			#logout a#toMemberEdit { position: absolute; left: 60px; top: 30px; width: 67px; height: 22px; }
			#logout a#toMemberEdit:hover span { background: url('./images/logout-info-hover.png') no-repeat; cursor: pointer; 
												 _background: none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod='crop', src='/core/system/application/views/main/images/logout-info-hover.png'); }
			#logout a#toLocker { position: absolute; left: 130px; top: 30px; width: 62px; height: 22px; }
			#logout a#toLocker:hover span { background: url('./images/logout-my-hover.png') no-repeat; cursor: pointer; 
												 _background: none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod='crop', src='/core/system/application/views/main/images/logout-my-hover.png'); }
			#logout a#toLogout { position: absolute; left: 195px; top: 30px; width: 67px; height: 22px; }
			#logout a#toLogout:hover span { background: url('./images/logout-logout-hover.png') no-repeat; cursor: pointer; 
												 _background: none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod='crop', src='/core/system/application/views/main/images/logout-logout-hover.png'); }
			#logout a#toknowledge { position: absolute; left: 7px; top: 56px; font-family: 'Dotum', '돋움', 'Verdana'; font-size: 93%; display: block; text-decoration: none; color: #333; width:75px; height: 29px; text-indent: 0; }
			#logout a#toknowledge span { color:#f1f1f1; text-indent: 0; position: absolute; left: 30px; top: 10px; .top: 9px; width: 45px; height:17px; }
			#logout a#toActivity { position: absolute; left: 83px; top: 56px; font-family: 'Dotum', '돋움', 'Verdana'; font-size: 93%; display: block; text-decoration: none; color: #333; width:66px; height: 29px; text-indent: 0; }
			#logout a#toActivity span { color:#f1f1f1; text-indent: 0; position: absolute; left: 26px; top: 10px; .top: 9px; width: 40px; height:17px; }
			#logout a#toPoison { position: absolute; left: 150px; top: 56px; font-family: 'Dotum', '돋움', 'Verdana'; font-size: 93%; display: block; text-decoration: none; color: #333; width:47px; height: 29px; text-indent: 0; }
			#logout a#toPoison span { color:#f1f1f1; text-indent: 0; position: absolute; left: 24px; top: 10px; .top: 9px; width: 22px; height:17px; }
			#logout a#toSurplus { position: absolute; left: 198px; top: 56px; font-family: 'Dotum', '돋움', 'Verdana'; font-size: 93%; display: block; text-decoration: none; color: #333; width:64px; height: 29px; text-indent: 0; }
			#logout a#toSurplus span { color:#f1f1f1; text-indent: 0; position: absolute; left: 23px; top: 10px; .top: 9px; width: 40px; height:17px; }
			

		#adWing { position: absolute; left: 19px; top: 108px; width: 256px; height: 70px; }
			#adWing h2 { display: block; width: 100%; height: 100%; }
				#adWing h2 a { display: block; width: 100%; height: 100%; text-indent: -10000px; }		

		#doomDay { position: absolute; left: 20px; top: 188px; width: 256px; height: 46px; text-align: center; }
			#doomDay .major { font-family: 'Dotum', '돋움', 'Verdana'; font-weight: bold; font-size: 17px; height: 22px; padding-top: 2px; color: #434343; }
				#doomDay .major .remainDate { color: #772b90; }
			#doomDay .minor { font-family: 'Dotum', '돋움', 'Verdana'; font-weight: bold; font-size: 11px; margin-top: 1px; height: 16px; padding-top: 4px; color: #656565; }
				#doomDay .minor .remainDate { color: #934bab; }

		#ranking { position: absolute; left: 20px; top: 419px; width: 256px; height: 155px; }
			#ranking h2 { position: absolute; left: 216px; top: 0; width: 40px; height: 20px; }
				#ranking h2 a { display: block; width: 100%; height: 100%; text-indent: -10000px; }
			#ranking .category { position: absolute; left: 0; top: 32px; width: 183px; height: 18px; }
			#ranking .category:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
				#ranking .category li { float: left; height: 17px; border-bottom: 1px solid #cccccc; }
				#ranking .category li.selected { border-bottom: 1px solid #fff; }
					#ranking .category li a { display: block; width: 100%; height: 100%; text-indent: -10000px; }
				#ranking .category .li0 { margin: 0 1px 0 1px; width: 45px; }
				#ranking .category .li1 { margin: 0 1px 0 2px; width: 55px; }
				#ranking .category .li2 { margin: 0 1px 0 2px; width: 36px; }
				#ranking .category .li3 { margin: 0 1px 0 2px; width: 36px; _margin-right: 0; }
			#ranking div.subView { position: absolute; left: 1px; top: 50px; width: 254px; height: 104px; display: none; }
			#ranking div.selected { display: inline; }
				#ranking div.subView ul { position: absolute; left: 9px; top: 8px; width: 237px; height: 90px; display: none; }
				#ranking div.subView ul.selected { display: inline; }
					#ranking div.subView ul li { position: absolute; left: 0; width: 237px; height: 18px; }
					#ranking div.subView ul li.li0 { top: 0; }
					#ranking div.subView ul li.li1 { top: 18px; }
					#ranking div.subView ul li.li2 { top: 36px; }
					#ranking div.subView ul li.li3 { top: 54px; }
					#ranking div.subView ul li.li4 { top: 72px; }
					#ranking div.subView ul li.li5 { top: 0; }
					#ranking div.subView ul li.li6 { top: 18px; }
					#ranking div.subView ul li.li7 { top: 36px; }
					#ranking div.subView ul li.li8 { top: 54px; }
					#ranking div.subView ul li.li9 { top: 72px; }
						#ranking div.subView ul li a:hover { text-decoration: underline; }
						#ranking div.subView ul li .rank { position: absolute; left: 2px; top: 2px; width: 15px; height: 15px; text-align: center; color: #fff; font-family: 'Arial'; font-size: 93%; }
						#ranking div.subView ul li .subject { position: absolute; left: 30px; top: 3px; color: #333333; font-family: 'Dotum', '돋움', 'Verdana'; font-size: 93%; text-decoration: none; }

				#ranking div.subView .forList0 { position: absolute; left: 189px; top: 86px; width: 31px; height: 16px; z-index: 100; display: block; text-indent: -10000px; }
				#ranking div.subView .forList1 { position: absolute; left: 221px; top: 86px; width: 31px; height: 16px; z-index: 100; display: block; text-indent: -10000px; }

		#praesagium { position: absolute; left: 20px; top: 588px; width: 256px; height: 115px; }
			#praesagium h2.title1 { position: absolute; left: 0; top: 0; width: 91px; height: 23px; }
			#praesagium h2.title2 { position: absolute; left: 217px; top: 0; width: 40px; height: 20px; }
				#praesagium h2 a { display: block; width: 100%; height: 100%; text-indent: -10000px; }
			#praesagium .box { position: absolute; left: 1px; top: 32px; width: 254px; height: 82px; font-family: 'Dotum', '돋움', 'Verdana'; font-size: 93%; }
				#praesagium .box h3 { position: absolute; left: 10px; top: 11px; font-weight: bold; }
					#praesagium .box h3 a { color: #333333; text-decoration: none; }
					#praesagium .box h3 a:hover { text-decoration: underline; }
				#praesagium .box ul { position: absolute; left: 10px; top: 30px; text-decoration: none; }
					#praesagium .box ul li { line-height: 24px; }
						#praesagium .box ul li a { color: #333333; text-decoration: none; }
						#praesagium .box ul li a:hover { text-decoration: underline; }
						#praesagium .box ul li span.count { color: red; font-size: 80%; font-weight: bold; }
		
		#library { position: absolute; left: 20px; top: 721px; width: 256px; height: 134px; }
			#library h2.title1 { position: absolute; left: 0; top: 0; width: 40px; height: 23px; }
				#library h2 a { display: block; width: 100%; height: 100%; text-indent: -10000px; }
			#library .box1 { position: absolute; left: 1px; top: 29px; width: 125px; height: 105px; font-family: 'Dotum', '돋움', 'Verdana'; font-size: 93%; }
				#library .box1 ul { position: absolute; left: 10px; top: 10px; text-decoration: none; }
					#library .box1 ul li { line-height: 21px; }
						#library .box1 ul li a { color: #333333; text-decoration: none; }
						#library .box1 ul li a:hover { text-decoration: underline; }
			#library .box2 { position: absolute; left: 125px; top: 29px; width: 126px; height: 105px; font-family: 'Dotum', '돋움', 'Verdana'; font-size: 93%; }
				#library .box2 ul { position: absolute; left: 10px; top: 10px; text-decoration: none; }
					#library .box2 ul li { line-height: 21px; }
						#library .box2 ul li a { color: #333333; text-decoration: none; }
						#library .box2 ul li a:hover { text-decoration: underline; }


		#recommendLink { position: absolute; left: 19px; top: 255px; width: 256px; height: 76px; }
			#recommendLink div { display: block; width: 100%; height: 100%; padding: 4px; }
				#recommendLink div h2 { display: block; width: 100%; height: 100%; }
					#recommendLink div h2 a { display: block; width: 100%; height: 100%; text-indent: -10000px; }
				#recommendLink div p { display: none; }
			#recommendLink .div1 { background: url('./images/ebs_jump_banner2_small.gif'); background-repeat: no-repeat; }
			#recommendLink .div2 { background: url('./images/snu-banner.gif'); background-repeat: no-repeat; }
		
/*
		#fakeBook { position: absolute; left: 19px; top: 463px; width: 256px; height: 203px; background: url('./images/stamp-notready-150x100.png') 50px 60px no-repeat; 
					_background: none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod='crop', src='/core/system/application/views/main/images/stamp-notready-150x100-256x203.png'); }
			#fakeBook h2 { position: absolute; left: 0; top: 3px; width: 85px; height: 25px; }
				#fakeBook h2 a { display: block; width: 100%; height: 100%; text-indent: -10000px; }
			#fakeBook .tagCloud { position: absolute; left: 0; top: 40px; width: 256px; height: 155px; font-family: 'Dotum', '돋움', 'Verdana'; color: #333333; line-height: 150%; }
				#fakeBook .tagCloud a { text-decoration: none; color: #772b90; }
				#fakeBook .tagCloud a:hover { text-decoration: underline; }
*/
/*
		#survey { position: absolute; left: 20px; top: 255px; height: 151px; width: 257px;/*background: url('./images/stamp-notready-150x100.png') 50px 40px no-repeat; 
					_background: none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod='crop', src='/core/system/application/views/main/images/stamp-notready-150x100-256x175.png'); }
					
			#survey h2 { display:block; text-indent: -10000px;width: 55px; height: 20px;	margin-bottom: 10px;
				*/ /*background: url('./images/survey.png') no-repeat;
				_background: none; 
				_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod='crop', src='/core/system/application/views/main/images/survey.png');
				*/ /*	
			}
			#survey h2 a {
				display: block; width: 100%; height: 100%; text-indent: -10000px;
			}
			#survey .box { position: absolute; top: 27px; left: 0; height: 124px; width: 256px;
				font-family: 'Dotum', '돋움', 'Verdana'; font-size: 93%; 
			}
				#survey .box h3 { position: relative; top: 10px; left: 12px; font-weight: bold; color: #333333; }
					#survey .box h3 a { color: #333333; text-decoration: none; }
					#survey .box h3 a:hover { text-decoration: underline; }
					#survey .box form { 	position: relative; left: 13px; top: 17px; font-family: 'Dotum', '돋움', 'Verdana'; font-size: 90%; line-height: 19px; width: 240px;	}
					#survey .box form table tbody td { 	height: 21px; }
					#survey .surveySubmitBtn { height: 19px; width: 60px;	margin: 5px 0 5px 50px; cursor: pointer; background-color: #ddd;	border: 1px solid;	border-color: #bbb;
																	filter:progid:DXImageTransform.Microsoft.Gradient (GradientType=0,StartColorStr='#ffffffff',EndColorStr='#ffeeddaa');  font-family: 'Dotum', '돋움', 'Verdana'; .padding-top: 2px; }
					#survey .surveyResultBtn { height: 19px; width: 60px;	margin: 5px 0; cursor: pointer; background-color: #ddd;	border: 1px solid;	border-color: #bbb;
																	filter:progid:DXImageTransform.Microsoft.Gradient (GradientType=0,StartColorStr='#ffffffff',EndColorStr='#ffeeddaa');  font-family: 'Dotum', '돋움', 'Verdana'; .padding-top: 2px; }
*/			/*			
			#survey .box .boxTop {
				background: url('./images/left_widget_top.png') repeat-y;
				width: 261px; 
				height: 6px;
				overflow:hidden;
			}
			#survey .box .boxCenter {
				background: url('./images/left_widget_center.png') repeat-y;
				width: 261px; 
				padding-top: 5px;
				padding-bottom: 5px;
			}
			#survey .box .boxBottom {
				background: url('./images/left_widget_bottom.png') no-repeat;
				width: 261px;  height: 6px;
			}
			*/ 

	#content { float: left; width: 690px; height: 854px; }

		#content .pair { margin: 0; padding: 0; border: 0; }
		#content .pair:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
			#content .pair .left { float: left; margin-left: 4px; _margin-left: 2px; width: 338px; }
			#content .pair .right { float: right; margin-right: 4px; _margin-right: 2px; width: 338px; }

		#best { margin-top: 5px; height: 145px; }
		#news { margin-top: 8px; }		

		.recent { margin-top: 4px; height: 145px; position: relative; top: 0; left: 0; *zoom: 1; overflow: hidden; }
			.recent h2 { position: absolute; left: 10px; top: 12px; width: 80px; height: 20px; }
				.recent h2 a { display: block; width: 100%; height: 100%; text-indent: -10000px; }
			.recent .utility { position: absolute; left: 277px; top: 12px; width: 51px; height: 20px; }
			.recent .utility:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
				.recent .utility li { float: left; width: 17px; height: 20px; }
					.recent .utility li a { display: block; width: 100%; height: 100%; text-indent: -10000px; }
				
			.recent .image { position: absolute; left: 15px; top: 43px; width: 95px; height: 90px; text-align: center; overflow: hidden; font-size: 93%; font-family: 'Dotum', '돋움', 'Verdana'; }
				.recent .image a { text-decoration: none; color: #000; }
				.recent .image a:hover { text-decoration: underline; }
					.recent .image a .commentCount { font-size: 93%; color: #64bdd3; font-weight: bold; }

			.recent .list { position: absolute; left: 130px; top: 42px; width: 200px; height: 95px; overflow: hidden; font-size: 93%; font-family: 'Dotum', '돋움', 'Verdana'; }
				.recent .list li { height: 19px; }
					.recent .list li a { text-decoration: none; color: #000; }
					.recent .list li a:hover { text-decoration: underline; }

					.recent .list li.xi_root_sponsorship a { color: #9c63b5; }

						.recent .list li a .commentCount { font-size: 93%; color: #64bdd3; font-weight: bold; }
				
		#adPremium { margin-top: 5px; height: 145px; }
			#adPremium h2 { display: block; width: 100%; height: 100%; }
				#adPremium h2 a { display: block; width: 100%; height: 100%; text-indent: -10000px; }

		#column { margin-top: 8px; height: 145px; position: relative; top: 0; left: 0; *zoom: 1; overflow: hidden; }
			#column h2 { position: absolute; left: 10px; top: 12px; width: 40px; height: 20px; }
				#column h2 a {display: block; width: 100%; height: 100%; text-indent: -10000px; }
			#column .utility { position: absolute; right: 11px; top: 12px; width: 77px; height: 20px; font-size: 86%; font-family: 'Dotum', '돋움', 'Verdana'; }
			#column .utility:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
				#column .utility li { float: right; width: 12px; padding-top: 5px; height: 15px; text-align: center; }
					#column .utility li a { display: block; width: 100%; height: 100%; color: #680a8c; text-decoration: none; }
					#column .utility li a:hover { text-decoration: underline; }
				#column .utility .refresh { width: 17px; text-indent: -10000px; }
				#column .utility .selected { font-weight: bold; }
			
			#column h3 { position: absolute; left: 120px; top: 41px; width: 200px; height: 20px; font-family: 'Dotum', '돋움', 'Verdana'; font-size: 93%; font-weight: bold; overflow: hidden; }
				#column h3 a { text-decoration: none; color: #524e55; }
				#column h3 a:hover { text-decoration: underline; }
			#column .image { position: absolute; left: 15px; top: 43px; width: 95px; height: 87px; overflow: hidden; }

			#column .content { font-family: 'Dotum', '돋움', 'Verdana'; font-size: 93%; position: absolute; left: 124px; top: 58px; width: 200px; height: 76px; line-height: 19px; overflow: hidden; }
				#column .content a { text-decoration: none; color: #000; }
				#column .content a:hover { text-decoration: underline; }


/*adDeluxe1*/
		#adDeluxeLeft, #adDeluxeRight { margin-top: 8px; height: 98px; }
			#adDeluxeLeft h2, #adDeluxeRight h2 { display: block; width: 100%; height: 100%; }
				#adDeluxeLeft h2 a, #adDeluxeRight h2 a { display: block; width: 100%; height: 100%; text-indent: -10000px; }

/*adDeluxe2*/
		#adDeluxe2Wide{ margin-left:4px; margin-top: 8px; height: 98px; width: 682px;}
			#adDeluxe2Wide h2 { display: block; width: 100%; height: 100%; }
				#adDeluxe2Wide h2 a { display: block; width: 100%; height: 100%; text-indent: -10000px; }


		.groupRecent { margin-top: 8px; margin-left: 4px; width: 682px; height: 260px; position: relative; left: 0; top: 0; *zoom: 1; }
			.groupRecent h2 { position: absolute; left: 10px; top: 17px; width: 50px; height: 20px; display: block; text-indent: -10000px; }
			.groupRecent .category { font-family: 'Dotum', '돋움', 'Verdana'; font-size: 93%; position: absolute; left: 75px; top: 22px; width: 300px; height: 20px; color: #666666; }
			.groupRecent .category:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
				.groupRecent .category li { float: left; }
				.groupRecent .category .selected { font-weight: bold; }
				.groupRecent .category .space { padding: 0 3px; }
					.groupRecent .category li a { color: #7b7b7b; text-decoration: none; }
					.groupRecent .category li a:hover { text-decoration: underline; }

			.groupRecent .hotIssue { position: absolute; left: 1px; top: 52px; width: 154px; height: 208px; }
				.groupRecent .hotIssue h3 { position: absolute; left: 15px; top: 17px; width: 40px; height: 20px; text-indent: -10000px; }
				.groupRecent .hotIssue .image { position: absolute; left: 18px; top: 55px; width: 120px; height: 100px; text-align: center; font-family: 'Dotum', '돋움', 'Verdana'; font-size: 93%; }
					.groupRecent .hotIssue .image a { text-decoration: none; color: #000; }
					.groupRecent .hotIssue .image a:hover { text-decoration: underline; }
						.groupRecent .hotIssue .image a .commentCount { font-size: 93%; color: #64bdd3; font-weight: bold; }

			.groupRecent .popular {  position: absolute; left: 156px; top: 52px; width: 263px; height: 208px; }
				.groupRecent .popular h3 { position: absolute; left: 10px; top: 17px; width: 40px; height: 20px; text-indent: -10000px; }
				.groupRecent .popular .utility { position: absolute; left: 200px; top: 17px; width: 51px; height: 20px; }
				.groupRecent .popular .utility:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
					.groupRecent .popular .utility li { float: left; width: 17px; height: 20px; }
						.groupRecent .popular .utility li a { display: block; width: 100%; height: 100%; text-indent: -10000px; }
				.groupRecent .popular .list { position: absolute; font-family: 'Dotum', '돋움', 'Verdana'; font-size: 93%; left: 20px; top: 55px; width: 235px; height: 132px; overflow: hidden; }
					.groupRecent .popular .list li { height: 22px; }
						.groupRecent .popular .list li a { text-decoration: none; color: #000; }
						.groupRecent .popular .list li a:hover { text-decoration: underline; }
							.groupRecent .popular .list li a .commentCount { font-size: 93%; color: #64bdd3; font-weight: bold; }

			.groupRecent .latest { position: absolute; left: 420px; top: 52px; width: 261px; height: 208px; }
				.groupRecent .latest h3 { position: absolute; left: 10px; top: 17px; width: 40px; height: 20px; text-indent: -10000px; }
				.groupRecent .latest .utility { position: absolute; left: 200px; top: 17px; width: 51px; height: 20px; }
				.groupRecent .latest .utility:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
					.groupRecent .latest .utility li { float: left; width: 17px; height: 20px; }
						.groupRecent .latest .utility li a { display: block; width: 100%; height: 100%; text-indent: -10000px; }
				.groupRecent .latest .list { position: absolute; font-family: 'Dotum', '돋움', 'Verdana'; font-size: 93%; left: 20px; top: 55px; width: 235px; height: 132px; overflow: hidden; }
					.groupRecent .latest .list li { height: 22px; }
						.groupRecent .latest .list li a { text-decoration: none; color: #000; }
						.groupRecent .latest .list li a:hover { text-decoration: underline; }
							.groupRecent .latest .list li a .commentCount { font-size: 93%; color: #64bdd3; font-weight: bold; }
							.groupRecent .latest .list li a .elapsedTime { font-size: 93%; color: #9c63b5; }




/* layer */

#layer { position: absolute; left: 0px; top: 0px; z-index: 10; cursor: pointer; display: hidden; }
#layer a.closeButton { width: 25px; height: 25px; position: absolute; left: 305px; top: 3px; display: block; text-indent: -10000px; background: url('/core/images/close_btn.gif') no-repeat; z-index: 20000; }