/* 스타일 */
* {margin:0; padding:0;}
body {color:#757575; font:normal 12px 돋움; line-height:18px; margin:0}
td, form {color:#757575; font:normal 12px 돋움; line-height:18px; margin:0px}
textarea {color:#757575; font:normal 12px 돋움; line-height:18px; border: #bcc4c9 1px solid;overflow:auto}
select {color:#757575; font:normal 12px 돋움; border:#CCCCCC solid 1px;}
img{border:none}
ul, li, ol {list-style-type: none;}

a:link    {color:#757575; text-decoration:none;}
a:visited {color:#757575; text-decoration:none;}
a:active  {color:#757575; text-decoration:none;}
a:hover   {color:#333333; text-decoration:none;}


/** 글자 색 **/
.black {color:#000000;}
.dgray {color:#333333;}
.ygray {color:#666050;}
.dgreen {color:#707f0a;}
.lgreen {color:#73980c;}
.lred {color:#e2643c;}


/** 글자 크기 **/
.font_s		{color:#808080; font:normal 11px 돋움; line-height:14px; letter-spacing:-0.07em; margin:0}
.font_s2		{color:#808080; font:normal 11px 돋움; line-height:16px;padding-left: 5px; margin:0}
.font_s3		{color:#333333; font:normal 11px 돋움; line-height:16px;margin:0}
.font_b		{color:#333333; font:normal 16px 돋움; line-height:18px; font-weight:bold; margin:0}
.font_11	{font:normal 11px 돋움; line-height:16px; margin:0} /* 추가 */
.font_sblue	{color:#1a95a4; font:normal 11px 돋움; line-height:16px; margin:0}
.font_sred	{color:#e75a2d; font:normal 11px 돋움; line-height:16px; margin:0}
.font_bold_blue	{color:#1a95a4; font:normal 11px 돋움; line-height:16px; margin:0; font-weight:bold}
.font_bold_sred	{color:#e75a2d; font:normal 11px 돋움; line-height:16px; margin:0; font-weight:bold}
.font_bold_black {color:#000000; font:normal 26px 돋움; line-height:26px; margin:0; font-weight:bold}


/** 로그인 **/
.input0 {font-size:8pt; font-family:돋움; color:#808080; border:#bcc4c9 solid 1px; height:13px; line-height:16px; PADDING-bottom: 2px;}
.log_select {color:#ffffff; font:normal 11px 돋움; border:#5c9aaf solid 1px; background:#5c9aaf;  width:160px;}



/** 히스토리 글자 **/
.history {color:#969696; font-size:11px ;}
.history:link	    {COLOR: #969696; TEXT-DECORATION: none;}
.history:visited	{COLOR: #969696; TEXT-DECORATION: none;}
.history:active	{COLOR: #969696; TEXT-DECORATION: none;}
.history:hover 	{COLOR: #757575;TEXT-DECORATION: none;}


/** 게시판 page 넘버 **/
.page           {color: #757575; line-height:10px; }
.page:link	    {COLOR: #969696; TEXT-DECORATION: none; line-height:10px; }
.page:visited	{COLOR: #969696; TEXT-DECORATION: none; line-height:10px; }
.page:active	{COLOR: #969696; TEXT-DECORATION: none; line-height:10px; }
.page:hover 	{COLOR: #757575;font-weight:bold line-height:10px; }


/** 게시판 Search **/
.input1   {font-size:9pt; font-family:돋움; color:#757575; border:#91aac0 solid 1px; height:14px; line-height:16px; PADDING-bottom: 1px;}
.input2   {font-size:9pt; font-family:돋움; color:#757575; border:#bcc4c9 solid 1px; height:14px; line-height:16px; PADDING-bottom: 1px;}


/** 게시판 Space **/
.board1   {padding:7px 0px 5px 0px;}
.board2   {padding:10px 15px 10px 15px;}
.board3   {padding:4px 8px 3px 8px;}


/** 온라인테스트(테이블) **/
.online_table01 {background-color:#fcf4f1}

/** 온라인테스트(글자색) **/
.online_blue1 {color:#5c8ca6;text-decoration:none; font-family:돋움,Dotum,arial,verdana; font-size:12px; line-height:18px;font-weight:bold}
.online_blue2 {color:#31799f;text-decoration:none; font-family:돋움,Dotum,arial,verdana; font-size:12px; line-height:14px;padding-left: 10px;padding-right: 10px}
.online_blue2s {color:#31799f;text-decoration:none; font-family:돋움,Dotum,arial,verdana; font-size:11px; line-height:14px;padding-left: 10px;padding-right: 10px}
.online_orange {color:#ff8a00;text-decoration:none; font-family:돋움,Dotum,arial,verdana; font-size:12px; line-height:18px;font-weight:bold}
.online_text01 {color:#e48646;text-decoration:none; font-family:돋움,Dotum,arial,verdana; font-size:12px; line-height:18px}
.online_text02 {color:#757575;text-decoration:none; font-family:돋움,Dotum,arial,verdana; font-size:11px; line-height:18px}
.online_title01 {color:#c37212;text-decoration:none; font-family:돋움,Dotum,arial,verdana; font-size:12px; line-height:18px;font-weight:bold}

/** 온라인테스트(그래프) **/
.graph_s {color:#101010;text-decoration:none; font-family:arial; font-size:9px; line-height:10px;}
.graph_s2 {color:#808080;text-decoration:none; font-family:돋움,Dotum,arial,verdana; font-size:11px; line-height:13px;padding:6px 0px 5px 0px;}
.graph_01 {color:#f65812;text-decoration:none; font-family:돋움,Dotum,arial,verdana; font-size:11px; line-height:17px;padding-left: 5px}
.graph_02 {color:#7f500c;text-decoration:none; font-family:돋움,Dotum,arial,verdana; font-size:11px; line-height:17px;padding-left: 5px}
.graph_03 {color:#006000;text-decoration:none; font-family:돋움,Dotum,arial,verdana; font-size:11px; line-height:17px;padding-left: 5px}
.graph_04 {color:#098485;text-decoration:none; font-family:돋움,Dotum,arial,verdana; font-size:11px; line-height:17px;padding-left: 5px}


/** 온라인테스트(카운트) **/
.count {color:#006398;text-decoration:none; font-family:돋움,Dotum,arial,verdana; font-size:11px; line-height:18px;padding-left: 10px;padding-right: 10px}

/** 온라인테스트(답변체크) **/
.gray_bold {color:#757575;font-weight:bold}

.gray_menu:link    {color:#757575;text-decoration:none; font-family:돋움,Dotum,arial,verdana; font-size:12px; line-height:18px;padding-left: 10px}
.gray_menu:visited {color:#757575;text-decoration:none; font-family:돋움,Dotum,arial,verdana; font-size:12px; line-height:18px;padding-left: 10px}
.gray_menu:active  {color:#757575;text-decoration:none; font-family:돋움,Dotum,arial,verdana; font-size:12px; line-height:18px;padding-left: 10px}
.gray_menu:hover   {color:#5c8ca6;text-decoration:none; font-family:돋움,Dotum,arial,verdana; font-size:12px; line-height:18px;font-weight:bold;padding-left: 10px}

/** basic test clinic(테이블) **/
.ba_table01 {background-color:#fafaf2}
.ba_text01 {color:#92864f;text-decoration:none; font-family:돋움,Dotum,arial,verdana; font-size:12px; line-height:18px}

/** premium test clinic(테이블) **/
.pre_table01 {background-color:#fbf9f0}

/** premium test clinic(글자색) **/
.pre_text01 {color:#ca8e46;text-decoration:none; font-family:돋움,Dotum,arial,verdana; font-size:12px; line-height:18px}
.pre_text02 {color:#e3820b;text-decoration:none; font-family:돋움,Dotum,arial,verdana; font-size:11px; line-height:14px}
.green_bold {color:#6cb500;text-decoration:none; font-family:돋움,Dotum,arial,verdana; font-size:12px; line-height:18px;font-weight:bold}
.gray {color:#757575;text-decoration:none; font-family:돋움,Dotum,arial,verdana; font-size:11px; line-height:14px}


/** 수강생 **/
.stu_text01			{color:#179196;text-decoration:none; font-family:돋움,Dotum,arial,verdana; font-size:12px; line-height:18px}
.stu_red			{color:#fc2c2a; font-weight:bold}
.stu_oran			{color:#e28349;text-decoration:none; font-family:돋움,Dotum,arial,verdana; font-size:11px; line-height:16px;}

.stu_blue			{color:#3e73ff;text-decoration:none; font-family:돋움,Dotum,arial,verdana; font-size:12px; line-height:18px;font-weight:bold}
.stu_blue:link    {color:#3e73ff;text-decoration:none; font-family:돋움,Dotum,arial,verdana; font-size:12px; line-height:18px;padding-left: 10px}
.stu_blue:visited {color:#3e73ff;text-decoration:none; font-family:돋움,Dotum,arial,verdana; font-size:12px; line-height:18px;padding-left: 10px}
.stu_blue:active  {color:#3e73ff;text-decoration:none; font-family:돋움,Dotum,arial,verdana; font-size:12px; line-height:18px;padding-left: 10px}
.stu_blue:hover   {color:#3e73ff;text-decoration:none; font-family:돋움,Dotum,arial,verdana; font-size:12px; line-height:18px;font-weight:bold;padding-left: 10px}

/** 수강생 (테이블) **/
.stu_table01 {background-color:#e2f7f8}


/** 마이페이지 파트별 분석 tab메뉴 **/
.mypage_tab1 {color:#575b44; width:83px;padding:4px 0px 3px 0px;}
.mypage_tab1:link	    {COLOR: #575b44; TEXT-DECORATION: none;width:83px;}
.mypage_tab1:visited	{COLOR: #575b44; TEXT-DECORATION: none;width:83px;}
.mypage_tab1:active	{COLOR: #575b44;; TEXT-DECORATION: none;width:83px;}
.mypage_tab1:hover 	{COLOR: #575b44;font-weight:bold; background-color:#eff5d9;}
.mypage_test1 {color:#3c73ff;  line-height:12px;font-weight:bold}

/** 오답노트 파트별 분석 tab메뉴1 **/
.mynote_tab1 {color:#575b44; width:74px;padding:4px 0px 3px 0px;}
.mynote_tab1:link	    {COLOR: #575b44; TEXT-DECORATION: none;width:83px;}
.mynote_tab1:visited	{COLOR: #575b44; TEXT-DECORATION: none;width:83px;}
.mynote_tab1:active	{COLOR: #575b44;; TEXT-DECORATION: none;width:83px;}
.mynote_tab1:hover 	{COLOR: #575b44;font-weight:bold; background-color:#eff5d9;}

/** 오답노트 파트별 분석 tab메뉴2 **/
.mynote_tab2 {color:#575b44; width:74px;padding:4px 0px 3px 0px;}
.mynote_tab2:link	    {COLOR: #575b44; TEXT-DECORATION: none;width:83px;}
.mynote_tab2:visited	{COLOR: #575b44; TEXT-DECORATION: none;width:83px;}
.mynote_tab2:active	{COLOR: #575b44;; TEXT-DECORATION: none;width:83px;}
.mynote_tab2:hover 	{COLOR: #575b44;font-weight:bold; background-color:#eff5d9;}

/** premium test clinic(테이블) **/
.plus_table01 {background-color:#eff5d9}

/*************************** sub 테이블 *****************************/
.table_yellow {width:100%; border-top:#dbd6a2 2px solid;}
.table_yellow th {padding:5px 0 4px 0; background:#fafaf2; color:#92864f; border-bottom:#ede9d3 1px solid; border-right:#ede9d3 1px solid; font-size:12px;}
.table_yellow tr {text-align:center;}
.table_yellow td {padding:4px 0 2px 0; border-bottom:#ede9d3 1px solid; border-right:#ede9d3 1px solid;}
.table_yellow .last {border-right:0px;}
.table_yellow .left {text-align:left; padding-left:10px;}




/******* 오답노트 추가된CSS 입니다. *******/
#note {width:900px;}
#note div.top { width:900px; height:80px; background:url(/images/toeic/note_topbg.jpg); text-align:left; }
#note div.top ul li.title { float:left; padding:25px 0 0 150px; }
#note div.top ul li.title p { float:left; font-weight:bold; color:#ff5a00; margin: 3px 0 0 0; display:inline;  } 
#note div.top ul li.score { float:right; padding:15px 15px 0 0px; }
#note div.con { width:900px; height:100%; background:url(/images/toeic/note_conbg.jpg) repeat-y; padding:25px 20px 25px 115px; text-align:left;}
#note div.con div.btn{ width:750px; float:left; position:relative; z-index:10;}
#note div.con div.btn ul li.left { float:left; padding-right:5px; }
#note div.con div.btn ul li.right { float:right; padding-left:5px;}
#note div.con div.correct { width:750px; float:left; margin:15px 0 15px 0;}
#note div.con div.correct ul li.correct { background:#f5f5f5; border-bottom: #FFF solid 5px; padding:15px; font-weight:bold; color:#444444; font-size:14px; }
#note div.con div.correct ul li.explain { background:#f5f5f5; padding:15px; }
#note div.con div.correct ul li.explain span.tit { background:#f59857; color:#FFF; padding:2px ;s font-weight:bold; font-size:11px; font-weight:bold; }
#note div.con div.correct ul li.explain p { margin:5px 0 15px 0 ; }
/** 레이어 **/
div#layer { clear:both;background-color:#ffffff; border:#7a7a7a 4px solid; float:left; margin: 0 0 0 0; padding:15px 15px 7px 15px ; z-index:10;}
div#layer span.position { }
div#layer span.close { }
div#layer ul li.tit { padding-bottom:10px; }
div#layer ul li.tit p { color:#6aa11c; padding:5px 0 0 20px; ; font-size:15px; letter-spacing:-0.5pt;  }
div#layer ul li.txt { padding-bottom:10px; color:#444444;text-align:left } 
div#layer ul li.btn { text-align:right; padding-top:10px; border-top:#cacaca 1px solid; }