/* CSS Document */

@import url("board.css");

/*********************************************
* BODY
*********************************************/
* {padding: 0px; margin: 0px; color: #4E4E4E; font-family:Dotum, AppleGothic, tahoma;}
html, body, div	{ 
		         scrollbar-3dlight-color:#ffffff;
                 scrollbar-arrow-color:#D0291B;
                 scrollbar-track-color:#F4F4F4;
                 scrollbar-darkshadow-color:#ffffff;
                 scrollbar-face-color:#EDEDED;
                 scrollbar-highlight-color:ffffff;
                 scrollbar-shadow-color:#
}
html	   {overflow-y:scroll;}
html, body {padding: 0px; margin: 0px; }
body       {padding: 0px; margin: 0px; font-size: 12px; color: #4E4E4E; line-height: 18px; font-family:Dotum, AppleGothic, tahoma;}
div, p, ol, ul, li, img, a, h1, h2, h3, h4, h5, h6, form, span, iframe, dl, dt, dd   {margin:0px; padding:0px;}
address, caption, cite, code, dfn, em, strong, th, var {font-style: normal;}
table      {border-collapse: collapse; border-spacing: 0px;}
td 		   {color:#4E4E4E; font-size:12px;line-height:18px;}
div, p, td {word-break: break-all;}
ol, ul {list-style: none;}
fieldset, Img {border: 0px none;}
caption {display:none;}


/*********************************************
* FORM
*********************************************/
select      {color:#939393; border:#CAC8C8 1px solid; vertical-align:middle;}
.input      {color:#666666; padding:0px 0px 0px 3px; border:#E0E0E0 1px solid; vertical-align:middle;height:17px; line-height:16px;}
textarea    {color:#666666; padding:5px; border:#E0E0E0 1px solid; margin:5px 0;}
.radio      {vertical-align:middle;}
.select_01  {behavior: url('../css/selectbox_company.htc');} 

/********************************************* 
* LINK 
*********************************************/ 
a:link	  	{color:#4E4E4E;  text-decoration:none;}
a:visited	{color:#4E4E4E;  text-decoration:none;}	
a:active	{color:#4E4E4E;  text-decoration:none;}	
a:hover		{color:#000000;  text-decoration:underline;}




/*********************************************
* contents 
*********************************************/
#wrapper      {width:100%;text-align:center;position:relative;}
#main_top     {width:947px;position:relative;text-align:left; height:128px; margin:0 auto;}
#main_top h1 a{position:absolute;top:0;left:391px;background:url(../images/logo_n.jpg)/*(../images/logo.jpg)*/ no-repeat top center;width:174px;height:69px;text-indent:-9999px;display:block; cursor:pointer; z-index:2;}
#sub_wrapper  {width:100%;text-align:center;position:relative;background:url(../images/sub_bg.jpg) repeat-x top center;}
#sub_top      {width:947px;position:relative;text-align:left; margin:0 auto;height:138px;}
#sub_top h1 a {position:absolute;top:0;left:0;background:url(../images/sub_logo.gif) no-repeat top left;width:230px; height:137px;text-indent:-9999px;display:block; cursor:pointer; z-index:2;}
/**html #sub_top h1 a  {background:none;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/sub_logo.png', sizingMethod='crop');}*/
#sub_top .menu{width:495px;height:auto !important; height:117px; min-height:117px;position:relative; float:right; padding-top:20px;}
#sub_top .top_menu   {position:absolute; top:0; right:0;z-index:2;}
#sub_top .top_menu ul{float:right;}
#sub_top .top_menu li{float:left;display:inline;}
#main_container {width:947px; margin:0 auto 20px auto; position:relative;}
#container {width:947px; margin:0 auto 50px auto; position:relative;}
#container:after { /* after */
 content:".";
 display:block;
 height:0;
 clear:both;
 visibility:hidden; 
}  
*html #container  {height:1%;} /* IE5, IE6 */
*:first-child+html #container  {height:1%;} /* IE7 */ 


/* bottom */
#bottom   {width:100%;text-align:center; position:relative; border-top:#DEDEDE 1px solid;}
#bottom .footer  {width:947px; position:relative; margin:0 auto;}
#bottom .footer .copy {float:left;padding-top:15px; padding-bottom:10px;}
#bottom .footer .menu {padding-top:15px;}
#bottom .footer .menu li {float:right;line-height:1;}


/*  index    */
#main_bg {background:url(../images/main_bg.jpg) repeat-x top center #ffffff;}
#main_content {width:947px; position:relative;}
#main_content:after { /* after */
 content:".";
 display:block;
 height:0;
 clear:both;
 visibility:hidden; 
}  
*html #main_content {height:1%;} /* IE5, IE6 */
*:first-child+html #main_content   { height:1%;} /* IE7 */
#main_link  {float:left;position:relative;width:717px;}
#main_right {float:left;position:relative;width:230px;}
.login {position:relative;width:230px; height:131px; background:url(/images/login_bg.gif) no-repeat top center;}
.login .td_login {position:absolute;top:43px;left:14px;width:196px;z-index:2;}
.login .td_login input{height:19px;color:#666666; padding:0px 0px 0px 2px; border:#CAC8C8 1px solid;line-height:17px;}
.login .join_btn {position:relative;margin:62px 0 0 17px; text-align:left; letter-spacing:}
.logout {position:relative;width:230px; height:131px; background:url(../images/logout_bg.gif) no-repeat top center;color:#5D5D5D; text-align:left;}
.logout .title {font-size:16px; font-weight:bold; color:#ffffff; padding-top:8px; text-align:center;letter-spacing:-0.5px;}
.logout .user {margin:0 16px 0 18px;font-size:14px; color:#000000; padding:16px 0 6px 0;background:url(../images/btn/dot.gif) repeat-x bottom center;letter-spacing:-0.5px;}
.logout .user .name {font-size:16px; color:#DE8D00;font-weight:bold;}
.logout .ally {margin:0 16px 0 19px;padding:5px 0 7px 0;}
.quick_link {position:relative;width:230px;padding-top:17px;height:95px;}
.quick_link li{float:left; line-height:1;}


/*  sub   */
#left_content  {float:left; width:230px; position:relative;}
#left_content .left_menu {position:relative;background:url(/images/center_bg.gif) repeat-y top left;margin-top:12px;width:230px;}
#left_content .left_menu dt {height:48px; margin:0;}
#left_content .l_menu {background:url(../images/bottom_bg.gif) no-repeat bottom left; height:62px;}
#content  {position:relative;float:right;width:677px; height:auto !important; height:360px; min-height:360px;text-align:left;}
#content .path  {position:absolute;top:10px;right:3px;text-align:right;font-size:11px; color:#A4A4A4;font-weight:normal;}
#content .path a {color:#A4A4A4;}
#content .path a:hover {color:#000000;}
#content .path img  {vertical-align:middle;}
#content .path span {color:#000000;}
#content .sub_tit {margin:10px 0px 36px 1px; color:#7C7C7C;}
#sub_month {margin:10px 0px 36px 1px; color:#7C7C7C;}
#sub_month .c_month{font:bold 18px tahoma;}

.study_tit {font:bold 14px tahoma; color:#000000; padding-left:12px; background:url(../images/btn/blit05.gif) no-repeat 0 50%; margin-bottom:15px;}
.study_tit2 {font:bold 12px tahoma; color:#000000; padding-left:12px; background:url(../images/btn/blit05.gif) no-repeat 0 50%; margin-bottom:15px;}
.study_tit3 {font:bold 16px tahoma; color:#000000; padding-left:12px; background:url(../images/btn/blit05.gif) no-repeat 0 50%; margin-bottom:8px;}
.category {background:url(../images/testing/box_bg.gif) no-repeat top left; height:42px; margin-bottom:20px; text-align:justify; padding:13px 20px 0 20px;} /*평가관*/
.expoint {background:url(../images/btn/icon_expoint.gif) no-repeat 0 50%;padding-left:18px;}


/*  3. 도서관   */
.read_data {background-color:#F6F7ED; border:1px solid #E5E8D6; padding:8px; margin-bottom:20px;}
.read_data .read_con {position:relative;float:left;background:url(../images/reading/book_bg2.jpg) no-repeat left top #ffffff; width:440px; height:128px;}
.read_data .read_con .gage      {position:absolute; background:url(../images/rp_bgspGage.gif) no-repeat left center; top:45px; left:145px; width:250px;}
.read_data .read_con .gage td   {font:bold 12px tahoma;color:#0a0a0a;}
.read_data .read_con .gage .red {font:bold 12px tahoma;color:#DE1422;}
.gage2 {background:#F0F0F0;width:100%;}
.read_data .read_con .tit       {font-weight:bold; color:#000000; margin:20px 0 0 145px;}
.read_data .read_con .tit2      {margin:35px 0 0 145px;}
.read_data .alice {float:right; margin-right:5px; margin-top:7px;}
.book {width:677px;position: relative; margin-bottom:40px;}
.book_list {width:677px;background:url(../images/reading/book_bg.jpg) no-repeat center bottom; text-align:center; padding-bottom:25px; margin-bottom:20px;}
.book_list td  {text-align:center; padding-bottom:10px;}
.book_list .ing{padding-top:7px;font-size:11px;line-height:15px; color:#9F9F9F;}
.book_con {width:677px;position:relative;}
.reading {position:relative;width:677px;CLEAR: both; OVERFLOW: hidden;}
.reading .img {float:left; margin:10px 15px 0 0;padding:4px; border:1px solid #D7D7D7;}
.reading .img2 {float:left; margin:0 18px 0 0;padding:2px; border:1px solid #D7D7D7;}
.reading .center_p {width:555px;float:left;margin-top:5px;}
.reading .center_p dt {color:#9F9F9F; margin-bottom:2px;}
.reading .center_p dd {font-weight:bold;}
.reading .center_p dd.b_name {font:bold 16px tahoma; color:#000000; margin-bottom:17px;}
.book_con .unit {position:relative;margin-top:20px;border-bottom:1px solid #D9D9D9;}
.book_con .unit td {border-top:1px solid #F0F0F0;height:32px; padding:0 10px;}
.step {width:100%;border-top:1px solid #D7D7D7;border-left:1px solid #D7D7D7; text-align:center; margin-bottom:20px;}
.step ul{overflow:hidden;width:677px;}
.step li{float:left;text-align:center;border-right:1px solid #D7D7D7;border-bottom:1px solid #D7D7D7; padding:6px 0 4px 0;width:96px;}
.step li a {padding:6px 0 4px 0;margin:-6px 0 -4px 0;display:block;}
.step li.last{float:left;text-align:center;border-right:1px solid #D7D7D7;border-bottom:1px solid #D7D7D7; padding:6px 0 4px 0;width:94px;}
.step li.last a {padding:6px 0 4px 0;margin:-6px 0 -4px 0;display:block;}
.step li a:hover {color:#ffffff; text-decoration:none; font-weight:bold;background:#8FA90E;}
.step .on {color:#ffffff;font-weight:bold;background:#8FA90E;}


/*  4. 학습체험관   */
.preview {width:677px;background:url(../images/preview/line_bg.gif) repeat-y top left;}
.pre_tab {width:677px;position:relative; padding-bottom:20px;}
*:first-child + html .pre_tab {margin-bottom:35px;} /* IE7 */
.pre_tab li{float:left;display:inline;margin-bottom:35px; vertical-align:top;}
.pre_con {width:615px;margin-left:35px;}
.pre_con .pre_top {width:615px;letter-spacing:-0.05em;margin-bottom:40px;_margin-bottom:15px;}
*:first-child + html .pre_con .pre_top {margin-bottom:15px;} /* IE7 */
.pre_con .pre_top dt {float:left;}
.pre_con .pre_top p.tit {color:#000000;margin:6px 0 7px 0;letter-spacing:normal;line-height:16px;}
.pre_con .play_bg {width:437px;height:338px;background:url(../images/preview/movie_bg.gif) no-repeat left top;padding:13px 0 0 13px;margin:0 0 10px 90px;clear:both;overflow:hidden;}
.pre_con .sample {width:615px;background:url(../images/dot.gif) repeat-x left top;padding-top:15px;margin-bottom:13px;clear:both;overflow:hidden;}
.pre_con .sample .s_unit{float:left;margin-left:92px;_margin-left:46px;}
.pre_con .sample .s_btn {float:right;padding-top:6px;margin-right:97px;_margin-right:48px;}
.ready {float:right;position:relative;width:615px;background:url(../images/preview/img03_01.jpg) no-repeat left top;}
.ready .con {padding-left:250px;padding-top:50px;width:368px;}
.ready .r_txt {position:relative;left:130px;top:0;width:465px;}
.ready .con .r_bg {background:url(../images/preview/box.gif) no-repeat left top; width:361px; height:73px; padding:11px 0 8px 18px;font-weight:bold;}
.page_move {width:615px; position:relative;}
.page_move .back {float:left;}
.page_move .next {float:right;}



/*   5. 이용안내   */
.play_bg2 {width:590px;height:373px;background:url(../images/guide/movie_bg.gif) no-repeat left top;padding:13px 0 0 13px;margin-left:55px;}
.what {float:left;width:677px;height:419px;background:url(../images/guide/what.jpg) no-repeat left top;}
.why  {float:left;width:677px;height:419px;background:url(../images/guide/why.jpg) no-repeat left top;}
.how  {float:left;width:677px;height:419px;background:url(../images/guide/how.jpg) no-repeat left top;}
.exper{width:677px;height:285px;background:url(../images/guide/exper.jpg) no-repeat left bottom;}
.what .con {position:relative;left:328px; top:135px; width:349px;}
.why .con {position:relative;left:10px; top:202px; width:355px;}
.how .con {position:relative;left:10px; top:135px; width:355px;}
.exper .con {position:relative;left:2px; top:90px;}
.ex {width:676px;}
.ex li {text-align:center;}
.ex li dl{float:left; width:169px; margin-bottom:40px;}
.ex li dl dt{margin-top:7px;}
.ex li dl dd{margin-top:7px;}
.ol {color:#8A8A8A;font-weight:bold;}
.order {margin-bottom:50px;}
.order li {margin-bottom:10px; text-align:justify;}
.t_ol {color:#D04545;font-weight:bold;margin-bottom:10px;}
.tip_top {width:615px;margin-bottom:20px;}
.tip_top dt {float:left;margin-right:15px;}
.tip_top p.tip {font-size:11px;text-align:justify;line-height:16px;min-height:124px;height:124px;}
.tip_top p.ally {font-size:11px;text-align:justify;line-height:16px;min-height:141px;height:141px;}
.tip_top p.tit {color:#D59100;margin:6px 0 6px 0; font-size:12px;}


.homework {float:left;width:650px;height:419px; background:url(../images/guide/homework.jpg) no-repeat right 15px;}
.homework .con {position:relative;left:0px; width:300px; margin:10px;margin-left:5px; }
.blit {background:url(../images/blit02.gif) no-repeat 1px 5px; padding-left:15px;margin-top:3px;}
.homework_bg {background:url(../images/guide/bg_homework.gif) no-repeat top center; height:67px; text-align:right; padding:15px 50px 0px 25px;}

/*  6. 회원가입   */
.mem_t {background:url(../images/member/img02.jpg) no-repeat top left; height:67px; text-align:right; padding:22px 50px 0px 0px;}
.mem_t2 {background:url(../images/member/img03.jpg) no-repeat top center; height:67px; text-align:right; padding:22px 50px 0px 0px;}
legend {padding:0px 0px 8px 0px; dispaly:block;_margin: 0 0 0 -7px;} /* IE5, IE6 */
*:first-child + html legend {margin: 0 0 0 -7px;} /* IE7 */
.field{margin:0px 0px 10px;}
.bx {border: #e5e5e5 1px solid; padding:20px 18px 0px 20px; margin: 0px 0px 8px;height: 111px; overflow: auto;}
.bx h3 {font-weight:normal;font-size:12px;height:31px;}
.bx p  {line-height:16px;margin: 0px 0px 16px;}
.bx li {line-height:16px;}
.bx ol, .bx ul {margin: 0px 0px 16px;}
.check {margin: 0px 0px 20px 1px;}
.check input {vertical-align: middle; _margin: -4px;} /* IE5, IE6 */
*:first-child + html .check input {margin: -4px;} /* IE7 */
.check label {position: relative; padding-left: 3px; top: 1px; _top: 2px} /* IE5, IE6 */


/*  7. 마이페이지  */
.ally_point, .ally_point a, .ally_point a:hover {color:#DE8D00; font-weight:bold;}
.test_result {width:677px; position:relative;}
.test_result .title {font:bold 16px tahoma; color:#000000; text-align:center; margin-bottom:20px;}
.test_result .daily {float:right;width:580px;}
.test_result .month {float:left; width:77px;}
.test_result .month_c {width:75px; border-bottom:1px solid #D7D7D7; border-right:1px solid #D7D7D7; border-left:1px solid #D7D7D7; margin-top:5px;}
.test_result .month_c h4 {padding-left:0px; text-align:center; background:#EBEBEB; color:#000000; font-weight:normal; }
.test_result .month_c li {display:block; text-align:center; border-top:1px solid #D7D7D7; padding:4px 0px 3px 0; margin:-1px 0 -3px 0; list-style-type:none; list-style-position: outside;}
.test_result .month_c li a {text-align:center; display:block; padding:4px 0px 3px 0; margin:-1px 0 -3px 0; list-style-type:none; list-style-position: outside;}
.test_result .month_c li a:hover {text-align:center; display:block; color:#ffffff; text-decoration:none; font-weight:bold; background:#DA4D57; list-style-type:none; list-style-position: outside; } 
.test_result .month_c .on {background:#DA4D57; color:#ffffff;font-weight:bold;}

.test_result .print {float:right;position:absolute; top:0; right:0; z-index:2;}
.page_move1 {width:677px; position:absolute;top:100px;right:3px;float:right;}
.page_move1 .view {float:right;}
.page_move2 {width:677px; position:absolute;top:212px;right:3px;float:right;}
.page_move2 .view {float:right;}
.page_move3 {width:677px; position:absolute;top:353px;right:3px;float:right;}
.page_move3 .view {float:right;}
.page_move4 {width:677px; position:absolute;top:500px;right:3px;float:right;}
.page_move4 .view {float:right;}
.page_move5 {width:677px; position:absolute;top:675px;right:3px;float:right;}
.page_move5 .view {float:right;}


/*   테이블   */
.booking {width:100%;border-top:1px solid #CFCFCF;border-bottom:1px solid #CFCFCF; text-align:center;}
.booking th {background:#F4F4F4;text-align:center; border-bottom:1px solid #E1E1E1; border-right:1px solid #E1E1E1;height:30px; letter-spacing:-0.5px;}
.booking td {text-align:center;border-right:1px solid #E1E1E1;border-bottom:1px solid #E1E1E1;padding:7px 0 5px 0;}
.booking .tit{background:#C6C6C6; color:#4E4E4E;}
.booking .tl {text-align:left; padding-left:10px;}
.booking .last_b {border-bottom:none;}
.booking .last {border-right:none;}
.term {width:100%;border-top:1px solid #E5E5E5;letter-spacing:-0.1em;}
.term th {background:#F7F7F7;text-align:center;border-bottom:1px solid #E5E5E5; border-right:1px solid #E5E5E5;color:#917979;font-size:11px;}
.term td {border-bottom:1px solid #E5E5E5;padding:8px 0 6px 12px;color:#917979;font-size:11px;line-height:17px;}



/*********************************************
* base
*********************************************/
.b {font-weight:bold;}
.fl  {float:left;}
.fr  {float:right;}
.clear  {clear:both;}
.posR   {position:relative}
.png24  {tmp:expression(setPng24(this));} 
.fliter {FILTER: progid:DXImageTransform.Microsoft.Fade(duration=0.3,overlap=1.0)}

/*  TEXT  */
.black_b {color:#000000; font-weight:bold;}
.green   {color:#92B108;}
.red     {color:#DE1422;}
.red2    {color:#D77171;}
.red2 a  {color:#D77171;}
.red2 a:hover{color:#D77171;}
.red3    {color:#CB4848;}
.date    {color:#9F9F9F;}
.orange  {color:#DE8D00;}
.orange2 {color:#EFB34E;}
.font14  {font-size:14px;}

/*  VERTICAL-ALIGN  */ 
.vtop  {vertical-align: top! important}
.vmid  {vertical-align: middle! important}
.vbtm  {vertical-align: bottom! important}

/*  TEXT-ALIGN  */ 
.txtC  {text-align: center! important}
.txtL  {text-align: left! important}
.txtR  {text-align: right! important}

/*   MARGIN-TOP  */ 
.mt0   {margin-top: 0px! important}
.mt5   {margin-top: 5px! important}
.mt10  {margin-top: 10px! important}
.mt15  {margin-top: 15px! important}
.mt20  {margin-top: 20px! important}
.mt25  {margin-top: 25px! important}
.mt30  {margin-top: 30px! important}
.mt35  {margin-top: 35px! important}

/*   MARGIN-LEFT  */ 
.ml0   {margin-left: 0px! important}
.ml5   {margin-left: 5px! important}
.ml10  {margin-left: 10px! important}
.ml15  {margin-left: 15px! important}
.ml20  {margin-left: 20px! important}
.ml25  {margin-left: 25px! important}
.ml30  {margin-left: 30px! important}
.ml40  {margin-left: 40px! important}

/*   MARGIN-BOTTOM  */ 
.mb5   {margin-bottom: 5px! important}
.mb10  {margin-bottom: 10px! important}
.mb15  {margin-bottom: 15px! important}
.mb20  {margin-bottom: 20px! important}
.mb25  {margin-bottom: 25px! important}
.mb30  {margin-bottom: 30px! important}
.mb40  {margin-bottom: 40px! important}
.mb50  {margin-bottom: 50px! important}

/*   PADDING  */
.pt5   {padding-top: 5px! important}
.pt10  {padding-top: 10px! important}
.pt20  {padding-top: 20px! important}
.pt30  {padding-top: 30px! important}
.pb10  {padding-bottom: 10px! important}
.pb20  {padding-bottom: 20px! important}
.pb35  {padding-bottom: 35px! important}
.pr5   {padding-right: 5px! important}
.pr10  {padding-right: 10px! important}
.pr15  {padding-right: 15px! important}
.pr30  {padding-right: 30px! important}
.pr50  {padding-right: 50px! important}
.pl5   {padding-left: 5px! important}
.pl10  {padding-left: 10px! important}
.pl20  {padding-left: 20px! important}
.pl12  {padding-left: 12px! important}
.rl12  {width:100%; text-align:right; important}


.strong {font-weight:bold;}


/* Report - 101119 추가 */
#report_content {width:630px; height:auto !important; border:1px #d1d1d1 solid; border-top: 3px #db6060 solid; text-align:center; font-size:12px;}
#report_content .report {margin-left:10px; margin-right:10px;}

#report_content .img {float:left; margin:0 15px 0 0;padding:4px; border:1px solid #D7D7D7;}

/* Student progress Report */	
.SsTitle{
	font-weight:bold;
	text-align:left;
	margin-top:15px;
	margin-bottom:3px;
	color:#2c6d6d;
}

.d8 {
	font:8pt Dotum;
	color: #7a962f;
	letter-spacing:-1px;
	padding-top:3px;
}

.ver8	{font:8pt verdana;}
.Nom {
	font:8pt tahoma;
	color:#8d8891;
	}

.st_Title{font-weight:bold;text-align:left;margin-top:15px;margin-bottom:3px;color:#2c6d6d; font-size:15px;}
.st_title	{text-align:center;}
.monthlyTitle	{font:bold 30px Verdana; color:#db6060;}

.st_user 	{width:100%; border-top:2px solid #556d8b;}
	.st_user th {background:#e5ecee; height:27px; border:1px solid #CCCCCC; font-weight:normal; color:#656e70; font-size:12px;}
	.st_user td {text-align:center; line-height:1.2em;height:25px; padding:3px; border:1px solid #CCCCCC}

.st_user_view 	 {width:100%; border-top:2px solid #b5b5b5;}
	.st_user_view th {background:#f4f4f4;text-align: center; height:27px; border:1px solid #CCCCCC; font-weight:normal; color:#747474;  font-size:12px;}
	.st_user_view td {text-align:center; line-height:1.2em;height:40px; padding:3px; border:1px solid #CCCCCC}


.teacherTextarea {width:98%; height:80px;padding-top:10px;padding-bottom:10px;}
.teacherText {padding:5px; text-align:left; border:1px solid #cccccc; height:80px; }


.l_name	 	{color:#9F9F9F; font:Verdana; line-height:2em;}
.b_name 	{font:bold 16px Verdana; color:#000000;}
.st_time 	{color:#da4d57}
.ibtcenter  {color:#868686; font:Tahoma; margin-top:15px; margin-bottom:10px;}
.centerName {color:#da4d57;font-weight:bold;}
.floatL 	{float:left !important; margin-top:285px;}


.story {margin-bottom:37px;}
.story_bg {width:580px; height:332px; background:url(../images/preview/story_bg.gif) no-repeat left top; position:relative; text-align:left;margin-left:25px;}
.story_bg .img {float:left; width:266px; position:relative; padding:73px 0 0 45px;FILTER: progid:DXImageTransform.Microsoft.Fade(duration=0.3,overlap=1.0)}
.story_bg .txt {float:left; position:relative; padding:73px 0 0 45px;}
.ol li{list-style:decimal none outside; color:#ffffff; font-weight:normal;text-align:justify; line-height:170%;}
.ol li a{color:#ffffff;}
.ol li a:hover {color:#F78E8F; text-decoration:none;}
.ol1 li{list-style:decimal none outside; color:#ffffff; font-weight:normal;text-align:justify; line-height:130%;}
.ol1 li a{color:#ffffff;}
.ol1 li a:hover {color:#F78E8F; text-decoration:none;}



/* 110221 전국시험 */
#inat_report {width:630px; height:auto !important; border:1px #d1d1d1 solid; border-top: 3px #c4db6a solid; text-align:center; font-size:12px;}
#inat_report .report {margin-left:10px; margin-right:10px;}

.inatTitle {font:bold 30px Verdana; color:#619312;}

.subTitle {
	font-weight:bold;
	text-align:left;
	margin-top:15px;
	margin-bottom:3px;
	color:#2c6d6d;
}

.inat_user 	{width:100%; border-top:2px solid #c4db6a;}
	.inat_user th {background:#f3f8e7; height:27px; border:1px solid #CCCCCC; font-weight:bold; font-size:12px;}
	.inat_user td {text-align:center; line-height:1.2em;height:25px; padding:3px; border:1px solid #CCCCCC}

.inat_view 	 {width:100%; border-top:2px solid #b5b5b5;}
	.inat_view th {background:#f4f4f4;text-align: center; height:27px; border:1px solid #CCCCCC; font-weight:bold; color:#747474;  font-size:12px;}
	.inat_view td {text-align:center; line-height:1.2em;height:40px; padding:3px; border:1px solid #CCCCCC}

.inat_comment 	 {width:100%; border-top:2px solid #5C5856;}
	.inat_comment th {background:#F4F4F4;text-align: center; height:27px; border:1px solid #CCCCCC; font-weight:bold; font-size:12px; height:auto;}
	.inat_comment td {text-align:left; line-height:1.3em; border:1px solid #CCCCCC; padding:7px;}

.inatcenterName {color:#619312;font-weight:bold;}

.reportul { list-style-position:outside; list-style-image:url(/images/blit_inat.gif); padding-left:17px; padding-top:2px;}
.reportul1 {padding:5px;}



/* 로그인창 110223 */
.input_text{display:block;position:relative;height:16px;_height /**/:22px;*margin:-1px 0;border:1px solid #bebebe;color:#444;font-size:12px;vertical-align:top}
.input_text.focus{border:1px solid #972220;background:#fff !important}
.focusnot{background:#fff !important}