@charset "utf-8";

/** today헤럴드 달력 **/
#today_calendar_control{
	font-weight: bold;
	height:20px;
	margin-bottom:20px;
	left:50%;
	clear: both;
}
#today_calendar_control a{
	text-decoration: none;
	color:#000000;
	float:left;
	display: block;
}
.icon_year_arrR{
	width: 14px;
	height:20px;
	background: url('/images/common/icon_year_arrR.gif') no-repeat center center;
}
.icon_year_arrC{
	line-height: 20px;
	width:70px;
	text-align: cener;
}
.icon_year_arrL{
	width: 14px;
	height:20px;
	display: block;
	margin-left:391px;
	background: url('/images/common/icon_year_arrL.gif') no-repeat center center;
}
#today_calendar{
	width:880px;
	border-top:2px #ffffff solid;
}
#today_calendar table{
	height:70px;
	font-size:10px;
	font-weight: bold;
	border-top:2px #000000 solid;
	table-layout: fixed;
}
#today_calendar table td{
	border-left:1px #CCCCCC solid;
	position: relative;
	table-layout: fixed;
	height:67px;
	margin:0;
	padding: 0;
}
#today_calendar table td div.cal_num{
	height: 30px;
	display: block;
	cursor: pointer;
	line-height: 30px;
}
#today_calendar td.noservice{
	background-color: #4E626D;
	color:#ffffff;
}
#today_calendar td.weekday{
	color: #4E606C;
}
#today_calendar td.sunday{
	color: #FF0100;
}
#today_calendar td.saturday{
	color: #1089E2;
}
#today_calendar td.now div.cal_num{
	background-color: #157CBF;
	color: #ffffff;
}
#today_calendar td.today div.cal_num{
	background-color: #FF0100;
	color: #ffffff;
}
#today_calendar td div.cal_box{
	height: 37px;
	display: block;
	background-color: #7E8B94;
	padding:1px 1px 0 1px;
}
div.cal_box span{
	widows: 100%;
	display: block;
	background: url('/images/common/icon_list.png') no-repeat;
}
.cal_box_list0{
	height:0px;
}
span.cal_box_list1{
	margin-top:28px;
	height:8px;
}
.cal_box_list2{
	margin-top:22px;
	height:15px;
}
.cal_box_list3{
	margin-top:14px;
	height:23px;
}
.cal_box_list4{
	margin-top:8px;
	height:29px;
}
.cal_box_list5{
	margin-top:1px;
	height: 35px;
}
#today_img{
	position: absolute;
	top:-19px;
	left:0px;
	border:0;
	outline: 0;
}
#today_calendar table td:first-child{
	border-left-width:0px;
}
/** 오늘의 기사 이전 다음 컨트롤 **/
#today_day_prev_next_control{
	position: relative;
	width:880px;
	height:0;
}
#today_day_prev{
	cursor: pointer;
	position:absolute;
	left:-30px;
	top:300px;
	display: block;
	width:20px;
	height:34px;
	background: url('/images/common/icon_box_arrL.gif');
}
#today_day_next{
	cursor: pointer;
	position:absolute;
	right:-30px;
	top:300px;
	display: block;
	width:20px;
	height:34px;
	background: url('/images/common/icon_box_arrR.gif');	
}
/** 오늘의 기사 5개 **/
.today_article_title{
	clear:both;
	color:#ffffff;
	text-align: left;
	line-height:16px;
}
.today_article_code{
	float:left;
	color:#ffffff;
	font-size:11px;
	font-weight: bold;
	margin-right: 10px;
}
.today_article_content{
	color:#ffffff;	
	font-size:12px;
	line-height: 14px;
	text-align: left;
	vertical-align: bottom;
	overflow: hidden; 
	/*text-overflow: ellipsis;*/
	/*display: -webkit-box;*/
	/*-webkit-line-clamp: 4;*/ /* 라인수 */	
	/*-webkit-box-orient: vertical; */
	word-wrap:break-word;
	height: 105px;
}
#today_article1{
	margin:8px 4px 4px 0;
	width:448px;
	height:196px;
	background-color:#D72B37;
	float:left;
}
#today_article1 > table{
	margin:10px;
	width:428px;
	height:176px;
}
#today_article2{
	margin:8px 0 4px 0;
	width:428px;
	height:196px;
	background-color:#4E626D;
	float:left;
}
#today_article2 > table{
	margin:10px;
	width:408px;
	height:176px;
}
#today_article3{
	clear:both;
	margin-right:4px;
	width:291px;
	height:196px;
	background-color:#4E626D;
	float:left;
}
#today_article3 > table{
	margin:10px;
	width:271px;
	height:176px;
}
#today_article4{
	margin-right:4px;
	width:290px;
	height:196px;
	background-color:#4E626D;
	float:left;
}
#today_article4 > table{
	margin:10px;
	width:270px;
	height:176px;
}
#today_article5{
	width:291px;
	height:196px;
	background-color:#4E626D;
	float:left;
}
#today_article5 > table{
	margin:10px;
	width:271px;
	height:176px;
}
.today_article{
	color:#ffffff;
	position: relative;
	z-index:1;
}
div.today_article_hidden_layer{
	display: none;
}
.today_article:hover div.today_article_hidden_layer{
	display: block;
	position: absolute;
	z-index: 2;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background-color: rgb(0, 0, 0); 
	opacity: 0.6; 
	-ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=60)';
	filter: alpha(opacity=60); 
}
div.today_article_hidden_layer div{
	float:left;
	line-height: 30px;
	font-size: 12px;
	font-weight: bold;
}
div.today_article_hidden_layer div *{
	vertical-align: middle;
}
.today_article_oldview{
	display: none;
	padding:5px;
	position: absolute;
	top:5px;
	right:5px;
	color: rgba(255,255,255);
	z-index:1000;
	background-color: #FF0100;
	vertical-align: middle;
	font-size:12px;
	text-align:left;
	vertical-align:middle;
	cursor:pointer;

}
.today_article:hover div.today_article_oldview{
	display:block;
}
.today_article_subtitle{
	/*display: none;*/
	margin:23px 10px 0 50px;
	/*padding:5px;*/
	position: absolute;
	top:35px;
	left:0;
	color: rgba(255,255,255);
	z-index:1000;
	/*background-color: rgb(24,36,41);*/
	background-color: transparent;
	vertical-align: middle;
	font-size:12px;
	text-align:left;
	vertical-align:middle;
	font-weight:bold;
}
.today_article_view{
	display: none;
	width:120px;
	position: absolute;
	top:90px;
	left:50%;
	margin-left:-120px;
	color: rgba(255,255,255);
	z-index:1000;
	background-color: transparent;
	vertical-align: middle;
	font-size:12px;
	font-weight:bold;
}
.today_article:hover div.today_article_subtitle{
	display:block;
}
.today_article:hover div.today_article_view{
	display:block;
}
.today_article_view img, .today_article_nest img{
	cursor:pointer;
	vertical-align: middle;
}
.today_article_nest{
	display: none;
	width:110px;
	position: absolute;
	top:90px;
	left:50%;
	margin-left:0;
	color: rgba(255,255,255);
	z-index:1000;
	background-color: transparent;
	vertical-align: middle;
	font-size:12px;
	font-weight:bold;
}
.today_article:hover div.today_article_nest{
	display:block;
}
.today_article:hover div.hide{
	display: none;
}
.today_article_nest img:first-child{
	margin-right:5px;
}
/** 스터디 팩키지 **/
#package_tbl{

}
.package_title1{
	border-bottom: 2px #B6242E solid;
}
.package_title1_close{
	border-bottom: 2px #B6242E solid;
}
.package_title1_close div{
	float:right;	
	width:36px;
	height:24px;
	display:block;
	cursor:pointer;
	background: url('/images/common/package_close1.png');
}
.package_title1 div{
	width:122px;
	height:24px;
	line-height:24px;
	color:#ffffff;
	background: url('/images/common/icon_study_triangle.gif') #B6242E no-repeat top right;
	font-weight:bold;
	letter-spacing: -2px;
	text-align: left;
	padding-left:10px;
}
.package_title2{
	border-bottom: 2px #523680 solid;
}
.package_title2_close{
	border-bottom: 2px #523680 solid;
}
.package_title2_close div{
	float:right;
	width:36px;
	height:24px;
	display:block;
	cursor:pointer;
	background: url('/images/common/package_close2.png');
}
.package_title2 div{
	width:122px;
	height:24px;
	line-height:24px;
	color:#ffffff;
	background: url('/images/common/icon_study_triangle1.gif') #523680 no-repeat top right;
	font-weight:bold;
	letter-spacing: -2px;
	text-align: left;
	padding-left:10px;
}
.package_title3{
	padding-top:40px;
	border-bottom: 2px #1F7E80 solid;
}
.package_title3_close{
	border-bottom: 2px #1F7E80 solid;
}
.package_title3_close div{
	float:right;
	width:36px;
	height:24px;
	display:block;
	cursor:pointer;
	background: url('/images/common/package_close3.png');
}
.package_title3 div{
	width:122px;
	height:24px;
	line-height:24px;
	color:#ffffff;
	background: url('/images/common/icon_study_triangle2.gif') #1F7E80 no-repeat top right;
	font-weight:bold;
	letter-spacing: -2px;
	text-align: left;
	padding-left:10px;
}
.package_title4{
	padding-top:40px;
	border-bottom: 2px #0D669E solid;
}
.package_title4_close{
	border-bottom: 2px #0D669E solid;
}
.package_title4_close div{
	float:right;
	width:36px;
	height:24px;
	display:block;
	cursor:pointer;
	background: url('/images/common/package_close4.png');
}
.package_title4 div{
	width:122px;
	height:24px;
	line-height:24px;
	color:#ffffff;
	background: url('/images/common/icon_study_triangle3.gif') #0D669E no-repeat top right;
	font-weight:bold;
	letter-spacing: -2px;
	text-align: left;
	padding-left:10px;
}
.package_desc{
	color:#4E626D;
	font-size:14px;
	font-weight:bold;
	height:98px;
	text-align:left;
}
.package_desc span{
	font-size:11px;
}
.package_update_cycle1{
	color:#B6242E;
}
.package_update_cycle2{
	color:#523680;
}
.package_update_cycle3{
	color:#1F7E80;
}
.package_update_cycle4{
	color:#0D669E;
}
#package_content1, #package_content2, #package_content3, #package_content4{
	position:relative;
	border:1px #cccccc solid;
	height:222px;
}
#package_content1 div.content, #package_content2 div.content, #package_content3 div.content, #package_content4 div.content{
	width:368px;
	margin-left:32px;
}
.package_paging_prev{
	position:absolute;
	top:100px;
	left:10px;
}
.package_paging_next{
	position:absolute;
	top:100px;
	left:410px;
}
/** 스터디팩키지 학습 레이어 **/
ul.li_tr{
	cursor:pointer;
}
.layer_lec_packages{
	position:absolute; display:none; width:880px; top:161px; left:50%; margin-top:0px; margin-left:-440px; z-index:2051;
	background-color:#ffffff;
}
.layer_lec_packages > table{
	width:860px;margin:10px;
}
.package_art_title{
	height:80px;
	line-height:40px;
	font-size:20px;
	font-weight:bold;
	text-align:center;
}
.package_art_body1_right{
	vertical-align:top;
	border:2px #D72B37 solid;
	border-left-width:0;
	background-color:#ebebeb;
}
.package_art_body1{
	vertical-align:top;
	border:2px #D72B37 solid;
	border-right-width:0;
	background: #D72B37 url('/images/common/package_body1.png') repeat-y right top;
	color:#FBACB1;
}
.package_art_body2_right{
	vertical-align:top;
	border:2px #68459F solid;
	border-left-width:0;
	background-color:#ebebeb;
}
.package_art_body2{
	vertical-align:top;
	border:2px #68459F solid;
	border-right-width:0;
	background: #68459F url('/images/common/package_body2.png') repeat-y right top;
	color:#FBACB1;
}
.package_art_body4_right{
	vertical-align:top;
	border:2px #147CBF solid;
	border-left-width:0;
	background-color:#ebebeb;
}
.package_art_body4{
	vertical-align:top;
	border:2px #147CBF solid;
	border-right-width:0;
	background: #147CBF url('/images/common/package_body4.png') repeat-y right top;
	color:#FBACB1;
}
.package_art_body1 div,.package_art_body2 div,.package_art_body3 div,.package_art_body4 div,.package_art_body1_right div,.package_art_body2_right div,.package_art_body3_right div,.package_art_body4_right div{
	margin:20px;
	font-size:14px;
	letter-spacing:1px;
}
#layer_lec_package1_wc{
	background-color:#EBEBEB;
	padding:20px;
	margin:20px 0;
	font-size:12px;
}
#layer_lec_package1_kw, #layer_lec_package2_kw, #layer_lec_package4_kw{
	border-top:1px #ffffff dotted;
	padding:20px 0;
}
.package_hidden{
	color: #EBEBEB; 
	background: transparent url('/images/common/question.png') no-repeat center center;
}
#layer_lec_package1_tr{
	margin:20px 0;
	background-color:#4F616D;
	padding:20px;
	color:#ffffff;
}
#layer_lec_package2_photo{
	padding:20px;
	text-align:center;
}
#layer_lec_package2_photo img{
	border:2px #cccccc solid;
}
.layer_lec_package3_kw{
	margin:10px 0;
	background-color:#1F7E80;
}
#layer_lec_package3_list{
	width:812px;
	margin:0 2px;
	border:2px #1F7E80 solid;
	border-top-width:0;
	background-color:#F0F0F0;
	padding:20px;
}
#layer_lec_package3_list ul{
	width:812px;
}
#layer_lec_package3_list ul li{
	margin:20px 0;
	border-top:2px #1F7E80 solid;
}
#layer_lec_package3_list ul li:first-child{
	border-top-width:0;
	margin-top:0px;
}
#layer_lec_package3_list ul li div{
	padding:10px;
}
#layer_lec_package3_list .problem{
	background-color:#D9D9D9;
}
#layer_lec_package3_list .answer{
	background-color:#4F616D;
	color:#8CC3E2;
}
#layer_lec_package3_list .editor{
	margin:10px 0;
	height:60px;
	line-height:20px;
	font-size:12px;
	background: transparent url('/images/common/editor_dot.png') repeat-x 0px 0px;

}
#layer_lec_package3_list .answer_hidden{
	color:#4F616D;
	background: #4F616D url('/images/common/answer_icon.png') no-repeat center center;
}
/** 테마뉴스 **/
#theme_tbl{
	border:1px #cccccc solid;
	border-top-width:0;
}
#theme_tbl th{
	font-size:12px;
	height:26px;
	border-bottom:1px #cccccc solid;
	border-left:1px #cccccc solid;
}
#theme_tbl th:first-child{
	border-left-width:0;
}

#theme_tbl th.th1{
	border-top:2px #B6242E solid;
}
#theme_tbl th.th2{
	border-top:2px #523680 solid;
}
#theme_tbl th.th3{
	border-top:2px #1F7E80 solid;
}
#theme_tbl td{
	height:42px;
	border-bottom:1px #cccccc dotted;
	font-size:12px;
}
#theme_tbl tr.hide{
	display:none;
}
.theme_detail{
	width:879px;
	height:456px !important;
	overflow: scroll; 
	word-wrap:break-word;
}
.theme_detail ul{
	width:855px;
	height:432px;
	margin:12px;
}
.theme_detail ul li{
	position:relative;
	height:150px;
	margin-top:10px;
}
.theme_detail ul li:fist-child{
	margin-top:0px;
}
.theme_detail ul li div{
	position: absolute;
}

.theme_detail ul li div.year{
	left:0;
	top:0;
	width:64px;
	height:148px;
	background-color:#222222;
	color:#ffffff;
	padding-top:20px;
}
.theme_detail ul li div.year2{
	left:0;
	top:0;
	width:64px;
	height:148px;
	background-color:#4F616D;
	color:#ffffff;
}
.theme_detail ul span.year{
	margin-top:20px;
	display:block;
}
.theme_detail ul li div.title{
	left:86px;
	top:0;
	color:#000000;
	text-align: left;
	line-height:16px;
	overflow: hidden; 
	/*text-overflow: ellipsis;*/
	/*display: -webkit-box;*/
	/*-webkit-line-clamp: 4;*/ /* 라인수 */	
	/*-webkit-box-orient: vertical; */
	word-wrap:break-word;
	width:760px;
	height: 40px;
	display:block;
}
.theme_detail ul li div.content{
	left:86px;
	top:52px;
	color:#000000;
	font-size:12px;
	line-height: 14px;
	text-align: left;
	vertical-align: bottom;
	overflow: hidden; 
	/*text-overflow: ellipsis;*/
	/*display: -webkit-box;*/
	/*-webkit-line-clamp: 4;*/ /* 라인수 */	
	/*-webkit-box-orient: vertical; */
	word-wrap:break-word;
	width:760px;
	height: 70px;
	display:block;
}
.theme_detail ul li div.btns{
	left:86px;
	top:124px;
	text-align: right;
	vertical-align:top;
	width:760px;
	height: 25px;
	border-bottom:1px #cccccc dotted;
	display:block;
}
.theme_detail ul li div.btns img{
	margin-left:5px;
	cursor:pointer;
}
/** 결제레이어 **/
#layer_lec_pay{
	position:absolute; display:none; width:860px; top:300px; left:50%; margin-top:0px; margin-left:-420px; z-index:2051;
}