@import url('http://fonts.googleapis.com/earlyaccess/nanumgothic.css');

* {     
	margin:0;    
	padding:0;
}

body{
    background: #FFF;
    color: #333;
	font-size: 12px;
    font-family:'Nanum Gothic', 'NanumGothicBoldWeb',  Arial, Verdana, 	sans-serif;   
}

hr	 {display:none}
img,fieldset	{border:0}
ul,ol,li	{list-style:none}
img,input,select,textarea	{vertical-align:middle}

.left{float:left;}
.right{float:right;}
.clear{clear:both;}
#clear {clear:both;}

.TXTL {text-align:left;}
.TXTC {text-align:center;}
.TXTR {text-align:right;}


a				{color:#30323f;text-decoration:none}
a:hover		{color:#4559E9;text-decoration:none; font-weight:bold;}
a.ir:hover	{text-decoration:none}

#lnbprep	 {background:#fff url('../main/img/bg_sub.gif') repeat-x;direction:ltr;text-align:center;}
#wrap {width:1040px; margin:0px auto;}


#header {padding: 12px 0px;}	 /*  border:1px solid green; */
#header  #login_h{text-align:right; float:right;}
#header  #logo{width:117px; float:left; padding:0px 0px 10px 0px;}
#header  #goto{width:233px; float:left;}

#header  #menu_h				{text-align:right; padding-top:35px; font-size:12px;}
#header  #menu_h li 			{display: inline-block;}
#header  #menu_h a				{color:#666666;  padding:3px 10px; font-weight:bold;}
#header  #menu_h a:hover		{color:#FFFFFF;  text-decoration:none; background-color:#6699CC; padding:3px 10px;}
#header  #menu_h a.ir:hover		{text-decoration:none}


#menu_n		{text-align:right; padding-top:25px; font-size:15px; text-decoration:none;}
#menu_n li	    {display: inline-block;}
#menu_n a				{color:#666666;  padding:3px 10px; font-weight:bold;}
#menu_n a:hover		{color:#FFFFFF;  text-decoration:none; background-color:#6699CC; padding:3px 10px;}
#menu_n a.ir:hover	{text-decoration:none}

#content{ width:100%; }

#postTitle{text-align:left; padding-top:20px; font-size: 14px; color: #C6657B; font-weight:bold; }
#postMenu	{float:left; width:270px; padding:5px; height:20px; font-weight:bold; background-color:#c7e4ff; border:1px solid #CCCCCC;}
#postContent{float:left; width:590px;  padding:5px; border:1px solid #CCCCCC; text-align:left;}

#Title {padding:20px 0px 5px 0px;}
#t_Title		{float:left;  font-size: 30px; color: #6699CC; letter-spacing:-1px;}
#s_Title		{float:left;  font-size: 20px; color: #6699CC; letter-spacing:-1px;}
#p_Title	{float:right; padding:30px 0 0 0;}

input		{ border:1px solid #CCCCCC;  font-size: 12px; color: #444444; padding:2px; font-family:'Nanum Gothic';} 

.input_m	{ border:1px solid #CCCCCC;  font-size: 12px; padding:1px; width:96px; height:17px; background-color:#F1F1F1;} 
.input_s	{ border:1px solid #CCCCCC;  font-size: 12px; padding:1px; width:30px} 

select    {font-family:'Nanum Gothic';}
.select_test	{  background:#87B3D6;   border:none;  margin:0px;  padding:0px;  color:#e9e9e9;  font-size:14px;  width:171px; font-family:'Nanum Gothic';}
.select_sm	{border:1px solid #CCCCCC;  color:#999999;  font-size:12px;  width:100px; height:20px; padding:0px;}
.select_sm_new	{border:1px solid #CCCCCC;  color:#999999;  font-size:12px;  width:90px; height:20px; padding:0px;}

.select_act{
	background-color:#dfeefd;
	border:1px solid #CCCCCC;
	height:28px;
}




#secTitle{text-align:left; padding:20px 0px 10px 10px;  font-size: 14px; color: #C6657B; font-weight:bold; }
#q_no {float:left; width:25px; height:20px; padding:2px;}
#q_con {width:140px; padding:1px;}
#q_con_act {width:130px; padding:1px;}
#q_input {height:20px; width:130px;}


#s_input {height:20px; width:80px;}

.line2					{ background-color:#DFDFDF; height:2px; }
.line1					{ background-color:#DFDFDF; height:1px; }

.bLeft	   {  border-left:1px solid #CCCCCC;}
.bRight   {  border-right:1px solid #CCCCCC;}
.bLeft	   {  border-top:1px solid #CCCCCC;}
.bBottom {  border-bottom:1px solid #CCCCCC;}

.list_center 			{text-align:center;}
.no_border				{border:0px; } 


table .table_noB {	
	border-style:none;
	text-align:center;
}

table .table_noB td, th	{	
	color:#6A6A6A;
	border-style:none;
}

#loginWrap {width:352px; margin:0px auto;}

#postForm #odd { width:948px; padding:5px; background-color:#F2F2F2}
#postForm #even {width:948px; padding:7px;}

#title_head				{width:940px; text-align:left;  line-height:30px;  font-size: 14px; color: #669966; font-weight:bold;}

.p10 {padding:10px;}
.pl10	{padding-left:10px;}
.p15 {padding:15px;}
.pl15	{padding-left:15px;}

.f8							{font-family:arial,µ¸¿ò; font-size:8pt; color:#6A6A6A;}
.f8_a						{font-family:arial; font-size:8pt; color:#6A6A6A;}
.f12_a					{font-family:arial; font-size:12px; color:#6A6A6A;}

.red						{font-size:12px; color:#ff0000;}
.grey					{font-size:12px; color:#999999;}
.green					{font-size:12px; color:#669966;}
.blue						{font-size:14px; color:#0066ff; font-weight:bold;}
.purple					{font-size:12px; color:#C6657B;}
.white					{font-size:12px; color:#FFFFFF;}
.ans				     {text-align:center; background-color:#F2F2F2; padding:5px;}

.grey_line {background-color:#F1F1F1;}

.title_sc	{font-size:16px; 
			 font-weight:bold;
			color:#c6657b;
			vertical-align:top;
		}

/* viewbody */
.CR	{
	background:#ddddff;
	font-size:13px;
}
.WR	{
	background:#c1e0c1;
	font-size:13px;
}

.MATH	{
	background:#ffe0e0;
	font-size:13px;
}

.subCR	{
	background:#eeeeff;
}
.subWR	{
	background:#ddeedd;
}

.subMATH	{
	background:#ffeeee;
}



.viewTable {
	width:100%;	
	background-color: red;
	/*BACKGROUND: url("../../score/img/table_head.gif") repeat-x;*/
	table-layout:	 fixed;	border-collapse:	collapse; 
}

.viewTable  td	{
	width:25%;
	height:37px;
}

.viewTable  td.odd	{
	background:#f4f4f4;
}
.viewTable  td.even	{
	background:#eaeaea;
}

.viewTable2 {
	width:100%;	
	border-top: 1px solid #CCC;
	border-left: 1px solid #CCC;	
	table-layout:	 fixed;	
	border-collapse:	collapse; 
}

.viewTable2  td, th	{
	border-right: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
}

.viewTable2  td.CR	{
	background:#ddddff;
	font-size:13px;

}
.viewTable2  td.WR	{
	background:#c1e0c1;
	font-size:13px;
}

.viewTable2  td.MATH	{
	background:#ffe0e0;
	font-size:13px;
}

.checkAnswerTable {
	width:774px;;	
	border-collapse:	collapse; 
	border-left: 1px solid #CCC;
	border-top: 1px solid #CCC;

}
.checkAnswerTable  th	{
	border: 0px;
}

.checkAnswerTable  td.CR	{
	background:#ddddff;

}

.checkAnswerTable  td.WR	{
	background:#c1e0c1;

}

.checkAnswerTable  td.MATH	{
	background:#ffe0e0;

}

.shortAnswer {
		
	table-layout:	 fixed;	
	border-collapse:	collapse; 
	border: 1px solid #CCC;
}
.shortAnswer  th.MATH	{
	background:#ffe0e0;
	font-size:14px;
}

.viewList	{
	width:97%; clear:both; text-align:right; padding:10px;
}
/* viewbody */

.table1 {
	width:1040px;
	border-collapse:	collapse; 
	border-top: 1px solid #CCC;
	border-left: 1px solid #CCC;
	text-align:center;
}

.table1 td, th	{	
	color:#6A6A6A;
	border-right: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
}

.table1 th	{
	background-color:#c7e4ff;
	font-size:14px;
}

.table1 .CR {
	width:100px;
	background-color:#ddddff; /*<?=$FORM_ITEM_BG_CR?>*/
}

.table1 .SC, .PBR {
	background-color:#eeeeff; /*<?=$FORM_ITEM_BG_CR?>*/
	height:20px;
}

.table1 .data {
	width:8%;
	background-color:#FFFFF; /*<?=$FORM_ITEM_BG_CR?>*/
	height:20px;
}

/*Math*/
.table1 .MATH {
	background-color:#ffe0e0; /*<?=$FORM_ITEM_BG_CR?>*/
}

.table1 .NNO, .ANF, .GNM, .DNP  {
	background-color:#ffeeee; /*<?=$FORM_ITEM_BG_CR?>*/
	height:20px;
}

/*WR*/
.table1 .WR {
	background-color:#c1e0c1; /*<?=$FORM_ITEM_BG_CR?>*/
}

.table1 .SI, .PI, .ESSAY  {
	background-color:#ddeedd; /*<?=$FORM_ITEM_BG_CR?>*/
	height:20px;
}

table.one {border-collapse:collapse;}
table.two {border-collapse:separate;}

td.a{
	border-style:solid;
	border-width:1px;
	border-color:#CCCCCC;
	padding:5px;
	background-color:#F1F1F1;
}

td.b{
	border-style:solid;
	border-width:1px;
	border-color:#CCCCCC;
	padding:5px;
	text-align:left;
}

td.c{
	border-style:solid;
	border-width:1px;
	border-color:#CCCCCC;
	padding:5px;
	background-color:#F1F1F1;
}

td.d{
	border-style:solid;
	border-width:1px;
	border-color:#CCCCCC;
	padding:5px;
	text-align:left;
}

/**************************************/
td.e{
	border-style:solid;
	border-width:1px;
	border-color:#CCCCCC;
	padding:5px;
	background-color:#CCCCCC;
	color:#FFFFFF;
}

td.f{	
    border-bottom: dotted;
	border-width:1px;
	border-color:#CCCCCC;
	padding:5px;
	background-color:#FFFFFF;
	text-align:center;
}

td.g{	 /* class */
    border-bottom: dotted;
	border-width:1px;
	border-color:#CCCCCC;
	padding:5px;
	background-color:#FFFFFF;
	text-align:center;
}

td.g_delete{	 /* class */
    border-bottom: dotted;
	border-width:1px;
	border-color:#CCCCCC;
	padding:5px;
	background-color:#F3F3F3;
	color:#b9b9b9;
	text-decoration:line-through;
	text-align:center;
}

td.g_delete a{	 /* class */
	color:#b9b9b9;
	text-align:center;
}

td.h{
	background-color:#F4F4F4;
	font-size:16px;
}

td.i{
	background-color:#eaeaea;	
	font-size:15px;
}

.head{
	padding:5px;
	background-color:#6699cc;
	color:#FFFFFF;
	text-align:center;
	font-size:14px;
	font-weight:bold;
}

.head a {color:#FFFFFF;}

.head2{
	border-style:solid;
	border-width:1px;
	border-color:#c6657b;
	padding:5px;
	background-color:#c6657b;
	color:#FFFFFF;
	text-align:center;
}

.head3{
	border-style:solid;
	border-width:1px;
	border-color:#F1C40F;
	padding:5px;
	background-color:#F1C40F;
	color:#FFFFFF;
	text-align:center;
}

.head4{
	border-style:solid;
	border-width:1px;
	border-color:#CCCCCC;
	padding:5px;
	background-color:#F1F1F1;
	font-size:14px;
	text-align:center;
	font-weight:bold;
}

.head4.blue{
	font-size:13px;
	color: #3366cc;
	font-weight:bold;
}

.head4.red{
	font-size:13px;
	color: red;
	font-weight:bold;
}

.head4.yellow{
	font-size:13px;
	color: #ff9900;
	font-weight:bold;
}

.head4.grey{
	font-size:13px;
	color: #666666;
	font-weight:bold;
}

.head5{
	border-style:solid;
	border-width:1px;
	border-color:#CCCCCC;
	padding:5px;
	font-size:13px;
	text-align:center;
	font-weight:bold;
}

.head6{
	border-style:solid;
	border-width:1px;
	border-color:#CCCCCC;
	background-color:#F1F1F1;
	padding:5px;
	font-size:12px;
	text-align:center;
}

/*Explanation */
/*viewbody*/
#exp_wrap	{width:100%; text-align:left; }

#test{background:#ff6600;  height:22px; padding:10px; color:#FFFFFF; font-weight:bold;}
#test .testName{color:#FFFFFF; width:210px; font-size:30px;   float:left;}
#test .section	{float:left;  padding:15px 0 0 0; font-size:16px;}

#exp_wrap .no			{float:right; }
#exp_wrap .question {border:2px solid #CCCCCC; padding:15px 20px; background:#f2f2f2; margin:10px;}

/*Explanation  : post,  modify*/

#expPost {width:100%; text-align:left; padding:10px;}
#expPost .Title {background:#87B3D6;  color:#FFFFFF;  font-size:14px;  width:100%;}
#expPost .ta1 {
	table-layout:	 fixed;	border-collapse:	collapse; 
	border-top: 1px solid #CCC;
	border-left: 1px solid #CCC;
	text-align:center;
	width:950px;
}

#expPost .ta1 td, th	{
	font-size:12px; color:#6A6A6A;
	border-right: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	padding:5px;
}

#expPost .item{ /*¿ÞÂÊ*/
	width:15%;
}

#expPost .content{ /*¿À¸¥ÂÊ*/
	text-align:left;
	width:85%;
}
/*admin*/
.pop_p				     {width:800px; text-align:left; word-break:break-all;  background-color:#F2F2F2; padding:5px;}
.title_green_14		{text-align:left;  line-height:40px;  font-size: 14px; color: green; font-weight:bold;}

@media print {
	#header { display:none; }
}

/*#pagination*/
/*****************************************/
#pagination {padding: 20px 0px 30px 0px; width: 100%; font-size:13px;}

/*
#pagination .pagination-page {margin: 0; padding: 0 0 1px 0; list-style: none; text-align: center;  border:0}
#pagination .pagination-page li { display: inline; margin: 1px; padding: 0px;  list-style: none; border:0;  text-decoration: none; font-size: 14px; line-height: 24px;}
#pagination .pagination-page li a { padding: 7px; border: 1px solid #CCCCCC; color: #999999; text-decoration: none; }
#pagination .pagination-page li a:hover { padding: 7px; border: 1px solid #CCCCCC;  color: white; background-color: #f1c40f;  text-decoration: none;}
#pagination .pagination-page li.active { padding: 7px;border: 1px solid #f1c40f; color: white; background-color: #f1c40f; text-decoration: none; }


#pagination .pagination-page-a { margin: 0; padding: 0 0 1px 0; list-style: none; text-align: center;  border:0}
#pagination .pagination-page-a li { display: inline; margin: 1px; padding: 0px;  list-style: none; border:0;  text-decoration: none; font-size: 14px; line-height: 24px;}
#pagination .pagination-page-a li a { padding: 7px; border: 1px solid #CCCCCC; color: #999999; text-decoration: none; background-color: white;}
#pagination .pagination-page-a li a:hover { padding: 7px; border: 1px solid #CCCCCC;  color: white; background-color: #829cb6;  text-decoration: none;}
#pagination .pagination-page-a li.active { padding: 7px; color: white; background-color: #829cb6; text-decoration: none; }
*/

.button-board,
.button-board:link,
.button-board:visited { display: inline-block; margin: 0 !important; padding: 0 10px !important; height: 28px; line-height: 28px; font-size: 12px !important; font-weight: bold; color: white !important; background-image: none !important; background-color: #829cb6 !important; border: none; border-radius: 0px; text-decoration: none; cursor: pointer; vertical-align: middle; text-shadow: none !important; }
.button-board:hover,
.button-board:focus,
.button-board:active { display: inline-block; margin: 0 !important; padding: 0 10px !important; height: 28px; line-height: 28px; font-size: 12px !important; font-weight: bold; color: white !important; background-image: none !important; background-color: #3a5571 !important; border: none; border-radius: 0px; text-decoration: none; cursor: pointer; vertical-align: middle; text-shadow: none !important; }

.button-normal,
.button-normal:link,
.button-normal:visited { display: inline-block; margin: 0 !important; padding: 0 15px !important; height: 28px; line-height: 28px; font-size: 13px !important; font-weight: bold; color: white !important; background-image: none !important; background-color: #c6657b !important; border: none; border-radius: 0px; text-decoration: none; cursor: pointer; vertical-align: middle; text-shadow: none !important; }
.button-normal:hover,
.button-normal:focus,
.button-normal:active { display: inline-block; margin: 0 !important; padding: 0 15px !important; height: 28px; line-height: 28px; font-size: 13px !important; font-weight: bold; color: white !important; background-image: none !important; background-color: #d77a8f !important; border: none; border-radius: 0px; text-decoration: none; cursor: pointer; vertical-align: middle; text-shadow: none !important; }

.button-blue,
.button-blue:link,
.button-blue:visited { display: inline-block; margin: 0 !important; padding: 0 15px !important; height: 28px; line-height: 28px; font-size: 13px !important; font-weight: bold; color: white !important; background-image: none !important; background-color: #6699cc !important; border: none; border-radius: 0px; text-decoration: none; cursor: pointer; vertical-align: middle; text-shadow: none !important; }
.button-blue:hover,
.button-blue:focus,
.button-blue:active { display: inline-block; margin: 0 !important; padding: 0 15px !important; height: 28px; line-height: 28px; font-size: 13px !important; font-weight: bold; color: white !important; background-image: none !important; background-color: #74b3e9 !important; border: none; border-radius: 0px; text-decoration: none; cursor: pointer; vertical-align: middle; text-shadow: none !important; }



/*new designed page */
#Title_new			{padding:20px 0px 5px 0px;}
#t_Title_new		{float:left;  font-size: 30px; color: #c6657b; letter-spacing:-1px;}
#s_Title_new		{float:left;  font-size: 20px; color: #c6657b; letter-spacing:-1px;}
#p_Title_new		{float:right; padding:30px 0 0 0;}


.head_new{
	padding:5px;
	background-color:#c6657b;
	color:#FFFFFF;
	text-align:center;
	font-size:14px;
	font-weight:bold;
}

.title_sc_new	{font-size:16px; font-weight:bold; color:#6699CC; vertical-align:top;}

.actCR	{
	background:#c7e4ff;
	font-size:14px;	
}

.actCRcon{
	padding-left:20px;
	text-align:left;
}


.actPercentilesMain{
	border:1px solid white; 
	margin:10px 10px 5px 10px; 
	text-align:left;
}

.actPercentiles{
	border:1px solid #CCC; 
	margin:10px 10px 5px 10px; 
	text-align:left;
}

.b1{ border:1px solid #CCC;}
.br1{ border-right:1px solid #CCC;}
.bt1{ border-top:1px solid #CCC;}

.actSubject{
	width:200px;	
	font-size:15px;
}

.Lfield{
	width:300px;	
}






.actTable {
	width:1040px;
	border-top: 1px solid #CCC;
	border-left: 1px solid #CCC;
	text-align:center;
}

.actTable td, th	{	
	color:#6A6A6A;
	border-right: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
}

.actTable th	{
	background-color:#c7e4ff;
	font-size:14px;
}

.actTable .ENGLISH, .actTable .READING {
	width:180px;
	background-color:#ddddff; 
	font-size:14px;
	font-weight:bold;
}

.actTable .SC, .PBR {
	background-color:#eeeeff; 
	width:250px;
}

.actTable .data {
	width:8%;
	background-color:#FFFFF; /*<?=$FORM_ITEM_BG_CR?>*/
	height:20px;
}

/*Math*/
.actTable .MATH {
	background-color:#ffe0e0; /*<?=$FORM_ITEM_BG_CR?>*/
	font-size:14px;
	font-weight:bold;
}

.actTable .NNO, .ANF, .GNM, .DNP  {
	width:250px;
	background-color:#ffeeee; /*<?=$FORM_ITEM_BG_CR?>*/
}

/*WR*/
.actTable .SCIENCE {
	background-color:#c1e0c1;
	font-size:14px;
	font-weight:bold;
}

.actTable .BIO, .CHEM, .PHY  {
	width:250px;
	background-color:#ddeedd; 
}


.actTable .SI, .PI, .ESSAY  {
	width:250px;
	background-color:#eeeeff; 
}



.viewMine {
    border-collapse: collapse;
}

.viewMine,  td {
    border: 1px solid #CCCCCC;
}

.viewMineContent {
    border-collapse: separate;
	font-size:8pt;
	font-family:arial,µ¸¿ò;
	color:#6A6A6A;
}

.viewMineContent, th, td {
     border: 0px;
}

.viewMine .r1{
	border-right:1px solid #CCCCCC;
}



#t_Title_act			{float:left;  font-size: 30px; color: #336699; letter-spacing:-1px; font-weight:bold;}
#s_Title_act		{float:left;  font-size: 20px; color: #336699; letter-spacing:-1px;}
#p_Title_act		{float:right; padding:30px 0 0 0;}

.head_act{
	padding:5px;
	background-color:#336699;
	color:#FFFFFF;
	text-align:center;
	font-size:14px;
	font-weight:bold;
}

.title_sc_act	{font-size:16px; font-weight:bold; color:#c6657b; vertical-align:top;}