@charset "euc-kr";
@import url("/Common/CSS/board.css");

/* Common */
*{margin: 0; padding: 0;}
html, body{margin: 0; padding: 0; height: 100%;color: #666666; font-family: Dotum, arial ;line-height:140%; font-size: 9pt;}
body{
  background-color: #000;
  background-repeat: no-repeat;
}
a img {
	border: 0;
}
a:link, a:visited {
	color: #666666;
	text-decoration: none;
}
a:active, a:hover {
	color:#666666;text-decoration: underline;
}

.inputBtn { border:0;margin:1px 0 0 -4px;vertical-align:middle; }
.inputBtn2 { border:0;vertical-align:middle; }
img { border:0; }

/* Form */

input {height:20px;border-top:1px solid #939393;border-left:1px solid #939393;border-right:1px solid #dedede;border-bottom:1px solid #dedede;border:expression((this.type=='radio'||this.type=='checkbox'||this.type=='image')?'0':'1px solid'); }
input[type='image'] {border:0;}

select {font-size: 9pt; font-family:dotum, arial; color: #666666;}
textarea {
	color: #666666;
	font-size: 11px;
	line-height: 1.3em;
	font-family: Dotum, µ¸¿ò, sans-serif;
	background: #FFFFFF;
	border:1px solid #dbdbdb;
	scrollbar-face-color: #FFFFFF;
	scrollbar-highlight-color: #FFFFFF;
	scrollbar-3dlight-color: #dedede;
	scrollbar-darkshadow-color: #dedede ;
	scrollbar-shadow-color: #fff;
	scrollbar-arrow-color: #858585;
	scrollbar-track-color: #fff;
	scrollbar-base-color:#fff;
}

 p.txt {
	background: #FFFFFF;	
	scrollbar-face-color: #FFFFFF;
	scrollbar-highlight-color: #FFFFFF;
	scrollbar-3dlight-color: #dedede;
	scrollbar-darkshadow-color: #dedede ;
	scrollbar-shadow-color: #fff;
	scrollbar-arrow-color: #858585;
	scrollbar-track-color: #fff;
	scrollbar-base-color:#fff;
	padding:10px 0 0 10px;
}



/* ÆÒ·¹ÅÍ ÄÁÅÙÃ÷ S */
.Letter {
  overflow-y:scroll;
  width:280px;
  height:170px;
	color: #666666;
	font-size: 12px;
	line-height: 1.3em;
	font-family: Dotum, µ¸¿ò, sans-serif;
	background: #FFFFFF;
	border:0;
	scrollbar-face-color: #c59c70;
	scrollbar-highlight-color: #fbe6ae;
	scrollbar-3dlight-color: #fbe6ae;
	scrollbar-darkshadow-color: #fbe6ae ;
	scrollbar-shadow-color: #fbe6ae;
	scrollbar-arrow-color: #fff;
	scrollbar-track-color: #fbe6ae;
	scrollbar-base-color:#fff;
}

.Sand {
  overflow-y:scroll;
  width:274px;
  height:164px;
	color: #666666;
  background:#f7e7c6;
	font-size: 12px;
  padding:3px;
	line-height: 1.3em;
	font-family: Dotum, µ¸¿ò, sans-serif;
	border:#d1cbbd 1px solid;
	scrollbar-face-color: #c59c70;
	scrollbar-highlight-color: #fbe6ae;
	scrollbar-3dlight-color: #fbe6ae;
	scrollbar-darkshadow-color: #fbe6ae ;
	scrollbar-shadow-color: #fbe6ae;
	scrollbar-arrow-color: #fff;
	scrollbar-track-color: #fbe6ae;
	scrollbar-base-color:#fff;
}


/* ÆÒ·¹ÅÍ ÄÁÅÙÃ÷ E */

table { border-collapse:collapse;table-layout:fixed;border:none; }
th, td { padding:0;margin:0;word-break:break-all; }
dd { word-break:break-all; }

/* ¿ìÃø¹öÆ° */
.UnderBtn { width:570px; }
.UnderBtn div { float:right; }


/* Layout */

#BodyContainer{width: 100%;}
/*#BodyContainer{width: 100%; height: 100%;} 071206 eidt À̱¤½Ä */

#TopContainer{position:relative;width: 955px; height: 340px; clear: both;}


#MiddleContainer{width: 955px; background: url('/Images/Common/Layout/Middle_Bg.gif') repeat-y top left;min-height:500px; float: left;}
	*html#MiddleContainer {height:500px;}

	#LeftContainer{width: 175px; position: absolute; left: 0; top: 340px;}
	html>body #LeftContainer{left: 1px; top: 341px;} /*IE Exclusion */



	#CenterContainer{margin-left:150px;width:700px;background: url('/Images/Common/Layout/Center_Bg1.gif') no-repeat  top right;  }
		#TitleArea { position:absolute;left:190px;top:280px;width:620px; z-index: 999;}
			h1 { float:left; }

/* Location Information */
			p.location { float:right; font-size: 8pt; font-family: dotum; color: #908f8f;}
        p.location a:link, p.location a:active, p.location a:visited{color: #908f8f; text-decoration: none; font-weight: normal;}
        p.location a:hover{color: #908f8f; text-decoration: underline;}
      p.location img{border: 0; vertical-align: top; padding-top: 4px; padding-right: 0; margin: 0;}
      p.location span{color: #ff6000; font-size: 8pt; font-family: dotum;}

	#ContentsContainer {margin-left: 40px; min-height:500px; width: 620px;}

	*html #ContentsContainer { height:500px; }
	#RightContainer{position:absolute;left:850px;top:230px;}

#FooterContainer{width: 955px; height: 166px; clear: both;}


/********* Small List *********/

#SList dt { float:left; margin:0; padding:5px 0;}
#SList dd  { float:left; margin:0; padding:6px 0;}
#SList dt img { vertical-align:middle; }
#SList .ViewPrev img, #SList  .ViewNext img { vertical-align:middle;margin-right:6px; }
#SList .ViewPrev {width:83px;padding-left:12px; }
html>body #SList .ViewPrev { width:71px; } /*IE Exclusion */
#SList .ViewNext { clear:both;width:83px;padding-left:12px; }
html>body #SList .ViewNext { width:71px; } /*IE Exclusion */


/********* TopListContents *********/

#TopListContents { width:542px;border-top:1px solid #f9b58a;border-bottom:1px solid #f9b58a;margin-top:10px; }
html>body #TopListContents { width:520px; } /* IE Á¦¿Ü */
#TopListContents td.NoLine { background-image:none; }
#TopListContents td { height:22px;background-image:url('/Images/Common/Tip/line_c8c8c8.gif');background-repeat:repeat-x;background-position:left bottom;color:#666;font-family:verdana;font-size:11px;text-align:center;}
#TopListContents .Hover { padding-left:22px;font-size:9pt;font-family:µ¸¿ò;text-align:left; }
#TopListContents .Hover a { font-size:9pt;font-family:µ¸¿ò; }
#TopListContents .Hover a:hover  { font-size:9pt;font-family:µ¸¿ò;text-decoration:none; }
#TopListContents .Title { font-family:µ¸¿ò;font-size:9pt;text-align:left; }
#TopListContents .Title span { color:#bc6864; }
#TopListContents .Hit { vertical-align:top;margin-left:6px; }
#TopListContents .Balloon { vertical-align:middle;margin-right:3px; }
#TopListContents .Hover a:visited {color:#e8600e;}/*20080429Ãß°¡*/

#TopListFoot { width:542px; }
#TopListFoot td { height:40px; }
#TopListFoot #PageTxt { margin-left:7px;font-family:verdana;font-size:7pt;color:#666; }
#TopListFoot #PageTxt img { margin-right:7px; }

#TopListFoot #Page { text-align:center; }
#TopListFoot #Page img { vertical-align:middle;margin-top:-2px; }
*html #TopListFoot #Page img { vertical-align:middle;margin-top:1px; }
*+html #TopListFoot #Page img { vertical-align:middle;margin-top:1px; }
#TopListFoot #Page a { margin:0 2px;font-size:7pt;font-family:verdana;font-weight:bold;color:#666;vertical-align:middle; }
#TopListFoot #Page span { margin:0 1px;font-family:verdana;font-size:7pt;font-weight:bold;color:#c8c8c8;vertical-align:middle; }
#TopListFoot #Page .b { color:#ff7a00; }


/**************** Tab **************/

div.tab { width:580px;background:url(/images/Common/Layout/bg_tab_menu.gif) repeat-x bottom left;height:21px;margin-bottom:30px; }
div.tab ul { list-style:none;clear:both;margin-left:6px; }
div.tab ul li { float:left;margin-right:3px; }
div.tab ul li img { vertical-align:top; }


/**************** ¾²±âÆäÀÌÁö ¼öÁ¤ **************/
#FanStoryWrite  th.thTop { width: 60px; }
#FanStoryWrite  td.tdTop { font-size: 9pt; }
#FanStoryWrite  td.Title input { width: 493px; }

#Write { margin-left: 20px; }
#Write th.thTop { width: 60px; }
#Write  td.tdTop { font-size: 9pt; }
#Write  td.Title input { width: 493px; }




/**************** ¾²±âÆäÀÌÁö ¼öÁ¤ **************/

div.inputcon { width:580px; background:url(/images/Knights/About/SeasonAdvanseSale_input_bg.gif) repeat-y bottom left;height:189px; margin-top:14px; margin-bottom:15px; }
div.inputcon ul { list-style:none; clear:both;}
div.inputcon ul li { float:left;}
div.inputcon ul li .txt { padding-top:10px;}
div.inputcon ul li img { vertical-align:top; }