@charset "utf-8";

/************************************
	마이페이지
*************************************/
.study_list{
	background:#fff;
	overflow:hidden;
	margin-bottom:10px;
}
.study_list .study_info{
	float:left;
	width:76%;
}
.end{
	float:left;
	width:100% !important;	
}
.study_list .study_info h3.name{
	font-size:1.1875em;
	font-weight:600;
	color:#000;
}
.study_list .study_info p.period{
	font-size:1em;
	color:#555;
}
.study_list .study_play{
	float:right;
	width:3.5em;
	margin-top:18px;
}
.study_list .study_play a{
	display:inline-block;
	/*
	background: #0dc2bb url("/images/sub/icon_play.png") center no-repeat;
	color:#fff;
	text-align:center;
	font-size:24px;
	letter-spacing:-1px;
	font-weight:500;
	*/
}
.progress_group{
	margin-top:15px;
	overflow:hidden;
}
.progress_group span{
	float:left;
	display:inline-block;
	color:#000;
}
.graph_box{
	float:left;
	width:55%;
	height:20px;
	background:#efefef;
}
.graph_box span.graph{
	float:left;
	display:inline-block;
	/* width:75%; */
	height:20px;
	background:#f44b1e;
}

.graph_box span.off{
	background:#6f6f6f;	
}

/************************************
	마이페이지_차리리스트
*************************************/
.btn_study_play{
	display:inline-block;
	width:30px;
	height:30px;
	border-radius:30px;
	background:#cc1718;
	color:#fff;
	text-align:center;
	line-height:9px;
}
.btn_study_play img{
	width:0.6em;
	padding-left:2px;
}


/*나의강의실-학습하기*/
.top_text_bg {
	background: #666;
	padding: 15px 0;
	color: #fff;
	overflow: hidden;
	font-size:0.9em;
}

.lec_list{ 
	background-color:#fff;
}
.lec_list h2{ 

}
.study_list{
	position:relative;
	margin-top:20px;
}
.study_list li{
	border:1px solid #ddd;
	margin-bottom:20px;
	overflow:hidden;
	border-radius:0;
	box-shadow: 3px 3px 3px 0px #eee;
}
.study_list li.list_con_none {
	border-left:none;
	border-right:none;
	box-shadow: none;
	padding:10px;
}
.study_list li h3{
	font-size:1.2em;
	line-height:1.5em;
	font-weight:500;
	width:65%;
}
.study_list a{ 
	display:inline-block; 
	float:left;
	width:49.2%;
	height:32px; 
	color:#fff; 
	text-align:center; 
	line-height:32px; 
}
.study_list div.mylect{ 
	width:92%;
	padding:4%;
	position: relative;
}
.study_list div.mylect a.btn_w100{ 
	width:99%;
}
.study_list .bg_darkgray {
	border: 1px solid #484848;
}
.study_list .bg_red {
	border: 1px solid #c9252b;
}
.study_list .bg_yel {
	border: 1px solid #fcc520;
}
.study_list .bg_yel {
	border: 1px solid #fcc520;
}
.study_list .bg_green {
	border: 1px solid #73bb25;
}
.study_date{
	background:#f4f4f4;
	padding:10px 0;
	font-weight:500;
}

.study_list p.progress{ 
	/*
	color:#154c8a;
	height:30px;
	border-top:1px solid #ddd;
	background:#f4f4f4;
	border-bottom:1px solid #ddd;
	border-radius:30px;
	overflow:hidden;
	box-shadow:inset 3px 3px 10px #ddd;
	*/
	font-size:0.9em;
	line-height:1.5em;
	font-weight:500; 
	color:#154c8a;
	right: 0;
	width: 30%;
	text-align:right;
}
.study_list p.progress span{
	
}
.study_step{

}
.study_step a{

}
a.btn_study_play{
	display:inline-block;
	width:30px;
	height:30px;
	border-radius:40px;
	background:#ec1515;
	color:#fff;
	text-align:center;
	line-height:30px;
	font-size:11px;
}
span.progress{
	font-weight:600;
}

.study_detail_top{
	padding:15px 0;
	overflow:hidden;
	background:#ffe8e8;
}

.study_detail_list{
	
}


.study_detail_list h3{
	font-size:20px;
	font-weight:600;
}
.study_detail_date{
	/*background:#fbdddd;*/
	overflow:hidden;
}
.study_detail_date span{

}
.test_detail_date{
	/*background:#dfe5f9;*/
	overflow:hidden;
}
.study_detail_date span,
.test_detail_date span{

}

/*나의강의실-학습자료실*/
.edu_list{ background-color:#fff; padding:10px;}
.edu_list ul{}
.edu_list ul li{border-bottom:1px solid #9c9c9c; margin:0 auto;  margin-top:20px;}
.edu_list ul li a{font-size:1.1em; font-weight:bold;}
.edu_list ul li p{font-size:0.95em; margin-bottom:10px; margin-top:5px;}

.edu_list .edu_title{border-bottom:1px solid #9c9c9c; margin:0 auto;  margin-top:20px;}
.edu_list .edu_title h2{ font-size:1.1em; font-weight:bold;}
.edu_list .edu_title p{ font-size:0.95em; margin-bottom:10px; margin-top:5px;}
.edu_list .edu_contents{ height:200px; border:1px solid #979797; margin:24px auto;}
.edu_list .download_btn{ height:40px; margin:15px auto;}


/*필독! 학습절차안내*/
.study_step_wrap{
	background-color:#fff; 
	position:relative; 
	margin:20px auto; 
	padding:10px;
}
.study_step_wrap h2{ width:100%; height:38px; display:inline-block; background-color:#363834; color:#fff; text-align:center; line-height:38px; font-size:1.1em;}
.study_step_wrap a{ position:absolute; right:20px; top:20px;}


/*나의강의실-시험보기*/

.test_list{  
	position:relative;
	margin-top:20px;
}
.test_list li{ 
	position:relative;
	border:1px solid #ddd;
	overflow:hidden;
	margin-bottom:10px;
	box-shadow: 3px 3px 3px 0px #eee;
}
.test_list h3{ 
	width:70%;
	font-size:20px;
	font-weight:600;
}
.test_list .test_btn
{ 
	display:inline-block; 
	width:25%;
	height:35px; 
	color:#fff; 
	text-align:center; 
	line-height:35px; 
	margin:0 2px;
	font-weight:500;
	position:absolute; 
	right:15px; top:15px;
}
.test_list .all_progress{}
.test_list .test{
	margin-top:15px;
}
.test_list .test span{
	color:#ec1515;
}
.test_list .score{}

/*시험보기-유의사항*/



.test_top_text{
	position:fixed;
	top:0;
	z-index:50;
	width:100%;
	background:#1a5fac;
	color:#fff;
	font-size:20px;
	font-weight:600;
	padding:20px 0;
}

.test_msg_group{
	position:relative;
   height:100%;
	background:url("/images/sub/test_msg.png") no-repeat center center fixed; 
   -webkit-background-size: cover;
   -moz-background-size: cover;
   -o-background-size: cover;
   background-size: cover;
   text-align:center;
   margin:auto;
}
.test_msg_group a{
display:block;
width:100%;
height:100%;
}
.time{
	position:fixed;
	top:20px;
	right:5px;
	z-index:100;
	font-size:20px;
	color:#fff;
	font-weight:500;
}
.time img{
	width:35%;
	vertical-align:top;
}


.notice_wrap{background-color:#fff; padding:20px 10px;}
.notice_wrap h1{font-size:1.3em; font-weight:bold; margin-left:10px; margin-bottom:10px;}
.notice_wrap p{ color:#ff4800; font-weight:bold; margin-left:10px; margin-bottom:10px;}
.notice{ padding:10px; border:1px solid #d1d1d1; margin:0 auto;}
.notice li{ color:#4a4a4a; margin-top:10px;}
.notice h2{ font-size:1.3em; font-weight:bold;margin:10px auto; text-align:center; margin-bottom:20px;}

.test_paper_group{
	border-bottom:1px dashed #ddd;
	padding:15px 0;
	overflow:hidden;
}
.question_group{
	overflow:hidden;
	margin-bottom:15px;
}
.test_paper_group .num{
	float:left;
	display:inline-block;
	width:32px;
	height:32px;
	border-radius:5px;
	background:#333;
	color:#fff;
	text-align:center;
	line-height:32px;
	font-size:17px;
	font-weight:600;
}
.test_paper_group .question{
	float:right;
	display:inline-block;
	width:86%;
	font-size:17px;
	font-weight:500;
	line-height:22px;
}
.test_paper_group .example{
	padding:10px;
	background:#f4f4f4;
	margin-bottom:15px;
}
ul.question_list{
	font-size:15px;
	line-height:30px;
}
ul.question_list li{
	overflow:hidden;
	line-height:20px;
	margin-bottom:10px;
}
.question_list .list{
	width:92%;
	color:#555;
}
.result_list{
	width:100%;
	color:#555;
	background:url(/images/sub/test_bg_check.png) -7px -2px no-repeat;
	background-size:10%;
}

.question_list input{
	width:18px;
	height:18px;
	margin-top:3px;
}

.test_paper_result{
	border-bottom:1px dashed #ddd;
	padding:15px 0;
	overflow:hidden;
}

.num_right{
	float:left;
	display:inline-block;
	width:40px;
	height:40px;
	color:#333;
	text-align:center;
	line-height:40px;
	font-size:17px;
	font-weight:600;
	background:url(/images/sub/test_bg_o.png) center no-repeat;
	background-size:cover;
}
.num_wrong{
	float:left;
	display:inline-block;
	width:40px;
	height:40px;
	color:#333;
	text-align:center;
	line-height:32px;
	font-size:17px;
	font-weight:600;
	background:url(/images/sub/test_bg_x.png) center no-repeat;
	background-size:cover;
}
.num_check{
	float:left;
	display:inline-block;
	width:40px;
	height:40px;
	color:#333;
	text-align:center;
	line-height:32px;
	font-size:17px;
	font-weight:600;

	background-size:cover;
}
/*자격증 신청및 결제*/
.diploma_wrap{

}
.diploma_wrap h1{
	color:#184d87; 
	font-size:1.4em; 
	font-weight:bold;
	text-align:center;
	margin-bottom:20px;
}
.diploma_box{
	border:1px solid #d1d1d1;  
	padding:15px;
}

.diploma_list{
	position:relative;
}
.diploma_list li{
	position:relative;
	border-bottom:1px solid #ddd;
	overflow:hidden;
	margin-bottom:10px;
}
.diploma_list h3{ 
	width:70%;
	font-size:20px;
	font-weight:600;
}
.diploma_list .test_btn
{ 
	display:inline-block; 
	width:25%;
	height:35px; 
	color:#fff; 
	text-align:center; 
	line-height:35px; 
	margin:0 2px;
	font-weight:500;
	position:absolute; 
	right:15px; top:15px;
}
.diploma_list .test span{
	color:#ec1515;
}
.diploma_proof{
	margin-top:30px;
	margin-bottom:20px;
}
.diploma_proof li{ 
	color:#4a4a4a;
	margin-top:5px;
}

.diploma_wrap .select_box{ 
	margin:20px auto; 
}
.diploma_wrap .select_box h2{
	font-size:1.3em;
	margin:15px 0;
}
.diploma_wrap .select_box p{ 
	margin:20px 0; 
	display:block;
}
.diploma_wrap .select_box span{ 
	font-size:1.1em; 
	font-weight:bold;
}
.select_box .diploma_form{ 
	border:1px solid #d1d1d1; 
	padding:5px;
}
.diploma_form .diploma_name{ 
	font-size:1.1em; 
	font-weight:bold;
}
.diploma_wrap .select_box .diploma_form select{ 
	width:60%;
	height:30px;
	margin-left:5px;
}

.diploma_wrap .diploma_box{}
.diploma_wrap .diploma_box p{ margin-bottom:10px;}

.diploma_wrap .pay_form{ 
	 margin:25px auto; 
 }
.diploma_wrap .pay_form h2{ 
	font-size:1.3em; 
	margin-bottom:10px;
}

.diploma_wrap .pay_form table input{ 

}
.diploma_wrap .pay_form select{

}
.diploma_wrap .pay_form p{ 
	margin-bottom:10px;
}
.diploma_wrap .pay_info{ 
	background-color:#ececec; 
	padding:10px;  
	margin:20px auto;
}
.diploma_wrap .pay_info li{ 
	margin-bottom:10px; 
	font-size:0.95em;
}

.diploma_ok_wrap{
	width:100%;
	background-color:#fff;
	padding-top:22px;
}
.diploma_ok_wrap h1{ 
	font-size:1.3em;
	font-weight:bold; 
	margin-bottom:20px; 
	margin-left:20px;
	color:#184d87;
}
.diploma_ok_wrap h2{
	font-size:1.2em; 
	font-weight:bold;
	text-align:center;
	margin-top:15px;
	margin-bottom:30px;
}
.diploma_ok_wrap p{ 
	margin-bottom:5px;
}

.diploma_ok{
	padding:10px; 
	border:1px solid #d1d1d1;
}


/*나의강의실-나의정보*/

/***** 나의정보 *****/
.myinfo_tbl_top {
	margin-top:20px;
	margin-bottom:10px;
}

.mypage_wrap .myinfo_tbl {
	border-top:2px solid #436c9c;
	margin-bottom:30px;
}

.mypage_wrap .myinfo_tbl th, .mypage_wrap .myinfo_tbl td {
	padding:0 20px;
	border-bottom:1px solid #cecece;
}

.mypage_wrap .myinfo_tbl th {
	background:#f0f0f0;
	text-align:right;
}
.myinfo_body{
	width:100%;
	margin:auto;
	margin-bottom:40px;
	font-size:0.9em;
	text-align:center;
}

/*비밀번호변경*/
.pw_change_wrap{background-color:#fff; padding:20px 10px;}
.pw_change_wrap h1{font-size:1.3em; font-weight:bold; margin-bottom:20px; margin-left:20px; color:#184d87;}
.pw_change_wrap .pw_change{}
.pw_change_wrap .pw_change table{ width:100%;}
.pw_change_wrap .pw_change table td{ padding:10px 7px;}
.pw_change_wrap .pw_change table .left{ width:40%; background-color:#ececec; }
.pw_change_wrap .pw_change table input{ width:95%; height:20px;}
.pw_change_wrap .pw_change a{ display:block; background-color:#fc6947; text-align:center; color:#fff; font-weight:bold; font-size:1.2em; height:40px; line-height:40px; margin:20px auto; }


/* 쿠폰/ 포인트  공통*/
h3.sub_h3 {
	font-size:26px;
	line-height:30px;
	color:#2a2a2a;
	font-weight: 500;
}
.coupoin_history {
	width: 100%;
	overflow: hidden;
}
.coupoin_history div.float_l {
	width: 40%;
}
.coupoin_history div.float_r {
	width: 100%;
	background:#edeff2;
	text-align:center;
}
.coupoin_history div.float_r img {
	width: 25%;
}
.coupoin_history .coupoin_tity {
	display: inline-block;
	margin-top:15px;
	margin-bottom:10px;
	text-align:left;
}
.coupoin_history .coupoin_tity p {
	font-size:15px;
	line-height:15px;
	color:#7a7a7a;
}
.coupoin_history .coupoin_tity p em {
	font-size:1.2em;
	line-height:1.5em;
	color:#c22127;
}
.coupoin_history .coupoin_tity p em span {
	font-size:1.5em;
}
/* 쿠폰/ 포인트  내역 리스트*/
.history_list{
	border-top:2px solid #333;
	text-align:center;
}
.history_list th, .lecture_review_list td {
	padding: 10px 0;
	font-size:14px;
	border-bottom:1px solid #cecece;
	text-align:center;	
}
.history_list th{
	font-weight:normal;
	border-left:1px solid #cecece;
	background: #eff3f5;
}
.history_list th.first,
.history_list td.first {
	border-left:none;
}
.history_list td{
	font-weight:normal;
	padding: 8px 0;
	border-bottom:1px solid #cecece;
}