@charset "utf-8";
/* CSS Document */

@import url(base.css);
@import url(common.css);



/************************************
	sub_common_시작
**************************************/

/*서브탑이미지*/
.sub_top_wrap{
	width:100%;
	height:240px;
	background:url("/images/sub/sub_customer_top_img.jpg") no-repeat;
	background-size:cover;
	-webkit- background-size:cover;
	-moz- background-size:cover;
	-o- background-size:cover;
}
.sub_top_text_group{
	width:1200px;
	margin:auto;
	text-align:center;
	padding-top:75px;
}
.sub_top_text_group h2{
	color:#fff;
}
.sub_top_text_group h2 span{
	display:block;
}
span.sub_top_text_first{
	font-size:18px;
	margin-bottom:17px;
}
span.sub_top_text_main{
	font-size:35px;
}

/*서브탑메뉴*/
.sub_top_menu_wrap{
	float:left;
	width:100%;
	height:45px;
	background:#f1f3f4;
}
.sub_top_menu{
	width:1200px;
	margin:auto;
}
.sub_top_menu h2{
	float:left;
	display:inline-block;
	line-height:45px;
	font-size:19px;
	color:#3a3a3a;
	font-weight:500;
	margin-right:20px;
	padding-left:20px;
}
.sub_top_menu ul{
	float:left;
}
.sub_top_menu ul.mypageTop{
	margin-left:20px;
}
.sub_top_menu ul.event_top{
	margin-left:20px;	
}

.sub_top_menu ul li{
	float:left;
	padding:0 20px;
	font-size:16px;
	color:#333f48;
	line-height:45px;
	margin-right:20px;
	cursor:pointer;
}
.sub_top_menu ul li.menu_on{
	font-size:16px;
	font-weight:500;
	color:#40484f;
	background:#d2d6d9;
}

/*
.sub_lecture_top_menu h2{
	float:left;
	display:inline-block;
	line-height:43px;
	font-size:16px;
	font-weight:500;
	color:#393939;
	margin-right:20px;
}
*/

/*서브레이아웃*/
#sub_con_wrap{
	position:relative;
	float:left;
	width:100%;
	padding-top:40px;
	padding-bottom:60px;
}
/*1200_basic*/
.sub_con_group{
	width:1200px;
	margin:auto;
	min-height:600px;
}
/*1100*/
.sub_con_1100{
	position:relative;
	width:1100px;
	margin:auto;
}

/*서브페이지타이틀*/
.sub_page_title{
	position:relative;
	width:100%;
	margin-bottom:30px;
}
.sub_page_title h2{
	font-size:27px;
	font-weight:500;
	margin-bottom:5px;
	float: left;
}
span.title_text{
	font-size:16px;
	color:#5f6a73;
	font-weight:400;
	line-height: 40px;
	padding-left: 20px;
}
ul.page_navi{
	position:absolute;
	right:0;
	top: 5px;
	display:inline-block;
}
ul.page_navi li{
	float:left;
	font-size:15px;
	color:#676d71;
	padding-left:5px;
}

/*공통_페이징*/
.paging_wrap{
	position:relative;
	float:left;
	width:100%;
	text-align:center;
}
.paging_group{
	display:block;
	width:100%;
	margin:0 auto;
	padding:30px 0;
}
.paging_group ul{
	position:relative;
	display:inline-block;
}
.paging_group ul li{
	position:relative;
	float:left;
	width:28px;
	height:28px;
	margin:0 2px;
	display:inliline-block;
}
.paging_group ul li a{
	display:inline-block;
	position:absolute;
	top:0;
	left:0;
	width:28px;
	float:left;
	height:28px;
	text-align:center;
	line-height:28px;
	border:1px solid #d9dae1;
	color:#898785;
	border-radius:3px;
	background:#fff;
}
.paging_group ul li a img{
	padding-top:8px;
	padding-top:0px \0/IE9;

}

@media screen and (-webkit-min-device-pixel-ratio:0){
.paging_group ul li a img{
	padding-top:8px;
}
}
.paging_group ul li strong{
	display:inline-block;
	width:28px;
	height:28px;
	background:#6d7c89;
	border-radius:3px;
	color:#fff;
	border:1px solid #6d7c89;
	line-height:30px;
}
.paging_group ul li.paging_list_on{
	background:#6d7c89;
	color:#fff;
	border:1px solid #6d7c89;
}

/*공통리스트*/
table.common_list{
	width:100%;
}
table.common_list th{
	height:45px;
	background:#f0f3f5;
	font-size:15px;
	font-weight:400;
	color:#565656;
	border-bottom:2px solid #d8d8d8;
	border-top:1px solid #d8d8d8;
}
table.common_list td{
	text-align:center;
	font-size:15px;
	padding:8px 0;
	border-bottom:1px solid #d8d8d8;
}

/*공통테이블(표)*/
.common_t{
	width:100%;
	border-top:2px solid #0cd8c1;
	border-left:1px solid #d8d8d8;
}
.common_t th{
	background:#f0f3f5;
	height:45px;
	font-size:15px;
	font-weight:400;
	color:#565656;
	border-bottom:1px solid #d8d8d8;
}
.common_t td{
	text-align:left;
	font-size:15px;
	padding:8px 15px;
	border-bottom:1px solid #d8d8d8;
	border-right:1px solid #d8d8d8;
}
.common_t td input[type="text"],
.common_t td input[type="password"]{
}

/*탭메뉴스타일_01*/
.tab_m_blue{
	float:left;
	width:100%;
	/*border-bottom:1px solid #658cad;*/
}
.tab_m_blue span{
	display:inline-block;
	float:left;
	width:144px;
	height:48px;
	/*background:#dbdddf;*/
	border:1px solid #bfbfbf;
	text-align:center;
	font-size:17px;
	font-weight:500;
	line-height:48px;
	color:#7b7f83;
	cursor:pointer;
	margin-left:-1px;
}
.tab_m_blue span.tab_on{
	background:#658cad;
	color:#fff;
}

/*탭메뉴스타일_02*/
ul.tab_m_mint{
	float:left;
	height:50px;
}
ul.tab_m_mint li{
	float:left;
	height:47px;
	font-size:15px;
	padding:0 15px;
	line-height:47px;
	border:1px solid #d8d8d8;
	margin-left:-1px;
	margin-top:-1px;
	cursor: pointer;
}
ul.tab_m_mint li.tab_on{
	background:#0cd8c1;
	color:#fff;
	font-weight:500;
}
ul.tab_m_mint li.tab_on a{
	color:#fff !important;
}

/*검색영역*/
.bbs_search_group{
	float:right;
	margin-top:10px;
	margin-bottom:25px;
}
.btn_bbs_search{
	background:#6d7c89;
	border-radius:3px;
	-webkit- border-radius:3px;
	-moz- border-radius:3px;
	-o- border-radius:3px;
	padding:10px 15px;
	font-size:13px;
	color:#fff;
	cursor:pointer;
}
.btn_list_view{
	font-size:13px;
	border:1px solid #6d7c89;
	border-radius:3px;
	-webkit- border-radius:3px;
	-moz- border-radius:3px;
	-o- border-radius:3px;
	padding:11px 15px;
	color:#6d7c89;
	cursor:pointer;
}

/*게시판_리스트*/
table.bbs_list{
	width:100%;
}
table.bbs_list th{
	height:45px;
	background:#f0f3f5;
	font-size:15px;
	font-weight:400;
	color:#565656;
	border-bottom:1px solid #d8d8d8;
	border-top:2px solid #0cd8c1;
}
table.bbs_list td{
	text-align:center;
	font-size:15px;
	padding:8px 0;
	border-bottom:1px solid #d8d8d8;
}
table.myclass td{
	padding:15px 0;
}
table.myclass .btn_flat_s_gray{
	background:#a6afb7;
	border-radius:3px;
	-webkit- border-radius:3px;
	-moz- border-radius:3px;
	-o- border-radius:3px;
	padding:7px 10px;
	font-size:14px;
	color:#fff;
	cursor:pointer;	
}
td.bbs_name{
	text-align:left !important;
}

/*게시판_뷰*/
.bbs_view{
	width:100%;
	border-top:2px solid #0cd8c1;
}
.bbs_view_top{
	position:relative;
	padding:10px;
	border-bottom:1px solid #d8d8d8;
	overflow:hidden;
}
.bbs_view_top a.btn_share{
	display:inline-block;
	float: right;
    border: 1px solid #ccc;
    padding: 7px 10px 7px 38px;
    background: url('/images/sub/icon/icon_share_gray.gif') 10px no-repeat;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -khtml-border-radius: 3px;
}
.share_link_pop{
	position: absolute;
	top: 33px;
	right: 0px;
	display: block;
	padding: 10px;
	z-index: 10;
}
span.bbs_view_name{
	display:block;
	font-size:18px;
	line-height:35px;
}
span.bbs_view_cmt{
	display:block;
	margin-top:15px;
	font-size:16px;
	line-height:20px;
	color:#5f6a73;
}
span.bbs_view_hit,
span.bbs_view_day{
	display:inline-block;
	margin:10px 0;
	color:#5f6a73;
	font-size:14px;
}
span.bbs_view_bar{
	font-size:13px;
	color:#888;
	margin:0 10px;
}
.bbs_view_con{
	padding: 40px 0px;
    min-height: 300px;
  /*  border-bottom: 1px solid #d8d8d8;*/
    line-height: 130%;
    overflow:hidden;
}

/*첨부파일*/
.bbs_view_file{
	border-bottom:1px solid #d8d8d8;
	margin-bottom:15px;
	padding:15px 10px;
	font-size:16px;
}
.bbs_view_file span{
	display:inline-block;
}
span.file_tit{
	margin-right:20px;
}
span.file_con{
	color:#5f6a73;
}
.bbs_view_btn{
	width:100%;
	float:left;
	padding-bottom:35px;
	border-top:1px solid #d8d8d8;
	border-bottom:2px solid #d8d8d8;
}
span.tit_bbs_prev{
	background:url("/images/sub/icon/icon_bbs_prev.gif") no-repeat 0 center;
	padding-left:15px;
}
span.tit_bbs_next{
	background:url("/images/sub/icon/icon_bbs_next.gif") no-repeat 0 center;
	padding-left:15px;
}

/*1:1문의 답변*/
.bbs_view_reply{
	border-bottom:1px solid #d8d8d8;
	margin-bottom:15px;
	padding:15px 10px;

	background:#f4f7fa;
}
.bbs_view_reply span{
	display:inline-block;
}
span.reply_tit{
	vertical-align:top;
	font-size:16px;
	margin-right:20px;
}
span.reply_con{
	width:960px;
	color:#5f6a73;
}
/*공통팝업*/
.popup_wrap{
	position:relative;
	width:100%;
	overflow-x:hidden;
}
.popup_title_group{
	width:100%;
	height:40px;
	padding:20px;
	font-size:25px;
	color:#fff;
	background:#595959;
}
.popup_content_group{
	width:90%;
	margin:auto;
	padding:30px 0;
}
table.popup_table{
	width:100%;
	border-top:2px solid #595959;
	border-bottom:2px solid #595959;
}
table.popup_table th,
table.popup_table td{
	font-size:14px;
	padding:10px 10px;
}
table.popup_table th{
	text-align:left;
}
.popup_btn_group{
}

/*  리스트아이콘 */
span.tit_circle{
	display:none;
	width:5px;
	height:5px;
	-webkit- border-radius:5px;
	-moz- border-radius:5px;
	-o- border-radius:5px;
	border-radius:5px;
	background:#bdbdbd;
	vertical-align:top;
	margin-top:12px;
}


/*
	sub_common_끝
********************/



/*******************
	회사소개
********************/

.company_text_top_group{
	float:left;
	width:1010px;
	border:5px solid #d6d7d7;
	padding:40px 0 30px 80px;
}
.company_text_top_group h3{
	display:inline-block;
	float:left;
	font-size:24px;
	color:#2ad0bd;
}
span.title_division_line_right{
	width:1px;
	height:90px;
	background:#e1e1e1;
	margin:0 30px;
}
.company_text_top_group p{
	font-size:16px;
	color:#272727;
}
.company_text_top_group .text_point{
	font-size:18px;
	font-weight:500;
	display:block;
}
.company_target_group{
	float:left;
	width:1020px;
	height:430px;
	padding-left:80px;
	padding-top:80px;
}
.company_target_group h3{
	display:inline-block;
	float:left;
	font-size:26px;
}
.target_icon_group{
	float:left;
	width:859px;
	padding:48px 0 0 65px;
}
.target_icon_group p{
	float:left;
	width:400px;
	height:80px;
	margin:0 50px 40px 0;
	font-size:16px;
	color:#252525;
	line-height:80px;
}
.target_icon_group strong{
	font-style:normal;
	font-weight:400;
}

/*제휴/광고협력*/
.cooperate_apply_text_group{
	float:left;
	width:1030px;
	border:5px solid #d6d7d7;
	padding:45px 0 45px 60px;
	color:#565656;
	line-height:26px;
}
.cooperate_apply_text_group h3{
	font-size:17px;
	color:#000000;
	margin-bottom:15px;
}
.agreement_check_group{
	width:100%;
	float:left;
}

/*이용약관*/
.useInfo_text_group{
	color:#585858;
	line-height:24px;
	font-weight:300;
}
.useInfo_text{
	width:1070px;
	height:670px;
	padding:15px;
	border:1px solid #d6d7d7;
	overflow-y:scroll;
}
.useInfo_text_group h3{
	color:#333;
	font-size:20px;
	margin-bottom:30px;
}
.useInfo_text_group p{
	color:#333;
	font-size:16px;
	margin-bottom:15px;
}

/*개인취급처리방침*/
.policy_text_group{
	color:#585858;
	line-height:24px;
	font-weight:300;
}
.policy_text_group h3{
	color:#333;
	font-size:20px;
	margin-bottom:30px;
}
.policy_text{
	width:1070px;
	height:570px;
	padding:15px;
	border:1px solid #d6d7d7;
	overflow-y:scroll;
}
.policy_text_group p{
	color:#333;
	font-size:18px;
	font-weight:400;
	margin:15px 0 30px 0;
}
.policy_list_group{
	padding:20px 0;
	line-height:28px;
	border-top:1px solid #e1e1e1;
	border-bottom:1px solid #e1e1e1;
}
.policy_list_group a{
	font-weight:400;
}
.policy_list_group span{
	display:inline-block;
	width:15px;
	color:#2ad0bd;
	margin-right:20px;
}


/*******************
	로그인
********************/

.login_wrap{
	width:1200px;
	margin:auto;
	margin-top:80px;
}
.login_title_group{
	width:700px;
	margin:auto;
	margin-bottom:10px;
}
.login_title_group h3{
	font-size:31px;
	font-weight:500;
	margin:auto;
}
.login_group{
	width:700px;
	margin:auto;
	border-top:1px solid #e1e1e1;
	border-bottom:1px solid #e1e1e1;
	padding:40px 0;
}
.input_group{
	position:relative;
	width:500px;
	margin:auto;
	margin-bottom:10px;
}
input.input_id,
input.input_password{
	width:348px;
	border-radius:3px;
	-webkit- border-radius:3px;
	-moz- border-radius:3px;
	-o- border-radius:3px;
	height:35px;
	margin-top:5px;
}
.btn_login_go{
	position:absolute;
	top:5px;
	width:105px;
	height:105px;
	border-radius:3px;
	-webkit- border-radius:3px;
	-moz- border-radius:3px;
	-o- border-radius:3px;
	background:#2ad0bd;
	text-align:center;
	color:#fff;
	font-size:19px;
	font-weight:600;
	cursor:pointer;
	margin-left:5px;
}
.idsave_group{
	width:100%;
	margin-bottom:30px;
}/*
.idsave_group input[type='checkbox']{
	display:none;
}
.idsave_group label{
	display:inline-block;
	width:85px;
	height:22px;
	background:url("/images/sub/btn/btn_no_check.gif") no-repeat;
	padding-left:27px;
	font-size:14px;
	color:#3d3d3d;
	font-weight:400;
}*/

.login_bottom{
	width:100%;
}
.login_bottom span{
	display:inline-block;
	cursor:pointer;
	font-size:14px;
	color:#3d3d3d;
	margin-right:10px;
}
.login_bottom span img{
	margin-right:5px;
}


/*******************
	서브강의리스트
********************/

.lecture_title{
	position:relative;
	width:1200px;
	text-align:center;
	margin-bottom:55px;
}
.lecture_title h2{
	font-size:33px;
}
.line_up_group h2,
.line_up_group ul{
}
.line_up_group ul li{
	float:left;
	/*width:40px;*/
	height:32px;
	border-radius:3px;
	-webkit- border-radius:3px;
	-moz- border-radius:3px;
	-o- border-radius:3px;
	text-align:center;
	line-height:32px;
	font-size:15px;
	color:#818181;
	/* border:1px solid #818181; */
	margin-right:7px;
	margin-left:10px;
	cursor:pointer;
}
.line_up_group ul li.btn_filter {
	
}
.line_up_group ul li.line_up_on{
	/* background:#818181;
	color:#fff; */
	padding-left:18px;
	color: #0dd5c9;
	font-weight:600;
	background:url(/images/sub/icon/icon_check.gif) 0 no-repeat;
	/* background-size:34; */
}
.line_up_group ul li:hover{
	/* background:#818181;
	color:#fff; */
	color: #0dd5c9;
}
/*필터박스*/
.filter_box{
	position:absolute;
	top:45px;
	right:0px;
	width:300px;
	border:1px solid #ddd;
	background:#fff;
	padding:10px 30px 20px 30px;
	text-align:left;
	z-index:50;
}
.filter_box h3{
	font-size:20px;
	margin:20px 0 30px 0;
}
.filter_list{
	float:left;
	margin-bottom:20px;
}
.filter_list h2{
	width:100%;
	font-size:17px;
	margin-bottom:10px;
}
.filter_list1 h2{
	width:100%;
	font-size:17px;
	margin-bottom:10px;
}
.filter_list span{
	display:inline-block;
	width:70px;
	margin:0 10px 10px 0;
	color:#585858;
}

.filter_list1 span{
	display:inline-block;
	width:120px;
	margin:0 10px 10px 0;
	color:#585858;
}

.filter_box .btn_group{
	position:relative;
	width:100%;
	float:left;
}
.line_up_group{
	position:relative;
	float:right;
	/* width:100%; */
	margin-bottom:10px;
}
.sub_con_group .line_up_group{
	display:inline-block;
	/* width:100%; */
	float:right;
	margin-top:30px;
}
.line_up_group .btn_filter{
	width: 65px;
	height: 26px;
	padding: 0 11px 0 0px;
	margin-left: 20px;	
	margin-top: 2px;
	border-radius: 3px;
	border: 1px solid #818181; 
	background:url("/images/sub/icon/arrow_down.png") right 6px top 11px no-repeat;
	background-size: 10%;
	text-align: center;
	line-height: 26px;
	font-size: 14px;
	color: #818181;
	cursor: pointer;
}

/* .btn_filter{
	display:inline-block;
	background:url("/images/sub/btn/btn_filter_bg.png") no-repeat;
	color:#fff;
	font-size:23px;
	width:106px;
	height:38px;
	border:0;
	position:absolute;
	top:0;
	right:20px;
	text-align:left;
	padding: 0 0 0 20px;
	cursor:pointer;
} */

/*강의리스트*/
ul li.lecture_list{
	position:relative;
	float:left;
	width:230px;
	height:346px;
	overflow:hidden;
	border-radius:3px;
	box-shadow:2px 2px 2px 0 #eee;
	margin:0 10px 10px 0px;
}
/*강의카테고리*/
ul li.lecture_curation_list{
	position:relative;
	float:left;
	width:230px;
	height:346px;
	overflow:hidden;
	border-radius:3px;
	box-shadow:2px 2px 2px 0 #eee;
	margin:0 10px 10px 0px;
	background:#343d4c;
}
.lecture_img{
	position:absolute;
	left:0;
	top:0;
}
.lecture_text{
	position:absolute;
	bottom:0;
	width:100%;
	height:60px;
	background:url("/images/main/main_lecture_text_bg.png") repeat-x;
	padding:15px 0 0 20px;
	z-index:10;
}
.lecture_text span{
	display:block;
	width:180px;
	line-height:22px;
	font-size:14px;
	color:#e7e7e7;
}
/*강의리스트_호버했을때*/
.lecture_info_wrap{
	position:absolute;
	left:0;
	top:0;
	width:190px;
	height:100%;
	background:url("/images/main/lecture_bak_bg.png") repeat;
	z-index:30;
	padding:25px 20px;
}
.lecture_info_group{
	width:100%;
	z-index:100;
	color:#fff;
}
.lecture_info_group span{
	display:inline-block;
}
.lecture_info_top{
	float:left;
	width:100%;
}
span.lecture_name{
	font-size:20px;
	color:#fff;
	font-weight:400;
	line-height:26px;
	margin-top:15px;
	padding-bottom:15px;
}
.lecture_info_group{
	float:left;
}
.lecture_info_group dl{
	float:left;
	width:100%;
	font-size:14px;
	margin-top:10px;
}
.lecture_info_group dt{
	float:left;
	width:50px;
	color:#bebebe;
	margin-bottom:11px;
}
.lecture_info_group dd{
	margin-bottom:11px;
}
.lecture_info_group dd span.lecture_level_num{
	display:inline-block;
	width:20px;
	height:20px;
	border-radius:20px;
	background:#fff;
	color:#363636;
	text-align:center;
	margin-right:2px;
}
span.lecture_info_star_on{
	width:17px;
	height:18px;
	background:url("/images/main/small_star_on.png") no-repeat;
	margin-right:2px;
}
span.lecture_info_star_off{
	width:17px;
	height:18px;
	background:url("/images/main/small_star_off.png") no-repeat;
	margin-right:2px;
}

a.btn_lecture_more{
	display:block;
	float:left;
	width:179px;
	height:41px;
	border-radius:41px;
	border:1px solid #fff;
	text-align:center;
	margin-top:10px;
	color:#fff;
	line-height:41px;
}

/*추천강의썸네일리스트*/
.lecture_recom_group{
	position:relative;
	display: inline-block;
	float:left;
	width:288px;
	height:190px;
	margin-right:15px;
	overflow:hidden;
}
.lecture_recom_group:last-child{
	margin-right:0;
}
.lecture_recom_info{
	position:absolute;
	bottom:0;
	width:100%;
	height:72px;
	background:url("/images/main/main_lecture_text_bg.png") repeat-x;
	z-index:10;
}
.lecture_recom_group dl{
	width:90%;
	margin:auto;
	margin-top:15px;
	text-align:center;
	color:#fff;
}
.lecture_recom_group dl dt{
	text-overflow:ellipsis;
	white-space:nowrap;
	overflow:hidden;	
	font-size: 20px;
	font-weight: 700;
	text-align: center;
}
.lecture_recom_group dl dd{
	font-size: 14px;
	text-align: center;
	margin-top:5px;
	text-overflow:ellipsis;
	white-space:nowrap;
	overflow:hidden;	
}


/*******************
	서브강의_상세페이지
********************/

/*상세페이지_탑_type01*/
.lecture_detail_top_wrap_type01{
	position:relative;
	float:left;
	width:100%;
	height:470px;
	margin:auto;
	background:url("/images/sub/lecture_detail_top_img.jpg") no-repeat center top;
}
.lecture_detail_top_group_type01{
	position:relative;
	width:1200px;
	height:470px;
	margin:auto;
}
.lecture_top_info_group{
	position:absolute;
	top:30px;
	right:10px;
}
.lecture_info_list_group{
	position:relative;
	width:456px;
	height:344px;
	border-radius:3px;
	background:#fff;
	border:1px solid #d2d2d2;
}
.lecture_info_list_group dl{
	position:relative;
	padding:18px 0 0 21px;
	margin-bottom:15px;
}
.lecture_info_list_group dl dt{
	color:#7d7d7d;
}
.lecture_info_list_group dl dd{
	width:89%;
	height:59px;
	color:#363636;
	font-size:22px;
	font-weight:700;
	line-height:30px;
	margin-top:10px;
}
a.btn_lecture_preview{

}
a.btn_lecture_share{
	position:absolute;
	top:13px; right:53px;
	z-index:10;
}
a.btn_like{
	position:absolute;
	top:13px; right:13px;
	z-index:10;
}
.lecture_cate_division_bar{
	display:inline-block;
	width:1px;
	height:13px;
	background:#969aaa;
	margin:-2px 10px 0 10px;
	vertical-align:middle;
}
table.lecture_top_info_t{
	width:100%;
	border-top:1px solid #d2d2d2;
}
table.lecture_top_info_t th{
	background:#f0f2f3;
	font-size:16px;
	font-weight:400;
	color:#787878;
	text-align:center;
	border-bottom:1px solid #d2d2d2;
	padding:9px 0;
}
table.lecture_top_info_t td{
	font-size:16px;
	font-weight:500;
	padding:9px;
	border-bottom:1px solid #d2d2d2;
}
.level_num{
	display:inline-block;
	/* float:left;
	width:26px;
	height:26px;
	border-radius:26px;
	background:#757575; */
	font-size:15px;
	font-weight:400;
	/* color:#fff;
	text-align:center; */
	line-height:25px;
	margin-right:5px;
}
table.lecture_top_info_t a.btn_more,
table.lecture_top_info_t_type02 a.btn_more{
	display:inline-block;
	width:25px;
	height:25px;
	border-radius:25px;
	background:#b2b2b2;
	font-size:24px;
	font-weight:300;
	color:#fff;
	text-align:center;
	vertical-align:middle;
	margin-left:7px;
	line-height:21px;
}
.lecture_info_btn{
	position:relative;
	margin-top:7px;
}
a.btn_apply_lecture{
	display:inline-block;
	/* float:left; */
	width:307px;
	height:62px;
	border-radius:3px;
	-webkit- border-radius:3px;
	-moz- border-radius:3px;
	-o- border-radius:3px;
	background:#e32027;
	color:#fff;
	text-align:center;
	font-size:21px;
	font-weight:600;
	line-height:60px;
	letter-spacing:-1px;
	vertical-align: top;
}
.btn_lecture_preview{
	width:68px;
	height:62px;
	vertical-align: top;
	border-radius:3px;
	-webkit- border-radius:3px;
	-moz- border-radius:3px;
	-o- border-radius:3px;
	background:#5b4e65 url("/images/sub/btn/btn_lecture_preview.png") no-repeat center;
}
.btn_add_cart{
	width:68px;
	height:62px;
	vertical-align: top;
	border-radius:3px;
	margin-right:5px;
	margin-left:5px;
	-webkit- border-radius:3px;
	-moz- border-radius:3px;
	-o- border-radius:3px;
	background:#5b4e65 url("/images/sub/icon/icon_addcart.png") no-repeat center;
}
.share_link_group01{
	display: none;
	position:absolute;
	right:-25px;
	top:20px;
	width:120px;
	padding:10px 5px;
	background:#5b4e65;
	z-index:50;
}
.share_link_group01 a{
	display:block;
}
/*상세페이지_탑_type02*/
.lecture_detail_top_wrap_type02{
	position:relative;
	float:left;
	width:100%;
	height:440px;
	margin:auto;
	background:url("/images/sub/mylecture_thum.png") no-repeat center;
	background-size:100%;
/*-webkit-filter:blur(5px);
 -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
  filter: alpha(opacity=60);*/
}
.lecture_detail_top_wrap_type02_bg{
	position:absolute;
	z-index:-50px;
	width:100%;
	height:100%;
	background:#000;
	opacity:0.7;
}
.lecture_detail_top_group_type02{
	position:relative;
	width:1200px;
	height:340px;
	margin:auto;
	padding-top:40px;
}
.lecture_sort_tab{
	overflow:hidden;
	margin-bottom:40px;
}
.lecture_sort_tab button{
	width:585px;
	height:40px;
	border:1px solid #fff;
	color:#fff;
	font-weight:600;
}
.lecture_sort_tab button.on{
	background:#fff;
	color:#000;
}
.lecture_thum_group{
	float:left;
}
.lecture_thum_group span{
	float:left;
}
.lecture_thum_group a{
	display:inline-block;
	height:48px;
	border-radius:3px;
	-webkit- border-radius:3px;
	-moz- border-radius:3px;
	-o- border-radius:3px;
	text-align:center;
	clear:both;
	margin-top:8px;
}
.lecture_thum_group a.btn_lecture_preview_clear{
	float:left;
	width: 134px;
	border:1px solid #bdbdbd;
	background: url("/images/sub/icon/icon_lecture_play.png") 30px 18px no-repeat;
	font-size:18px;
	font-weight:600;
	color:#fff;
	line-height: 50px;
	padding-left:20px;
}
a.btn_lecture_preview_pkg{
	float:left;
	width: 154px;
	border:1px solid #bdbdbd;
	font-size:18px;
	font-weight:500;
	color:#fff;
	line-height: 50px;
}
.lecture_thum_group a.btn_apply_lecture_white{
	float:left;
	width: 221px;
	background:#fff;
	font-size:18px;
	font-weight:600;
	color:#393939;
	line-height:50px;
}
.lecture_thum_group .btn_lecture_cart{
	margin-left: 8px;
}
.lecture_top_info_group_type02{
	position:relative;
	float:left;
	width:920px;
	padding-left: 58px;
}
.lecture_info_title_group{
	color:#fff;
	margin-bottom:45px;
}

/**/
.lecture_info_title_group dl{

}
.lecture_info_title_group dl dd{
	font-size:28px;
	font-weight:600;
}
.lecture_info_title_group span.lecture_sort{
	width: 30px;
	height: 30px;
	display: inline-block;
	font-size: 12px;
	font-weight: 400;
	text-align: center;
	line-height: 30px;
	margin-right: 10px;
	margin-top:-5px;
	vertical-align: middle;
	border: 2px solid #fff;
	border-radius: 100px;
	-webkit- border-radius:100px;
	-moz- border-radius:100px;
	-o- border-radius:100px;
}
.lecture_info_title_group p{
	font-weight:200;
	margin-top:15px;
}
.btn_share_group{
	position:absolute;
	top:0;right:35px;
}
.share_link_group02{
	padding:15px 0 0 5px;
}
.share_link_group02 a{
	display:block;
	clear:both;
}
table.lecture_top_info_t_type02{
	width:1000px;
	color:#fff;
}
table.lecture_top_info_t_type02 th{
	padding:6px 0;
	font-size:16px;
	font-weight:400;
	color:#e2e2e2;
	text-align:left;
	line-height:125%;
}
table.lecture_top_info_t_type02 td{
	font-size:16px;
	line-height:125%;
}

/*상세페이지_탭메뉴*/
.lecture_detail_tab_wrap{
	position:relative;
	width:100%;
	margin:0 auto;
}
.lecture_detail_tab_group{
	width:1200px;
	margin:auto;
}
.lecture_detail_tab{
	display:flex;
	width:1200px;
}
ul.lecture_detail_tab li{
	float:left;
	flex:1;
	height:49px;
	font-size:18px;
	font-weight:500;
	color:#72818e;
	border:1px solid #b2bdc7;
	margin-right:-1px;
	text-align:center;
	line-height:49px;
	cursor:pointer;
}
html > body ul.lecture_detail_tab li {
	width: 19.5%;
}
html > body ul.lecture_detail_tab li a{
	display:block;
}
ul.lecture_detail_tab li.tab_on{
	color:#296696;
	border:1px solid #296696
}
.tv_detail_tab_wrap{
	position:relative;
	width:100%;
}
.tv_detail_tab_group{
	width:1200px;
	margin:auto;
}
ul.tv_detail_tab{
	width:1200px;
	display:flex;
}
ul.tv_detail_tab li{
	float:left;
	flex:1;
	width:298px;
	height:49px;
	font-size:18px;
	font-weight:500;
	color:#72818e;
	border:1px solid #b2bdc7;
	margin-right:-1px;
	text-align:center;
	line-height:49px;
	cursor:pointer;
}
.lecture_detail_content_wrap{
	position:relative;
	width:100%;
}
.lecture_detail_content_group{
	width:1200px;
	margin:auto;
}
.lecture_detail_content{
	padding:0 40px;
}
.content_common_wrap{
	width:1120px;
	margin:0 auto 90px auto;
	overflow:hidden;
}
.content_title{
	width:230px;
}
span.title_division_line{
	width:20px;
	height:6px;
	background:#363636;
}
.content_title h2{
	font-size:25px;
	font-weight:700;
}
.content_common_group{
	width:890px;
	min-height:200px;
}
.content_common_group h3{
	font-size:22px;
	font-weight:500;
}
.content_common_group .search_list_t{
	border-top: 1px solid #ddd;
}

/*강의정보*/
/*학습대상*/
.learning_subject_group{

}
.learning_subject_group h3{
	font-size:20px;
	font-weight:600;
	margin-bottom:25px;
}
.learning_subject_group p{
	font-size:18px;
	line-height:32px;
}
/*강의특징*/
.lecture_character_group{

}
.lecture_character_group h3{
	font-size:20px;
	font-weight:600;
	margin-bottom:25px;
}

/*선생님추천강의*/
.lecture_pick_wrap{
	/*width:1170px;*/
	width:100%;
	height:290px;
	padding:40px 0 0 0px;
	background:#f5f6f6;
	margin-bottom:150px;
}
.lecture_pick_align_group{
	width:1100px;
	margin:0 auto;
	padding:0 40px;
}
.lecture_pick_group{
	width:530px;
	float:left;
	margin-right:40px;
}
span.consult_text{
	/* color:#7a7a7a; */
	font-size:13px;
	/* padding-top:20px; */
}
.relation_lecture_list{
	position:relative;
	float:left;
	width:530px;
	overflow:hidden;
	margin-top:40px;
}
.relation_lecture_list a{
	position:absolute;
	top:50px;
	display:inline-block;
	width:60px;
	height:33px;
	/* border:1px solid #8e9ca8;
	border-radius:33px; */
	-webkit- border-radius:33px;
	-moz- border-radius:33px;
	-o- border-radius:33px;
	text-align:center;
	font-size:35px;
	color:#8e9ca8;
	font-weight:200;
	line-height:30px;
}
.relation_lecture_list a.btn_prev{
	left:0;
	background: url("/images/sub/btn/sub_arrow_prev.png")  50% 50% no-repeat;
}
.relation_lecture_list a.btn_next{
	right:0;
	background: url("/images/sub/btn/sub_arrow_next.png")  50% 50% no-repeat;
}
.relation_lecture_list_overflow{
	width:433px;
	overflow:hidden;
	margin:0 46px;
}
.relation_lecture_list_overflow ul li span.title{
	display: block;
	width:132px;
	padding-top: 10px;
	line-height:120%;
	text-align: center;
}
.relation_lecture_list ul{
	float:left;
	width:2000px;

}
.relation_lecture_list ul li{
	float:left;
	margin-right:18px;
}
.relation_lecture_list ul li img{
	cursor:pointer;
}


/*강사소개*/
.detail_teacher_history_group{
	width:65%;l
}
.detail_teacher_history_group h3{
	font-size:20px;
	font-weight:600;
	color:#363636;
}

.detail_teacher_history_group dt.history_tit{
	font-size:16px;
	font-weight:500;
	color:#969696;
}
.detail_teacher_history_group dd{
	line-height:29px;
}
/*목차*/
h3.chapter_list_name{
	font-size:20px;
	color:#363636;
}
/*교재소개*/
dl.detail_book_name dt{
	font-size:20px;
	font-weight:600;
	color:#363636;
	margin-bottom:5px;
}
dl.detail_book_name dd{
	font-size:14px;
	color:#97999a;
}
ul.detail_book_info{

}
ul.detail_book_info li{
	font-size:14px;
	color:#363636;
	line-height:26px;
}
ul.detail_book_info li span.book_info_tit{
	width:70px;
}
.detail_book_info_text{
	width:840px;
	background:#f2f2f2;
	padding:25px;
}
.detail_book_info_text h3{
	font-size:18px;
}
.detail_book_info_text p{
	font-size:14px;
	color:#676767;
	line-height:22px;
}
/*수강후기*/
.detail_review_list_group{
	width:100%;
	border-top:2px solid #d1d4d5;
	border-bottom:1px solid #d1d4d5;
}
.detail_review_list{
	width:100%;
	border-bottom:1px solid #d1d4d5;
	padding:20px 0;
}
span.star_on{
	width:23px;
	height:21px;
	background:url("/images/main/star_on.png") no-repeat;
	margin-right:5px;
}
span.star_off{
	width:23px;
	height:22px;
	background:url("/images/main/star_off.png") no-repeat;
	margin-right:5px;
}
.detail_input_group button.starbtn{
	float:left;
	color: #ff8f00;
	font-size: 20px;
}
#re_score_edit button.starbtn{
	float:left;
	color: #ff8f00;
	font-size: 20px;
}
#re_score_list{
	letter-spacing:2px;
}
span.detail_review_writer,
span.detail_review_day{
	display:inline-block;
	font-size:13px;
	color:#686868;
}
span.detail_review{
	display:inline-block;
	/* color:#535353; */
	font-size:13px;
	padding-right:10px;
	padding-left:15px;
	background:url(/images/sub/icon/icon_re_01.gif) 0 5px no-repeat;
}
.detail_review_content span.detail_review_text{
	display:block;
	width:620px;
	color:#363636;
}
span.detail_reply_text{
	display:block;
	width:560px;
	color:#363636;
	margin-left:52px;
}
.detail_input_group{
	width:850px;
	background:#eef1f2;
	padding:20px;
	border:1px solid #d1d4d5;
}
.detail_input_group .user_id{
	float:left;
	width:170px;
	margin-top:10px;
	margin-left:3px;
	color:#616161;
	font-weight:normal;
}
.detail_input_group .radio_group input{
	margin-right:5px;
}
.detail_input_group .radio_group label{
	margin-right:20px;
}
.review_star_check{
	width:18px;
	height:18px;
	margin-right:5px;
	margin-left:4px;
}
.re_subject{
	display: block;
	width: 566px;
	padding: 5px;
	margin-bottom: 3px;
	font-size: 14px;
	color: #666666;
	border: 1px #c9c9c9 solid;
	line-height: 150%;
}
.text_write{
	width:550px;
	min-height:60px;
	vertical-align:bottom;
}
input.btn_text_write{
	background:#6e6e6e;
	border-radius:3px;
	-webkit- border-radius:3px;
	-moz- border-radius:3px;
	-o- border-radius:3px;
	padding:30px 15px;
	font-size:16px;
	color:#fff;
	cursor:pointer;
	vertical-align:top;
}
.detail_review_list .btn_group{
	position:absolute;
	top:20px; 
	right:0;
	text-align:right;
}
.
.review_reply_btn,
.reply_cancel,
.re_cancel{
	display:inline-block;
	padding:4px 8px;
	margin-left:10px;
	border:1px solid #aaa;
	font-size:13px;
	font-weight:bold;
	color:#323232;
	-moz-border-radius: 3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	-khtml-border-radius:3px;
	
}
.review_reply_btn{
	padding:4px 8px 5px 24px;
	background:url(/images/sub/icon/icon_re_01.gif) 8px 7px no-repeat;
}
.reply_cancel{
	
}
.re_cancel{
	
}
/*Q&A*/
ul.detail_qna_list_head{
	height:25px;
	border-top:1px solid #d1d4d5;
	border-bottom:1px solid #d1d4d5;
	padding:10px;
	background:#eef1f2;
}
ul.detail_qna_list_head li span{
	display:inline-block;
	text-align:center;
}
span.detail_qna_list_head_num{width:40px;}
span.detail_qna_list_head_name{width:640px;}
span.detail_qna_list_head_hit{width:85px;}
span.detail_qna_list_head_last{width:90px;}

ul.detail_qna_list{
	border-top:2px solid #d1d4d5;
}
ul.detail_qna_list li{
	padding:14px 20px;
	border-bottom:1px solid #e5e5e5;
 }
ul.detail_qna_list li span{
	display:inline-block;​
}
ul.detail_qna_list li.title span{
	line-height:100%;
	text-overflow:ellipsis;
	overflow:hidden;
	white-space:nowrap;​
}
span.qna_title{
	width: 520px; 
	text-align: left;
}
span.qna_id{
	width: 120px; 
	padding-right:15px;
	margin-right:15px;
	text-align: right;
	border-right:1px solid #ccc;
	line-height:100%;
}
span.qna_date{
	width: 80px; 
	text-align: center;
}
span.state_done{
	float:right;
	color: red;
}
span.state_wait{
	float:right;
	text-align: right;
}

li.detail_qna_answer_list{
	background: #f7f9f9;
}
span.detail_qna_answer_icon{
	padding: 5px 7px;
	color: #fff;
	font-size: 13px;
	vertical-align: top;
	background: #ff3b3b;
	-webkit- border-radius:3px;
	-moz- border-radius:3px;
	-o- border-radius:3px;
	border-radius:3px;
	margin-left:50px;
}

.qna_btn{
	position:absolute;
	bottom:20px;
	right:20px;
}
ul.detail_qna_list li.contents_q,
ul.detail_qna_list li.contents_a{
	padding-left:40px;
	background:#f3f6f7;
}
.icon_q,
.icon_a{
	margin-right:20px;
	vertical-align:top;
}
.icon_a{
	color:red;
	
}
.contents_q .qna_cont, .contents_a .qna_cont{
	width:650px;
	vertical-align:top;
}

/**** 강사Q&A 작성하기 ****/
.write_qna{
	padding:20px 0;
}
/*******************
	강사정보보기_팝업
********************/

/** modal window styles **/
/*레이어팝업_검은배경*/

#lean_overlay {
	position: fixed;
	z-index:100;
	top: 0px;
	left: 0px;
	height:100%;
	width:100%;
	background: #000;
	display: none;
	cursor:pointer;
	}
#teacher_pop_group{
	position:relative;
	width:616px;
	height:729px;  /*팝업창의 크기조절*/
	/*팝업창 위아래 간격조절*/
	box-shadow: 0 1px 5px rgba(0, 0, 0, 0.5);
	-webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.5);
	border:3px solid #646464;
	background:#fff;
	}

/*강사팝업공통*/
.btn_cross_circle{
	position:absolute;
	top:-20px;
	right:-20px;
	display:inline-block;
	width:40px;
	height:40px;
	background:#1d1d1d;
	border-radius:40px;
	font-size:22px;
	line-height:33px;
	text-align:center;
	cursor:pointer;
}
.btn_cross_circle a{
	color:#fff;
}
.btn_cross_circle:hover{
	color:#ff4e4e;
}
ul.teacher_pop_tab{
	width:100%;
	height:55px;
	border-bottom:1px solid #b3bdc7;
	background:#f0f3f5;
}
ul.teacher_pop_tab li{
	float:left;
	width:154px;
	font-size:17px;
	color:#72818e;
	line-height:55px;
	text-align:center;
	cursor:pointer;
}
ul.teacher_pop_tab li.tab_on{
	background:#646464;
	border-bottom:1px solid #646464 !important;
	color:#fff;
}
.teacher_pop_content01,
.teacher_pop_content02,
.teacher_pop_content03,
.teacher_pop_content04{
	float:left;
	width:579px;
	padding:25px 20px;
}
h2.teacher_name_tit{
	font-size:26px;
	color:#363636;
}
span.lecture_cate{
	padding:3px 6px;
	font-size:13px;
	color:#6a747b;
	border:1px solid #6a747b;
	-webkit- border-radius:3px;
	-moz- border-radius:3px;
	-o- border-radius:3px;
	border-radius:3px;
	margin-right:7px;
}
span.teacher_name{
	font-size:27px;
	margin-right:3px;
}

/*강사소개*/

.teacher_history_group {
    width: 538px;
    height: 238px;
    overflow-y:scroll;
    border: 1px solid #dcdce0;
    border-bottom: 2px solid #dcdce0 !important;
    padding: 20px;
}
.history_list_group{}
.history_list_group h3{
	font-size:16px;
	color:#8f969b;
}
span.history_text{
	display:inline-block;
	width:610px;
	white-space:normal;
	word-break:break-all;
}
.history_list_group ul li{
	color:#363636;
	line-height:27px;
}
.history_list_group ul li span.history_text{
	display:inline-block;
	width:300px;
	white-space:normal;
	word-break:break-all;
}
/*학습진행율&강의만족도 그래프박스*/
.learning_process_group,
.teacher_preference_group{
	width:241px;
	height:227px;
	border:1px solid #dcdce0;
	border-bottom:2px solid #dcdce0 !important;
	padding:18px;
}
.learning_process_group h3,
.teacher_preference_group h3{
	display:inline-block;
	float:left;
	font-size:18px;
}
.learning_process_graph{
	width:240px;
	height:30px;
	background:#c7ced4;
}
.learning_process_graph span.graph_img{
	position:relative;
	float:left;
	width:150px;
	height:30px;
	background:#ff4e4e;
}
span.graph_num{
	float:right;
	font-size:22px;
	color:#000;
}
.learning_satisfaction_graph{
	width:240px;
	height:30px;
	background:#c7ced4;
}
.learning_satisfaction_graph span.graph_img{
	position:relative;
	float:left;
	width:200px;
	height:30px;
	background:#0cd8cc;
}
span.graph_division_line{
	width:100%;
	height:1px;
	background:#e1e4e9;
}
.preference_tab{}

.preference_tab span{
	float:left;
	display:inline-block;
	background:#f0f3f5;
	color:#38383d;
	font-size:13px;
	text-align:center;
	padding:5px 10px;
	border:1px solid #bababa;
	margin-left:-1px;
	margin-top:-1px;
	cursor:pointer;
}
span.preference_on{
	background:#658cad;
	color:#fff;
	border:1px solid #658cad;
}
.preference_chart_group{
	position:relative;
	width:100%;
}
.quadrangle_box01{
	width:13px;
	height:13px;
	background:#0cd8cc;
}
.quadrangle_box02{
	width:13px;
	height:13px;
	background:#c7ced4;
}
/*강의소개,수강후기,강사Q&A 공통*/
.lecture_list_tit{
	font-size:19px;
}
ul.teacher_pop_list_head{
	height:25px;
	border-top:2px solid #4c5a65;
	border-bottom:1px solid #4c5a65;
	padding:10px;
}
ul.teacher_pop_list_head li span{
	display:inline-block;
	text-align:center;
}
span.lecture_list_head_num{width:40px;}
span.lecture_list_head_name{width:415px;}
span.lecture_list_head_last{width:90px;}

ul.teacher_pop_lecture_list,
ul.teacher_pop_review_list{
	height:460px;
	overflow-y:scroll;
}
ul.teacher_pop_qna_list{
	max-height:460px;
	overflow-y:scroll;
}
table.in_tbl_detail{
	border-top:2px solid #4c5a65;
	border-bottom:1px solid #aaa;
}
table.in_tbl_detail tr{
	
}
table.in_tbl_detail th, table.in_tbl_detail td{
	padding:10px 0;
}
table.in_tbl_detail th{
	text-align:right;
	vertical-align:top;
	padding-right:15px;
}

/*강의소개*/

 ul.teacher_pop_lecture_list li{
	padding:5px 0;
	border-bottom:1px solid #e5e5e5;
 }
 ul.teacher_pop_lecture_list li span{
	display:inline-block;
	text-align:center;
 }
span.lecture_list_num{width:55px;}
span.lecture_list_thum{width:120px;} /*강의소개썸네일*/
span.lecture_list_name{width:290px;}
span.lecture_list_last{width:85px;}

/*수강후기*/
 ul.teacher_pop_review_list li{
	padding:14px 0;
	border-bottom:1px solid #e5e5e5;
 }
 li.teacher_pop_review_con_list{
	padding:0 0 !important;
 }
 .teacher_pop_review_con{
	background:#f4f4f4;
	padding:15px 0;
  }
 ul.teacher_pop_review_list li span{
	display:inline-block;
	text-align:center;
	vertical-align:top;
 }
span.lecture_list_reviewname{width:395px;}
span.lecture_list_review_text{width:350px;}
span.lecture_list_review_text{font-size:14px;color:#363636;}

/*강사Q&A*/
ul.teacher_pop_qna_list li{
	padding:14px 0;
	border-bottom:1px solid #e5e5e5;
 }
ul.teacher_pop_qna_list li span{
	display:inline-block;
	text-align:center;
	vertical-align:top;
 }
span.lecture_qna_list_num{width:55px;}
span.lecture_qna_list_icon{width:25px;color:#0cd8cc;font-size:16px;}
span.lecture_qna_list_name{width:380px;}

li.qna_answer_list{
	background:#f0f3f5;
}
span.lecture_qna_answer_icon{
	width:75px;
	color:#ff4e4e;
	font-size:16px;
	vertical-align:top;
}
span.lecture_qna_answer_text{
	width:430px;
	color:#515151;
}

/*******************
	구매내역팝업
********************/
#purchaselist_pop_group{
	position:relative;
	width:407px;
	padding-bottom:30px;
	background:#f9f9f9;
}
.purchaselist_title_group{
	width:100%;
	height:47px;
	background:#404040;
}
.purchaselist_title_group h3{
	display:inline-block;
	float:left;
	font-size:14px;
	line-height:47px;
	color:#fff;
	padding-left:20px;
}
.purchaselist_title_group span.btn_cross{
	position:absolute;
	right:10px;
	font-size:35px;
	line-height:35px;
	color:#fff;
	cursor:pointer;
}
.purchaselist_title_group span.btn_cross:hover{
	color:#07d3bc;
}
.purchaselist_contents_group{
	width:367px;
	float:left;
	padding:20px 20px 0 20px;
}
.lecture_check_group{
	position:relative;
	float:left;
	width:100%;
	padding:12px 0;
}
.lecture_check_group input{
	margin-top:5px;
}
.lecture_check_group label{
	font-size:18px !important;
	font-weight:600;
	line-height:19px;
	padding-left:30px !important;
}
.price{
	position:absolute;
	right:10px;
	display:inline-block;
	font-size:16px;
	font-weight:500;
	line-height:28px;
}
.lecture_detail_check_group{
	float:left;
	width:335px;
	height:80px;
	background:#fff;
	border-top:1px solid #d7d7d7;
	border-bottom:1px solid #d7d7d7;
	padding:15px 0 15px 30px;
	overflow-y:scroll;
}
.lecture_detail_check_group li{
	font-size:13px;
	font-weight:200;
	color:#363636;
	line-height:21px;
}
.lecture_detail_check_group li input{
	margin-right:5px;
}
.book_detail_check_group{
	float:left;
	width:330px;
	padding:0 0 10px 30px;
	border-bottom:1px solid #d7d7d7;
}
.book_detail_check_group ul{
	position:relative;
	width:100%;
}
.book_detail_check_group ul li{
	position:relative;
	font-size:13px;
	color:#363636;
	line-height:25px;
}
.book_detail_check_group ul li span{
	display:inline-block;
}
 span.detail_price{
	position:absolute;
	right:0;
 }
.discount_apply{
	background:#6d7c89;
	border-radius:3px;
	-webkit- border-radius:3px;
	-moz- border-radius:3px;
	-o- border-radius:3px;
	padding:8px 9px;
	font-size:11px;
	line-height:8px;
	color:#fff;
	cursor:pointer;
}
.purchaselist_total_group{
	position:relative;
	float:left;
	width:100%;
	padding:12px 0;
	border-top:1px solid #646464;
	border-bottom:1px solid #646464;
}
.purchaselist_total_group span{
	display:inline-block;
	font-size:20px;
	font-weight:700;
	color:#f1151d;
	padding-left:5px;
}
span.total{
	position:absolute;
	right:10px;
}
.purchaselist_btn_group{
	float:left;
	margin-top:30px;
}
.purchaselist_btn_group .btn_purchase{
	width:245px;
	height:48px;
	border-radius:48px;
	-webkit- border-radius:48px;
	-moz- border-radius:48px;
	-o- border-radius:48px;
	background:#3d3d3d;
	color:#fff;
	text-align:center;
	font-size:18px;
	font-weight:600;
	letter-spacing:-1px;
}
.btn_addcart{
	width:106px;
	height:48px;
	padding-left:35px;
	padding-bottom:7px;
	border-radius:48px;
	-webkit- border-radius:48px;
	-moz- border-radius:48px;
	-o- border-radius:48px;
	color:#fff;
	font-size:18px;
	font-weight:600;
	background: #6e6e6e url("/images/sub/icon/btn_addcart.png") 20px 16px no-repeat;
	margin-left:10px;
}
.purchaselist_division_bar{
	display:inline-block;
	float:left;
	width:100%;
	height:1px;
	background:#d7d7d7;
	margin-top:5px;
}

/*******************
	프리패스_상세페이지
********************/
.freepass_detail_info_group{
	position:relative;
	float:left;
	width:1110px;
	padding:45px 45px 85px 45px;
	border:1px solid #ddd;
	margin-bottom:50px;
}
.freepass_detail_info{
	float:left;
	width:650px;
}
.freepass_detail_info span{
	font-size:17px;
	color:#6a747b;
	font-weight:500;
}
.freepass_detail_info dl dt{
	font-size:21px;
	font-weight:500;
	margin-bottom:30px;
}
.freepass_detail_info dl dd{
	font-size:17px;
	color:#4a4a4a;
	line-height:30px;
}
.freepass_detail_info dl dd span{
	color:#000;
	font-weight:400;
}
.freepass_detail_info button.btn_purchase{
	position:absolute;
	bottom:20px; right:30px;
	display:inline-block;
	width:215px;
	height:50px;
	background:#3d3d3d;
	border-radius:3px;
	color:#fff;
	font-size:18px;
	font-weight:600;
	text-align:center;
}
.freepass_detail_info button.btn_cart{
	position:absolute;
	bottom:20px; right:255px;
	display:inline-block;
	width:215px;
	height:50px;
	background:#a6afb7;
	border-radius:3px;
	color:#fff;
	font-size:18px;
	font-weight:600;
	text-align:center;
}
.btn_bottom_purchase{
	display:inline-block;
	width:215px;
	height:50px;
	background:#3d3d3d;
	border-radius:3px;
	color:#fff;
	font-size:18px;
	font-weight:600;
	text-align:center;
}
.btn_bottom_cart{
	display:inline-block;
	width:215px;
	height:50px;
	background:#a6afb7;
	border-radius:3px;
	color:#fff;
	font-size:18px;
	font-weight:600;
	text-align:center;
}
.freepass_detail_info_bar{
	float:left;
	display:inline-block;
	width:1px;
	height:250px;
	background:#ddd;
	margin:0 45px;
}

.pf_column{
	display:inline-block;
	border-bottom:1px solid #d8d8d8;
}
.pf_column h4{
	margin-bottom:40px;
	font-size:18px;
} 

.pf_column .img{
	margin-bottom:40px;
} 
.pf_column ul{
	margin-bottom:50px
} 
.pf_column ul h5{
	margin-bottom:10px;
	font-weight:500;
	color:#e70e0f;
} 
.pf_column ul li{
	padding-left:11px;
	margin-bottom:5px;
	background:url(/images/sub/icon/bullet_dot.gif) 0 9px no-repeat;
} 

/*******************
	패키지_리스트
********************/
.lecture_pack_list{

}
.lecture_pack_list{
	float:left;
	width:1048px;
	padding:25px;
	border-top:1px solid #dedede;
	border-bottom:1px solid #dedede;
	margin-top:-1px;
}
.lecture_pack_info_group{
	position:relative;
	width:760px;
	float:left;
	margin-left:65px;
}
.lecture_pack_info_group dl.lecture_pack_info{
	position:relative;
	display:inline-block;
	width:80%;
}
.lecture_pack_info_group dl.lecture_pack_btn{
	position:relative;
	display:inline-block;
	float:right;
	width:140px;
	
}

.lecture_pack_info_group dl dt{
	font-size:19px;
	margin-bottom:30px;
	font-weight:500;
}
.lecture_pack_info_group dl dd{
	font-size:16px;
	line-height:26px;
	margin-right:15px;
}
.btn_pack_apply{
	position:absolute;
	top:20%; right:0px;
	display:inline-block;
	background:#ff4e4e;
	border-radius:3px;
	padding:11px 15px;
	color:#fff;
	font-size:14px;
}
	ul.lecture_pack_detail_list{
		width:725px;
		height:60px;
		background:#f1f4f7;
		border:1px solid #dedede;
		padding:0px 20px 20px 20px;
		overflow-y:scroll;
		margin-top:55px;
	}
	ul.lecture_pack_detail_list li{
		position:relative;
		padding:0;
		line-height:40px;
		border-bottom:1px solid #dedede;
		font-size:14px;
	}
	ul.lecture_pack_detail_list li span{
		display:inline-block;
	}
	ul.lecture_pack_detail_list li span.btn_group{
		position:absolute;
		right:0;
		bottom:3px;
	}
ul.lecture_pack_detail_list li span.btn_group button{
	display:inline-block;
	background:#fff;
	font-size:12px;
	line-height:28px;
	border-radius:3px;
	padding:0 6px;
	border:1px solid #dedede;
}

/*******************
	마이페이지
********************/

/**마이페이지 학습현황**/
.btn_myclass_go{
	width:125px;
	height:45px;
	padding-left:40px;
	border-radius:3px;
	-webkit- border-radius:3px;
	-moz- border-radius:3px;
	-o- border-radius:3px;
	color:#fff;
	font-size:15px;
	background: #6e6e6e url("/images/sub/icon/icon_myclass_play.png") 10px 10px no-repeat;
}

/**마이페이지 메인 : 대쉬보드**/

.mypage_left_group{
	position:relative;
	float:left;
	width:478px;
	margin-right:56px;
}
.mypage_left_group .subject_info_group{
	width:406;
/* 	height:210px; */
	height: 150px;
	padding:35px;
	border:1px solid #e1e4e8;
	border-top:3px solid #4c5a66;
}
.subject_info_group .thumbnail{
	float:left;
	width:205px;
	height:145px;
	margin-right: 20px;
	-moz-border-radius: 3px;
	-webkit-border-radius:3px ;
	border-radius:3px ;
	-khtml-border-radius:3px ;
}
.subject_info_group .thumbnail img{
	width:205px;
	height:145px;
}

.subject_info_group .info{
	position: relative;
	float:left;
	width:180px;
}
.subject_info_group .info span{
	display: inline-block;
}
.subject_info_group .cate{
	padding:2px 8px;
	border:1px solid #6a747b;
	margin-bottom:10px;
	color:#6a747b;
	-moz-border-radius: 3px;
	-webkit-border-radius:3px ;
	border-radius:3px ;
	-khtml-border-radius:3px ;
}
.subject_info_group .title{
	width:180px;
	max-height: 90px;
	font-size: 20px;
	line-height:26px;
	color:#363636;
	font-weight: 600;
	margin-bottom:15px;
	text-overflow:ellipsis;
	overflow:hidden;
	white-space:normal;
}
.subject_info_group .teacher{
	color:#6a747b;
	margin-bottom:28px;
}

.mypage_left_group .my_status_group{
	width:406;
	height:210px;
	padding:30px 35px;
	border:1px solid #e1e4e8;
	border-top:none;
}
.my_status_group .graph_group{
	position: relative;
	float:left;
	width:140px;
	text-align: center;
	padding-right:30px;
}
.graph_group span{
	display: inline-block;
}

.graph_group .graph{
	position: relative;
	/* width:140px; */
	height:140px;
	margin-top:20px;
	margin:0 auto;
}
.graph .percent{
	position: absolute;
	top:33%;
	left:0;
	width:140px;
	text-align:center;
	z-index: 10;
	line-height:150%;
}
.percet strong{
	font-size: 24px;
}
.graph_group .now{
	padding:5px 0 7px 0;
	width:140px;
	margin:24px auto 0 auto;
	border:2px solid #0cd8cc;
	text-align:center;
	font-size: 17px;
	font-weight: 600;
	color:#0cd8cc;
	-moz-border-radius: 100px;
	-webkit-border-radius:100px ;
	border-radius:100px ;
	-khtml-border-radius:100px ;
}
.my_status_group .status_group{
	position: relative;
	float:left;
	width:194px;
	padding-left:30px;
	border-left: 1px solid #e1e4e8;
}
.status_group dl{
	float:left;
	width:194px;
	margin-bottom:20px;
}
.status_group dl dt{
	display: inline-block;
	float:left;
/* 	width:20%; */
	font-size: 14px;
	font-weight: 700;
	height:14px;
	line-height: 14px;
	color:#6a747b;
}
.status_group dl dd{
	display: inline-block;
	float:right;
	text-align:right;
	width:80%;
	font-size: 14px;
	height:14px;
	line-height: 14px;
}
.status_group .date{
	display: inline-block;
	margin-bottom:20px;
	color:#848b91;
	font-size: 14px;
}
.lecture_name_title{
	font-size:20px;
	font-weight:600;
}
.btn_download{
	background:#6a747b;
	-moz-border-radius: 3px;
	-webkit-border-radius:3px ;
	border-radius:3px ;
	-khtml-border-radius:3px ;
	font-size:12px;
	font-weight: 600;
	color:#fff;
	padding:5px 10px;
}
.status_group .btn_group{
	float:left;
	margin-top: 0px;
}
.btn_study_stop, .btn_study_start{
	width:193px;
	padding:8px 12px;
	margin-bottom:8px;
	-moz-border-radius: 3px;
	-webkit-border-radius:3px ;
	border-radius:3px ;
	-khtml-border-radius:3px ;
	font-size: 14px;
	font-weight: 300;
	color:#fff;
	background:#93a2ad;
}/*
.btn_study_stop{
	width:194px;
	height:58px;
	padding-left:41px;
	margin-bottom:8px;
	-moz-border-radius: 3px;
	-webkit-border-radius:3px ;
	border-radius:3px ;
	-khtml-border-radius:3px ;
	font-size: 17px;
	font-weight: 600;
	color:#fff;
	background:#93a2ad url("/images/sub/icon/icon_stop.png") no-repeat 22px 14px;
} */
/* .btn_study_start{
	width:194px;
	height:58px;
	padding-left:41px;
	margin-bottom:8px;
	-moz-border-radius: 3px;
	-webkit-border-radius:3px ;
	border-radius:3px ;
	-khtml-border-radius:3px ;
	font-size: 17px;
	font-weight: 600;
	color:#fff;
	background:#93a2ad url("/images/sub/icon/icon_play.png") no-repeat 22px 14px;
} */
.mypage_right_group .tab_line_group{
	height:41px;
	margin-top:0;
	margin-bottom: 20px;
}
.mypage_right_group .tab_line_group li a{
	font-size: 14px;
	padding:5px 10px;
	line-height: 26px;
	width:120px;
	text-overflow:ellipsis;
	overflow:hidden;
	white-space:nowrap;
}
.mypage_right_group .tab_line_group li:hover a{
	display: inline-block;
	line-height: 26px;
	color:#1bbead;
	font-weight:700;
}
.mypage_right_group .scroll_y{
	height:460px;
	border-bottom:2px solid #d8d8d8;
	overflow-y:scroll;
}
/* .status_group dl dt:first-child, .status_group dl dd:first-child{
	border-bottom:1px solid #e1e4e8;
} */

.mypage_right_group{
	position:relative;
	float:left;
	width:666px;
}
.mypage_right_group h2{
	line-height:100%;
	text-align: left;
	font-size: 17px;
	font-weight: 700;
	margin-bottom:15px;
}
.mypage_right_group {
	text-align: center;
}
.btn_more_tbl{
	width:66px;
	height:30px;
	padding-bottom:10px;
	margin:0 auto;
	color:#fff;
	font-weight: 600;
	background: #aaaaaa;
	-moz-border-radius: 0 0 100px 100px;
	-webkit-border-radius:0 0 100px 100px;
	border-radius:0 0 100px 100px;
	-khtml-border-radius:0 0 100px 100px;
}
/*결제정보*/

.btn_delivery_check{
	font-size:12px;
	background:#ff8624;
	border-radius:3px;
	-webkit- border-radius:3px;
	-moz- border-radius:3px;
	-o- border-radius:3px;
	padding:8px 9px;
	color:#fff;
	cursor:pointer;
}

/*나의포인트*/
.point_info_group{
	padding:15px 0;

}
.point_info_group h2{
	display:inline-block;
	font-size:17px;
}
.point_info_group span{
	font-size:16px;
	display:inline-block;
	margin-left:10px;
}
/* wonz_161208 수정*/
.point_sort{
	float:right;
}
.point_sort span{
	margin-left:20px;
}


/*장바구니*/
.cart_list_box{
	float:left;
	width:100%;
	height:125px;
	background:#f8f8f8;
	overflow-y:scroll;
	scrollbar-face-color: #FFFFFF;
	scrollbar-shadow-color: #C9C9C9;
	scrollbar-highlight-color: #C9C9C9;
	scrollbar-3dlight-color: #FFFFFF;
	scrollbar-darkshadow-color: #FFFFFF;
	scrollbar-track-color: #FFFFFF;
	scrollbar-arrow-color: #666666
}
ul.cart_detail_list{
	float:left;
	padding:10px 22px;
}
ul.cart_detail_list li{
	float:left;
	width:33%;
	color:#737373;
	font-size:13px;
	font-weight:300;
	line-height:25px;
}
ul.cart_detail_list li input{
	margin-right:15px;
}
/*편당구매_세부강의선택_버튼*/

.common_list button:hover {
	opacity: 0.7;
}
/*장바구니_포인트쿠폰적용페이지*/
.check_group{
	float:left;
	padding:2px 0;
}
.check_group span{
	display:inline-block;
	padding:0 5px;
	line-height:150%;
}
.check_tit{
	width:50px;
	font-size:14px;
	color:#565656;
}
.check_con{
	text-align:right;
	width:90px;
}
.btn_check{
}
.cart_pay_group{
	float:left;
	width:100%;
	display:block;
	height:20px;
	padding:50px 0;
	margin-top:35px;
	background:#f0f3f5;
	border-top:1px solid #d8d8d8;
}
.cart_pay_group ul.cart_pay_list{
	float:right;
}
.cart_pay_group ul.cart_pay_list li{
	float:left;
	margin-right:25px;
}
.cart_pay_group ul.cart_pay_list li span.pay_tit{
	margin-right:10px;
	font-size:13px;
}
.cart_pay_group ul.cart_pay_list li span.pay_con{
	font-size:20px;
}
.icon_subtraction{
	display:inline-block;
	width:24px;
	height:24px;
	border-radius:24px;
	background:#333;
	color:#fff;
	text-align:center;
	font-size:32px;
	line-height:14px;
}


.btn_point_apply{
	width:80px;
	font-size:12px;
	 background:#6d7c89;
	border-radius:3px;
	-webkit- border-radius:3px;
	-moz- border-radius:3px;
	-o- border-radius:3px;
	padding:4px 6px;
	color:#fff;
	cursor:pointer;
}
.btn_point_search{
	font-size:13px;
	border:1px solid #333;
	border-radius:3px;
	-webkit- border-radius:3px;
	-moz- border-radius:3px;
	-o- border-radius:3px;
	padding:4px 8px;
	color:#333;
	cursor:pointer;
	background:#fff;
}
.btn_check_del{
	background:#ff4e4e;
	border-radius:3px;
	-webkit- border-radius:3px;
	-moz- border-radius:3px;
	-o- border-radius:3px;
	padding:11px 15px;
	color:#fff;
	cursor:pointer;
}
/*장바구니_결제오더영역*/
.order_table_title{
	font-size: 17px;
	padding-bottom:5px;
}
span.order_address,
span.address_input{
	display:block;
	float:left;
	clear:both;
}
span.address_input input{
	width:450px;
}

.order_address a{
	font-size: 13px;
	color: #fff;
	padding: 7px 7px;
	margin-left: 6px;
	line-height: 33px;
	background: #658cad;
	border-radius: 3px;
	vertical-align: top;
}
ul.cart_lecture_detail_list{

}
ul.cart_lecture_detail_list li{
	float:left;
	width:33%;
	font-size:13px;
	font-weight:300;
	line-height:25px;
	color:#565656;
}

/*******************
	고객센터_메인
********************/
.customer_sub_top_menu_wrap{
	width:100%;
	height:45px;
	background:#f1f3f4;
}
.customer_center_top_menu_wrap{
	width:100%;
	height:53px;
	background:#323f48;
}

.customer_sub_top_menu{
	width:1200px;
	margin:auto;
}
.customer_center_top_menu{
	width:1200px;
	margin:auto;
}

.customer_sub_top_menu h2{
	float:left;
	display:inline-block;
	line-height:53px;
	font-size:20px;
	color:#0cd8cc;
	margin-right:20px;
	cursor:pointer;
}
.customer_center_top_menu h2{
	float:left;
	display:inline-block;
	line-height:53px;
	font-size:20px;
	color:#0cd8cc;
	margin-right:20px;
	cursor:pointer;	
}
.customer_sub_top_menu ul{
	float:left;
}
.customer_center_top_menu ul{
	float:left;	
}
.customer_sub_top_menu ul li{
	float:left;
	font-size:16px;
	color:#fff;
	line-height:53px;
	padding:0 30px;
	cursor:pointer;
}
.customer_center_top_menu ul li{
	float:left;
	font-size:16px;
	color:#fff;
	line-height:53px;
	padding:0 30px;
	cursor:pointer;	
}
.customer_sub_top_menu ul li.menu_on{
	background:#ebebeb;
	color:#333f48;
}
.customer_center_top_menu ul li.menu_on{
	background:#ebebeb;
	color:#333f48;	
}
.customer_top_group{
	margin-bottom:60px;
	height:297px;
}
.user_guide_group{
	float:left;
	width:525px;
	padding:0 25px 0 23px;
	margin-right:50px;
}
.user_guide_group h2{
	height:22px;
	font-size:22px;
}
.customer_search_group{
	position:relative;
	margin:25px 0 36px 0;
}
input.customer_search_bar{
	width:454px;
	/* height:27px; */
	padding:12px 50px 12px 15px;
	border-radius:50px;
	-webkit- border-radius:50px;
	-moz- border-radius:50px;
	-o- border-radius:50px;
	border:3px solid #0cd8c1;
	font-size:17px;
	color:#0cd8c1;
}
/* 검색창 ie10 핵 */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	input.customer_search_bar{
	width:100%;
	}
}
/* //검색창 ie10 핵 */

/* 검색바 chrome hack */

 @media screen and (-webkit-min-device-pixel-ratio:0) {
	input.customer_search_bar {
	width: 524px!important;
    height: 50px!important;
	}
}

input.customer_search_bar:focus {
	outline:none;
}
/****검색바 placeholder color ****/

/* Webkit */
input.customer_search_bar::-webkit-input-placeholder{font-weight:bold; color: #0cd8c1; }
/* Firefox 4-18 */
input.customer_search_bar:-moz-placeholder {font-weight:bold; color: #0cd8c1; }
/* Firefox 19+ */
input.customer_search_bar::-moz-placeholder {font-weight:bold; color: #0cd8c1;}
/* IE10+ */
input.customer_search_bar:-ms-input-placeholder {font-weight:bold; color: #0cd8c1;}

.user_guide_group span.btn_search_go{
	position:absolute;
	top:14px;
	right:20px;
	width:25px;
	height:25px;
	background:url("/images/sub/btn/customer_search_icon.png") no-repeat;
	cursor:pointer;
}
.customer_search_group dl{
	display:inline-block;
	color:#7e8e9b;
	font-size:14px;
	padding-left:30px;
	margin-top:10px;
}
.customer_search_group dl dt{
	float:left;
	margin-right:15px;
}
.customer_search_group dl dd{
	float:left;
	margin-right:15px;
}
ul.user_guide_icon_group{
}
ul.user_guide_icon_group li{
	float:left;
	width:97px;
	height:127px;
	background:url("/images/sub/btn/guide_icon.gif") no-repeat;
	margin-right:44px;
	cursor:pointer;
}
ul.user_guide_icon_group li.guide_icon01{background-position:0 0;}
ul.user_guide_icon_group li.guide_icon02{background-position:-97px 0;}
ul.user_guide_icon_group li.guide_icon03{background-position:-194px 0;}
ul.user_guide_icon_group li.guide_icon04{background-position:-291px 0;}

ul.user_guide_icon_group li.guide_icon01:hover{background-position:0 -127px;}
ul.user_guide_icon_group li.guide_icon02:hover{background-position:-97px -127px;}
ul.user_guide_icon_group li.guide_icon03:hover{background-position:-194px -127px;}
ul.user_guide_icon_group li.guide_icon04:hover{background-position:-291px -127px;}

/*고객센터메인_faq*/
.customer_faq_group{
	position:relative;
	float:left;
	width:533px;
	height:282px;
	background:url("/images/sub/faq_group_bg.jpg") no-repeat;
	padding:15px 20px 0 20px;
}
.customer_faq_group h2{
	position:absolute;
	top:70px;
	left:59px;
	display:inline-block;
	text-align:center;
	color:#fff;
}
.customer_faq_group span{}

span.customer_faq_tit{
	display:block;
	font-size:28px;
}
span.customer_faq_tit_text{
	display:block;
	font-size:20px;
}
a.btn_faq_allview{
	display:inline-block;
	width:130px;
	height:40px;
	border-radius:40px;
	-webkit- border-radius:40px;
	-moz- border-radius:40px;
	-o- border-radius:40px;
	background:#fff;
	color:#2eb0a1;
	font-size:18px;
	font-weight:600;
	text-align:center;
	line-height:40px;
}
ul.customer_faq_list{
	width:282px;
	position:absolute;
	right:20px;
}
ul.customer_faq_list li{
	color:#fff;
	font-size:15px;
	line-height:23px;
	margin-bottom:12px;
	cursor:pointer;
}
ul.customer_faq_list li:hover{
	border-bottom:1px solid #fff;
}

/*고객센터메인_공지사항*/
.customer_notice_group{
	float:left;
	width:573px;
	height:272px;
	border:1px solid #e1e4e8;
	border-top:3px solid #4c5a66;
	margin-right:50px;
}
.notice_top_group{
	padding:15px 22px;
	border-bottom:1px solid #e1e4e8;
}
.notice_top_group h2{
	font-size:16px;
}
span.btn_text_more{
	font-size:13px;
	cursor:pointer;
}
span.btn_plus{
font-size:20px;
}
.notice_list_group{
	float:left;
	width:527px;
	padding:18px 0 0 22px;
}
.notice_list_thum{
	float:left;
	margin-bottom:25px;
}
.notice_list_thum dl{
	min-height: 85px;
}
.notice_list_thum span{
	float:left;
	margin-right:23px;
}
.notice_list_thum dl{
	float:left;
	/* width:355px; */
}
.notice_list_thum dl dt{
	font-size:16px;
	line-height:45px;
}
.notice_list_thum dl dd{
	font-size:14px;
	color:#787878;
}
ul.notice_list{
	width:100%;
	float:left;
}
ul.notice_list li{
	line-height:30px;
}
span.list_circle_tit{
	display:inline-block;
	width:5px;
	height:5px;
	border-radius:5px;
	-webkit- border-radius:5px;
	-moz- border-radius:5px;
	-o- border-radius:5px;
	background:#a5a5a5;
	margin-right:10px;
	vertical-align:middle;
}

/*고객센터메인_1:1문의*/
.customer_oneInquiry_group{
	float:left;
	width:573px;
	height:272px;
	border:1px solid #e1e4e8;
	border-top:3px solid #4c5a66;
}
.oneInquiry_top_group{
	padding:15px 22px;
	border-bottom:1px solid #e1e4e8;
}
.oneInquiry_top_group h2{
	font-size:16px;
}
.oneInquiry_top_group span a{
	margin-top:-5px;
}
.btn_oneInquiry_write{
	background:#787b7f;
	border-radius:3px;
	-webkit- border-radius:3px;
	-moz- border-radius:3px;
	-o- border-radius:3px;
	padding:11px 15px;
	font-size:12px;
	color:#fff;
	cursor:pointer;
	margin-top:-5px;
}
.oneInquiry_list_group{
	float:left;
	width:523px;
	padding:26px 24px 0 26px;
}
ul.oneInquiry_list{
}
ul.oneInquiry_list li{
	position:relative;
	margin-bottom:15px;
}
ul.oneInquiry_list li span.oneInquiry_tit{
	margin-right:14px;
}
ul.oneInquiry_list li span.oneInquiry_day{
	position:absolute;
	right:0;
	font-size:14px;
	color:#6f757b;
}

/*원격지원*/
input.btn_remote_go{
width:230px;
height:50px;
padding-bottom:7px;
border-radius:50px;
-webkit- border-radius:50px;
-moz- border-radius:50px;
-o- border-radius:50px;
background:#6d7c89;
color:#fff;
font-size:17px;
}
.remote_guide_text_group{
	float:left;
	padding-left:40px;
	margin-top:50px;
}
.remote_guide_text_group span{

}
span.remote_tit_text{
	display:block;
	font-size:29px;
}
span.remote_con_text{
	display:block;
	font-size:16px;
	color:#464646;
	margin-top:40px;
}
.remote_process_group{
	float:left;
	width:550px;
	height:410px;
	border:3px solid #dcdce0;
	margin-left:50px;
}
span.remote_process_tit{
	display:block;
	font-size:24px;
	margin:55px 0;
}
ul.remote_process_list{
	float:left;
	margin-left:65px;
}
ul.remote_process_list li{
	font-size:16px;
	color:#464646;
	line-height:30px;
}
ul.remote_process_list li span{
	margin-right:15px;
}

/*******************
	이벤트
********************/

.event_list{
	width:100%;
}
.event_list li{
	padding:12px 0;
	position: relative;
}
.event_list .event_button{
	position: absolute;
	bottom: 30px;
	left: 50%;
	margin-left: -48px;
}
.event_list .lastevent_button{
	position: absolute;
	bottom: 30px;
	left: 50%;
	margin-left: -99px;
}
.event_list .lastevent_button input:first-child{
	margin-right: 6px;
}
.event_text_group dl{

}
/*이벤트 스타일 (객관식/주관식 퀴즈/갤러리)*/
.section_01 a, .section_02 a{
	background:#fff;
	opacity: 0;
	-moz-opacity: 0;
	-ms-filter: alpha(opacity=00);
	filter: alpha(opacity=00);
	zoom:1;
}

.quiz{
	margin-top:15px;
}
.quiz .title{
	width:100%;
	height:40px;
	line-height:40px;
	background:#dadcde;
	text-align:center;
	color:##5f5f5f;
}
.quiz .contents{
	padding:60px 40px 40px 40px;
	border:2px solid #dadcde;
}
.quiz .contents p{
	padding:0 0 30px 0;
	font-size:22px;
	text-align:center;
	line-height:150%;
}
.quiz .contents .answer_group{
	display:inline-block;
	padding:30px 0;
	margin-bottom:30px;
}
.answer_group li{
	float:left;
	display:inline-block;
	margin:0 40px;
	font-size:26px;
	
}
.bbs_view_con .btn_flat_big_navy{
	font-size:28px;
	font-weight:bold;
}
.bbs_view_con input[type="radio"].radio_round + label{
	padding-left:40px;
}
.answer_b{
	width:70%;
	height:80px;
	margin:20px 0 30px 0;
	font-size:20px;
}
.galley_list_top{
	position:relative;
	margin-top:20px;
	padding-bottom:10px;
	border-bottom:1px solid #ccc;
}
.galley_list_top span{
	margin-right:10px;
}
.galley_list_top .btn_flat_s_mint{
	margin-top:-13px;
}
.galley_list{
	float:left;
	margin-top:20px;
}
.galley_list li{
	float:left;
	width:260px;
	text-align:center;
	margin-right:20px;
	margin-bottom:20px;
}
.galley_list li:nth-child(4n+4){
	margin-right:0;
}
.galley_list li dl dd{
	color:#717a7f;
	white-space: normal;
	line-height:1.6em;
 	height: 68px;
 	word-wrap: break-word;
 	display: -webkit-box;
 	-webkit-line-clamp: 3;
 	-webkit-box-orient: vertical;
 	/* white-space: nowrap; */
 	overflow: hidden;
 	text-overflow: clip;
}
.galley_list li dl dt a{
	display:block;
	position:relative;
}
.galley_list .photo_num{
	position: absolute;
	bottom: 5px;
	right: 5px;
	padding: 5px 10px;
	background: rgba(0,0,0,0.5);
	color: #fff;
	font-size: 14px;
	font-weight: bold;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	-khtml-border-radius: 3px;
}
.galley_list li dl dd span{
	word-wrap: break-word;
 	/* white-space: nowrap; */
 	overflow: hidden;
 	text-overflow: clip;
}
.galley_list li dl dd .title{
	display:block;
	width:100%;
	font-weight:bold;
	color:#333;
}
.galley_list li dl dd .info{
	display: inline-block;
	width: 50%;
	float: left;
	font-size: 13px;
	font-weight: normal;
	line-height: 150%;
	color: #717A8D;
}
.bottom_btn{
	position:relative;
	width:100%;
	text-align:right;
	margin-top:20px;
}

.gallery_view{
	position:relative;
	width:100%;
}
.gallery_view h4, .gallery_write h4{
	padding-bottom:10px;
	font-size:18px;
}
.gallery_view span{
	display:inline-block;
	padding-right:10px;
	margin-right:10px;
	color:#7d7d7d;
}
.gallery_view span.writer{
	border-right:1px solid #ccc;
}
.gallery_view_cont{
	padding:30px 20px;
	margin:10px 0;
	border-bottom:1px solid #ccc;
	border-top:1px solid #ccc;
}

.gallery_write{

}
.gallery_write h4{
	border-bottom:1px solid #ccc;
}
.gallery_write dt, .gallery_write dd{
	display:inline-block;
	line-height:30px;
	padding:5px 0;
}
.gallery_write dt{
	width:100px;
}
.gallery_write dd{
	width:900px;
}
.write_form{
	padding:30px 20px;
}
.gallery_write .btn_group{
	width:100%;
}
/*******************
	faq
********************/
ul.faq_list{
	float:left;
	width:100%;
	border-top:2px solid #d8d8d8;
}
ul.faq_list li{}

.faq_question_group{
	position:relative;
	padding:20px 0;
	border-bottom:1px solid #d8d8d8;
}
ul.faq_list span{
	display:inline-block;
}
span.faq_tit{
	width:70px;
	text-align:center;
	font-size:18px;
}
span.tit_a{
	color:#0cd8c1;
	vertical-align:top;
}

span.faq_cate{
	margin-right:20px;
}
span.faq_hit{
position:absolute;
right:20px;
}
.faq_answer_group{
	position:relative;
	padding:20px 0;
	background:#f4f7fa;
	border-bottom:1px solid #d8d8d8;
}
span.faq_con{
	width:960px;
	line-height:22px;
	color:#5f6a73;
}

/*******************
	도서소개페이지
********************/
.newbook_top_group{
	float:left;
	width:1063px;
	border:5px solid #d6d7d7;
	background:#f9f9f9;
	padding:27px 0 27px 27px;
}
.newbook_thum_group{
	float:left;
	width:510px;
}
.newbook_thum_group dl{
	float:left;
	margin-left:20px;
	width: 335px;
}
.newbook_thum_group dl dt{
	font-size:22px;
}
.newbook_thum_group dl dd{
	color:#717a7f;
	font-size:14px;
	line-height:22px;
}
.book_division_line{
	float:left;
	width:1px;
	height:225px;
	background:#e3e3e3;
	margin-right:27px;
}
.new_book_list_group{

}
.new_book_list_group li{
	float:left;
	width:140px;
	text-align:center;
	margin-right:100px;
	margin-bottom:60px;
}
.new_book_list_group li:nth-child(5n+5){
	margin-right:0;
}
.new_book_list_group li dl dd{
	color:#717a7f;
	white-space: normal;
	line-height:1.6em;
 	height: 68px;
 	word-wrap: break-word;
 	display: -webkit-box;
 	-webkit-line-clamp: 3;
 	-webkit-box-orient: vertical;
 	/* white-space: nowrap; */
 	overflow: hidden;
 	text-overflow: clip;
}
.text_book_top_group{
	float:left;
	width:1090px;
	height:100px;
	border:5px solid #d6d7d7;
	text-align:center;
	font:18px/100px 'Noto Sans KR';
}

/*******************************
	통합검색페이지 : 검색결과 강의리스트
********************************/
.search_con_wrap{
	width:1200px;
	margin:auto;
}
.search_con_group{
	position:relative;
	float:left;
	width:908px;
	padding:40px 25px 130px 0;
	border-right:1px solid #d8d8d8;
}
.search_bar_group{
	position:relative;
	width:100%;
	margin-bottom:30px;
	border:3px solid #0dd5c9;
}
.search_bar_group input{
	border:none;
	width:80%;
	/* height:35px; */
	padding-bottom: 11px;
	padding-top:11px;
	margin-left:120px;
	font-size:27px;
	font-weight:600;
	color:#363636;
}
span.btn_search_cross{
	position: absolute;
	top: -3px;
	right: -3px;
}
span.btn_search_cross a{
	/* font-size: 20px;
	color: #fff;
	font-weight: 600; */
	width:62px;
	height:59px;
}
/**검색창 추가디자인 170411**/
.search_sort{
	position: relative;	
}
.search_sort button{
	position: absolute;	
	width: 122px;
	padding-left:20px;
	line-height: 54px;
	text-align:left;
	font-weight:bold;
	color:#0dd5c9;
	background:url('/images/sub/btn/btn_down_mint.gif') 94px 24px no-repeat;
}
.search_sort button span.sep_line{
	float:right;
	font-weight:normal;
}
ul.sort_group{
	position:absolute; 
	top:55px;
	left:-3px; 
	padding:7px 20px 7px 20px;
	background:#fff;
	border:1px solid #0dd5c9;
	line-height:120%;
}
ul.sort_group li{
	width: 82px;
	padding:5px 0;
	color:#0dd5c9;
	cursor:pointer;
}
ul.sort_group li:hover{
	color:#297e79;
}
span.btn_search_cross a img{
	vertical-align: middle;
}
.search_result_text_group{
	display:inline-block;
	color:#363636;
	margin-bottom:10px;
}
.search_result_text_group .cate_root{
	margin-right:10px;
	font-size:20px;
	color:#000;
}
.search_result_text_group .result_number{
	font-size:14px;
	color:#747474;
}
.sub_con_group .search_result_text_group{
	display:inline-block;
	color:#363636;
	margin-bottom:10px;
	margin-top:30px;
}
span.result_keyword_tit{
	font-size:20px;
}
.search_list_t{
	/* border-top: 1px solid #ddd; */
}
.search_list_t tr{
	border-bottom: 1px solid #ddd;
}
.search_list_t thead tr{
	border-bottom: none;
}
.search_list_t td{
	padding:18px 0;
	text-align: center;
	vertical-align: top;
}

.search_list_t thead td{
	padding:5px 0;
}
.search_list_icon{
	display: inline-block;
	min-width: 67px;
	height: 30px;
	padding:0 5px;
	line-height: 30px;
	text-align: center;
	border: 1px solid #000;
	border-radius: 18px;
	vertical-align: top;
	margin-bottom:3px;
}
.search_list_box{
	text-align: left;
	padding-left: 10px;
}
.search_list_box h3{
	margin-top: 5px;
	font-size: 19px;
	font-weight: 600;
}
.search_list_box h2{
	margin-top: 10px;
	font-size: 15px;
	color:#767676;
}
.search_list_box h2 a{
	color:#767676;
}
.search_list_box span.lecture_list_cate{
	color:#555;
}
.search_list_box p{
	color: #646464;
	font-size: 14px;
	margin-bottom: 25px;
}
.search_list_box dl{
	float:left;
	/* margin-top: 12px; */
}
.search_list_box dt{
	font-size: 16px;
	font-weight: 400;
	line-height: 16px;
	margin-bottom: 8px;
}
.search_list_box dt.bd_r_line{
	padding-right:15px;
	border-right:1px solid #ddd;
}
.search_list_box dd{
	display: inline-block;
	font-size: 16px;
	line-height: 16px;
	padding-left: 10px;
	float: left;
}
.search_list_box dd.font_red{
	color: #e32027;
}
.search_list_btn{
	text-align: center;
	vertical-align: middle !important;
}
.search_list_btn_grey{
	width: 150px;
	height: 43px;
	margin-bottom: 7px;
	color: #fff;
	background: #949ea6;
	border-radius: 3px;
	font-size: 17px;
}
.search_list_btn_red{
	width: 150px;
	height: 43px;
	margin-bottom: 0;
	color: #fff;
	background: #e32027;
	border-radius: 3px;
	font-size: 17px;
}
/*
.btn_apply{
	background:#ff4e4e;
	border-radius:3px;
	-webkit- border-radius:3px;
	-moz- border-radius:3px;
	-o- border-radius:3px;
	padding:12px 15px;
	font-size:14px;
	color:#fff;
	cursor:pointer;
}
.btn_preview_lecture{
	width:87px;
	height:38px;
	background:#6d7c89 url("/images/sub/btn/btn_preview_lecture.png") 10px 12px no-repeat;
	border-radius:3px;
	-webkit- border-radius:3px;
	-moz- border-radius:3px;
	-o- border-radius:3px;
	padding-left:28px;
	font-size:14px;
	color:#fff;
	cursor:pointer;
}*/
.search_right_group{
	position:relative;
	float:left;
	width:240px;
	height:100%;
	padding-left:22px;
}
.popularity_search_group{
	width:100%;
	padding:20px 0;
	float:left;
	border-bottom:1px solid #e6e6e6;
}
.popularity_search_group:last-child{border-bottom:0;}

.popularity_search_group h2{
	font-size:20px;
	margin-bottom:15px;
}

.ranking_five{
	font-size:23px;
	color:#0cd8c1;
}
.popularity_search_group ul{
}
.popularity_search_group ul li{
	margin-bottom:8px;
}
.popularity_search_group ul li dl,
.popularity_search_group ul li dt,
.popularity_search_group ul li dd{
	display:inline-block;
}
.popularity_search_group ul li dt{
	font-size:16px;
	margin-right:10px;
	vertical-align: top;
	line-height:18px;
}
.popularity_search_group ul li dd.search_word{
	width:182px;
	font-size:13px;
	font-weight:300;
	color:#585858;
	vertical-align: middle;
	margin-bottom:10px;
	line-height:16px;
}
.popularity_search_group ul li dd.search_new{
	font-size:12px;
	color:#fb5151;
	vertical-align: top;
	line-height:16px;
}
.popularity_search_group h3{
	color:#585858;
}
.keyword_tab{
	float:left;
	margin:5px 0 17px 0;
}
.keyword_tab span{
	float:left;
	display:inline-block;
	background:#f0f3f5;
	color:#38383d;
	font-size:13px;
	text-align:center;
	padding:5px 10px;
	border:1px solid #bababa;
	margin-left:-1px;
	margin-top:-1px;
	cursor:pointer;
}
span.keyword_on{
	background:#7c8388;
	color:#fff;
	border:1px solid #7c8388;
}

/*스마트파인더*/
	ul.search_filter_group{}
	ul.search_filter_group li{
		float:left;
		margin-right:20px;
	}
ul.search_filter_group li label{
	font-size:15px !important;
}
span.btn_half_circle{
	display:inline;
	width:30px;
	padding:5px 13px 8px 19px;
	height:20px;
	background:#97999a;
	border-radius:0 0 30px 30px;
	color:#fff;
	font-size:14px;
	cursor:pointer;
	margin-top:-1px;
}
/*스마트파인더_영역_카테고리*/
.search_filter_group_category_list{
	width:100%;
	float:left;
	border-top: 1px solid #eee;
	padding-top:9px;
	margin-top:12px;
	clear:both;
}
ul.search_filter_group_category_list li label{
	font-size:14px !important;
}

input.btn_reset_check{
	width:200px;
	height:50px;
	padding-bottom:7px;
	border-radius:50px;
	-webkit- border-radius:50px;
	-moz- border-radius:50px;
	-o- border-radius:50px;
	background:#6d7c89;
	color:#fff;
	font-size:17px;
}
.btn_search_check{
	width:240px;
	height:50px;
	padding-left:20px;
	padding-bottom:7px;
	border-radius:50px;
	-webkit- border-radius:50px;
	-moz- border-radius:50px;
	-o- border-radius:50px;
	color:#fff;
	font-size:17px;
	background: #2ad0bd url("/images/sub/icon/big_check.png") 20px 18px no-repeat;
}


/**** TV *****/

.bbs_list thead th{
	font-weight: 700;
}
.bbs_list th.today{
	background: #0cd8cc;
	color:#fff;
}
.bbs_list .now td{
	color: #0cd8cc;
}
.bbs_list .now td a {
	color: #0cd8cc;
}
table .bg_gray{
	background:#f0f3f5;
}
.tv_list_scroll{
	height:500px;
	overflow-y: scroll;
	border-bottom:1px solid #d8d8d8;
}
.tab_02{
	position: absolute;
	right:0;
	-moz-border-radius: 3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	-khtml-border-radius:3px;
	border: 1px solid #adb5bc;
}
.tab_02 li{
	display: inline-block;
	float:left;
	padding:10px 15px;
	color:#7e8b96;
	font-weight: 700;
	cursor: pointer;
}
.tab_02 li:hover{
	opacity: 0.7;
	-moz-opacity: 0.7;
	-ms-filter: alpha(opacity=70);
	filter: alpha(opacity=70);

}
.tab_02 li img{
	margin-top:-3px;
	margin-right: 5px;
}
.tab_02 li.fir{
	-moz-border-radius: 3px 0 0 3px;
	-webkit-border-radius:3px 0 0 3px ;
	border-radius:3px 0 0 3px ;
	-khtml-border-radius:3px 0 0 3px ;
}
.tab_02 li.last{

}
.tab_02 li.tab_on{
	background: #495661;
	color:#fff;
}

.tv_list_top{
	text-align: center;
	line-height: 32px;
}
.tv_list_top a, .tv_list_top div{
	display: inline-block;
}
.tv_list_top div{
	font-size: 22px;
	font-weight: 700;
	margin-bottom: 30px;
	padding:0 20px;
}
.tv_list_top a{
	vertical-align: top;
}
.tv_list_top a img{
	vertical-align: middle;
}

.tv_week_list{
	border-left:1px solid #ccc;
}
.tv_week_list thead{
	border:1px solid #ccc;
}
.tv_week_list thead th{
	padding:10px ;
	background:#6c6c70;
	color:#fff;
	border:1px solid #ccc;
}
.tv_week_list td{
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;
	text-align:center;
	min-height:30px;
	padding : 5px;
	font-weight : 300;
}
table.tv_week_list_con_t{

}
table.tv_week_list_con_t tr td{
	height:30px;
	border-right:0;
	border-bottom:1px solid #ccc;
}
.tv_week_list td.today{
	padding:7px;
	border:3px solid #0cd8cc;
}
.tab_cuetone{
	text-align: center;
	margin-bottom:30px;
}
.tab_cuetone li{
	display: inline-block;
	padding:15px 22px;
	border:2px solid #ccc;
	color:#aaa;
	font-size:20px;
	-moz-border-radius: 3px;
	-webkit-border-radius:3px;
	-khtml-border-radius:3px;
	border-radius:3px;

	cursor: pointer;
}

.tab_cuetone .tab_on{
	background: #0cd8cc;
	border:2px solid #0cd8cc;
	color:#fff;
}

.tv_recom_pro_group{
	position:relative;
	display: inline-block;
	width:349px;
	height:247px;
	margin-right:20px;
	border-radius:3px;
	-moz-border-radius: 3px;
	-webkit-border-radius:3px;
	-khtml-border-radius:3px;
	overflow:hidden;
}
.tv_recom_pro_group:last-child{
	margin-right:0;
}
.tv_recom_pro_info{
	position:absolute;
	bottom:0;
	width:100%;
	height:72px;
	background:url("/images/main/main_lecture_text_bg.png") repeat-x;
	z-index:10;
}
.tv_recom_pro_group dl{
	width:100%;
	margin-top:10px;
	text-align:center;
	color:#fff;
}
.tv_recom_pro_group dl dt{
	font-size: 20px;
	font-weight: 700;
	text-align: center;
}
.tv_recom_pro_group dl dd{
	font-size: 14px;
	text-align: center;
}
.tv_pro_title{
	font-size:21px;
	margin-bottom:10px;
}
.tv_pro_group{
	float:left;
	width:261px;
	height:262px;
	margin:0 14px 20px 0;
}
.tv_pro_group dl{
	padding-top:9px;
}
.tv_pro_group dl dt{
	font-size:14px;
	margin-bottom:2px;
	color:#6a787f;
}
.tv_pro_group dl dd{
	font-size:16px;
	font-weight:500;
}
.tv_pro_group dl dt span{
	display:inline-block;
	width:40px;
	height:20px;
	color:#fff;
	text-align:center;
	font-size:13px;
	letter-spacing:-1px;	
	line-height:19px;
	margin-right:5px;
}
.tv_pro_group dl dt span.icon_tv_new{
	background:#8923d6;
}
.tv_pro_group dl dt span.icon_tv_hot{
	background:#f34719;
}

/**** TV : 실시간TV****/

.tv_group, .rel_group, .program_group, .comment_group{
	position: relative;
	float:left;
}

.tv_group{
	width:780px;
	margin-right: 30px;
	margin-bottom: 50px;
}
.tv_live_top{
	height:45px;
}
.tv_live_top span, .tv_live_top a{
	display: inline-block;
	vertical-align: top;
}
/*wonz_161209*/
.tv_live_top span a.btn_more{
	display:inline-block;
	width:27px;
	height:27px;
	border-radius:27px;
	background:#b2b2b2;
	font-size:24px;
	font-weight:600;
	color:#fff;
	text-align:center;
	vertical-align:middle;
	margin-left:7px;
	line-height:25px;
}
.tv_live_top .onair{
	height:33px;
	line-height:31px;
	padding:0 10px;
	border-radius:16px;
	-webkit- border-radius:16px;
	-moz- border-radius:16px;
	-o- border-radius:16px;
	background:#ff4e4e;
	color:#fff;
	font-size:17px;
	margin-right:10px;
}
.tv_live_top .title{
	width: 700px;
    font-size: 20px;
    color: #1f1f1f;
    font-weight: 600;
}
.tv_live_top .teacher{
	float:right;
	height:20px;
	margin-top: 7px;
	line-height:20px;
	padding-left: 10px;
	margin-left: 10px;
	font-size:15px;
	font-weight: 300;
	border-left: 1px solid #969aaa;
}
.tv_live_top .time{
	float:right;
	height:20px;
	margin-top: 7px;
	line-height:20px;
	padding-left: 10px;
	font-size:16px;
	font-weight: 300;
}
.tv_group .tv_play{
	position: relative;
	width:780px;
	height:449px;
}
.tv_play .btn_play{
	position: absolute;
	top:43%;
	left:43%;
}
.rel_group{
	width:385px;
	/* margin-top:45px; */
	border:1px solid #e1e4e8;
	border-top:3px solid #4c5a66;
	border-bottom:3px solid #4c5a66;
}
.rel_group h2{
	padding:15px 22px;
	background:#f4f5f6;
	border-bottom:1px solid #e1e4e8;
	font-weight: 600;
	font-size: 17px;
}
.rel_group ul{
	height:377px;
	overflow-y: scroll;
}
.rel_group ul li{
	padding:12px;
	border-bottom:1px solid #e1e4e8;
	cursor: pointer;
}
.rel_group ul li:hover{
	padding:10px;
	border:2px solid #0cd8cc;
}
.rel_group ul li span{
	display:inline-block;
	font-size:15px;
	font-weight: 300;
	color: #1f1f1f;
}
.rel_group .img {
	margin-right: 10px;
}
.rel_group .title{
	width: 220px;
	margin-left: 10px;
	font-weight: 400;
	vertical-align: top;
	
}
.rel_group .time{
}
.program_group{
	width:573px;
	height: 367px;
	margin-bottom: 100px;
	margin-right: 50px;
	border:1px solid #e1e4e8;
	border-top:3px solid #4c5a66;
}
.program_group h2{
	padding:15px 22px;
	border-bottom:1px solid #e1e4e8;
	font-size: 17px;
	font-weight: 600;
}
.program_group h2 span{
	display: inline-block;
	float: right;
	font-size: 15px;
	font-weight: 300;
	text-align: right;
}
span.onair_time{
	width:54px;
	text-align:left;
	/* margin-right:10px; */
	font-size:16px;
}
ul.next_program{
	height: 186px;
	margin:0 0 0 20px;
	overflow-y: scroll;
}
ul.next_program li{
	padding-right: 8px;
	/* min-height:37px; */
	padding:10px 0;
	border-bottom: 1px solid #e1e4e8;
}
ul.next_program li span{
	display: inline-block;
	vertical-align: middle;
}
ul.next_program li.now span{
	/*color:#ff4e4e;*/
}
ul.next_program .time{
	width:54px;
	/* margin-right:15px; */
	font-size: 13px;
}
ul.next_program .title{
	width:300px;
	margin-right:10px;
	font-size:15px;
	text-overflow:ellipsis;
	overflow:hidden;
	white-space:normal;
}
ul.next_program .seq{
	width: 150px;
	font-size: 14px;
	text-align:right;
}

a.banner_tv_list{
	display: inline-block;
	width:100%;
	height:124px;
	background: url("/images/sub/banner_tv.jpg") no-repeat;
}

.comment_group{
	width:573px;
	height: 367px;
	margin-bottom: 100px;
	border:1px solid #e1e4e8;
	border-top:3px solid #4c5a66;
}
.comment_group h2{
	padding:15px 22px;
	border-bottom:1px solid #e1e4e8;
	font-size: 17px;
	font-weight: 600;
}
.comment_group .write_group{
	border-bottom:1px solid #e1e4e8;
	padding:20px 15px;
}
.write_group textarea{
	width:78%;
	/* margin:10px; */
	height:32px;
	min-height:32px;
}
.comment_group .btn_write{
	padding:8px 13px;
	margin:-7px 0 0 10px;
	background: #787b7f;
	color:#fff;
	font-size:13px;
	font-weight:400;
	border-radius:3px;
	-webkit- border-radius:3px;
	-moz- border-radius:3px;
	-o- border-radius:3px;
}

.comment_group ul{
	height: 210px;
	margin:0 0 0 20px;
	overflow-y: scroll;
}
.comment_group ul li{
	position: relative;
	padding:10px 0;
	border-bottom:1px solid #e1e4e8;
}
.comment_group ul li span{
	display: inline-block;
	vertical-align: top;

}
.comment_group .user_id{
	width:130px;
	color:#2acfbe;
	font-weight: 600;
	margin-right: 10px;
}
.comment_group .comment{
	width: 340px;
    white-space: normal;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 20px;
}
.comment_group ul li.on .comment{
	/* overflow: inherit;
    text-overflow: string; */
}
.comment_group ul li.on .date{
	display: inline-block;
}
.comment_group .date{
	display: none;
	font-size: 12px;
	color:#8d9195;
	margin-left:145px;
	margin-top:10px;
}
.comment_group .arrow{
	position: absolute;
	top:10px;
	right:10px;
	width:19px;
	height: 23px;
	cursor: pointer;
	background:url("/images/sub/btn/arrow_down.png") 0 5px no-repeat;
}

.comment_group ul li.on .arrow{
	background:url("/images/sub/btn/arrow_up.png") 0 5px no-repeat;
}

/**** 학습하기 learning_class***/

.learning_class_wrap{
	position: relative;
	width:100%;
	background: #313434;
	padding-top:20px!important;
}
 .learning_class_wrap .sub_con_group{
	padding-bottom:20px;
}

.class_top_wrap{
	height:50px;
	background: #0cd8cc;
}
.class_top_group{
	position: relative;
	width:1200px;
	margin:0 auto;
}
.class_top_group h1{
	position: absolute;
	top:15px;
	left:0;
}
.class_top_group .btn_myclass{
	position: absolute;
	top:14px;
	right:0;
	padding-left:20px;
	font-weight: 700;
	color:#fff;
	background: url("/images/sub/icon/icon_home.png") 0 4px no-repeat;
}
.video_group{
	position: relative;
	float:left;
}
.class_title{
	margin-bottom:20px;
}
.class_title span{
	display: inline-block;
	color:#fff;
	vertical-align: top;

}
.class_title span.category{
	display: inline-block;
	border:1px solid #fff;
	padding:8px 16px;
	-moz-border-radius: 100px;
	-webkit-border-radius:100px;
	border-radius:100px;
	-khtml-border-radius:100px;

}
.class_title span.title{
	display: inline-block;
	font-size: 26px;
	padding-left:10px;
}
.class_video{
	position: relative;
	width:800px;
	height: 510px;
}
.video{
	position: absolute;
	z-index: 1;
	height: 510px;
}
.class_video .btn_play{
	position: absolute;
	z-index: 10;
	top:200px;
	left:350px;
}

.relative_group{
	position: relative;
	float:right;
	width:384px;
	height: 510px;
	margin-top: 57px;
	border-top:3px solid #0cd8cc;
	background:#212121;
}
.relative_group .top_group{
	height:50px;
	padding:0 18px;
	border-bottom:1px solid #474747;
}
.relative_group .top_group h2{
	display: inline-block;
	width:50%;
	margin-top:13px;
	color:#11c8bd;
	font-size: 16px;
	font-weight: bold;
}
.relative_group .top_group span{
	display: inline-block;
	float: right;
	padding:3px 5px;
	margin-top:13px;
	/* background: #ff4343; */
	-moz-border-radius: 100px;
	-webkit-border-radius:100px;
	border-radius:100px;
	-khtml-border-radius:100px;
	color:#fff;
	font-size: 12px;

}
.relative_group .scroll_y{
	height:458px;
	overflow-y:scroll;
}
.relative_group ul{

}
.relative_group li{
	height:50px;
	padding:0 10px;
	border-bottom:1px solid #474747;
	cursor:pointer;
}

.relative_group li:hover{
	border:2px solid #0cd8cc;
	padding:0 8px;
	height:47px;
	background: #373737;
}
.relative_group li:active{
	border:2px solid #0cd8cc;
	padding:0 8px;
	height:47px;
	background: #373737;
}
.relative_group li.inactive span.title{
	color:#898989;
}
.relative_group li span{
	display: inline-block;
	float:left;
	color:#fff;
	line-height: 50px;
}
.relative_group li span.icon_play{
	width:26px;
	height: 26px;
	background: url("/images/sub/icon/play.png") no-repeat;
	margin-top: 13px;
}
.relative_group li span.title{
	width:260px;
	margin-left:6px;
	color:#d0d0d0;
	text-overflow:ellipsis;
     overflow:hidden;
     white-space:nowrap;
}
.relative_group li span.time{
	width:40px;
	margin-left:8px;
	color:#afafaf;
	font-size:12px;
}

.tab_line_group{
	height: 57px;
	border-bottom: 1px solid #bdbdbd;
	margin-top:20px;
}
.tab_line_group li{
	float:left;
	display: inline-block;
	/* padding:13px 18px; */
}
.tab_line_group li a{
	display: inline-block;
	line-height: 56px;
	color:#6c6c6c;
	padding:0 20px;
	font-size: 17px;
}
.tab_line_group li:hover{
}
.tab_line_group li:hover a{
	display: inline-block;
	line-height: 56px;
	color:#1bbead;
	font-weight:700;
}

.tab_line_group li.on{
	border-left: 1px solid #bdbdbd;
	border-right: 1px solid #bdbdbd;
	border-top: 1px solid #bdbdbd;
	border-bottom: 1px solid #fff;
	background:#fff;
}
.tab_line_group li.on a{
	color:#1bbead;
	font-weight:700;
}

/**wonz 161208 추가**/
/* 채널안내서브 */
/* 디자인페이지 레이아웃 */

.contente_group h3{
	font-size:17px;
	font-weight: 700;
}
.contente_group p{
	padding: 10px 0;
}

.section{
	position: relative;
	margin-bottom: 30px;
}

.contente_group .bbs_list tbody th{
	background: #fff;
	font-weight: bold;
	border-right: 1px solid #d8d8d8;
	border-top: none;
}
.border_r{
	border-right: 1px solid #d8d8d8;
}
.border_l{
	border-left: 1px solid #d8d8d8;
}


/* 고객센터 _  처음오셨어요?  */
.contente_group{
	position: relative;
	width:100%;
}

table.row_list{
	border:1px solid #d8d8d8;
}
table.row_list tr{
	border-bottom:1px solid #d8d8d8;
}
table.row_list th{
	background: #f0f3f5;
	border-right:1px solid #d8d8d8;
}
table.row_list td{
	padding:28px;
}


/**********************
	수강신청
***********************/
.lectureApplication_name{
	font-size: 18px;
}
.lectureApplication_list_group{
	background: #f8f8f8;
}
.lectureApplication_list_box{
	float: left;
    width: 100%;
    height: 125px;
    background: #f8f8f8;
    overflow-y: scroll;
}
.btn_lecture_s_grey{
	background: #6d7c89;
    border-radius: 3px;
    padding: 5px 15px;
    font-size: 13px;
    color: #fff;
}
.lectureApplication_list {
    float: left;
    padding: 10px 22px;
    border-bottom: 1px solid #d8d8d8;
}
.lectureApplication_list li {
    float: left;
    width: 33.33333333333333%;
    color: #737373;
    font-size: 13px;
    font-weight: 300;
    line-height: 25px;
}
.cart_datail_list_sum{
	padding-left: 50px;
}
.cart_detail_btn{
	float: right;
	padding: 10px 20px;
	margin-right: 10px;
	color: #737373;
}
.cart_list_all{
	font-weight: 600;
	color: #000;
}
.cart_detail_btn button{
	margin-left: 10px;
}
.myCart_list_bt_gray{
	font-size: 13px;
    color: #fff;
    padding: 0 7px;
    margin-left: 6px;
    line-height: 30px;
    background: #6d7c89;
    border-radius: 3px;
}
.myCart_list_bt_blue{
	font-size: 13px;
    color: #fff;
    padding: 0 7px;
    margin-left: 6px;
    line-height: 30px;
    background: #658cad;
    border-radius: 3px;
}
table.lectureApplication_point_t{
	border-top: 1px solid #d8d8d8;
	border-bottom: 1px solid #d8d8d8;
}
table.lectureApplication_point_t th{
	background: #f0f3f5;
    height: 45px;
    font-size: 15px;
    font-weight: 400;
    color: #565656;
    border-bottom: 1px solid #d8d8d8;
}
table.lectureApplication_point_t td{
	padding: 8px 15px;
}

/**************************
결제완료페이지
***************************/
.myCartOk_group{
	padding-top: 110px;
}
.myCartOk_title{
	width: 1100px;
	text-align: center;
}
.myCartOk_group h2{
	font-size: 25px;
	font-weight: 500;
}
.freepass_detail_contents {
	
	padding : 20px;	
	
}

/* live poll */
.poll_title{
	padding:0 20px;
	margin-bottom:20px;
	font-size:18px;
	font-weight:500;
}
.poll_date{
	padding:0 20px;
}

.tbl_live_poll{
	/* border-bottom: 1px solid #ccc; */
	margin-bottom:20px;
}
.tbl_live_poll tr{

}
.tbl_live_poll td{
	padding:0px 10px 10px 10px;
}
.tbl_live_poll td .chart{
	width:100%;
	height:25px;
	background-color:#ebebeb;
}

span.btn_flat_s_gray, span.btn_flat_s_red{
	display: inline-block;
	cursor: text;
	line-height: 100%;
}
.poll_answer{
	width:80%;
	margin:0 auto;
}
.bbs_view_con h4{
	display:inline-block;
	width:100%;
	margin:50px 0 25px 0;
	font-size:18px;
	line-height:24px;
}
.poll_answer_group{
	width:975px;
	margin:0 auto;
	border-top:1px solid #ddd;
	border-bottom:1px solid #ddd;
	padding:20px;
	background:#eff1f2;
}
.poll_answer_group li{
	width:96%;
	display:inline-block;
	padding:9px 0 9px 15px;
	border:1px solid #ddd;
	margin-right:15px;
	margin-bottom:7px;
	border-radius:3px;
	background:#fff;
}
/*
.no_open{
	display:inline-block;
	margin-left:10px;
	padding:5px 10px;
}
*/
.poll_graph{
	width:940px;
	padding:20px;
	margin:0 auto;
	text-align:center;
	border:1px solid #ccc;
}
/*관심강의*/
.sub_con_group .select_bar{
	position: relative;
	width:100%;
	padding:20px 0;
	border-top:1px solid #ddd;
	border-bottom:1px solid #ddd;
}
.select_bar span{
	display: inline-block;
	margin-left: 15px;
	line-height: 150%;
}
.sub_con_group .select_bar input[type="checkbox"]{
	vertical-align: bottom;
}
.select_bar .btn_point_search{
	vertical-align: bottom;
	float: right;
}
/**/


/* 게시판 댓글 */
.bbs_comment_list_group{
	width:1100px;
	border-top:2px solid #d1d4d5;
	border-bottom:1px solid #d1d4d5;
}
.bbs_comment_list{
	width:1070px;
	border-bottom:1px solid #d1d4d5;
	padding:15px;
}
span.bbs_comment_writer,
span.bbs_comment_day{
	font-size:13px;
	color:#686868;
}
.bbs_comment_content span.bbs_comment_text{
	display:block;
	/* width:900px;*/
		color:#363636;
}
.bbs_comment_list_group .detail_input_group{
	width:1058px;
	background:#eef1f2;
	padding:20px;
	border:1px solid #d1d4d5;
}
.bbs_comment_list_group .text_write{
	width:820px;
	min-height:75px;
	margin-left:10px;
}
.bbs_comment_list_group input.btn_text_write{
	background:#6e6e6e;
	border-radius:3px;
	-webkit- border-radius:3px;
	-moz- border-radius:3px;
	-o- border-radius:3px;
	padding:37px 15px;
	margin-left:10px;
	font-size:16px;
	color:#fff;
	cursor:pointer;
	vertical-align:bottom;
}
.comment_id{
	position:relative;
	float:left;
	display:inline-block;
	width:120px;
	margin: 0 0 10px 10px;
	word-wrap: break-word;
}
.comment_id span{
	display:inline-block;
	width:120px;
	word-wrap: break-word;
}

/* 이벤트 참여현황 */
.status_list_group{
	width:1100px;
	border-top:2px solid #d1d4d5;
	border-bottom:1px solid #d1d4d5;
}
.status_list{
	width:1070px;
	border-bottom:1px solid #d1d4d5;
	padding:15px;
}
.status_content{
	width:100%;
}
.status_list span{
	vertical-align:top;
}
span.status_writer,
span.status_day{
	font-size:13px;
	color:#686868;
}
span.status_day{
	float:right;
}
span.status_text{
	display:inline-block;
	width:800px;
	color:#363636;
}
.status_list_group .detail_input_group{
	width:1058px;
	background:#eef1f2;
	padding:20px;
	border:1px solid #d1d4d5;
}
.status_list_group .text_write{
	width:820px;
	min-height:75px;
	margin-left:10px;
}
.status_list_group input.btn_text_write{
	background:#6e6e6e;
	border-radius:3px;
	-webkit- border-radius:3px;
	-moz- border-radius:3px;
	-o- border-radius:3px;
	padding:30px 15px;
	margin-left:10px;
	font-size:16px;
	color:#fff;
	cursor:pointer;
	vertical-align:bottom;
}

/* 필터검색조건 */
.filter_word_group{
	display:inline-block;
	width:100%;
	border-top: 1px solid #ccc;
	padding-top: 5px;
	/* width:1170px; */
	/* padding:10px 15px 5px 15px; */
	/* border-top:1px solid #ddd; */
	/* background:#e7eaeb; */
}
.filter_word_group > h3, .filter_word_group > ul, .filter_word_group > button{
	position:relative;
	display:inline-block;
	float:left;
	vertical-align:top;
}
.filter_word_group > h3{
	margin-right:20px;
	margin-top:4px;
	font-size:14px;
	color:#747474;
}
.filter_word_group > ul{
	/* width:980px; */
	width:80%;
}
.filter_word_group > ul li{
	display:inline-block;
	float:left;
	margin-right:5px; 
	padding:4px;
	/* background:#fff;
	border:1px solid #cccccc;
	-moz-border-radius: 3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	-khtml-border-radius:3px; */
	font-size:14px;
	color:#676a6c;
}
.filter_word_group > ul li span{
	margin-left:8px;
	padding-bottom:2px;
	cursor:pointer;
}
.filter_word_group > ul li span img{
	vertical-align: top;
	margin-top: 9px;
}
.filter_word_group > button{
	display:inline-block;
	margin-left:10px;
	margin-top:4px;
	float:right;
	padding:0px 5px 5px 5px;
	/* border-bottom:1px solid #aaa; */
	font-size:13px;
	
}

/*패키지 상세*/
.expert_group{
	width:400px;
	max-height:56px
	/*
	height:70px;
	padding-top:3px;
	*/
	overflow-y:scroll;
}
.expert_group span{
	display:block;
}

/*******************
	강사소개 페이지 : list
********************/
.teacher_top_group{
	position:relative;
	float:left;
	width:1063px;
	border:5px solid #d6d7d7;
	background:#f9f9f9;
	padding:27px 0 27px 27px;
}
.teacher_thumb{
	display:inline-block;
	position:relative;
	float:left;
}
.teacher_top_group .teacher_info{
	display:inline-block;
	position:relative;
	float:left;
	width:450px;
	height:264px;
	margin-left:20px;
	
}
.teacher_top_group .t_program{
	position:absolute;
	top:38px;
	right:40px;
	width:311px;
}
.teacher_top_group .t_program ul{
	width:311px;
	height:197px;
	margin-top:5px;
	padding:15px;
	overflow-y:scroll;
}
.teacher_top_group .t_program ul li{
	margin-bottom:5px;
	cursor:pointer;
}
.teacher_top_group .t_program ul li span{
	display:inline-block;
}
.teacher_top_group .t_program ul .p_title{
	width:168px;
	margin-left:10px;
	padding-top:5px;
	font-size:14px;
	vertical-align:top;
}
.teacher_info >.t_name{
	display:block;
	margin:15px 0;
	font-size:22px;
	font-weight:700;
}
.teacher_info >.t_cmt{
	font-size:17px;
	color:#717a7f;
}
.teacher_info .btn_more_text{
	position:absolute;
	bottom:0;
	right:0;
	color:#00cad2;
	font-size:14px;
	font-weight:bold;
	border-bottom:1px solid #00cad2;
	vertical-align:top;
}
.btn_more_text span{
	display:inline-block;
	font-size:20px;
	padding-top:5px;
	vertical-align:top;
}
.teacher_info > ul{
	position:absolute;
	bottom:0px;
}
.teacher_info > ul > li{
	color:#424242;
	margin-top:10px;
}
.teacher_info ul li .s_tit{
	display: inline-block;
	padding-right: 10px;
	margin-right: 10px;
	border-right: 1px solid #6a6a6a;
	font-size:16px;
	line-height: 100%;
}
.teacher_info > ul > li .star{
	color:#00dee6;
}
.teacher_list_group{

}
.teacher_list_group .thumb{
	position:relative;
}
.teacher_list_group .thumb .btn_more{
	display: inline-block;
	position: absolute;
	bottom: 0px;
	right: 0px;
	background: #afafaf;
	padding: 2px 10px;
	font-size: 20px;
	color: #fff;
	opacity: 0.7;
	-moz-opacity: 0.7;
	-ms-filter: alpha(opacity=70);
	filter: alpha(opacity=70);
}
.teacher_list_group > li{
	float: left;
	width: 150px;
	height: 348px;
	margin-right: 87px;
	margin-bottom: 40px;
}
.teacher_list_group li:nth-child(5n+5){
	margin-right:0;
}
.teacher_list_group .t_name{
	display: -webkit-box;
	margin-top:10px;
	line-height:130%;
	font-size:17px;
	font-weight:bold;
 	max-height: 44px;
 	word-wrap: break-word;
 	white-space: normal;
 	-webkit-line-clamp: 2;
 	-webkit-box-orient: vertical;
 	/* white-space: nowrap; */
 	overflow: hidden;
 	text-overflow: clip;
}
.teacher_list_group .info_list{
	margin-top:10px;
	font-size:13px;
}
.teacher_list_group .info_list li{
	color:#717a7f;
	line-height:150%;
}
.info_list .tit{
	display:inline-block;
	width:65px;
	vertical-align:top;
}
.info_list .cont{
	display:inline-block;
	width:82px;
	vertical-align:top;
}
.info_list .star{
	color:#00dee6;
}
.
/*******************
	강사소개 페이지 : view
********************/
.teacher_detail_top_wrap{
	position:relative;
	float:left;
	width:100%;
	height:400px;
	margin:auto;
}
.teacher_detail_top_group{
	position:relative;
	width:1200px;
	height:340px;
	margin:auto;
	padding-top:60px;
}
.teacher_detail_top_group .thumb_group{
	float:left;
	width:209px;
}
.score{
	position:relative;
	margin-top:10px;
}
.score .title{
	padding-right:10px;
}
.score .star{
	color:#00dee6;
}
.score .percent{
	float:right;
}
.teacher_detail_top_group .teacher_info{
	position:relative;
	float:left;
	width:845px;
	padding-left: 58px;
}
.teacher_info .title_group{
	position:relative;
	margin-bottom:45px;
}
.title_group .profile{
	margin-top:42px;
}
.profile ul{
	position: relative;
	width: 420px;
	height: 140px;
	overflow-y: auto;
}
.title_group .profile li{
	font-size:14px;
	margin-top:7px;
}
.title_group h4{
	margin-bottom:10px;
	font-size:16px;
	font-weight:500;
}
.title_group h4 span{
	display:inline-block;
	margin-left:10px;
	color:#8b8b8b;
	font-size:14px;
	font-weight:normal;
}
.teacher_info .title_group .t_cmt{
	font-size:15px;
	font-weight:400;
}
.teacher_info .title_group .t_name{
	font-size:24px;
	font-weight:600;
}
.teacher_detail_top_group .t_graph_group{
	position:absolute;
	bottom:0px;
	right:40px;
	width:320px;
}
.t_graph_group h5{
	margin-top:15px;
	font-size:13px;
	color:#555555;
}
.t_graph_group .graph_01{
	position:relative;
	height:23px;
	margin-top:10px;
	margin-bottom:18px;
}
.graph_01 li{
	display:inline-block;
	float:left;
	height:23px;
	margin:0;
	font-size:13px;
	text-align:center;
	line-height:23px;
	overflow:hidden;
	
}
.graph_01 li span{
	color:#fff;
}
.graph_02 li{
	display:inline-block;
	float:left;
	height:23px;
	margin:0;
	text-align:center;	
}
.graph_02 li.img_help{
	position:absolute;
	bottom:31px;
	right:0;
}
.t_graph_group .graph_02{
	margin-top:10px;
}
.graph_02 li span{
	display: inline-block;
	position: relative;
	font-size: 10px;
	font-weight:normal;
	top: -22px;
	
}

/*강사정보 상세 영상 영역 */
.video_area{
	width:540px;
	height:307px;
	margin-top:20px;
	background:#ccc;
}