@charset "utf-8";

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

/* 가변 프레임 */
div.frame { position: relative; _height: 1%; *zoom: 1; }
div.frame div.frameTop { position: relative; height: 4px; _font-size: 0; }
	div.frame div.frameTop div.frameTopLeft { position: absolute; left: 0; top: 0; width: 4px; height: 4px; background: url('/image/xiii/frame-top-left.png') no-repeat; _font-size: 0;
											_background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/image/xiii/frame-top-left.png');}
	div.frame div.frameTop div.frameTopMid { margin: 0 4px; height: 4px; background: url('/image/xiii/frame-top-mid.png') repeat-x; _font-size: 0;
											_background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/image/xiii/frame-top-mid.png', sizingMethod='scale');}
	div.frame div.frameTop div.frameTopRight { position: absolute; right: 0; top: 0; width: 4px; height: 4px; background: url('/image/xiii/frame-top-right.png') no-repeat; _font-size: 0; 
											_background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/image/xiii/frame-top-right.png');}

div.frame div.frameMid { position: relative; float: none; *zoom: 1; _height: 1%; }
	div.frame div.frameMid div.frameMidLeft { position: absolute; left: 0; top: 0; width: 4px; height: 100%; background: url('/image/xiii/frame-mid-left.png') repeat-y;
											_clear: expression(style.height = this.parentNode.clientHeight + "px", style.clear = "none", 0);
											_background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/image/xiii/frame-mid-left.png', sizingMethod='scale');}
	div.frame div.frameMid div.frameMidMid { margin: 0 4px; _height: 1%; background: url('/image/xiii/frame-mid-mid.png'); padding: 10px 15px;  *zoom: 1;
											_background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/image/xiii/frame-mid-mid.png', sizingMethod='scale');}
	div.frame div.frameMid div.frameMidRight { position: absolute; right: 0; top: 0; width: 4px; height: 100%; background: url('/image/xiii/frame-mid-right.png') repeat-y;
											_clear: expression(style.height = this.parentNode.clientHeight + "px", style.clear = "none", 0);
											_background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/image/xiii/frame-mid-right.png', sizingMethod='scale');}

div.frame div.frameBot { position: relative; height: 4px; _font-size: 0; }
	div.frame div.frameBot div.frameBotLeft { position: absolute; left: 0; top: 0; width: 4px; height: 4px; background: url('/image/xiii/frame-bot-left.png') no-repeat; _font-size: 0; 
											_background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/image/xiii/frame-bot-left.png');}
	div.frame div.frameBot div.frameBotMid { margin: 0 4px; height: 4px; background: url('/image/xiii/frame-bot-mid.png') repeat-x; _font-size: 0; 
											_background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/image/xiii/frame-bot-mid.png', sizingMethod='scale');}
	div.frame div.frameBot div.frameBotRight { position: absolute; right: 0; top: 0; width: 4px; height: 4px; background: url('/image/xiii/frame-bot-right.png') no-repeat; _font-size: 0; 
											_background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/image/xiii/frame-bot-right.png');}

/* png fix */

.frame768Top { height: 4px; background: url('/image/xiii/frame-768-top.png') no-repeat; 
				_background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/image/xiii/frame-768-top.png');}
.frame768Mid { height: 100%; background: url('/image/xiii/frame-768-mid.png') repeat-y; padding: 10px 15px;
				_background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/image/xiii/frame-768-mid.png', sizingMethod='scale');}
.frame768Bot { height: 4px; background: url('/image/xiii/frame-768-bot.png') no-repeat; 
				_background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/image/xiii/frame-768-bot.png');}
.frame768 { position: relative; _height: 1%; width: 768px; }

.frame600Top { height: 4px; background: url('/image/xiii/frame-600-top.png') no-repeat; 
				_background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/image/xiii/frame-600-top.png');}
.frame600Mid { height: 100%; background: url('/image/xiii/frame-600-mid.png') repeat-y; padding: 10px 15px;
				_background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/image/xiii/frame-600-mid.png', sizingMethod='scale');}
.frame600Bot { height: 4px; background: url('/image/xiii/frame-600-bot.png') no-repeat; 
				_background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/image/xiii/frame-600-bot.png');}
.frame600 { position: relative; _height: 1%; width: 600px; }

.frame180Top { height: 4px; background: url('/image/xiii/frame-180-top.png') no-repeat; 
				_background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/image/xiii/frame-180-top.png');}
.frame180Mid { height: 100%; background: url('/image/xiii/frame-180-mid.png') repeat-y; padding: 4px;
				_background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/image/xiii/frame-180-mid.png', sizingMethod='scale');}
.frame180Bot { height: 4px; background: url('/image/xiii/frame-180-bot.png') no-repeat; 
				_background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/image/xiii/frame-180-bot.png');}
.frame180 { position: relative; _height: 1%; width: 180px; }

.frame120Top { height: 4px; background: url('/image/xiii/frame-120-top.png') no-repeat; 
				_background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/image/xiii/frame-120-top.png');}
.frame120Mid { height: 100%; background: url('/image/xiii/frame-120-mid.png') repeat-y; padding: 4px;
				_background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/image/xiii/frame-120-mid.png', sizingMethod='scale');}
.frame120Bot { height: 4px; background: url('/image/xiii/frame-120-bot.png') no-repeat; 
				_background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/image/xiii/frame-120-bot.png');}
.frame120 { position: relative; _height: 1%; width: 120px; }

.pngBack40 { height: 100%; background: url('/image/xiii/png40_back.png');
			_background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/image/xiii/png40_back.png', sizingMethod='scale');}
.pngBack60 { height: 100%; background: url('/image/xiii/png60_back.png');
			_background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/image/xiii/png60_back.png', sizingMethod='scale');}

.png24 { tmp:expression(setPng24(this)); }
a { position: relative; }

/* main */

#skin { margin: 0 10px; text-align: left; }

#header { position: relative; left: 0; top: 0; *zoom: 1; height: 132px;  }
	div.headerFrame div.headerLeft { position: absolute; left: 0; top: 0; width: 696px; height: 132px; background: url('/image/xiii/header-left.png') no-repeat; _font-size: 0;
										_background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/image/xiii/header-left.png'); }
	div.headerFrame div.headerMid { margin: 0 172px 0 696px; height: 132px; background: url('/image/xiii/header-mid.png') repeat-x; 
										_background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/image/xiii/header-mid.png', sizingMethod='scale'); }
	div.headerFrame div.headerRight { position: absolute; right: 0; top: 0; width: 172px; height: 132px; background: url('/image/xiii/header-right.png') no-repeat; _font-size: 0;
										_background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/image/xiii/header-right.png'); }

	#logo { position: absolute; left: 15px; top: 45px; width: 200px; height: 40px; }
	#logo a { display: block; width: 100%; height: 100%; text-indent: -10000px; }

	#sectionLogo { position: absolute; left: 220px; top: 55px; width: 40px; height: 27px; }
	#sectionLogo a { display: block; width: 100%; height: 100%; text-indent: -10000px; cursor: pointer; }
	.titleClub { background: url('/image/xiii/title-club.png') no-repeat;
				_background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/image/xiii/title-club.png'); }
	.titleEntrance { background: url('/image/xiii/title-entrance.png') no-repeat;
				_background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/image/xiii/title-entrance.png'); }
	.titleStudy { background: url('/image/xiii/title-study.png') no-repeat;
				_background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/image/xiii/title-study.png'); }
	.titleLife { background: url('/image/xiii/title-life.png') no-repeat;
				_background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/image/xiii/title-life.png'); }

	#utility { position: absolute; right: 13px; top: 11px; font-size: 93%; font-family: 'Dotum', '돋움', 'Verdana'; color: #636567; }
	#utility:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
		#utility li { float: left; margin-left: 10px; }
		#utility li.logout { margin-left: 20px; }
			#utility li a { text-decoration: none; color: #636567; }
			#utility li a.name { }
			#utility li a:hover { text-decoration: underline; }

	#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('/image/xiii/navigation-selected.png'); }

			#navigation li a { display: block; width: 100%; height: 100%; text-indent: -10000px; }
			#navigation li a:hover { background-image: url('/image/xiii/navigation-hover.png'); }
			#navigation li a.hover { background-image: url('/image/xiii/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; }

#body { position: relative; left: 0; top: 0; min-height: 1260px; height: auto !important; height: 1260px; margin-top: 3px; *zoom: 1; }
#body:after { content: " "; clear: both; display: block; }

	#left { position: absolute; left: 0; top: 0; width: 212px; *zoom: 1x; }
		#left .leftBanner { position: relative; margin: 2px 0 0 5px; }

	/* 입시 보드 */
		#left #entrance_lmenu { width: 212px; height: 658px; background: url('/image/xiii/menu-entrance.png') no-repeat left top;
						_background: none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod='crop', src='/image/xiii/menu-entrance.png'); }
			#left #entrance_lmenu dl dd a:hover { background-image: url('/image/xiii/menu-active-entrance.png'); color: #cfcdcd; font-weight: bold; }
			#left #entrance_lmenu dl dd a.selected { background-image: url('/image/xiii/menu-active-entrance.png'); color: #cfcdcd; font-weight: bold; }

		#left #study_lmenu { width: 212px; height: 836px; background: url('/image/xiii/menu-study.png') no-repeat left top;
						_background: none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod='crop', src='/image/xiii/menu-study.png'); }
			#left #study_lmenu dl dd a:hover { background-image: url('/image/xiii/menu-active-study.png'); color: #cfcdcd; font-weight: bold; }
			#left #study_lmenu dl dd a.selected { background-image: url('/image/xiii/menu-active-study.png'); color: #cfcdcd; font-weight: bold; }

		#left #life_lmenu { width: 212px; height: 777px; background: url('/image/xiii/menu-life.png') no-repeat left top;
						_background: none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod='crop', src='/image/xiii/menu-life.png'); }
			#left #life_lmenu dl dd a:hover { background-image: url('/image/xiii/menu-active-life.gif'); color: #cfcdcd; font-weight: bold; }
			#left #life_lmenu dl dd a.selected { background-image: url('/image/xiii/menu-active-life.gif'); color: #cfcdcd; font-weight: bold; }

		#left dl.blockMenu { position: relative; width: 203px; padding: 15px 0 0 5px; }
			#left dl.blockMenu dd { display: block; width: 203px; height: 30px; }
				#left dl.blockMenu dd a { display: block; width: 203px; height: 30px; text-decoration: none; position: relative; left: 0; top: 0; *zoom: 1; font-size: 86%; color: #969696; font-family: 'Dotum', '돋움', 'Verdana'; text-indent: -10000px; }
				#left dl.blockMenu dd .a1 { background-position: 0 0; }
				#left dl.blockMenu dd .a2 { background-position: 0 -30px; }
				#left dl.blockMenu dd .a3 { background-position: 0 -60px; }
				#left dl.blockMenu dd .a4 { background-position: 0 -90px; }
				#left dl.blockMenu dd .a5 { background-position: 0 -120px; }
				#left dl.blockMenu dd .a6 { background-position: 0 -150px; }
				#left dl.blockMenu dd .a7 { background-position: 0 -180px; }
				#left dl.blockMenu dd .a8 { background-position: 0 -210px; }
				#left dl.blockMenu dd .a9 { background-position: 0 -240px; }
				#left dl.blockMenu dd .a10 { background-position: 0 -270px; }
				#left dl.blockMenu dd .a11 { background-position: 0 -300px; }
				#left dl.blockMenu dd .a12 { background-position: 0 -330px; }
				#left dl.blockMenu dd .a13 { background-position: 0 -360px; }
				#left dl.blockMenu dd .a14 { background-position: 0 -390px; }
				#left dl.blockMenu dd .a15 { background-position: 0 -420px; }
				#left dl.blockMenu dd .a16 { background-position: 0 -450px; }
				#left dl.blockMenu dd .a17 { background-position: 0 -480px; }
				#left dl.blockMenu dd .a18 { background-position: 0 -510px; }
				#left dl.blockMenu dd .a19 { background-position: 0 -540px; }
				#left dl.blockMenu dd .a20 { background-position: 0 -570px; }
				#left dl.blockMenu dd .a21 { background-position: 0 -600px; }
				#left dl.blockMenu dd .a22 { background-position: 0 -630px; }
				#left dl.blockMenu dd .a23 { background-position: 0 -660px; }
				#left dl.blockMenu dd .a24 { background-position: 0 -690px; }
				#left dl.blockMenu dd .a25 { background-position: 0 -720px; }
				#left dl.blockMenu dd .a26 { background-position: 0 -750px; }
				#left dl.blockMenu dd .a27 { background-position: 0 -780px; }
					#left dl.blockMenu dd .subject { }
					#left dl.blockMenu dd .recentCount { text-indent: 0; position: absolute; right: 18px; top: 11px; margin: 0; padding: 0; }

				#left dl.blockMenu dd a:hover .recentCount { right: 13px; }
			
		/* 문제 풀이인 경우 */
		#left #exam_lmenu { width: 212px; height: 411px; background: url('/image/xiii/menu-exam.png') no-repeat left top;
						_background: none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod='crop', src='/image/xiii/menu-exam.png'); }
		#left #exam_lmenu ul { position: relative; height: 0; left: 5px; top: 15px; }
		#left #exam_lmenu ul li { display: block; width: 203px; height: 30px; }
		#left #exam_lmenu ul li a { display: block; width: 203px; height: 30px; text-decoration: none; position: relative; left: 0; top: 0; *zoom: 1; font-size: 86%; color: #969696; font-family: 'Dotum', '돋움', 'Verdana'; text-indent: -10000px; }
		#left #exam_lmenu ul li a:hover { background-image: url('/image/xiii/menu-active-exam.png'); color: #cfcdcd; font-weight: bold; }
		#left #exam_lmenu ul .selected a { background-image: url('/image/xiii/menu-active-exam.png'); }
		#left #exam_lmenu ul li.inactive a { background-image: none; cursor: default; }
			
			#left #exam_lmenu ul li .a1 { background-position: 0 0; }
			#left #exam_lmenu ul li .a2 { background-position: 0 -63px; position: absolute; top: 63px; }
			#left #exam_lmenu ul li .a3 { background-position: 0 -97px; position: absolute; top: 97px; }
			#left #exam_lmenu ul li .a4 { background-position: 0 -131px; position: absolute; top: 131px; }
			#left #exam_lmenu ul li .a5 { background-position: 0 -194px; position: absolute; top: 194px; }
			#left #exam_lmenu ul li .a6 { background-position: 0 -228px; position: absolute; top: 228px; }
			#left #exam_lmenu ul li .a7 { background-position: 0 -262px; position: absolute; top: 262px; }
			#left #exam_lmenu ul li .a8 { background-position: 0 -294px; position: absolute; top: 294px; }
			#left #exam_lmenu ul li .a9 { background-position: 0 -324px; position: absolute; top: 324px; }
			#left #exam_lmenu ul li .a10 { background-position: 0 -354px; position: absolute; top: 354px; }

		/* 클럽인 경우 */
		#left #club_lmenu { width: 205px; height: 911px; background: url('/image/xiii/menu-club.png') no-repeat left top; padding: 14px 3px 3px 4px; 
						_background: none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod='crop', src='/image/xiii/menu-club.png'); }
			#left #club_lmenu dl.blockMenu dd a:hover { background-image: url('/image/xiii/menu-active-club.gif'); font-weight: bold; }
			#left #club_lmenu dl.blockMenu dd a.selected { background-image: url('/image/xiii/menu-active-club.gif'); font-weight: bold; }

			#club_lmenu h3 { display: block; height: 30px; text-indent: -100000px; }
			#club_lmenu hr { height: 16px; visibility: hidden; }
	
			#club_lmenu dl.blockMenu { padding: 0; }
			#club_lmenu dl.blockMenu dd { position: relative; display: block; width: 205px; height: 30px; line-height: 30px; }
			#club_lmenu dl.blockMenu dd a { display: block; width: 203px; height: 30px; margin: 0 auto; font-size: 86%; color: #969696; font-family: 'Dotum', '돋움', 'Verdana'; text-indent: -100000px; text-decoration: none; }

			#club_lmenu dl.blockMenu dd .articleCount { text-indent: 0; position: absolute; display: block; top: 11px; right: 18px; }
			#club_lmenu dl.blockMenu dd .doubleLine { top: 4px; }
			#club_lmenu dl.blockMenu dd a:hover span { color: #cfcdcd; right: 13px; }
			#club_lmenu dl.blockMenu dd a.selected span { color: #cfcdcd; right: 13px; }

			#club_lmenu dl.blockMenu dd a.oText { font-family: 'Malgun Gothic', '맑은고딕', 'Dotum', '돋음'; font-size: 86%; color: #343434; text-indent: 16px; }
			#club_lmenu dl.blockMenu dd a.oText:hover { background: #772b90; color: #ffffff; font-size: 93%; font-weight: bold; text-indent: 14px; }
			#club_lmenu dl.blockMenu dd a.oText.selected  { background: #772b90; color: #ffffff; font-size: 93%; font-weight: bold; text-indent: 14px; }

			#club_lmenu dl.blockMenu dd .a1 { background-position: 0 -41px; }
			#club_lmenu dl.blockMenu dd .a2 { background-position: 0 -71px; }
			#club_lmenu dl.blockMenu dd .a3 { background-position: 0 -101px; }
			#club_lmenu dl.blockMenu dd .a4 { background-position: 0 -131px; }
			#club_lmenu dl.blockMenu dd .a5 { background-position: 0 -161px; }

			#club_lmenu dl.blockMenu dd .a6 { background-position: 0 -221px; }
			#club_lmenu dl.blockMenu dd .a7 { background-position: 0 -251px; }
			#club_lmenu dl.blockMenu dd .a8 { background-position: 0 -281px; }
			#club_lmenu dl.blockMenu dd .a9 { background-position: 0 -311px; }

			#club_lmenu dl.blockMenu dd .a10 { background-position: 0 -370px; }
			#club_lmenu dl.blockMenu dd .a11 { background-position: 0 -400px; }
			#club_lmenu dl.blockMenu dd .a12 { background-position: 0 -430px; }
			#club_lmenu dl.blockMenu dd .a13 { background-position: 0 -460px; }
			#club_lmenu dl.blockMenu dd .a14 { background-position: 0 -490px; }
			#club_lmenu dl.blockMenu dd .a15 { background-position: 0 -520px; }
			#club_lmenu dl.blockMenu dd .a16 { background-position: 0 -555px; }
			#club_lmenu dl.blockMenu dd .a17 { background-position: 0 -585px; }
			#club_lmenu dl.blockMenu dd .a18 { background-position: 0 -615px; }
			#club_lmenu dl.blockMenu dd .a19 { background-position: 0 -645px; }

			#club_lmenu dl.blockMenu dd .a20 { background-position: 0 -730px; }
			#club_lmenu dl.blockMenu dd .a21 { background-position: 0 -760px; }

		/* 좌측 하단 인기글 보기창 */
		#left .articleBox { width: 182px; height: 91px; padding: 35px 15px 15px 15px; margin: 5px 0; overflow: hidden; }
		#left #bestArticles { background: url('/image/xiii/articlebox-best.png') no-repeat; 
							_background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/image/xiii/articlebox-best.png'); }
		#left #recentArticles { background: url('/image/xiii/articlebox-recent.png') no-repeat;
							_background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/image/xiii/articlebox-recent.png'); }
		#left #newsArticles { background: url('/image/xiii/articlebox-news.png') no-repeat;
							_background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/image/xiii/articlebox-news.png'); }
			#left .articleBox dl dd { display: block; width: 182px; height: 20px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
			#left .articleBox a { font-family: 'Dotum', '돋움', 'Verdana'; font-size: 93%; color: #222222; }

	#content { position: relative; margin-left: 212px; font-family: 'Dotum', '돋움', 'Verdana'; font-size: 93%; }
		.banner001 { position: relative; float: right; top: 5px; width: 193px; height: 44px; }

		div.boardTopFrame { position: relative; height: 52px; overflow: hidden; }
			div.boardTopFrame div.boardTopLeft { position: absolute; left: 0; top: 0; width: 4px; height: 52px; background: url('/image/xiii/boardtop-left.png') no-repeat; _font-size: 0;
												_background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/image/xiii/boardtop-left.png'); }
			div.boardTopFrame div.boardTopMid { margin: 0 4px; height: 52px; background: url('/image/xiii/boardtop-mid.png') repeat-x; 
												_background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/image/xiii/boardtop-mid.png', sizingMethod='scale'); }
			div.boardTopFrame div.boardTopRight { position: absolute; right: 0; top: 0; width: 4px; height: 52px; background: url('/image/xiii/boardtop-right.png') no-repeat; _font-size: 0;
												_background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/image/xiii/boardtop-right.png'); }

			#boardTop .artinfo { position: absolute; left: 4px; top: 4px; }
				#boardTop .user { display: block; float: left; }
				#boardTop .ctg { display: block; float: left; margin: 14px 0 0 5px; }
					#boardTop .ctg span { display: block; float: left; }
					#boardTop .ctg span.btn { margin: -2px 0 0 5px; }
				#boardTop .sodo { display: block; float: left; margin: 5px 0 0 5px; }
				#boardTop .sodo #sodo1 { display: inline-block; background: url('/image/xiii/essay-button.png') no-repeat; width: 99px; height: 30px; }
				#boardTop .sodo #sodo1:hover { background: url('/image/xiii/essay-button-hover.png') no-repeat; width: 99px; height: 30px; }
				#boardTop .sodo #sodo2 { display: inline-block; background: url('/image/xiii/correction-button.png') no-repeat; width: 99px; height: 30px; }
				#boardTop .sodo #sodo2:hover { background: url('/image/xiii/correction-button-hover.png') no-repeat; width: 99px; height: 30px; }
				#boardTop .sodo #sodo3 { display: inline-block; background: url('/image/xiii/consulting-button.png') no-repeat; width: 99px; height: 30px; }
				#boardTop .sodo #sodo3:hover { background: url('/image/xiii/consulting-button-hover.png') no-repeat; width: 99px; height: 30px; }

#footer { position: relative; bottom: 0; margin: 7px 2px 0 3px; height: 41px; *zoom: 1; overflow: hidden; background: #e7e7e7; }

	#copyright { position: absolute; left: 11px; top: 9px; width: 550px; height: 30px; display: block; font-family: 'Verdana'; font-size: 86%; letter-spacing: -1px; color: #8e8e8e; }

	#visitorCounter { position: absolute; right: 11px; top: 9px; color: #8e8e8e; font-family: 'Dotum', '돋움', 'Verdana'; font-size: 86%; }

	#siteLink { position: absolute; right: 10px; top: 25px; height: 14px; font-family: 'Dotum', '돋움', 'Verdana'; font-size: 86%; letter-spacing: -1px; color: #8e8e8e; }
	#siteLink:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
		#siteLink li { float: left; height: 14px; }
		#siteLink li.sep { padding: 0 5px; }
			#siteLink li a { color: #8e8e8e; text-decoration: none; }
			#siteLink li a:hover { text-decoration: underline; }

#hiddenCounter { position: absolute; top: 0; left: 0; z-index: -20000; display: none; }

/* sub popup menu */
.submenuPopup { position: absolute; top: 0; left: 0; z-index: 20000; width: 120px; text-align: left; color: #222222; font-size: 93%; font-family: 'Dotum', '돋움', 'Verdana'; }
	.submenuPopup a { position: relative; }
	.submenuPopup .utility { text-align: right; font-size: 93%; padding: 2px; }
		.submenuPopup .utility a { color: #666666; text-decoration: none; }
		.submenuPopup .utility a:hover { text-decoration: underline; }
	
	.submenuPopup li a { display: block; padding: 3px 5px; color: #222222; text-decoration: none; }
	.submenuPopup li a:hover { background: #8b42a5; color: #fff; font-weight: bold; text-decoration: none; }

.submenu { position: absolute; top: 130px; z-index: 10000; display: none; }
	.submenu .content { position: absolute; left: 0; top: 0; padding: 8px 10px 16px 12px; }
		.submenu ul { display: block; float: left; font-size: 93%; font-family: 'Dotum', '돋움', 'Verdana'; color: #222222; }
			.submenu li { }
				.submenu li a { display: block; height: 14px; padding: 2px 3px; margin: 0 1px 1px 0; text-decoration: none; color: #222222; overflow: hidden; }
				.submenu li a:hover { background: #9952b0; color: #ffffff; font-weight: bold; text-decoration: none; }
				.submenu li a.selected { background: #9952b0; color: #ffffff; font-weight: bold; text-decoration: none; }

#submenuClub { left: 425px; width: 344px; height: 135px; }
	#submenuClub .background { width: 344px; height: 135px; background: url('/image/xiii/submenu-club.png') no-repeat; 
								_background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/image/xiii/submenu-club.png'); }
	#submenuClub ul.col1 li a { width: 55px; }
	#submenuClub ul.col2 li a { width: 80px; }
	#submenuClub ul.col3 li a { width: 85px; }
	#submenuClub ul.col4 li a { width: 70px; }

#submenuExam { left: 220px; width: 147px; height: 153px; }
	#submenuExam .background { width: 147px; height: 153px; background: url('/image/xiii/submenu-exam.png') no-repeat; 
								_background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/image/xiii/submenu-exam.png'); }
	#submenuExam ul.col1 li a { width: 113px; }

#submenuLife { left: 356px; width: 512px; height: 154px; }
	#submenuLife .background { width: 512px; height: 154px; background: url('/image/xiii/submenu-life.png') no-repeat; 
								_background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/image/xiii/submenu-life.png'); }
	#submenuLife ul.col1 li a { width: 83px; }
	#submenuLife ul.col2 li a { width: 113px; }
	#submenuLife ul.col3 li a { width: 83px; }
	#submenuLife ul.col4 li a { width: 93px; }
	#submenuLife ul.col5 li a { width: 73px; }

#submenuEntrance { left: 80px; width: 387px; height: 174px; }
	#submenuEntrance .background { width: 387px; height: 174px; background: url('/image/xiii/submenu-entrance.png') no-repeat; 
								_background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/image/xiii/submenu-entrance.png'); }
	#submenuEntrance ul.col1 li a { width: 112px; }
	#submenuEntrance ul.col2 li a { width: 117px; }
	#submenuEntrance ul.col3 li a { width: 108px; }

#submenuStudy { left: 149px; width: 456px; height: 154px; }
	#submenuStudy .background { width: 456px; height: 154px; background: url('/image/xiii/submenu-study.png') no-repeat; 
								_background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/image/xiii/submenu-study.png'); }
	#submenuStudy ul.col1 li a { width: 90px; }
	#submenuStudy ul.col2 li a { width: 100px; }
	#submenuStudy ul.col3 li a { width: 120px; }
	#submenuStudy ul.col4 li a { width: 90px; }

#submenuRanking { left: 493px; width: 161px; }
	#submenuRanking .background { width: 161px; height: 121px; background: url('/image/xiii/submenu-ranking.png') no-repeat; 
								_background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/image/xiii/submenu-ranking.png'); }
	#submenuRanking ul.col1 li a { width: 126px; }

#submenuMore { left: 563px; width: 107px; height: 101px; }
	#submenuMore .background { width: 107px; height: 101px; background: url('/image/xiii/submenu-more.png') no-repeat; 
								_background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/image/xiii/submenu-more.png'); }
	#submenuMore ul.col1 li a { width: 73px; }

#submenuShortcut { left: 630px; width: 123px; _height: 1%; }
	#submenuShortcut div.shortcutTop { width: 123px; height: 3px; background: url('/image/xiii/submenu-shortcut-top.png') no-repeat; 
										_background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/image/xiii/submenu-shortcut-top.png'); }
	#submenuShortcut div.shortcutMid { width: 113px; height: 100%; background: url('/image/xiii/submenu-shortcut-mid.png') repeat-y; padding: 5px;
										_background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/image/xiii/submenu-shortcut-mid.png', sizingMethod='scale'); }
	#submenuShortcut div.shortcutBot { width: 123px; height: 9px; background: url('/image/xiii/submenu-shortcut-bot.png') no-repeat; 
										_background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/image/xiii/submenu-shortcut-bot.png'); }
	#submenuShortcut li a { width: 103px; color: #ffffff; }
	#submenuShortcut li a:hover { background: #ffffff; color: #9952b0; font-weight: bold; text-decoration: none; }
	#submenuShortcut li a.selected { background: #ffffff; color: #9952b0; font-weight: bold; text-decoration: none; }
	#submenuShortcut li.edit { border-top: 1px dashed #aaa; padding-top: 5px; font-weight: bold; }