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

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

#wrap {
	width:100%;
}
/*******************
	메인배너영역
********************/

.main_b_wrap{
	position:relative;
	width:100%;
	height:355px;
	overflow:hidden;
	margin:auto;
}
.main_b_img{
	width:2200px;
	overflow:hidden;
	margin-left:-1100px;
	position:absolute;
	top:0;
	left:50%;
}
.main_b_img ul{
	width:20000px;
}
.main_b_img ul li{
	float:left;
}
.main_b_img ul li img{
	max-width:2200px !important;
	max-height:355px !important;
}

/*******************
	메인배너 하단 이미지 배너 영역
********************/
.main_imgb_wrap{
	width:100%;
	height:60px;
	background:#2d3844;
}
.main_imgb_box {
	width:1100px;
	height:60px;
	margin:0 auto;
	text-align:center;
}

/*******************
	수강썸네일리스트영역
********************/
/* tab menu */
.lecture_wrap{
	width:100%;
	background: #f4f6f7;
}
.lecture_group{
	width:1100px;
	margin:0 auto;
	padding-top:50px;
}
ul.lecture_tab {
	width:1100px;
	overflow:hidden;
	background:#fff;
}
ul.lecture_tab li {
	float:left;
	width: 33.33%;
	display: block;
}
ul.lecture_tab li.first {
	width: 33.34%;
	margin: 0;
}
ul.lecture_tab li span {
	display: block;
	height: 57px;
	background: #fff;
	border-right: 1px solid #d0d0d0;
	line-height: 57px;
	text-align: center;
	font-size: 18px;
	cursor: pointer;
}
ul.lecture_tab li.tab_on span,
ul.lecture_tab li span:hover {
	background: #c9252b;
	border: none;
	color: #fff;
}
/* 강의 내용 */
.lecture_box {
	width:1100px;
	margin-top:22px;
}
ul.lecture_list {
	width:1100px;
	overflow:hidden;
	text-align: left;
}
ul.lecture_list li {
	width:352px;
	float:left;
	margin-left:22px;
}
ul.lecture_list li div {
	width:352px;
	height:200px;
	margin-bottom:12px;
}
ul.lecture_list li div img {
	width: 352px;
	max-width: 352px;
	height: auto;
	max-height: 200px;
}
ul.lecture_list li a {
	font-size: 18px;
	color: #3e3e3e;
	line-height: 24px;
}
ul.lecture_list li p {
	font-size: 14px;
	color: #787878;
	line-height: 24px;
}

/* 강의 내용 */
.class_bn {
	width:1100px;
	margin:0 auto;
	padding-top:42px;
}
ul.class_bn_box {
	width:1100px;
	overflow:hidden;
	color:#585858;
	font-size:14px;
	line-height:16px;
}
ul.class_bn_box li {
	width:274px;
	height:275px;
	float:left;
	border-left:1px solid #f4f6f7;
	position: relative;
}
ul.class_bn_box li.first {
	border-left:none;
}
ul.class_bn_box li .c_text_img_btn {
	width:274px;
	height:275px;
	overflow:hidden;
	background:#222;
}
ul.class_bn_box li .c_text_img_btn img {
	width:274px;
	max-width:274px;
	max-height:275px;
}
ul.class_bn_box li .c_text_img_btn:hover img {
	opacity:0.95;
}
ul.class_bn_box li .c_text_box {
	position: absolute;
	margin:30px 0 0 28px;
	z-index: 20;
}
ul.class_bn_box li .class_title {
	display:inline-block;
	padding:5px 12px 5px 12px;
	background:#c22127;
	color:#fff;
	font-size:15px;
	line-height:20px;
}
ul.class_bn_box li h4 {
	font-size: 26px;
	font-weight: bold;
	line-height: 26px;
	text-align: left;
	color:#2a2a2a;
	margin:28px 0 16px 0;
}
ul.class_bn_box li h4 span {
	font-size: 18px;
	font-weight: bold;
	line-height: 20px;
}
ul.class_bn_box li h4 a {
	color:#2a2a2a;
}
ul.class_bn_box li .bg_teacher_img {
	position: absolute;
	z-index: 9;
	bottom: 0;
	right: 0;
}
ul.class_bn_box li a.btn_more {
	position: absolute;
	bottom: 40px;
	left: 28px;
	display: inline-block;
	width:80px;
	font-size: 13px;
	line-height: 18px;
	color:#484848;
	letter-spacing: -1px;
	background:url("/images/main/bg_a_arrow.png") left bottom no-repeat;
}
ul.class_bn_box li a.btn_more:hover {
	color:#c22127;
}

/*******************
	공지글 부분 
********************/
.maincon {
	width:1100px;
	margin:0 auto;
	padding-top:42px;
	overflow:hidden;
}
.community_list {
	width:475px;
	height:240px;
	padding:0 32px 0 32px; 
	background:#fff;
	float:left;
	margin-left:22px;
}
.community_list h4 {
	margin:24px 0 0 0;
	font-size: 24px;
	color: #2a2a2a;
	font-weight: bold;
	line-height: 30px;
	border-bottom:1px solid #848484;
	padding:0 0 8px 0;
}
.community_list h4 a {
	font-size: 13px;
	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:380px;
	line-height: 25px;
	display: inline-block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	word-wrap: normal;
}
.community_list ul li p a {
	color: #424242;
	font-size: 15px;
	line-height: 28px;
	color: #585858;
}
.community_list ul li p a:hover {
	color: #2a2a2a;
}
.community_list ul li p span {
	position: absolute;
	top:2px;
	right: 0px;
	color:#828282;
}
/*******************
	온라인 서점 고객센터
********************/

.service_group {
	width:1100px;
	margin:0 auto;
	padding-top:22px;
	padding-bottom:52px;
	overflow:hidden;
}
/* 온라인 서점 */
.online_book {
	position: relative;
	width:604px;
	height:269px;
	padding:0 32px 0 32px; 
	background:#fff;
	float:left;
}
.online_book h4 {
	width:300px;
	margin: 24px 0 0 0;
	font-size: 24px;
	color: #2a2a2a;
	font-weight: bold;
	line-height: 30px;
}
.list_book {
	width:604px;
	overflow:hidden;
	margin-top:22px;
}
.list_book ul {
	width:604px;
	overflow:hidden;
}
.list_book ul li {
	width:302px;
	float:left;
	overflow:hidden;
	font-size: 13px;
	color: #2a2a2a;
	line-height: 18px;
	text-align: left;
	margin-bottom:30px;
}
.list_book .book_img {
	float:left;
	margin-right:14px;
}
.list_book .book_img img {
	width: auto;
	max-width: 101px;
	height: 140px;
	max-height: 140px;
}
.list_book .book_con {
	width:182px;
	float:left;
}
.list_book .book_con h5 {
	width: 168px;
	font-size: 16px;
	line-height: 20px;
	font-weight:bold;
	padding:6px 0 14px 0;
	letter-spacing: -1px;
	display: inline-block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	word-wrap: normal;
}
.list_book .book_con p span.z_line {
	text-decoration: line-through;
}
.list_book .book_con p span.sale {
	font-size: 14px;
	color:#c9252b;
	font-weight:bold;
}
.list_book .book_con a.btn_more {
	display: inline-block;
	margin-top:18px;
	width:80px;
	font-size: 13px;
	line-height: 18px;
	color:#484848;
	letter-spacing: -1px;
	background:url("/images/main/bg_a_arrow.png") left bottom no-repeat;
}
.list_book .book_con a.btn_more:hover {
	color: #c22127
}
.c_point em {
	display:inline-block;
	padding:3px 8px 3px 8px;
	margin-right:4px;
	font-size: 12px;
	color: #fff;
	line-height: 16px;
	text-align: center;
}
/* 온라인서점 롤링 버튼 */
div.online_book div.bx-wrapper {
	position: static;
}
div.online_book div.bx-wrapper div.bx-controls {
	position: absolute;
	top:28px;
	right:94px;
}
div.online_book .bx-controls-direction {
	position: absolute;
	right: -20px;
	top: -3px;
} 
div.online_book .bx-wrapper .bx-prev {
	left: 0px;
	background:url("/images/main/agreement_slide_selector.png") no-repeat 0px 0px;
}
div.online_book .bx-wrapper .bx-next {
	left: 27px;
	background:url("/images/main/agreement_slide_selector.png") no-repeat -24px 0px;
}
div.online_book .bx-wrapper .bx-prev:hover {
	background-position: 0px -24px;
}
div.online_book .bx-wrapper .bx-next:hover {
	background-position: -24px -24px;
}
div.online_book .bx-wrapper .bx-controls-direction a {
	position: absolute;
	top: 0;
	margin-top: 0px;
	outline: 0;
	width: 24px;
	height: 24px;
	text-indent: -9999px;
	z-index: 999;
}

div.online_book .bx-wrapper .bx-pager {
	overflow: hidden;
	text-align: center;
	font-size: .85em;
	font-family: Arial;
	font-weight: bold;
	color: #666;
	position: static;
	top: 16px;
	right: 36px;
}
div.online_book .bx-wrapper .bx-pager .bx-pager-item {
	display: inline-block;
	float:left;
}
div.online_book .bx-wrapper .bx-pager.bx-default-pager a {
	background: url(/images/main/btn_book_roll.png) no-repeat;
	display: block;
	width: 18px;
	height: 18px;
	text-indent: -9999px;
	margin: 0;
	outline: 0;
}
div.online_book .bx-wrapper .bx-pager.bx-default-pager a:hover, 
div.online_book .bx-wrapper .bx-pager.bx-default-pager a.active {
	/* background: #000; */
	background: url(/images/main/btn_book_roll.png) no-repeat;
	background-position: -18px 0;
}
/* 온라인서점 롤링 버튼 끝 */

/* 고객센터 */
.service_center {
	width:345px;
	height:269px;
	padding:0 32px 0 32px; 
	background:#fff;
	margin-left:22px;
	float:right;
}
.service_center h4 {
	margin: 24px 0 0 0;
	font-size: 24px;
	color: #2a2a2a;
	font-weight: bold;
	line-height: 30px;
}
.service_center .tel_num {
	font-size: 15px;
	color: #585858;
	line-height: 24px;
	margin-top: 12px;
}
.service_center .tel_num em {
	font-size: 13px;
	color: #585858;
	line-height: 36px;
	float:right;
}
.service_center .tel_num strong {
	font-size: 30px;
	line-height: 36px;
	color: #c9252b;
	font-weight: 800;
	letter-spacing: -1px;
}
.service_center .quick_icon {
	width:345px;
	border-top:1px solid #848484;
	padding:20px 0 0 0;
	margin-top:10px;
}
.service_center .quick_icon ul {
	overflow: hidden;
	font-size: 14px;
	color: #585858;
	line-height: 1.2;
	text-align: center;
}
.service_center .quick_icon ul li {
	width:114px;
	height:74px;
	float:left;
	border-left:1px solid #848484;
	text-align:center;
}
.service_center .quick_icon ul li a {
	display:block;
	text-align:center;
}
.service_center .quick_icon ul li a:hover {
	color:#c9252b;
}
.service_center .quick_icon ul li a span {
	display:block;
	margin: 0 auto;
	width:32px;
	height:32px;
	text-align:center;
	overflow: hidden;
	margin-bottom:10px;
}
.service_center .quick_icon ul li a img {
	width:32px;
	overflow: hidden;
	vertical-align: top;
}
.service_center .quick_icon ul li a:hover img {
	margin-top:-32px;
}

/* 231205 메인페이지 UI변경 */
/* 경로수정 */
ul.class_bn_box li a.btn_more {
	background:url("../images/main/bg_a_arrow.png") left bottom no-repeat;
}
.list_book .book_con a.btn_more {
	background:url("../images/main/bg_a_arrow.png") left bottom no-repeat;
}
div.online_book .bx-wrapper .bx-prev {
	background:url("../images/main/agreement_slide_selector.png") no-repeat 0px 0px;
}
div.online_book .bx-wrapper .bx-next {
	background:url("../images/main/agreement_slide_selector.png") no-repeat -24px 0px;
}
div.online_book .bx-wrapper .bx-pager.bx-default-pager a {
	background: url(../images/main/btn_book_roll.png) no-repeat;
	display: block;
	width: 18px;
	height: 18px;
	text-indent: -9999px;
	margin: 0;
	outline: 0;
}
div.online_book .bx-wrapper .bx-pager.bx-default-pager a:hover, 
div.online_book .bx-wrapper .bx-pager.bx-default-pager a.active {
	/* background: #000; */
	background: url(../images/main/btn_book_roll.png) no-repeat;
	background-position: -18px 0;
}
/* 경로 수정 완료 */

/* 메인페이지 */
.top_menu_group {width: 1300px;position: relative;;display: flex;align-items: center;}
.top_menu_group h1 {margin: 0;position: absolute;left: 50%;transform: translateX(-50%);}
.top_menu_group .top_menu {margin-top: 0px;position: absolute;right: 0;}
.top_menu_group .top_menu a:hover{font-weight: 600;}

ul.lecture_list li div img {
    width: 360px;
    max-width: 360px;
}
ul.lecture_list li a {font-weight: 600;}
ul.lecture_list li p {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

ul.hotevent_list {
	width:1100px;
	overflow:hidden;
	text-align: left;
}
ul.hotevent_list li {
	width:305px;
	float:left;
	margin-left:16px;
}
ul.hotevent_list li div {
	width:305px;
	height:275px;
	margin-bottom:12px;
}
ul.hotevent_list li div img {
	width: 305px;
	max-width: 305px;
	height: auto;
	max-height: 275px;
}

ul.hotevent_list li:first-of-type {
	width:450px;
	float:left;
}
ul.hotevent_list li:first-of-type div {
	width:450px;
	height:275px;
	margin-bottom:12px;
}
ul.hotevent_list li:first-of-type div img {
	width: 450px;
	max-width: 450px;
	height: auto;
	max-height: 275px;
}

.lecture_group .lecture_menu{margin-bottom: 20px;position: relative;display: flex;align-items: center;}
.lecture_group .lecture_menu .lecture_r_go{right: 0;position: absolute;}

.maincon{overflow: visible;}
.community_list{height: auto;}

.service_group{display: flex;justify-content: space-between;}
.online_book{width: 330px;height: 270px;overflow: hidden;padding: 0 20px;	box-sizing: border-box;}
.list_book {
    width: 302px;
    overflow: hidden;
    margin-top: 22px;
}
.list_book ul {
    width: 302px;
}

/* 고객센터 */
.sns_official {
	width:320px;
	height:270px;
	padding:0 20px; 
	background:#fff;
	margin-left:0px;
	box-sizing: border-box;
}
.sns_official h4 {
	margin: 24px 0 0 0;
	font-size: 24px;
	color: #2a2a2a;
	font-weight: bold;
	line-height: 30px;
}

.sns_official .quick_icon{margin-top: 27px;}
.sns_official .quick_icon td span{text-align: center;margin:0 auto;display: block;}

.service_center {
	width: 405px;
    height: 270px;
    padding: 0 20px;
    margin-left: 0;
	float: none;
	box-sizing: border-box;
}

.service_center .quick_icon {
    width: 351px;
    border-top: 1px solid #f4f6f7;
	padding: 15px 0 0;
}

.service_center .quick_icon ul li {
    height: 83px;
    border-left: 1px solid #f4f6f7;
}

.service_center .quick_icon ul li a span {
    display: block;
    margin: 0 auto;
    width: 62px;
    height: 65px;
    text-align: center;
    overflow: hidden;
    margin-bottom: 0;
}


.service_center .quick_icon ul li a:hover img {
    margin-top: -62px;
}

.service_center .quick_icon ul li a img {
    width: 62px;
    overflow: hidden;
    vertical-align: top;
}