@charset "utf-8";
/**
 Blog-CSS |
 Author : 		An.sehan (Ash/birdhoney/Tinja/plandas) plandas@naver.com
 
 *description |
	 - 이하 _width,  _height : ie6 전용속성 ( _height는 IE 6을 위한것임)
*/

br { letter-spacing:0px; } /* ie letter-spacing:-1 bug fix */

pre { _width:99%; } /* ie6 bug fix for AshCodeHighlighter */

form { display:inline; }

table.D { border:1px solid #DDDDDD; }
table.D td { border:1px solid #DDDDDD; }
a.K { font-family:맑은 고딕,Arial; color:#733900; }
.Eng { font-family:Arial; letter-spacing:0px; } /** ConvertEngChar 전용 */

.Bblack, .Bred, .Bblue, .Bgray  { letter-spacing:0px; font-weight:bold; }
.Bblack { color:#000000; }
.Bred { color:#CC6600; }
.Bblue { color:#0000CE; }
.Bgray { color:#454545; }

.Icon_img, .Icon_swf, .Icon_fla, .Icon_zip, .Icon_html { display:inline-block; height:18px; padding-left:19px; line-height:18px; }
.Icon_img { background: url(images/icon/img.gif) no-repeat; }
.Icon_swf { background: url(images/icon/swf.gif) no-repeat; }
.Icon_fla { background: url(images/icon/fla.gif) no-repeat; }
.Icon_zip { background: url(images/icon/zip.gif) no-repeat; }
.Icon_html { background: url(images/icon/html.gif) no-repeat; }

.Accordion { display:none; }

/**@ Custom Class(with editor) **/
	.Ash { letter-spacing:-1px; }
	/** for div **/
	.Code { padding:10px; background:url(images/code_quote_bg.gif); font-family:Arial; line-height:18px; color:#666666; letter-spacing:0px; border:10px solid #EEEEEE;  _display:inline-block;  }	
	.Code_IB { display:inline-block; padding:10px; background:url(images/code_quote_bg.gif); font-family:Arial; line-height:18px; color:#666666; letter-spacing:0px; border:10px solid #EEEEEE;  zoom:1; * display:inline;  }
	.Code2 { padding:10px; background:url(images/code2_quote_bg.gif); font-family:Arial; line-height:18px; color:#FFFFFF; letter-spacing:0px; border:10px solid #CAA879;  _display:inline-block; }
	.Code2_IB { display:inline-block; padding:10px; background:url(images/code2_quote_bg.gif); font-family:Arial; line-height:18px; color:#FFFFFF; letter-spacing:0px; border:10px solid #CAA879;  zoom:1; * display:inline; }
	.HeadBlack { color:#000000; font-size:13px; font-weight:bold; }


#Dummy,.Dummy { display:none; }


#Login { position:absolute; display:none; width:150px; height:200px; background: url(images/sign_in.gif) no-repeat; cursor:move; }
	#Login .Close { position:absolute; left:120px; top:10px; cursor:pointer;  }
	#Login .Id { position:absolute; left:45px; top:65px; width:80px; background-color:transparent; border:0px solid #000000; }
	#Login .Pw { position:absolute; left:45px; top:100px; width:80px; background-color:transparent; border:0px solid #000000; }
	#Login .Submit { position:absolute; left:15px; bottom:20px; width:120px; background-color:transparent; border:0px solid #000000; cursor:pointer; }



/** *@ Container-Box - Style1 | 기본 container는 모두 div이어야함. 
*/

.BoxStyleDefault { margin:0px; cursor:default; _display:inline-block; }
	.BoxStyleDefault .Top { position:relative; height:10px; }
		.BoxStyleDefault .Top .Left { position:absolute; left:0px; top:0px;  width:15px; height:10px; background: url(images/box_style_default.gif) no-repeat left top; }
		.BoxStyleDefault .Top .Center { height:10px; margin:0px 15px 0px 15px; background-color:#D8B264; }
		.BoxStyleDefault .Top .Right { position:absolute;  right:0px; top:0px; width:15px; height:10px; background: url(images/box_style_default.gif) no-repeat right top; }
	.BoxStyleDefault .Middle { background-color:#D8B264; } /**@ Content 부분 **/
	.BoxStyleDefault .Bottom { position:relative; height:10px; }
		.BoxStyleDefault .Bottom .Left { position:absolute; left:0px; top:0px;  width:15px; height:10px; background: url(images/box_style_default.gif) no-repeat left bottom; }
		.BoxStyleDefault .Bottom .Center { height:10px; margin:0px 15px 0px 15px; background-color:#D8B264; }
		.BoxStyleDefault .Bottom .Right { position:absolute;  right:0px; top:0px; width:15px; height:10px; background: url(images/box_style_default.gif) no-repeat right bottom; }

	.BoxStyleDefault .Inner { position:relative; height:25px; }
		.BoxStyleDefault .Inner .Left { position:absolute; left:0px; top:0px;  width:10px; height:25px; background: url(images/box_style_default_inner.gif) no-repeat left top; }
		.BoxStyleDefault .Inner .Center { height:25px; margin:0px 10px 0px 10px; background-color:#CC9B35;  _margin-bottom:-1px; }
		.BoxStyleDefault .Inner .Right { position:absolute;  right:0px; top:0px; width:10px; height:25px; background: url(images/box_style_default_inner.gif) no-repeat right top; }


/**2009.03.19 레이아웃 이미지 색상만 변경해서 추가
*/
.BoxStyleDefault2 { margin:0px; cursor:default; _display:inline-block; }
	.BoxStyleDefault2 .Top { position:relative; height:10px; }
		.BoxStyleDefault2 .Top .Left { position:absolute; left:0px; top:0px;  width:15px; height:10px; background: url(images/box_style_default2.gif) no-repeat left top; }
		.BoxStyleDefault2 .Top .Center { height:10px; margin:0px 15px 0px 15px; background-color:#8A8FCF; }
		.BoxStyleDefault2 .Top .Right { position:absolute;  right:0px; top:0px; width:15px; height:10px; background: url(images/box_style_default2.gif) no-repeat right top; }
	.BoxStyleDefault2 .Middle { background-color:#8A8FCF; } /**@ Content 부분 **/
	.BoxStyleDefault2 .Bottom { position:relative; height:10px; }
		.BoxStyleDefault2 .Bottom .Left { position:absolute; left:0px; top:0px;  width:15px; height:10px; background: url(images/box_style_default2.gif) no-repeat left bottom; }
		.BoxStyleDefault2 .Bottom .Center { height:10px; margin:0px 15px 0px 15px; background-color:#8A8FCF; }
		.BoxStyleDefault2 .Bottom .Right { position:absolute;  right:0px; top:0px; width:15px; height:10px; background: url(images/box_style_default2.gif) no-repeat right bottom; }

	.BoxStyleDefault2 .Inner { position:relative; height:25px; }
		.BoxStyleDefault2 .Inner .Left { position:absolute; left:0px; top:0px;  width:10px; height:25px; background: url(images/box_style_default2_inner.gif) no-repeat left top; }
		.BoxStyleDefault2 .Inner .Center { height:25px; margin:0px 10px 0px 10px; background-color:#7277BB;  _margin-bottom:-1px; }
		.BoxStyleDefault2 .Inner .Right { position:absolute;  right:0px; top:0px; width:10px; height:25px; background: url(images/box_style_default2_inner.gif) no-repeat right top; }



/**2009.03.19 레이아웃 이미지 색상만 변경해서 추가
*/
.BoxStyleDefault3 { margin:0px; cursor:default; _display:inline-block; }
	.BoxStyleDefault3 .Top { position:relative; height:10px; }
		.BoxStyleDefault3 .Top .Left { position:absolute; left:0px; top:0px;  width:15px; height:10px; background: url(images/box_style_default3.gif) no-repeat left top; }
		.BoxStyleDefault3 .Top .Center { height:10px; margin:0px 15px 0px 15px; background-color:#7D4B22; }
		.BoxStyleDefault3 .Top .Right { position:absolute;  right:0px; top:0px; width:15px; height:10px; background: url(images/box_style_default3.gif) no-repeat right top; }
	.BoxStyleDefault3 .Middle { background-color:#7D4B22; } /**@ Content 부분 **/
	.BoxStyleDefault3 .Bottom { position:relative; height:10px; }
		.BoxStyleDefault3 .Bottom .Left { position:absolute; left:0px; top:0px;  width:15px; height:10px; background: url(images/box_style_default3.gif) no-repeat left bottom; }
		.BoxStyleDefault3 .Bottom .Center { height:10px; margin:0px 15px 0px 15px; background-color:#7D4B22; }
		.BoxStyleDefault3 .Bottom .Right { position:absolute;  right:0px; top:0px; width:15px; height:10px; background: url(images/box_style_default3.gif) no-repeat right bottom; }

	.BoxStyleDefault3 .Inner { position:relative; height:25px; }
		.BoxStyleDefault3 .Inner .Left { position:absolute; left:0px; top:0px;  width:10px; height:25px; background: url(images/box_style_default3_inner.gif) no-repeat left top; }
		.BoxStyleDefault3 .Inner .Center { height:25px; margin:0px 10px 0px 10px; background-color:#673c19;  _margin-bottom:-1px; }
		.BoxStyleDefault3 .Inner .Right { position:absolute;  right:0px; top:0px; width:10px; height:25px; background: url(images/box_style_default3_inner.gif) no-repeat right top; }




.BoxStyle1 { position:relative; width:100%; background-color:#ffffff; cursor:default; }
	/**@ layout **/
	.BoxStyle1 .Layout { position:absolute;  left:0px; top:0px;  width:100%; height:100%;  _height:expression(parentNode.offsetHeight); }
		.BoxStyle1 .Layout .L { float:left; width:25px; height:100%; background: url(images/box_style1m.gif) repeat-y left top;   _height:expression(parentNode.offsetHeight); }
		.BoxStyle1 .Layout .R { float:right; width:25px; height:100%; background: url(images/box_style1m.gif) repeat-y right top;   _height:expression(parentNode.offsetHeight); }
		.BoxStyle1 .Layout .T { position:absolute; left:0px; top:0px; width:100%; height:25px; background: url(images/box_style1c.gif) repeat-x left top; }
			.BoxStyle1 .Layout .T .L { float:left; width:25px; height:100%; background: url(images/box_style1l.gif) no-repeat left top; }
			.BoxStyle1 .Layout .T .R { float:right; width:25px; height:100%; background: url(images/box_style1r.gif) no-repeat right top; }
		.BoxStyle1 .Layout .B { position:absolute; left:0px; bottom:0px; width:100%; height:25px; background: url(images/box_style1c.gif) repeat-x left bottom; }
			.BoxStyle1 .Layout .B .L { float:left; width:25px; height:100%; background: url(images/box_style1l.gif) no-repeat left bottom; }
			.BoxStyle1 .Layout .B .R { float:right; width:25px; height:100%; background: url(images/box_style1r.gif) no-repeat right bottom; }
	/**@ content **/
	.BoxStyle1 .Content { position:relative; z-index:31; min-width:50px; min-height:50px; color:#333333; font-size:12px; font-weight:normal; }
		.BoxStyle1 .Content .Icon { color:#ff0000; vertical-align: text-bottom; }
		.BoxStyle1 .Content .Title { font-weight:bold; line-height:24px; border-bottom:1px solid #dfdfdf; vertical-align: baseline;}
		.BoxStyle1 .Content .SubTitle { color:#666666; font-size:11px; font-weight:normal; line-height:24px; border-bottom:1px solid #dfdfdf; vertical-align: baseline;}
		.BoxStyle1 .Content .Content {  font-weight:normal; }
		.BoxStyle1 .Content li { color:#888888; }


/** .BoxStyle2 는 오류때문에 지웠슴 **/


.BoxStyle3 { position:relative; width:100%; color:#ffffff; background-color:#A5ADE0; cursor:default; }
	/**@ layout **/
	.BoxStyle3 .Layout { position:absolute;  left:0px; top:0px;  width:100%; height:100%;  _height:expression(parentNode.offsetHeight); }
		.BoxStyle3 .Layout .L { float:left; width:25px; height:100%; background: url(images/box_style3m.gif) repeat-y left top;   _height:expression(parentNode.offsetHeight); }
		.BoxStyle3 .Layout .R { float:right; width:25px; height:100%; background: url(images/box_style3m.gif) repeat-y right top;   _height:expression(parentNode.offsetHeight); }
		.BoxStyle3 .Layout .T { position:absolute; left:0px; top:0px; width:100%; height:25px; background: url(images/box_style3c.gif) repeat-x left top; }
			.BoxStyle3 .Layout .T .L { float:left; width:25px; height:100%; background: url(images/box_style3l.gif) no-repeat left top; }
			.BoxStyle3 .Layout .T .R { float:right; width:25px; height:100%; background: url(images/box_style3r.gif) no-repeat right top; }
		.BoxStyle3 .Layout .B { position:absolute; left:0px; bottom:0px; width:100%; height:25px; background: url(images/box_style3c.gif) repeat-x left bottom; }
			.BoxStyle3 .Layout .B .L { float:left; width:25px; height:100%; background: url(images/box_style3l.gif) no-repeat left bottom; }
			.BoxStyle3 .Layout .B .R { float:right; width:25px; height:100%; background: url(images/box_style3r.gif) no-repeat right bottom; }
	/**@ content **/
	.BoxStyle3 .Content { position:relative; z-index:31; min-width:50px; min-height:50px; color:#ffffff; font-size:12px; font-weight:normal; }
		.BoxStyle3 .Content .Icon { color:#ffffff; vertical-align: text-bottom; }
		.BoxStyle3 .Content .Title { font-weight:bold; line-height:24px; border-bottom:1px solid #dfdfdf; vertical-align: baseline;}
		.BoxStyle3 .Content .SubTitle { color:#ffffff; font-size:11px; font-weight:normal; line-height:24px; border-bottom:1px solid #dfdfdf; vertical-align: baseline;}
		.BoxStyle3 .Content .Content {  font-weight:normal; }
		.BoxStyle3 .Content li { color:#ffffff; }



/**
*@ Box Inner Style only Top */
.BoxInnerStyle1Top { color:#666666; background-color:transparent;  background: url(images/box_inner_style1t.gif) repeat-x left top; 
																border-top:0px solid #000000; border-left:1px solid #eeeeee; border-right:1px solid #eeeeee; border-bottom:1px solid #eeeeee; }
	.BoxInnerStyle1Top input { background-color:transparent; border:0px solid #000000; }



/** 
*@ Menu | usage.( <div class='MenuBasic1'><span>button</span></div> )
*/
.MenuBasic1 { float:left; height:20px; padding-left:8px; background: url(images/menu_basic1l.gif) no-repeat left top; color:#333333; font-size:11px; font-weight:normal; line-height:20px; cursor:pointer; }
.MenuBasic1 span { display:block; float:left; height:20px; padding-right:10px; background: url(images/menu_basic1r.gif) no-repeat right top; }
.MenuBasic1:hover { background-position:left -20px; color:#ffffff; }
.MenuBasic1:hover span { background-position:right -20px; }

.MenuBasic2 { float:left; height:20px; padding-left:8px; background: url(images/menu_basic2l.gif) no-repeat left top; color:#ffffff; font-size:11px; font-weight:normal; line-height:20px; cursor:pointer; }
.MenuBasic2 span { display:block; float:left; height:20px; padding-right:10px; background: url(images/menu_basic2r.gif) no-repeat right top; }
.MenuBasic2:hover { background-position:left -20px; }
.MenuBasic2:hover span { background-position:right -20px; }

.MenuBasic3 { float:left; height:20px; padding-left:8px; background: url(images/menu_basic3l.gif) no-repeat left top; color:#000000; font-size:11px; font-weight:normal; line-height:20px; cursor:pointer; }
.MenuBasic3 span { display:block; float:left; height:20px; padding-right:10px; background: url(images/menu_basic3r.gif) no-repeat right top; }
.MenuBasic3:hover { background-position:left -20px; color:#ffffff; }
.MenuBasic3:hover span { background-position:right -20px; }

.MenuBasic4 { float:left; height:20px; padding-left:8px; background: url(images/menu_basic4l.gif) no-repeat left top; color:#ffffff; font-size:11px; font-weight:normal; line-height:20px; cursor:pointer; }
.MenuBasic4 span { display:block; float:left; height:20px; padding-right:10px; background: url(images/menu_basic4r.gif) no-repeat right top; }
.MenuBasic4:hover { background-position:left -20px; color:#ffffff; }
.MenuBasic4:hover span { background-position:right -20px; }

.MenuBasic5 { float:left; height:20px; padding-left:8px; background: url(images/menu_basic5l.gif) no-repeat left top; color:#ffffff; font-size:11px; font-weight:normal; line-height:20px; cursor:pointer; }
.MenuBasic5 span { display:block; float:left; height:20px; padding-right:10px; background: url(images/menu_basic5r.gif) no-repeat right top; }
.MenuBasic5:hover { background-position:left -20px; color:#ffffff; }
.MenuBasic5:hover span { background-position:right -20px; }


/**
*@ Combobox.| usage.(<div class='Combobox1'><span>combobox</span></div>)
*/
.Combobox1 { height:30px; background: url(images/combobox1l.gif) no-repeat left top; color:#666666; font-size:11px; font-weight:normal; line-height:30px; cursor:default;}
.Combobox1 span { display:block; height:30px; margin-left:10px; color:#666666; background: url(images/combobox1r.gif) no-repeat right top; }
.Combobox1:hover { background-position:left -30px; }
.Combobox1:hover span { background-position:right -30px; color:#000000; }


/**
@ Text Typo 
**/

.THeadTitle { letter-spacing:-0.2px; padding:5px 5px 1px 0px; line-height:24px; border-bottom:1px solid #dfdfdf; margin-bottom:8px;  vertical-align: middle;}
.THeadTitle .I { color:#ff0000; font-size:16px;  vertical-align: text-bottom; }
.THeadTitle .Head {  color:#000000; font-weight:bold; font-size:20px; background-color:#F9E6BF; padding:5px 5px 1px 0px; vertical-align: baseline;}
.THeadTitle .Sub { color:#666666; font-weight:normal; font-size:16px; vertical-align: baseline;}

.TSubTitle { color:#000000; font-weight:bold; font-size:16px; letter-spacing:-0.5px; border-bottom:1px solid #dfdfdf;  vertical-align: baseline;}