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

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



/*******************
	TOP 배너
********************/
.top_banner{
	position:relative;
	width:100%;
	height:100px;
}
.top_banner a{
	display:block;
	width:100%; 
	min-width:1200px; 
	height:100px; 
}
.top_banner button{
	position:absolute; 
	top:0px; 
	left:50%; 
	width:55px; 
	margin-left:550px;
	padding:15px;
}

/*******************
	메인배너영역
********************/

.main_b_wrap{
	position:relative;
	width:100%;
	height:370px;
	overflow:hidden;
	text-align:center;
	margin:auto;
}
.main_b_img{
	width:2200px;
	overflow:hidden;
	margin-left:-1100px;
	position:absolute;
	left:50%;
	text-align:center;
	cursor:pointer;
}
.main_b_img ul{
	width:20000px;
}
.main_b_img ul li{
	float:left;
}
.main_b_btn{
	position:absolute;
	width:100%;
	bottom:15px;
	z-index:110;
	text-align:center;
}
.main_b_btn ul{
	display:inline-block;
	text-align:center;	
}
.main_b_btn ul li{
	float:left;
}
.main_b_btn ul li a{
	text-indent:-99999px;
	display:inline-block; 
	border:1px solid #fff;
	width:15px;
	height:15px;
	border-radius:50%;
	margin:0 5px;
	background: rgba(0, 0, 255, 0.0);
}
a.roll_on{
	background: rgba(21, 243, 218, 1)!important;
	border:1px solid #15f3da!important;
}

/*******************
	로그인시_메인배너영역
********************/
.main_b_login_wrap{
	position:relative;
	width:100%;
	height:305px;
	overflow:hidden;
	background:url("/images/main/main_b_login.jpg") center no-repeat;
	padding-top:65px;
}
.main_b_login_group{
	position:relative;
	width:1156px;
	height:305px;
	margin:auto;
	color:#fff;
	padding:0 22px;
}
a.btn_banner_close{
	position:absolute;
	left:50%;
	bottom:-2px;
	display:inline;
	width:30px;
	padding:7px 13px 5px 19px;
	height:20px;
	border:2px solid #fff;
	background:#000;
	border-radius:30px 30px  0 0;
	color:#fff!important;
	font-size:14px;
}
.my_lecture_wrap{
	position:relative;
	float:left;
	width:290px;
}
.control_btn_group{
	position:relative;
}
.control_btn_group a{
	position:absolute;
	top:105px;
}
.control_btn_group a.btn_prev{
	display:inline-block;
	left:0;
}
.control_btn_group a.btn_next{
	right:0;
}
.my_lecture_group{
	width:220px;
	margin:auto;
	overflow:hidden;
}
.my_lecture_title{
	color:#c0c0c0;
	margin-bottom:15px;
}
.my_lecture_title h3{
	display:inline-block;
	font-size:17px;
}
.my_lecture_title p{
	float:right;
	display:inline-block;
}
.my_lecture_title p span{
	vertical-align:middle;
}
span.page_on{
	color:#0dd5c9;
}
.my_lecture_group ul{
	width:20000px;
}
.my_lecture_group ul li{
	float:left;
}
.my_lecture_group ul li dl dt{
	margin-bottom:15px;
}
.my_lecture_group ul li dl dd{
	text-align:center;
}
.my_lecture_group ul li dl dd a{
	font-size:17px;
	color:#0dd5c9;
}

.you_may_like_wrap{
	position:relative;
	float:right;
	width:764px;
}
.you_may_like_group{
	width:700px;
	margin:auto;
	overflow:hidden;
}
.you_may_like_title{
	color:#c0c0c0;
	margin-bottom:15px;
}
.you_may_like_title h3{
	display:inline-block;
	font-size:17px;
}
.you_may_like_group ul{
	width:2000px;
	height:220px;
	overflow:hidden;
	margin-left:-10px;
}
.you_may_like_group ul li dl dt{
	margin-bottom:15px;
}
.you_may_like_group ul li dl dd{
	text-align:center;
	height:40px;
	padding-bottom:20px;
}
.you_may_like_group ul li dl dd a{
	display:inline-block;
	width:170px;
	font-size:17px;
	color:#fff;
}
#youMayLike dl{
	position:relative;
	float:left;
	margin:0 10px;
}


/********************************
	인기VOD 리스트영역
*********************************/
.popular_vod_wrap{
	position:relative;
	width:100%;
	padding:50px 0;
}
.popular_vod_group{
	width:1200px;
	margin:auto;
}
.popular_vod_group .title{
	font-size: 21px;
	font-weight:700;
	margin-bottom:28px;

}
.popular_vod_group .popular_list{

}
.best_vod, .popular_vod{
	position: relative;
	display: inline-block;
	vertical-align: top;
}
.popular_list .best_vod{
	width:355px;
	height: 308px;
	border:1px solid #f4f4f4;
	box-shadow:#f6f6f6 2px 3px 3px;
}
.best_vod .thumbnail{
	position: relative;

}
.best_vod .thumbnail > img{
	width:355px;
	height: 219px;
	background-color:#ccc;
	cursor:pointer;
}
.best_vod .thumbnail img{

}
.best_vod .thumbnail .label_best{
	position: absolute;
	top:0;
	left:0;
	width:80px;
	height:80px;
	background-color: #0db8ae;
	text-align: center;
}
.best_vod .thumbnail .label_best span{
	display: inline-block;
	border-bottom: 2px solid #fff;
	vertical-align: top;
	color: #fff;
	font-size: 30px;
	font-weight: 400;
	margin-top: 15px;
	padding-right: 1px;
}
.best_vod .thumbnail .btn_play{
	position: absolute;
	top:50%;
	left:50%;
	margin-left: -29px;
	margin-top: -29px;
	width:58px;
	height:58px;
}
.best_vod .vod_info{
	position: relative;
	width:340px;
	height:45px;
	margin:10px ;
}
.best_vod .vod_info h1{
	width:205px;
	font-size:16px;
	font-weight:600;
	text-overflow:ellipsis;
	overflow:hidden;
	white-space:nowrap;
}
.best_vod .vod_info h2{
	width:275px;
	font-size:14px;
	font-weight:300;
	text-overflow:ellipsis;
	overflow:hidden;
	white-space:nowrap;
	margin-top:2px;
}
.best_vod .vod_info .icon_group{
	position: absolute;
	top:2px;
	right:0;
}
.best_vod .vod_info .icon_group .category{
	padding:2px 5px;
	font-size: 12px;
	color:#fff;
	background-color: #8a8a8a;
}
.best_vod .vod_info .icon_group .level{
	padding:2px 5px;
	font-size: 12px;
	color:#fff;
	background-color: #1999a6;
}
.best_vod .vod_info .like{
	position: absolute;
	bottom:0;
	right:0;
	padding-left: 16px;
	background: url(/images/main/icon_heart.png) 0 5px  no-repeat;
	font-size: 13px;
	color:#8a8a8a;
}
/*작은 리스트*/
.popular_list .popular_vod{
	width:264px;
	height: 308px;
	border:1px solid #f4f4f4;
	box-shadow:#f6f6f6 2px 3px 3px;
	margin-left:9px; 
	/* margin-left:20px; */
}
.popular_vod .thumbnail{
	position: relative;

}
.popular_vod .thumbnail > img{
	width:264px;
	height: 163px;
	background-color:#ccc;
}
.popular_vod .thumbnail img{

}
.popular_vod .thumbnail .label_best{
	position: absolute;
	top:0;
	left:0;
	width:55px;
	height:55px;
	background-color: #0db8ae;
	text-align: center;
}
.popular_vod .thumbnail .label_best span{
	display: inline-block;
	border-bottom: 2px solid #fff;
	vertical-align: top;
	color: #fff;
	font-size: 21px;
	font-weight: 400;
	margin-top: 10px;
	padding-right: 1px;
}
.popular_vod .thumbnail .btn_play{
	position: absolute;
	top:50%;
	left:50%;
	margin-left: -21px;
	margin-top: -21px;
	width:58px;
	height:58px;
}
.best_vod .thumbnail .btn_play img, .popular_vod .thumbnail .btn_play img{
	width:46px;
	height:46px;
}

.popular_vod .vod_info{
	position: relative;
	width:222px;
	height:124px;
	margin:13px ;
}
.popular_vod .vod_info h1{
	width:225px;
	font-size:16px;
	font-weight:600;
	text-overflow:ellipsis;
	overflow:hidden;
	white-space:nowrap;
}
.popular_vod .vod_info h2{
	width:225px;
	font-size:14px;
	font-weight:300;
	text-overflow:ellipsis;
	overflow:hidden;
	white-space:nowrap;
	margin-top:2px;
}
.popular_vod .vod_info .icon_group{
	position: absolute;
	bottom:0;
	left:0;
}
.popular_vod .vod_info .icon_group .category{
	padding:2px 5px;
	font-size: 12px;
	color:#fff;
	background-color: #8a8a8a;
}
.popular_vod .vod_info .icon_group .level{
	padding:2px 5px;
	font-size: 12px;
	color:#fff;
	background-color: #1999a6;
}
.popular_vod .vod_info .like{
	position: absolute;
	bottom:0;
	right:0;
	padding-left: 16px;
	background: url(/images/main/icon_heart.png) 0 5px  no-repeat;
	font-size: 13px;
	color:#8a8a8a;
}
/*******************
	강의리스트영역
********************/
.lecture_list_wrap{
	position:relative;
	width:100%;
	/* height:825px; */
	/* height:440px; */
	height:340px;
	padding:50px 0;
	background: #e1e6e9;
}
.lecture_list_group{
	width:1200px;
	margin:auto;
}
.lecture_list_group ul li.lecture_list{
	position:relative;
	float:left;
	width:230px;
	height:320px;
	overflow:hidden;
	border-radius:3px;
	box-shadow:2px 2px 2px 0 #dbdbdb;
	margin:0 10px 10px 0px;
}
/*강의카테고리*/
.lecture_list_group ul li.lecture_curation_list{
	position:relative;
	float:left;
	width:230px;
	height:320px;
	overflow:hidden;
	border-radius:3px;
	box-shadow:2px 2px 2px 0 #dadada;
	margin:0 10px 10px 0px;
	background:#fff;
}
.lecture_curation_group{
}
.lecture_curation_group h3{
	font-size:20px;
	font-weight:600;
	/* color:#1eb6a5; */
}
.lecture_curation_group span{
	font-size:14px;
	/* color:#1eb6a5; */
	margin-top:5px;
}
ul.curation_list{/*
	width:190px;
	margin-left: 20px; */
}
ul.curation_list li{
	height:51px;
	border-top:1px solid #bcc1c9;
}
ul.curation_list li a{
	display: block;
	font-size: 16px;
	height: 50px;
	line-height: 52px;
	color: #828282;
	padding-left: 20px;
}
ul.curation_list li.menu_on{
	border-bottom:3px solid #15f3da;
	font-size:20px;
	font-weight:500;
	background-color:#fff;
	opacity: 1;
	-moz-opacity: 1;
	-ms-filter: alpha(opacity=100);
	filter: alpha(opacity=100);
}
ul.curation_list li a:hover{
	/* color:#0ec6b1; */
	/* font-size:20px; */
	/* border-bottom:3px solid #15f3da; */
	/* font-weight:500; */
	/* background-color:#fff; */
}
ul.curation_list li.menu_on a{
	color: #0ec6b1;
    font-size: 18px;
}
ul.curation_list li a:last-child{
	border-bottom:none;
}
.lecture_img{
	position:absolute;
	left:0;
	top:0;
}
.lecture_text{
	position:absolute;
	bottom:0;
	width:100%;
	height:80px;
	background:url("/images/main/main_lecture_text_bg.png") repeat;
	padding:15px 0 0 20px;
	z-index:10;
}
.lecture_text span{
	display:block;
	width:192px;
	line-height:22px;
	font-size:14px;
	color:#e7e7e7;
}

/* span.title_line{
	display: inline-block;
	position: absolute;
	top:106px;
	left:19px;
	width:134px;
	height:3px;
	background: #2ad0bd;
} */


/*강의리스트_호버했을때*/
.lecture_info_wrap{
	position:absolute;
	left:0;
	top:0;
	width:190px;
	height:100%;
	background:url("/images/main/lecture_bak_bg.png") repeat;
	z-index:50;
	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:5px;
}
.lecture_info_group dd{
	margin-bottom:5px;
}
.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;
}

/*******************
	onair_event영역
********************/
.onair_event_wrap{
	width:100%;
	height:475px;
	position:relative;
}
.onair_event_group{
	width:1200px;
	margin:auto;
	position:relative;
}
.onair_left_wrap{
	width:720px;
	height:475px;
	position:absolute;
	top:0;left:0;
	background:#2ad0bd;
}
.event_right_wrap{
	width:480px;
	height:475px;
	position:absolute;
	top:0;right:0;
	background:#4f545e;
}
.onair_left_group{
	width:100%;
	position:absolute;
	top:30px;
	right:0;
}
.onair_list_group{
	position:relative;
	padding-right:35px;
}
.onair_list_group h3.onair_tit{
	display:block;
	margin-bottom:30px;
}
a.btn_channel_guide{
	position:absolute;
	top:-5px;
	right:30px;
}
.onair_thum{
	position:relative;
	float:left;
	width:328px;
	height:188px;
}
a.icon_onair_play{
	position:absolute;
	top:37%;
	left:40%;
}
.onair_list{
	height:188px;
	overflow-y:scroll;
	float:left;
	width:337px;
	margin:0px 0 0 20px;
	scrollbar-highlight-color:#FFFFFF; 
	scrollbar-3dlight-color:#FFFFFF; 
	scrollbar-face-color:#FFFFFF; 
	scrollbar-shadow-color:#FFFFFF; 
	scrollbar-darkshadow-color:white; 
	scrollbar-track-color:#5adbcb; 
	scrollbar-arrow-color:#FFFFFF;
}
/********************************* 
 	 Chrome, Safari용 스크롤 바 
********************************** /
/* 스크롤 바 영역 전체 */
.onair_list::-webkit-scrollbar {
	width: 10px; 
	height: 8px; 
	/* border: 3px solid #fff; */ 
	background:#5adbcb;
} 
/* 화살표를 제외한 몸통 부분 */
.onair_list::-webkit-scrollbar-track {
	background: #5adbcb; 
	-webkit-border-radius: 0px; 
	border-radius:0px; ;
} 
/* 이동하는 스크롤바 */
.onair_list::-webkit-scrollbar-thumb {
	height: 50px; 
	width: 50px; 
	background: #fff;
	-webkit-border-radius: 0px; 
	border-radius: 0px; /* 
	-webkit-box-shadow: inset 0 0 4px rgba(0,0,0,.1) */
} 
/* corner 공간으로 크기를 변경할 수 있음 */
.onair_list::-webkit-resizer{}


.onair_list ul li{	
	position:relative;
	width:100%;
	color:#fff;
	line-height:35px;
}
.onair_list span{
	display:inline-block;
	vertical-align:top;
}
span.onair_time{
	width:54px;
	text-align:center;
	margin-right:13px!important;
	font-size:16px;
}
span.onair_name{
	width:235px;
	text-overflow:ellipsis;
	overflow:hidden;
	white-space:nowrap;
	margin-right:13px;
	font-size:16px;
	font-weight:400;
}
span.onair_num{
	position:absolute;
	right:0;
	text-align:right;
	font-size:14px;
	font-weight:200;
}
li.onair_list_on{
	color:#000 !important;
}
li.onair_list_on span.onair_name{
	font-size:17px; !important;
	font-weight:400;
}
li.onair_list_on span.onair_num{
	font-size:15px; !important;
	font-weight:400;
}
/*left&right배경*/
.left_bg{
	width:50%;
	height:475px;
	position:absolute;
	top:0;left:0;
	background:#2ad0bd;
	z-index:-1;
}
.right_bg{
	width:50%;
	height:475px;
	position:absolute;
	top:0;right:0;
	background:#4f545e;
	z-index:-1;
}
/*인기프로그램*/
.hot_program_wrap{
	float:left;
	width:100%;
	height:116px;
	background:#fff;
	margin-top:33px;
}
.hot_program_wrap h3{
	float:left;
	display:inline-block;
	margin:16px 29px 0 19px;
}
.hot_program_group{
	position:relative;
	float:left;
	width:545px;
	margin-top:13px;
}
.btn_hot_program_control{
	width:100%;
	position:absolute;
	top:35px;
}
.btn_hot_program_control a.btn_hot_program_prev{
	position:absolute;
	left:0;
}
.btn_hot_program_control a.btn_hot_program_next{
	position:absolute;
	right:0;
}
.hot_program_list{
	width:526px;
	overflow:hidden;
}
.hot_program_group ul{
	width:2000px;
}
.hot_program_group ul li{
	float:left;
	margin-left:30px;
}
.hot_program_group ul li span{
	float:left;
}
.hot_program_group ul li dl{
	display:inline-block;
	padding:7px 0 0 11px;
}
.hot_program_group ul li dl dt{
	width:100px;
	font-weight:500;
	font-size:15px;
	margin-bottom:20px;
	line-height:22px;
	white-space:normal;
	word-break:break-all;
}

/*event*/
.event_right_group{
	width:100%;
	position:absolute;
	top:30px;
	right:0;
}
.event_list_group{
	padding-left:35px;
}

/** 라이브폴 live poll **/
.live_poll{
	position: relative;
	width:445px;
	height: 116px;
	margin-top: 27px;
	background:url(/images/main/bg_poll.jpg) no-repeat;
}
.live_poll p{
	position: absolute;
	top:15px;
	left:130px;
	width:280px;
	height: 43px;
	white-space: normal;
	line-height: 1.3;
	font-size: 16px;
	text-align: left;
	word-wrap: break-word;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	 text-overflow: ellipsis;
}
.live_poll .btn_poll_apply{
	position: absolute;
	bottom:16px;
	right:20px;
	width:150px;
	height: 30px;
	background-color: #20b1d0;
	color:#fff;
	font-size: 16px;
	line-height: 30px!important;
	vertical-align: middle;
	-moz-border-radius: 3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	-khtml-border-radius:3px;

}

/*******************
	추천동영상, 베스트후기, 교재
********************/

/*각영역 타이틀 텍스트 스타일*/
.title_group{
	position: relative;
	float:left;
	width:190px;
	margin-right:31px;
}
.title_group span{
	display:block;
}
span.main_area_title_top_bar{
	display:block;
	width:20px;
	height:4px;
	margin-bottom:5px;
	background:#000;
}
.title_group h3{
	font-size:21px;
	font-weight:500;
}
span.title_guide_text{
	font-size:16px;
	color:#7f7f7f;
	margin:30px 0 20px 0;
}
/*******************
	추천동영상
********************/
.recom_wrap{
	position:relative;
	width:100%;
	height:353px;
	padding-top:67px;
}
.recom_group{
	width:1200px;
	margin:auto;
}
/*
.curation_tab_group{
	float:left;
	width:235px;
	margin-right:31px;
}
.curation_tab{
	float:left;
	width:235px;
	font-size:0;
	margin-top:45px;
}
.curation_tab span{
	display:inline-block;
	padding-left:15px;
}
.curation_tab span.curation_tab_on{
	width:220px;
	height:62px;
	background:url("/images/main/curation_cate_tab_on.gif") no-repeat;
	font-size:18px;
	font-weight:500;
	color:#fff;
	padding-top:8px;
}
.curation_tab span.curation_tab_off{
	width:195px;
	height:45px;
	border-left:1px solid #cfd6da;
	border-right:1px solid #cfd6da;
	border-bottom:1px solid #cfd6da;
	font-size:15px;
	font-weight:500;
	color:#545454;
	line-height:45px;
}
*/
.recom_lecture_list_group{
	float:left;
}
.recom_lecture_list_group ul{

}
.recom_lecture_list_group ul li{
	float:left;
	margin-right:38px;
}
.recom_lecture_list_group ul li dl{
	text-align:center;
}
.recom_lecture_list_group ul li dt{
	cursor:pointer;
}
.recom_lecture_list_group ul li dl dd.recom_lecture_name{
	font-size:17px;
	font-weight:500;
	margin-top:20px;
}
.recom_lecture_list_group ul li dl dd.recom_lecture_text{
	width:205px;
	font-size:14px;
	color:#777777;
	margin-top:5px;
}
/*******************
	베스트후기영역
********************/

.best_review_wrap{
	position:relative;
	width:100%;
	height:303px;
	padding-top:67px;
	background:#e1e6e9;
}
.best_review_group{
	width:1200px;
	margin:auto;
}
.best_review_group .title_group h3,
.best_review_group .title_group span
{
	color:black !important;
}
.best_review_group .title_group .main_area_title_top_bar{
	background:black !important;	
}
.best_review_title{
	float:left;
	margin-right:34px;
}

.best_review_title span{
	display:block;
	width:100%;
	font-size:16px;
	color:#7f7f7f;
	margin-top:20px;
}

 li.best_review_list{
	float:left;
	margin-right:26px;
}
li.best_review_list .best_review_box{
	width:308px;
	height:245px;
	background:#fff;
	border-radius:5px;
	overflow:hidden;
}
.best_review_con{
	padding:15px;
	text-align: center;
}
.best_review_top{
	padding:17px 0 0 24px;
}

.best_review_top span{
	float:left;
}
.best_review_top dl{
	display:inline-block;
	padding:14px 0 0 14px;
}
.best_review_top dl dt{
	font-size:18px;
	font-weight:500;
	height:50px;
	line-height:21px;
}
.best_review_top p{
	width:255px;
	height:65px;
	font-size:14px;
	font-weight:500;
	margin:17px 0;
	padding-left:3px;
}
.best_review_bottom{
	border-top:1px solid #ebebeb;
	width:268px;
	height:46px;
	padding:0 20px;
}
.best_review_bottom ul{
	width:100%;
}
.best_review_bottom ul li{
	float:left;
	line-height:45px;
	font-size:14px;
}
.best_review_bottom ul li.review_tit{
	margin-right:7px;
	color:#828282;
}
.best_review_bottom ul li.review_writer{
	width:55%;
}
.best_review_bottom ul li.review_day{
	text-align:right;
	color:#828282;
}

/*이벤트영역*/
.event_wrap{
	width:100%;	
	padding-top:67px;
}
.event_group{
	position:relative;
	width:1198px;
	margin:auto;
	height:188px;
	border:1px solid #ddd;
	overflow:hidden;
}
.event_group a{
	display:inline-block;

}

.event_list{
	width:1200px;
	height:190px;
	overflow:hidden;
}
.event_list ul{
	float:left;
	width:20000px;
}
.event_list ul li{
	float:left;
	cursor:pointer;
	width:1200px;
	height:190px;
	padding:0!important;
}
.event_list ul li img {
	width:1200px;
	height:190px;
}
.event_b_btn{
	position:absolute;
	right:15px;
	bottom:15px;
	z-index:100;
}
.event_b_btn ul li{
	float:left;
}
.event_b_btn ul li a{
	text-indent:-99999px;
	display:inline-block;
	border:1px solid #fff;
	width:15px;
	height:15px;
	border-radius:50%;
	margin-left:12px;
}
a.roll_on{
	background: rgba(21, 243, 218, 1)!important;
	border:1px solid #15f3da!important;
}

/*******************
	교재&SNS영역
********************/
.book_sns_wrap{
	position:relative;
	width:100%;
	height:318px;
	padding-top:67px;
}
.book_sns_group{
	width:1200px;
	margin:auto;
}
.book_group{
	position:relative;
	float:left;
	width:598px;
}
.book_title{
	float:left;
}
.book_title span{
	display:block;
	width:100%;
	font-size:16px;
	color:#7f7f7f;
	margin-top:20px;
}
.book_list_group{
	width:410px;
	position:absolute;
	top:26px;
	right:0;
}
.btn_book_list_control{
	width:100%;
	position:absolute;
	top:80px;
}
.btn_book_list_control a.btn_prev{
	position:absolute;
	left:0;
}
.btn_book_list_control a.btn_next{
	position:absolute;
	right:0;
}
.book_list_area{
	width:328px;
	margin:auto;
	overflow:hidden;
}
ul.book_list{
	width:2000px;
}
ul.book_list li{
	float:left;
	margin-right:20px;
}

/*******************
	SNS영역
********************/

.sns_group{
	position:relative;
	float:right;
	width:490px;
}
.sns_title{
	float:left;
}
.sns_icon_group{
	width:190px;
	margin-top:28px;
}
.sns_icon_group a{
	display:inline-block;
	float:left;
	width:40px;
	height:40px;
	margin-right:5px;
	background-size:contain;
}
.sns_icon_group a:hover{
	opacity: 1;
	-moz-opacity: 1;
	-ms-filter: alpha(opacity=100);
	filter: alpha(opacity=100);
	
}
.sns_icon_group a img{
	width:40px;
}
/* .sns_icon_group span:nth-child(odd){
	margin:0 17px 18px 0;
} */
.sns_icon_group .kakao{
	background-image:url(/images/main/btn_sns_kakao_bk.png);
}

.sns_icon_group .kakao:hover{
	background-image:url(/images/main/btn_sns_kakao.png);
}

.sns_icon_group .podcast{
	background-image:url(/images/main/btn_sns_podcast_bk.png);
}

.sns_icon_group .podcast:hover{
	background-image:url(/images/main/btn_sns_podcast.png);
}

.sns_icon_group .youtube{
	background-image:url(/images/main/btn_sns_youtube_bk.png);
}

.sns_icon_group .youtube:hover{
	background-image:url(/images/main/btn_sns_youtube.png);
}

.sns_icon_group .facebook{
	background-image:url(/images/main/btn_sns_facebook_bk.png);
}
.sns_icon_group .facebook:hover{
	background-image:url(/images/main/btn_sns_facebook.png);
}

.sns_list_group{
	position:absolute;
	top:26px;
	right:0;
	width:300px;
}
.btn_sns_list_control{
	width:100%;
	position:absolute;
	top:80px;
}
.btn_sns_list_control a.btn_prev{
	position:absolute;
	left:0;
}
.btn_sns_list_control a.btn_next{
	position:absolute;
	right:0;
}
.sns_list{
	width:211px;
	margin:auto;
	overflow:hidden;
}
.sns_list ul{
	width:2000px;
}
.sns_list ul li{
	float:left;
}