@charset "utf-8";

/************************************
	main 페이지
*************************************/

/* main_추천과정 */
ul.lecture_tab {
	width: 100%;
	overflow: hidden;
	background: #fff;
}
ul.lecture_tab li {
	float: left;
	width: 33.33%;
	display: block;
}
ul.lecture_tab li span {
	display: block;
	height: 36px;
	background: #fff;
	border-right: 1px solid #d0d0d0;
	line-height: 36px;
	text-align: center;
	font-size: 1em;
	cursor: pointer;
}
ul.lecture_tab li.tab_on span, 
ul.lecture_tab li span:hover {
	background: #c9252b;
	border: none;
	color: #fff;
}
div.lecture_box {
	width: 97%;
	overflow-x: scroll;
	margin:3% 0 10px 3%;
}
div.disp_none {
	display:none;
}
ul.lecture_list {
	width: 470px;
	overflow: hidden;
	text-align: left;
	font-size:1em;
	line-height:1.2em;
	position: relative;
	margin: 0 auto;
}
ul.lecture_list li {
	width: 12em;
	float: left;
	position: relative;
	font-size: 0.8em;
	line-height: 1em;
	vertical-align: middle;
	margin-right:2%;
}
ul.lecture_list li div {
	margin-bottom: 5px;
}
ul.lecture_list li h5 {
	line-height: 1.2em;
	width: 12em;
	display: inline-block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	word-wrap: normal;
}
ul.lecture_list li a {
	font-size: 1.2em;
	color: #3e3e3e;
	line-height: 1.2em;
	width: 12em;
}
ul.lecture_list li div img {
	width: 10em;
	height: auto;
}

/* main_class_bn */
div.class_bn {
	padding: 3% 3% 0 3%;
}
ul.class_bn_box {
	width: 100%;
	overflow: hidden;
}
ul.class_bn_box li {
	width: calc(50% - 1px);
	float:left;
}
ul.class_bn_box li:nth-child(1) {
	padding:0 1px 1px 0;
}
ul.class_bn_box li:nth-child(2) {
	padding:0 0 1px 1px;
}
ul.class_bn_box li:nth-child(3) {
	padding:1px 1px 0 0;
}
ul.class_bn_box li:nth-child(4) {
	padding:1px 0 0 1px;
}

/* main_커뮤니티 부분 */
.community_list {
	width: 90%;
	height: 150px;
	padding: 5% 5% 5% 5%;
	background: #fff;
	margin-bottom:1%;
}
.community_list h4 {
	font-size: 1.4em;
	color: #2a2a2a;
	font-weight: bold;
	line-height: 1.4em;
	border-bottom: 1px solid #848484;
	padding: 0 0 8px 0;
}
.community_list h4 a {
	font-size: 0.6em;
	color: #c9252b;
	line-height: 30px;
	float: right;
	font-weight: normal;
}
.community_list ul {
	padding: 10px 0px 20px 0px;
}
.community_list ul li {
	position: relative;
}
.community_list ul li.notice_bold {
	font-weight: bold;color: #f60;
}
.community_list ul li.notice_bold a {
	color: #f60;
}
.community_list ul li p {
	width: 70%;
	line-height: 1.4em;
	display: inline-block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	word-wrap: normal;
}
.community_list ul li p a {
	color: #424242;
	font-size: 1em;
}
.community_list ul li p span {
	position: absolute;
	top: 2px;
	right: 0px;
	color: #828282;
}

/* main_고객센터 */
.service_center {
	background:#fff;
	margin-bottom:3%;
	padding:5%;
}
.service_center h4 {
	font-size: 1.4em;
	color: #2a2a2a;
	font-weight: bold;
	line-height: 1.4em;
}
.service_center p.service_number {
	overflow: hidden;
	font-size: 1em;
	line-height: 1em;
}
.service_center p.service_number strong {
	width: 60%;
	font-size: 1.5em;
	line-height: 1.6em;
	color:#c9252b;
	float:left;
}
.service_center p.service_number span {
	width: 40%;
	font-size: 0.7em;
	line-height: 1.6em;
	float:right;
	margin-top: 13px;
	text-align:right;
}
.service_center p.service_time span {
	color:#c9252b;
}