@charset "utf-8";

/* 18.02.08 명칭변경 웹표준 */
.info_training_name		{font-size:50px; font-family:nanum square; font-weight:bold; letter-spacing:-1px; margin-top:10px; height:80px; vertical-align:-6px;}
.info_training_exp_s	{font-size:18.5px; font-family:nanum square; font-weight:bold; letter-spacing:-1px; text-align:center; color:#d84250;}
.info_training_exp		{font-size:14px; line-height:22px; float:left; margin:0 15px 0 15px; width:350px; text-align:justify;}

.btn_s_gray			{cursor:pointer; padding:10px 10px; border-radius:5px; border:1px solid #5f5f5f; background-color:#666666; box-shadow:2px 2px 5px #ccc; font-size:12px; color:#fff}
.btn_w_white		{cursor:pointer; padding:10px 10px; border-radius:5px; border:1px solid #666666; background-color:#ffffff; box-shadow:2px 2px 5px #ccc; font-size:12px; color:#666666}

.btn_r_gray			{cursor:pointer; padding:10px 34px; border-radius:5px; border:1px solid #5f5f5f; background-color:#666666; box-shadow:2px 2px 5px #ccc; font-size:16px; color:#fff;}
.btn_r_pink			{cursor:pointer; padding:10px 34px; border-radius:5px; border:1px solid #b53070; background-color:#d23c4a; box-shadow:2px 2px 5px #ccc; font-size:16px; color:#fff;}
.btn_b_gray			{cursor:pointer; padding:10px 15px; border-radius:5px; border:1px solid #5f5f5f; background-color:#666666; box-shadow:2px 2px 5px #ccc; font-size:16px; color:#fff;}
.btn_b_pink			{cursor:pointer; padding:10px 15px; border-radius:5px; border:1px solid #b53070; background-color:#d23c4a; box-shadow:2px 2px 5px #ccc; font-size:16px; color:#fff;}

.btn_t_graytap				{width:83px; cursor:pointer; padding:7px 8px 6px 8px; background-color:#cccccc; border:1px solid #9B9B9B; border-top-left-radius:5px; border-top-right-radius:5px; color:#ffffff; text-align:center; font-size:16px;}

.tap_review_on				{width:85px; height:18px; background-color:#e46600; border:1px solid #ca5a00;border-radius:2px;font-size:12px; padding:6px 2px 5px 3px; float:left; margin-right:1px; margin-top:6px; color:#ffffff; text-align:center;}
.tap_review_off				{width:85px; height:18px;background-color:#666666;border:1px solid #585858;border-radius:2px;font-size:12px; padding:6px 2px 5px 3px; float:left; color:#fff; margin-right:1px; margin-top:6px; text-align:center;}

/*고객센터 결제회원 필독가이드 탭*/
.btn_graytap1				{float:left; width:87px; border-radius:3px; background:#666a6d; text-align:center; font-size:13px; color:#ffffff; padding:7px 5px 6px 5px; cursor:pointer;} 
.btn_graytap1_on			{float:left; width:87px; border-radius:3px; background:#de1e48; text-align:center; font-size:13px; color:#ffffff; padding:7px 5px 6px 5px; cursor:pointer;}
.btn_graytap2				{float:left; width:70px; border-radius:3px; background:#666a6d; text-align:center; font-size:13px; color:#ffffff; padding:10px 8px 8px 9px; cursor:pointer;} 
.btn_graytap2_on			{float:left; width:70px; border-radius:3px; background:#de1e48; text-align:center; font-size:13px; color:#ffffff; padding:10px 8px 8px 9px; cursor:pointer;}

/*고객센터 자주하는 질문 탭*/
.btn_graytap3				{float:left; width:79px; border-radius:3px; background:#666a6d; text-align:center; font-size:12px; color:#ffffff; padding:5px 2px 4px 3px} 
.btn_graytap3_on			{float:left; width:79px; border-radius:3px; background:#de1e48; text-align:center; font-size:12px; color:#ffffff; padding:5px 2px 4px 3px} 
.btn_graytap4				{float:left; width:65px; border-radius:3px; background:#666a6d; text-align:center; font-size:12px; color:#ffffff; padding:7px 4px 6px 6px} 
.btn_graytap4_on			{float:left; width:65px; border-radius:3px; background:#de1e48; text-align:center; font-size:12px; color:#ffffff; padding:7px 4px 6px 6px} 
.btn_graytap5				{float:left; width:34px; border-radius:3px; background:#666a6d; text-align:center; font-size:12px; color:#ffffff; padding:7px 2px 6px 3px} 
.btn_graytap5_on			{float:left; width:34px; border-radius:3px; background:#de1e48; text-align:center; font-size:12px; color:#ffffff; padding:7px 2px 6px 3px} 

.btn_pay 					{width:40px; border-radius:30px; background:#6f6f6f; border:#686868 1px solid; color:white; text-align:center; padding:7px 2px 6px 3px; font-size:14px; line-height:16px; margin:20px auto 0; font-family:Nanum Square}
.btn_pay2 					{width:40px; border-radius:30px; background:#d84250; color:white; text-align:center; padding:10px 5px; font-size:14px; line-height:16px; margin:20px auto 0;}

.btn_pay_short 					{width:40px; border-radius:30px; background:#6f6f6f; border:#686868 1px solid; color:white; text-align:center; padding:14px 2px 13px 3px; font-size:14px; line-height:16px; margin:20px auto 0; font-family:Nanum Square}
.btn_pay2_short 				{width:40px; border-radius:30px; background:#d84250; color:white; text-align:center; padding:15px 5px; font-size:14px; line-height:16px; margin:20px auto 0;}

.btn_cgray					{width:140px; height:30px; border-radius:5px; background:#585a67; border:#454752 1px solid; text-align:center; color:#ffffff; font-size:16px; padding:10px 13px 6px 11px; cursor:pointer;}
.btn_scircle				{padding:3px 7px; background:#4d4d4d; border-radius:30px; color:#ffffff; font-size:12px;}
.btn_scircle2				{padding:3px 7px; background:#d95b07; border-radius:30px; color:#ffffff; font-size:12px;}
.btn_scircle3				{padding:3px 7px; background:#8096c7; border-radius:30px; color:#ffffff; font-size:12px;}

.btn_setupguide				{width:142px; height:109px; box-shadow:2px 6px 5px 2px rgba(0,0,0,0.07); margin:20px 0 0 15px;} 
.btn_setupguide_top			{width:125px; height:50px; border:#999999 1px solid; border-top-left-radius:5px; border-top-right-radius:5px; border-bottom:#ffffff 1px solid; padding:10px 10px 10px 5px; text-align:center;}
.btn_setupguide_bottom		{width:125px; height:20px; background:#A0A0A0; border:#999999 1px solid; border-bottom-left-radius:5px; border-bottom-right-radius:5px; border-top:#ffffff 1px solid; margin-top:-2px; padding:10px 10px 10px 5px; color:#ffffff; vertical-align:top; font-weight:bold; text-align:center;}

.bg_pay_choice_mid				{float:left; width:145px; height:291px; text-align:center;
	background:url(http://img.studyforce.co.kr/studyforce/images2/payment/devision.png) no-repeat;
	background-position: right; cursor:pointer;}
.bg_pay_choice_kor				{float:left; width:134px; height:291px; text-align:center; background:url(http://img.studyforce.co.kr/studyforce/images2/payment/devision.png) no-repeat; background-position: right; cursor:pointer;}
.bg_pay_choice_package			{float:left; width:165px; height:291px;
	background:url(http://img.studyforce.co.kr/studyforce/images2/payment/devision.png) no-repeat; background-position: right; cursor:pointer;}
.bg_pay_choice_blank			{float:left; width:148px; height:291px; background:url(http://img.studyforce.co.kr/studyforce/images2/payment/devision.png) no-repeat; background-position: right; text-align:center; cursor:pointer;}
.bg_pay_choice_blanksub			{float:left; width:275px; height:291px; background:url(http://img.studyforce.co.kr/studyforce/images2/payment/devision.png) no-repeat; background-position: right; text-align:center; cursor:pointer;}
.bg_pay_choice_blanksub2/*선X*/ {float:left; width:275px; height:291px; background-position: right; text-align:center; cursor:pointer;}
.bg_pay_choice_eng				{float:left; width:135px; height:291px; background:url(http://img.studyforce.co.kr/studyforce/images2/payment/devision.png) no-repeat; background-position: right; text-align:center; cursor:pointer;}
.bg_pay_choice_engsub			{float:left; width:415px; height:291px; background:url(http://img.studyforce.co.kr/studyforce/images2/payment/devision.png) no-repeat; background-position: right; text-align:center; cursor:pointer;}
.bg_pay_choice_listen			{float:left; width:150px; height:291px; text-align:center; cursor:pointer;}
.bg_pay_choice_listensub		{float:left; width:266px; height:291px; text-align:center; cursor:pointer; background:url(http://img.studyforce.co.kr/studyforce/images2/payment/devision.png) no-repeat; background-position: right;}
.bg_pay_choice_listensub2/*선X*/	{float:left; width:266px; height:291px; text-align:center; cursor:pointer;}

.payment_subtitle				{line-height:16px; color:#888888; margin:40px 0 15px 0;}
.payment_subtitle:after			{content:''; display:block; clear:both;}
.payment_pinktitle				{height:90px; font-size:24px; line-height:30px; letter-spacing:-1px; color:#d84250; font-weight:bold;}
.payment_packagetitle			{font-size:18px; margin-top:90px; line-height:18px; letter-spacing:-0.8pt; text-align:center;}
.payment_engtitle				{height:90px; color:#d84250; font-size:16pt; line-height:35px}
.payment_engtitlesub			{height:90px; color:#d84250; font-size:14pt; line-height:30px; margin-top:50px;}


/*교사연구용아이디*/

.freeid_daesang					{border:#CCC solid 1px; height:50px; color:#777777; vertical-align:middle; padding:10px 0 0 10px;}

.freeid_traininginfo_wrap		{margin:150px 0 0 20px; height:390px;}
.freeid_traininginfo_wrap:after {content:''; display:block; clear:both;}
.freeid_traininginfo_kor		{float:left; margin-right:10px; width:150px;}
.freeid_traininginfo_blank		{float:left; margin-right:10px; width:169px;}
.freeid_traininginfo_eng		{float:left; margin-right:10px; width:150px;}
.freeid_traininginfo_listen		{float:left; width:150px; height:357px;}

.freeid_traininginfo1			{height:80px; font-size:20px; line-height:24px; letter-spacing:-1px; color:#d84250; font-weight:bold;}
.freeid_traininginfo2			{color:#c07800; font-size:14px; letter-spacing:-0.5pt; font-weight:bold; margin-top:20px;}
.freeid_traininginfo3			{height:110px; text-align:justify; letter-spacing:-0.5pt; font-size:12px;}
.freeid_traininginfo4			{border:#CCC solid 1px; padding-top:10px; padding-bottom:10px;}

.freeid_traininginfo_mv			{width:900px; height:90px; border:#d4d4d4 solid 1px; background:#f7f7f7; margin:70px 0 0 55px;}
.freeid_mvinfo1					{float:left; width:256px; line-height:18px; margin-top:16px;}
.freeid_mvinfo2					{float:left; width:280px; letter-spacing:-0.5pt; color:#777777; margin-top:16px;}
.freeid_mvinfo3					{float:left; width:330px; margin:16px 0 0 10px;}

.freeid_circle					{border-radius:30px; border:solid 1px #434343; background-color:#434343; line-height:16px; color:#ffffff; text-align:center; padding:10px 15px; position:absolute; margin:-30px 0 0 3px;}

.btn_bestreview					{width:140px; height:20px; border-radius:20px; background-color:#818181; border:#666666 solid 1px; padding:5px 10px 5px 10px; color:#ffffff; font-size:14px}


.mytraining_bg1					{width:360px; height:350px; border-radius:10px; box-shadow: 2px 2px 10px 5px rgba(0,0,0,0.07); z-index:10;}
.mytraining_bg1:after			{content:''; display:block; clear:both;}
.mytraining_bg1_blank			{background:#c64815;}
.mytraining_bg1_eng				{background:#626262;}
.mytraining_bg1_listen			{background:#557f97;}
.mytraining_bg1_kor				{background:#ab1d1c;}
.mytraining_bg1_mid				{background:#41547f;}
.mytraining_bg1_premid			{background:#527e3f;}

.mytraining_bg2					{width:350px; height:314px; background:#ffffff; border-radius:10px; border:#c9c9c9 solid 1px; box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.11); z-index:50; position:absolute; margin:57px 10px 0 17px;}
.mytraining_bg2:after			{content:''; display:block; clear:both;}

.mytraining_maintitle			{width:800px; height:60px; font-size:20px; clear:both; text-align:left; margin:10px 0 0 20px; letter-spacing:-1px;}
.mytraining_maintitle2			{width:1150px; height:50px; font-size:20px; clear:both; text-align:left; margin:0 0 0 20px; letter-spacing:-1px;}
.mytraining_title				{font-size:22px; float:left; color:#ffffff; margin:15px 0 0 18px; letter-spacing:-1px; font-weight:bold; line-height:30px;}

.mytraining_bt1_blank			{width:67px; height:20px; background:#89340f; color:#ffffff; border-radius:5px; float:left; margin:23px 0 0 5px; text-align:center;}
.mytraining_bt1_eng				{width:67px; height:20px; background:#494949; color:#ffffff; border-radius:5px; float:left; margin:23px 0 0 5px; text-align:center;}
.mytraining_bt1_listen			{width:67px; height:20px; background:#3e5e6d; color:#ffffff; border-radius:5px; float:left; margin:23px 0 0 5px; text-align:center;}
.mytraining_bt1_kor				{width:67px; height:20px; background:#7b1715; color:#ffffff; border-radius:5px; float:left; margin:23px 0 0 5px; text-align:center;}
.mytraining_bt1_mid				{width:67px; height:20px; background:#25365b; color:#ffffff; border-radius:5px; float:left; margin:23px 0 0 5px; text-align:center;}
.mytraining_bt1_premid			{width:67px; height:20px; background:#396029; color:#ffffff; border-radius:5px; float:left; margin:23px 0 0 5px; text-align:center;}

.mytraining_bt2					{width:100px; height:20px; background:#ffffff; border-radius:5px; border:#cccccc 1px solid; margin:35px 0 20px 0; font-size:16px; color:#000000; letter-spacing:-1px; padding:7px 10px; box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.12); cursor:pointer;}
.mytraining_bt3					{width:80px; height:20px; background:#dfdfdf; text-align:center; border-radius:5px; border:#c9c9c9 1px solid; color:#000000; margin:0px 30px 0 5px; float:right; cursor:pointer;}

.mytraining_table_left			{width:37px; text-align:center; color:#d30200; padding:5px 0; font-weight:bold;}
.mytraining_table_right			{width:280px; text-align:left; color:#494949; font-size:12px; padding:8px 0 7px 5px; text-align:justify;}

.pop_guide						{width:622px; height:610px; border:#888888 3px solid; background:#ffffff; z-index:2; border-radius:10px; color:#6A6A6A; box-shadow: 10px 10px 10px 0px rgba(0,0,0,0.11); display:none; position:absolute;}

.training_top					{margin:40px 0 10px 0;}
.training_top:after				{content:''; display:block; clear:both;}
.training_top_left				{width:305px; float:left; margin-right:5px;}
.training_top_left_program		{font-size:50px; font-weight:bold; letter-spacing:-1px; line-height:80px; vertical-align:-6px;}
.training_top:after				{content:''; display:block; clear:both;}
.training_top_left_programinfo	{font-size:18.5px; text-align:center; font-weight:bold; letter-spacing:-1px; color:#d84250;}
.training_top_right				{float:left; width:350px; font-size:14px; line-height:22px; margin:0 15px 0 15px;}
.training_top_right:after		{content:''; display:block; clear:both;}

.training_daesang				{height:90px; border-top:2px solid #c6c6c6; border-bottom:2px solid #c6c6c6; padding:20px 0; margin-bottom:40px; clear:both}
.training_daesang_pframe		{width:160px; float:left}
.training_daesang_pframe2		{width:190px; float:left}
.training_daesang_pframe3		{width:160px; float:left}
.training_daesang_p_title		{font-size:20px; line-height:40px}
.training_daesang_p_content		{font-size:14px; line-height:20px}
.training_daesang_p_subcontent	{font-size:12px; line-height:25px; color:#878787}

.training_mechatitle			{clear:both; padding-bottom:30px;}
.training_mechatitle_sub		{font-size:16px; line-height:46px; color:#d84250}
.training_mechatitle_main		{font-size:36px; color:#d84250}

.training_bottom				{border:#cccccc 1px solid; background:#F2F1EC; border-radius:6px; padding:20px; height:70px}
.training_bottom_p				{float:left; font-size:14px; line-height:24px; margin:0 0 0 15px;}
.training_bottom_btn			{float:right; margin:40px 0 0 0;}

/* 훈련과정 페이지 */
.info_wrap_all		{width:640px;}

.training_title_main			{margin-top:20px; padding:10px 0 20px 0; font-size:50px; font-weight:bold; letter-spacing:-2px; color:#666666;}
.training_info_main				{font-size:20px; letter-spacing:-1px; line-height:30px; padding-bottom:10px; color:#d84250;}
.training_info_sub				{font-size:14px; line-height:24px; padding-bottoM:30px;}	


.daily_box_wrap			{width:135px; float:left;}
.daily_box_wrap_kor		{width:180px; float:left;}
.daily_box_wrap_pre		{width:303px; float:left;}
.daily_box				{border-top-right-radius:20px; border-bottom-left-radius:20px; border-bottom-right-radius:20px; border-top-left-radius:7px; padding: 30px 0px 30px 15px; box-shadow:2px 2px 5px #ccc;}
.daily_box_pre			{border-top-right-radius:20px; border-bottom-left-radius:20px; border-bottom-right-radius:20px; border-top-left-radius:7px; padding: 30px 0px 56px 15px; box-shadow:2px 2px 5px #ccc;}
.box_gray				{border: #707070 solid 2px; background:#777; color:#FFF;}
.box_w_pre				{border: #667923 solid 2px; background:#829933; color:#FFF;}
.box_w_mid				{border: #4090a5 solid 2px; background:#4699b2; color:#FFF;}
.box_w_kor				{border: #a40f18 solid 2px; background:#dd4540; color:#FFF;}
.box_w_eng				{border: #7d5a9a solid 2px; background:#a389b9; color:#FFF;}
.box_w_blank			{border: #db6c00 solid 2px; background:#ff942c; color:#FFF;}
.box_f_pre				{border: #298529 solid 2px; background:#339933; color:#FFF;}
.box_f_mid				{border: #6092C3 solid 2px; background:#6699CC; color:#FFF;}
.box_f_kor				{border: #1155cc solid 2px; background:#4985d5; color:#FFF;}
.box_f_eng				{border: #8c9d3f solid 2px; background:#afc15b; color:#FFF;}
.box_f_blank			{border: #92a120 solid 2px; background:#b6c447; color:#FFF;}
.daily_title			{font-size:26px; line-height:36px; padding-bottom:10px; clear:both;}
.daily_title60			 {width:217px; height:25px; background-color:#ffffff; margin:205px 0 0 195px; position:absolute; z-index:10; font-size:26px; padding:18px 10px 8px 10px; clear:both;}
.daily_title60_mv	  {width:200px; height:25px; background-color:#ffffff; margin:35px 0 0 205px; position:absolute; z-index:10; font-size:26px; padding:18px 10px 8px 10px; clear:both;}
.daily_title60_blank	  {width:217px; height:25px; background-color:#ffffff; margin:135px 0 0 205px; position:absolute; z-index:10; font-size:26px; padding:18px 10px 8px 10px; clear:both;}

.daily_step_text	{font-size:20px; margin-bottom:5px; color:#fff; opacity:0.4;}
.daily_step_exp		{font-size:14px; color:#000; opacity:0.8; margin-bottom:7px;}
.daily_time			{border-bottom:#666 dotted 1px;}
.daily_time2		{border-bottom:#666 solid 1px;}
.daily_time_barL	{float:left; margin:-7px 0 0 -2px; font-size:8px; color:#777}
.daily_time_barR	{float:right; margin:-8px -2px 0 0; font-size:8px; color:#777}
.daily_time_min		{position:absolute; background:#FFF; padding:5px;}
.daily_arrow		{font-size:24px; color:#ccc; float:left; margin:53px 6px 0 5px;}
.w_connectline_garo	{width:55px; position:absolute; border-bottom:2px dashed; margin:300px 0 0 207px;}
.w_connectline_sero_mid	{height:140px; position:absolute; border-left:2px dashed; margin:160px 0 0 260px;}
.w_connectline_sero	{height:120px; position:absolute; border-left:2px dashed; margin:160px 0 0 150px;}
.f_connectline_garo	{width:55px; position:absolute; border-bottom:2px dashed; margin:300px 0 0 365px;}
.f_connectline_sero	{height:140px; position:absolute; border-right:2px dashed; margin:160px 0 0 365px;}
.f_connectline_sero_blank	{height:110px; position:absolute; border-right:2px dashed; margin:160px 0 0 325px;}
.s_connectline		{height:80px; position:absolute; border-right:2px dashed; margin:180px 0 0 365px;}

.num_text			{text-align:center; color:#666; line-height:20.4px; float:left; margin:208px 0 0 4px;}
.num_text_pre		{text-align:right; color:#666; line-height:30px; float:left; font-size:12px;}
.num_text_p			{height:100px; clear:both;}
.num_text_p2		{height:103px; clear:both;} /*여백조절용*/
.num_text_p_kor		{height:117px; clear:both; line-height:23px;}
.num_text_p2_kor	{height:124px; clear:both; line-height:23px;} /*여백조절용*/

/* 매직보카 1회 훈련 */
.box_1day_mv		 		{width:640px; height:85px; border-radius:5px; background:#666666; margin-bottom:3px;}
.box_1day_mv_number		{float:left; font-size:30px; color:#fecb00; margin:20px 0  0 10px;}
.box_1day_mv_inner		  {float:right; width:550px; height:75px; background:#FFFFFF; border-radius:5px; margin:5px 5px;}
.box_1day_mv_inner_title1  {
	float:left; 
	width:180px; 
	vertical-align: middle;
	font-size:18px;
	line-height:30px;
	font-weight:bold;
	text-align:center;
	margin:20px 0 0 0;}
.box_1day_mv_inner_title2  {
	float:left; 
	width:180px; 
	vertical-align: middle;
	font-size:18px;
	line-height:30px;
	font-weight:bold;
	text-align:center;
	margin:10px 0 0 0;}
.box_1day_mv_inner_subtitle 		 {background-color:#cb6600; border-radius:5px; width:100px; padding:5px 10px; line-height:20px; font-size:13px; text-weight:bold; text-align:center; font-family:tahoma; color:#ffffff;}
.box_1day_mv_inner_content1	  {
	float:left; 
	width:350px;
	font-size:13px; 
	line-height:18px;
	text-align:justify; 
	vertical-align: middle;
	margin:18px 0 0 0}
.box_1day_mv_inner_content2	  {
	float:left; 
	width:350px;
	font-size:13px; 
	line-height:18px;
	text-align:justify; 
	vertical-align: middle;
	margin:10px 0 0 0}
/* 매직보카 1회 훈련*/

/* 리스닝포스 1회 훈련*/
.box_1day_listen		 		{width:640px; height:85px; border-radius:5px; background:#666666; margin-bottom:3px;}
.box_1day_listen_number		{float:left; font-size:30px; color:#bad7e5; margin:20px 0  0 10px;}
.box_1day_listen_inner		  {float:right; width:550px; height:75px; background:#FFFFFF; border-radius:5px; margin:5px 5px;}
.box_1day_listen_inner_stage 		 {line-height:20px; font-size:13px; text-weight:bold; color:#777777;}
.box_1day_listen_inner_title  {
	float:left; 
	width:165px; 
	color:#628db2;
	font-size:17px;
	font-weight:bold;
	margin:20px 0 0 15px;}
.box_1day_listen_inner_content1	  {
	float:left; 
	width:350px;
	font-size:13px; 
	line-height:18px;
	text-align:justify; 
	vertical-align: middle;
	margin:10px 0 0 0}
.box_1day_listen_inner_content2	  {
	float:left; 
	width:350px;
	font-size:13px; 
	line-height:18px;
	text-align:justify; 
	vertical-align: middle;
	margin:5px 0 0 0}
.box_1day_listen_inner_subcontent	{
	font-size:12px;
	color:#907A60;
	line-height:16px;
}
/*리스닝포스 1회 훈련*/

.btn_korprocess_bgcolor1		 {background:#AAA;}
.btn_korprocess_bgcolor1on		{background:#666;}
.btn_korprocess					 	 {padding:3px 5px; border-radius:20px; color:#FFF; cursor:pointer}

.f_color_pre		{color:#6ca72c;}
.f_color_mid		{color:#4676b2;}
.f_color_kor		{color:#0080cb;}
.f_color_eng		{color:#8c9d3f}
.f_color_blank			{color:#b6c447;}
.force_bgcolor_pre	{background-color:#6ca72c;}
.force_bgcolor_mid	{background-color:#4676b2;}
.force_bgcolor_kor	{background-color:#0080cb;}
.force_bgcolor_eng	{background-color:#8c9d3f;}

.force_name			{font-size:20px; line-height:28px; clear:left;}
.force_name_l	  {font-size:20px; line-height:20px; clear:left;}
.force_training		{font-size:14px; color:#999999; clear:left;}
.force_con			{width:193px; float:right; font-size:12px; line-height:20px; text-align:justify; color:#666;}
.force_text			{font-size:11px; font-family:tahoma; color:#fff; border-bottom-right-radius:3px; border-bottom-left-radius:3px; padding:2px 5px 2px; margin:-21px 3px 7px 0; float:left;}
.force_block		{float:left;}
.f_unit				{padding:20px 0 21px 18px; border:#fff solid 1px; width:272px; border-bottom:dotted 1px #666; border-top:none;}
.f_unit_top			{padding:20px 0 21px 18px; border:#fff solid 1px; width:272px; border-bottom:dotted 1px #666; border-top:dotted 1px #666; }
.f_unit_bottom		{padding:20px 0 21px 18px; border:#fff solid 1px; width:272px;  border-bottom:solid 2px #666;}
.f_unit_bottom2		{padding:20px 0 25px 18px; border:#fff solid 1px; width:272px;  border-bottom:solid 2px #666;}
.f_unit:after		{content:''; display:block; clear:both;}
.f_unit_top:after	{content:''; display:block; clear:both;}
.f_unit_bottom:after{content:''; display:block; clear:both;}
.f_unit_bottom2:after{content:''; display:block; clear:both;}

.weapon_con			{float:right; font-size:12px; line-height:20px; text-align:justify; color:#666;}
.weapon_con_kor		{float:right; font-size:12px; line-height:22px; text-align:justify; color:#666;}
.weapon_con_eng		{float:left; font-size:16px; line-height:20px;}
.weapon_text		{font-size:11px; font-family:tahoma; color:#fff; border-bottom-right-radius:3px; border-bottom-left-radius:3px; padding:2px 5px 2px; margin:-17px 3px 7px 0; float:left;}
.w_bgcolor_pre		{background-color:#b6b731}
.w_bgcolor_mid		{background-color:#4699b2}
.w_bgcolor_kor		{background-color:#c40b16}
.w_bgcolor_eng		{background-color:#7d5a9a}
.w_color_pre		{color:#b6b731}
.w_color_mid		{color:#4699b2}
.w_color_kor		{color:#c40b16}
.w_color_eng		{color:#7d5a9a;}
.w_unit				{padding:16px 12px 9px 0; border:#fff solid 1px; width:280px; border-bottom:dotted 1px #666; border-top:none;}
.w_unit_top			{padding:16px 12px 9px 0; border:#fff solid 1px; width:280px; border-bottom:dotted 1px #666; border-top:dotted 1px #666; }
.w_unit_bottom		{padding:16px 12px 9px 0; border:#fff solid 1px; width:280px; border-bottom:solid 2px #666;}
.w_unit:after		{content:''; display:block; clear:both;}
.w_unit_top:after	{content:''; display:block; clear:both;}
.w_unit_bottom:after{content:''; display:block; clear:both;}

/*예비과정*/
.session_unit1		{width:610px; height:190px; border-top:dotted 1px #666; border-left:solid 7px #8ba819;}
.session_unit2		{width:610px; height:190px; border-bottom:dotted 1px #666; border-left:solid 7px #339933; margin-bottom:70px;}
.session_text		{font-size:18px; color:#fff; line-height:25px; border-bottom-right-radius:5px; border-bottom-left-radius:5px; padding:8px 15px 8px; margin:0 3px 7px 0; float:left;}

.session_color1		{color:#78a819;}
.session_color2		{color:#339933;}
.session_title		{float:left; font-size:17px; line-height:30px; margin: 30px 10px 0 10px;}

.p_stage_color		{border:#6e6e6e 1px solid; background-color:#7f7f7f;}
.p_stage_top		{width:175px; border-top-left-radius:5px; border-top-right-radius:5px; padding:15px 10px; margin-top:35px}
.p_stage_bottom		{width:175px; height:40px; border-bottom-left-radius:5px; border-bottom-right-radius:5px; border-left:#aaa 1px solid; border-right:#aaa 1px solid; border-bottom:#aaa 1px solid; padding:10px;}

.p_step_title			{font-size:20px; line-height:25px; color:#ffffff; text-align:center;}
.p_step_text			{float:left; font-size:12px; line-height:16px; text-align:left;}
.p_step_arrow			{float:left; margin:9px 9px 0 9px; font-size:11px; opacity:0.5;}

/*훈련효과*/
.effect_box			{border:1px solid #aaa; border-bottom-left-radius:30px; border-top-right-radius:30px; padding:40px; clear:both; line-height:40px; font-size:15px;}
.effect_title		{font-size:30px; padding-bottom:20px;}
.effect_slash		{font-size:12px; color:#aaaaaa; margin:0 10px 0 5px;}
.effect_text		{font-size:2rem;}
.effect_color_mid	{color:#5566b2}
.effect_color_pre	{color:#2c926a}
.effect_color_kor	{color:#cc0000}
.effect_color_eng	{color:#7d5a9a}
.effect_color_blank {color:#84a60f}
.effect_color_listen {color:#5997ae}
.effect_color_mv	{color:#e75117}

#user_study_stop_wrap						{width:550px; height:420px;}
.user_study_stop_bgbar						{width:100%; height:10px; background:#1c1c1c; position:absolute;}
.user_study_stop_icon						{width:100px; height:110px; font-size:130px; padding:0 4px; color:#ffffff; line-height:140px; text-align:center; vertical-align:middle; background:#c30e03; border-radius:60px; position: absolute; margin:18px 0 0 10px;}
.user_study_stop_icon2						{width:100px; height:110px; font-size:65px; padding:0 3px 0 6px; color:#ffffff; line-height:122px; text-align:center; vertical-align:middle; background:#4676b2; border-radius:60px; position: absolute; margin:18px 0 0 10px;}
.user_study_stop_box						{width:370px; height:50px; border:#1c1c1c 4px solid; border-radius:8px; padding:15px 0 15px 40px; margin:30px 0 0 50px; line-height:26px}
.user_study_stop_btnwrap					{width:254px; margin-top:30px}
.btn_userstudystop							{float:left; width:100px; height:30px; border-radius:5px; background:#585a67; border:#454752 1px solid; text-align:center; color:#ffffff; font-size:14px; padding:8px 11px 0 9px; cursor:pointer;}

/*독서평설읽기*/
.btn_saseol_start	{clear:both; width:260px; border-radius:10px; padding:25px 5px; background-color:#4c9e4c; border:#339933 1px solid; text-align:center; color:#fff; font-size:23px; letter-spacing:-1px; cursor:pointer; box-shadow:2px 2px 5px #ccc;}
.btn_saseol_end	{clear:both; width:290px; border-radius:10px; padding:25px 5px; background-color:#5d82a7; border:#406891 1px solid; text-align:center; color:#fff; font-size:23px; letter-spacing:-1px; cursor:pointer; box-shadow:2px 2px 5px #ccc;}


/*빈칸추론*/
.blanktraining_box	{float:left; width:30%; border:#ccc 1px solid; border-radius:5px; margin:0 5px;}