@charset "utf-8";
/* Author: Lee seoung jong */
@import url("default.css");
@import url("common.css");
@import url("layout.css");
@import url("board.css");

 #essay_word
 {
	height:94px; 
	padding:22px 0 0 193px; margin-bottom:30px;
	background:url(/images/essay/essay_word_bg.jpg) left top no-repeat;
 }
#essay_word strong{color:#429DC3; font-size:13px;}
#essay_word p{padding-top:8px;}



#essaybg{width:685px; height:1490px; background:url(/images/essay/essaybg.jpg) left top no-repeat; }

.meth-man{float:left; margin:300px 0 0 45px; _margin:300px 0 0 22px; width:270px; height:180px; }
.meth-man li {float:left; background:url(/images/essay/slice_dots.gif) repeat-x 0 bottom; width:264px; padding:4px 0 3px 0;}
.meth-man li a {text-decoration:none; background:url(/images/essay/list_bull_01.gif) no-repeat 0 3px; padding:0 0 0 10px;
font-family: 돋움; font-size:12px; color:#626262; line-height:1.1em; _line-height:0.8em;}

.science{float:left; margin:300px 0 0 50px; _margin:300px 0 0 50px;  width:270px; height:180px; }
.science li{float:left; background:url(/images/essay/slice_dots.gif) repeat-x 0 bottom; width:264px; padding:4px 0 3px 0;}
.science li a{text-decoration:none; background:url(/images/essay/list_bull_01.gif) no-repeat 0 3px; padding:0 0 0 10px;
font-family: 돋움; font-size:12px; color:#626262; line-height:1.1em; _line-height:0.8em;}

.history{float:left; margin:60px 0 0 50px; _margin:60px 0 0 22px; width:270px; height:180px; }
.history li {float:left; background:url(/images/essay/slice_dots.gif) repeat-x 0 bottom; width:264px; padding:4px 0 3px 0;}
.history li a {text-decoration:none; background:url(/images/essay/list_bull_01.gif) no-repeat 0 3px; padding:0 0 0 10px;
font-family: 돋움; font-size:12px; color:#626262; letter-spacing:-1px; line-height:1.1em; _line-height:0.8em;}

.computer{float:left; margin:60px 0 0 50px; _margin:60px 0 0 50px; width:270px; height:180px; }
.computer li {float:left; background:url(/images/essay/slice_dots.gif) repeat-x 0 bottom; width:264px; padding:4px 0 3px 0;}
.computer li a{text-decoration:none; background:url(/images/essay/list_bull_01.gif) no-repeat 0 3px; padding:0 0 0 10px;
font-family: 돋움; font-size:12px; color:#626262; letter-spacing:-1px; line-height:1.1em; _line-height:0.8em;}

.story{float:left; margin:133px 0 0 50px; _margin:375px 0 0 -590px; width:270px; height:180px; }
.story li {float:left; background:url(/images/essay/slice_dots.gif) repeat-x 0 bottom; width:264px; padding:3px 0 3px 3px;}
.story li a { float:left; text-decoration:none; background:url(/images/essay/list_bull_01.gif) no-repeat 0 3px; padding:0 0 0 10px;
font-family: 돋움; font-size:12px; color:#626262; letter-spacing:-0.5px; line-height:1.1em; _line-height:1.2em;}

.life{ float:left; margin:133px 0 0 50px; _margin:375px 0 0 -267px; width:310px; height:180px; }
.life li {float:left; background:url(/images/essay/slice_dots.gif) repeat-x 0 bottom; width:264px; padding:4px 0 3px 0;}
.life li a {text-decoration:none; background:url(/images/essay/list_bull_01.gif) no-repeat 0 3px; padding:0 0 0 10px;
font-family: 돋움; font-size:12px; color:#626262; letter-spacing:-0.5px; line-height:1.1em; _line-height:0.8em;}


.essayBox  .essayPage{position:absolute; top:5px; right:12px;}
.essayBox  .essayPage *{ vertical-align:middle;}
.essayBox  .essayPage span{color:#ccc;}
.essayBox  .essayPage a{color:#666;}
.essayBox  .essayPage .gu{ padding:0 2px;background:url(/images/essay/essay_page_gu.gif) center center no-repeat;}
.essayBox .box{border:2px solid #ccc;}
.essayMsg{height:16px;font-size:11px; color:#E5A567; } 
#essay_story td, #essay_history td,
#essay_life td, #essay_computer td{color:#3f3f3f;}
#essayBanner{height:85px;}
#essayView{margin-bottom:20px;}
.essayList{float:left; margin-left:2px; display:inline;width:682px;border:1px solid #ccc; border-bottom:0; border-right:0;}
.essayList li{
	position:relative;
	float:left;width:277px; height:24px; margin-bottom;1px;
	padding:13px 0 0 63px; border-bottom:1px solid #ccc;  border-right:1px solid #ccc; background:url(/images/essay/arrow_off.gif) 315px center no-repeat;
}
.essayList li.on{background-color:#F7F8F8; background-image:url(../../images/essay/arrow_on.gif);}
.essayList li.on a{font-weight:bold;}
.essayList li .box{position:absolute; left:0; top:0px; border-right:1px solid #ccc;}