@charset "utf-8";
.container.main {
	position: relative;
	padding-top: 80px;
}
.container.main .btn {
	position: absolute;
	display: block;
	font-size: 0;
	overflow: hidden;
	text-indent: -9999px;
}
.container.main .main-title {
	text-align: center;
	font-family: 'noto2';
	font-weight: 200;
}
.container.main .main-title > p {
	font-size: 26px;
	line-height: 30px;
	margin-bottom: 18px;
}
.container.main .main-title > h3 {
	font-size: 50px;
	line-height: 40px;
	font-family: 'noto3';
	font-weight: 300;
}
.container.main .main-title > h3 > strong {
	font-family: 'noto5';
	font-weight: 600;
}

.container.main .dday-bg {
	background: #fff;
	border-bottom: 1px solid #dfdfdf;
}
.container.main .dday ul li {
	float: left;
	height: 50px;
	line-height: 50px;
	font-family: 'noto3';
	font-weight: 300;
	font-size: 16px;
	margin-left: 20px;
	letter-spacing: 0;
}
.container.main .dday ul li strong {
	font-family: 'noto5';
	font-weight: 600;
}
.container.main .dday ul li.date {
	position: relative;
	padding-right: 90px;
	background: url('/_skin/tpl_skin/basic_csleader2/images/common/dday_bg.png') 38px center no-repeat;
}
.container.main .dday ul li.date.type2 {
	padding-right: 112px;
	background: url('/_skin/tpl_skin/basic_csleader2/images/common/dday_bg2.png') 38px center no-repeat;
}
.container.main .dday ul li.date.type2 .num {
	right: -2px;
}
.container.main .dday ul li.date .num {
	display: block;
	position: absolute;
	width: 90px;
	top: 2px;
	right: 0;
	line-height: 45px;
	height: 45px;
	letter-spacing: 12px;
	text-align: right;
}

/*상단롤링*/
.top-rolling-wrap {
	position: relative;
	width: 100%;
	height: 773px;
	overflow: hidden;
}
.top-rolling-wrap .top-rolling {
	position: relative;
	width: 100%;
	height: 773px;
	margin: 0 auto;
	overflow: hidden;
}
.top-rolling-wrap .top-rolling .rolling-item {
	position: absolute;
	height: 773px;
	top: 0;
	width: 100%;
	left: -100%;
	z-index: 1;
}
.top-rolling-wrap .top-rolling .rolling-item a,
.top-rolling-wrap .top-rolling .rolling-item div {
	display: block;
	width: 1100px;
	margin: 0 auto;
}
.top-rolling-wrap .top-rolling .rolling-item a h1,
.top-rolling-wrap .top-rolling .rolling-item div h1 {
	font-family: 'noto';
	font-weight: 30;
	padding-top: 20px;
	color: #fff;
	font-size: 22px;
	line-height: 25px;
	letter-spacing: 0px;
}

.top-rolling-wrap .top-rolling .rolling-item a h3,
.top-rolling-wrap .top-rolling .rolling-item div h3 {
	font-family: 'noto';
	font-weight: 100;
	padding-top: 173px;
	color: #fff;
	font-size: 75px;
	line-height: 100px;
	letter-spacing: -2px;
}

.top-rolling-wrap .top-rolling .rolling-item a h3 strong,
.top-rolling-wrap .top-rolling .rolling-item div h3 strong {
	display: block;
	font-family: 'noto3';
	font-weight: 300;
}
.top-rolling-wrap .top-rolling .rolling-item a .btn-more {
	position: relative;
	display: block;
	margin-top: 90px;
	width: 255px;
	height: 58px;
	padding-left: 25px;
	line-height: 58px;
	font-size: 16px;
	background: none;
	border: 1px solid #fff;
	color: #fff;
	font-family: 'noto5';
	font-weight: 600;
}
.top-rolling-wrap .top-rolling .rolling-item a .btn-more:after {
	content: '>';
	display: block;
	position: absolute;
	right: 20px;
	top: 0;
}
.top-rolling-wrap .top-rolling .rolling-item a .btn-more:hover {
	color: #fff;
	background: #000;
	border: 1px solid #000;
}

.top-rolling-wrap .top-rolling .rolling-item .slide_line_btn {
	width: 255px;
	height: 58px;
	display: block;
	line-height: 58px;
	font-size: 16px;
	border: 1px solid #fff;
	color: #fff;
	font-family: 'noto5';
	margin: 5px 0 0 0;
	text-align: center;
}

.top-rolling-wrap .top-rolling .rolling-item .slide_line_btn:first-of-type {
	margin: 50px 0 0 0;
}

.top-rolling-wrap .rolling-item.rolling-item1 {
	background: url('/_skin/tpl_skin/basic_telemarketing/images/main/top_img1.jpg') center 0 no-repeat;
}
.top-rolling-wrap .rolling-item.rolling-item2 {
	background: url('/_skin/tpl_skin/basic_telemarketing/images/main/top_img2.jpg') center 0 no-repeat;
}
.top-rolling-wrap .rolling-item.rolling-item3 {
	background: url('/_skin/tpl_skin/basic_telemarketing/images/main/top_img3.jpg') center 0 no-repeat;
}

.top-rolling-wrap .top-rolling .rolling-item.before {
	z-index: 2;
}
.top-rolling-wrap .top-rolling .rolling-item.current {
	left: 0;
	z-index: 3;
}
.top-rolling-wrap .rolling-stopBtn {
	display: block;
	position: absolute;
	width: 33px;
	height: 33px;
	bottom: 100px;
	left: 50%;
	margin-left: -430px;
	cursor: pointer;
	background: url('/_skin/tpl_skin/basic_telemarketing/images/main/btn_play.png') center no-repeat #fff;
	z-index: 10;
}
.top-rolling-wrap .rolling-stopBtn:hover {
	background: url('/_skin/tpl_skin/basic_telemarketing/images/main/btn_play_over.png') center no-repeat #fff;
}
.top-rolling-wrap .rolling-stopBtn.play {
	background: url('/_skin/tpl_skin/basic_telemarketing/images/main/btn_pause.png') center no-repeat #fff;
}
.top-rolling-wrap .rolling-stopBtn.play:hover {
	background: url('/_skin/tpl_skin/basic_telemarketing/images/main/btn_pause_over.png') center no-repeat #fff;
}
.top-rolling-wrap .rolling-pager {
	display: block;
	position: absolute;
	bottom: 100px;
	left: 50%;
	margin-left: -522px;
	line-height: 30px;
	font-size: 18px;
	font-family: 'noto2';
	font-weight: 200;
	color: #fff;
	z-index: 9;
}
.top-rolling-wrap .rolling-pager .rolling-pager-current {
	font-family: 'noto3';
	font-weight: 300;
	font-size: 26px;
}
.top-rolling-wrap .rolling-pager .rolling-pager-total {
	position: relative;
	padding-left: 15px;
}
.top-rolling-wrap .rolling-pager .rolling-pager-total:before {
	content: '/';
	display: block;
	position: absolute;
	left: 3px;
	top: 0;
}
.top-rolling-wrap .rolling-direction {
	position: absolute;
	width: 100px;
	height: 30px;
	bottom: 105px;
	left: 50%;
	margin-left: -550px;
	z-index: 10;
}
.top-rolling-wrap .rolling-direction:after {
	content: '';
	display: table;
	clear: both;
}
.top-rolling-wrap .rolling-direction .direction-btn {
	position: absolute;
	display: block;
	top: 0;
	width: 20px;
	height: 35px;
}
.top-rolling-wrap .rolling-direction .direction-btn.direction-next {
	right: 0;
	background: url('/_skin/tpl_skin/basic_telemarketing/images/main/arrow_rightt_default.png') center no-repeat;
}
.top-rolling-wrap .rolling-direction .direction-btn.direction-prev {
	left: 0;
	background: url('/_skin/tpl_skin/basic_telemarketing/images/main/arrow_left_default.png') center no-repeat;
}

.top-rolling-wrap .rolling-direction .direction-btn.direction-next:hover {
	background: url('/_skin/tpl_skin/basic_telemarketing/images/main/arrow_rightt_over.png') center no-repeat;
}
.top-rolling-wrap .rolling-direction .direction-btn.direction-prev:hover {
	background: url('/_skin/tpl_skin/basic_telemarketing/images/main/arrow_left_over.png') center no-repeat;
}

/*학습자료실*/
.container.main .data-bg {
	padding: 100px 0;
}
.container.main .data .data-title {
	margin-bottom: 50px;
}
.container.main .data-list .data-list-item,
.container.main .data-list .data-list-item > a,
.container.main .data-list .data-list-item > a > .dli-off,
.container.main .data-list .data-list-item > a > .dli-on {
	display: block;
	width: 240px;
	height: 244px;
}
.container.main .data-list .data-list-item {
	float: left;
	margin-left: 41px;
}
.container.main .data-list .data-list-item.data-list-item1 {
	margin-left: 0;
}
.container.main .data-list .data-list-item > a {
	position: relative;
	overflow: hidden;
	font-family: 'noto3';
	font-weight: 300;
	color: #fff;
}
.container.main .data-list .dli-off,
.container.main .data-list .dli-on {
	position: absolute;
	left: 0;
}
.container.main .data-list-item .dli-off {
	z-index: 1;
	top: 0;
}
.container.main .data-list-item1 .dli-off {
	background: url('/_skin/tpl_skin/basic_telemarketing/images/main/con1_img1_.png') 0 0 no-repeat;
}
.container.main .data-list-item2 .dli-off {
	background: url('/_skin/tpl_skin/basic_telemarketing/images/main/con1_img2.png') 0 0 no-repeat;
}
.container.main .data-list-item3 .dli-off {
	background: url('/_skin/tpl_skin/basic_telemarketing/images/main/con1_img3_.png') 0 0 no-repeat;
}
.container.main .data-list-item4 .dli-off {
	background: url('/_skin/tpl_skin/basic_telemarketing/images/main/con1_img4_.png') 0 0 no-repeat;
}
.container.main .data-list-item5 .dli-off {
	background: url('/_skin/tpl_skin/basic_telemarketing/images/main/con1_img5_.png') 0 0 no-repeat;
}

.container.main .data-list-item .dli-off:before,
.container.main .data-list-item .dli-off:after {
	content: '';
	display: block;
	position: absolute;
	background: #fff;
}
.container.main .data-list-item .dli-off:before {
	width: 17px;
	height: 3px;
	top: 118px;
	left: 110px;
}
.container.main .data-list-item .dli-off:after {
	width: 3px;
	height: 17px;
	top: 111px;
	left: 117px;
}
.container.main .data-list-item .dli-off span {
	display: block;
	position: absolute;
	width: 240px;
	height: 22px;
	line-height: 22px;
	left: 0;
	text-align: center;
	bottom: 60px;
	font-size: 18px;
}

.container.main .data-list-item .dli-on {
	z-index: 2;
	bottom: -100%;
	text-align: center;
	background: #e90791;
}
.container.main .data-list-item:hover .dli-on {
	bottom: 0;
	-webkit-transition: all 0.2s;
	transition: all 0.2s;
}
.container.main .data-list-item .dli-on h4 {
	padding-top: 30px;
	font-family: 'noto5';
	font-weight: 600;
	font-size: 19px;
	line-height: 25px;
}
.container.main .data-list-item .dli-on i {
	display: block;
	background-image: url('/_skin/tpl_skin/basic_telemarketing/images/main/data_btn.png');
	background-repeat: no-repeat;
	margin: 18px auto;
}
.container.main .data-list-item1 .dli-on i {
	width: 45px;
	height: 51px;
	background-position: 0px 0px;
}
.container.main .data-list-item2 .dli-on i {
	width: 56px;
	height: 51px;
	background-position: -46px 0px;
}
.container.main .data-list-item3 .dli-on i {
	width: 52px;
	height: 51px;
	background-position: -103px 0px;
}
.container.main .data-list-item4 .dli-on i {
	width: 51px;
	height: 50px;
	background-position: 0px -52px;
}
.container.main .data-list-item5 .dli-on i {
	width: 41px;
	height: 57px;
	background-position: -52px -52px;
}
.container.main .data-list-item .dli-on p {
	font-size: 13px;
	line-height: 15px;
	margin-bottom: 15px;
}
.container.main .data-list-item .dli-on span {
	display: block;
	width: 86px;
	height: 22px;
	font-size: 12px;
	line-height: 22px;
	border: 1px solid #fff;
	text-align: center;
	margin: 0 auto;
}
/*도서소개*/
.container.main .book-bg {
	padding: 100px 0;
	background: #f1f1f1;
}
.container.main .book-bg .book-img {
	position: relative;
	height: 781px;
	min-width: 1100px;
	margin: 50px auto 80px;
	background: url('/_skin/tpl_skin/basic_telemarketing/images/main/con2_img_1.png') center 0 no-repeat;
}
.container.main .book-bg .book-img .book-bullet {
	position: absolute;
	top: 100px;
	left: 22%;
}
.container.main .book-bg .book-img .book-noti {
	position: absolute;
	bottom: 16px;
	left: 0;
	width: 100%;
	text-align: center;
}
.container.main .book-bg .book-img .btn-book {
	display: block;
	position: absolute;
	left: 50%;
	bottom: -50px;
	margin-left: -93px;
	width: 174px;
	padding-right: 10px;
	height: 56px;
	line-height: 56px;
	border: 1px solid #000;
	color: #000;
	font-family: 'noto5';
	font-weight: 600;
	text-align: center;
}
.container.main .book-bg .book-img .btn-book:after {
	content: '>';
	display: block;
	position: absolute;
	right: 20px;
	top: 0;
}
.container.main .book-bg .book-img .btn-book:hover {
	color: #fff;
	background: #000;
}
/*교수소개*/
.container.main .teacher-bg .teacher-title {
	padding: 100px 0 70px;
}
.container.main .teacher-bg .teacher-title .btn-teacher {
	position: relative;
	display: block;
	width: 174px;
	margin: 30px auto 0;
	padding-right: 10px;
	height: 56px;
	line-height: 56px;
	border: 1px solid #000;
	color: #000;
	font-family: 'noto5';
	font-weight: 600;
	text-align: center;
}
.container.main .teacher-bg .teacher-title .btn-teacher:after {
	content: '>';
	display: block;
	position: absolute;
	right: 20px;
	top: 0;
}
.container.main .teacher-bg .teacher-title .btn-teacher:hover {
	color: #fff;
	background: #000;
}
.container.main .teacher-tab {
	/* padding:30px 0; */
	overflow: hidden;
}

.container.main .teacher-tab .tab-menu.w1100 {
	width: 100% !important;
}
.container.main .teacher-tab .tab-menu li {
	display: block;
	float: none;
	position: relative;
	height: 84px;
	background: #701259;
}
.container.main .teacher-tab .tab-menu li a {
	display: block;
	position: relative;
	height: 84px;
	color: #c3249b;
	font-size: 20px;
	font-family: 'noto3';
	font-weight: 300;
	padding-top: 30px;
}
.container.main .teacher-tab .tab-menu li a.selected {
	color: #fff;
}
.container.main .teacher-tab .tab-menu li a.link-tab1 {
	text-align: left;
	width: 420px;
	padding-left: 130px;
}
.container.main .teacher-tab .tab-menu li a.link-tab2 {
	text-align: center;
	width: 350px;
	padding-right: 10px;
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -212px;
}

.container.main .teacher-tab .tab-menu li a:before {
	content: '';
	display: block;
	position: absolute;
	bottom: 0;
	width: 2000px;
	height: 84px;
	z-index: -1;
	background: #701259;
}
.container.main .teacher-tab .tab-menu li a.link-tab1:before {
	right: 0;
}
.container.main .teacher-tab .tab-menu li a.link-tab2:before {
	left: 0;
}
.container.main .teacher-tab .tab-menu li a.selected:before {
	background: #8e026b;
}
.container.main .teacher-tab .tab-menu li a strong {
	font-family: 'noto5';
	font-weight: 600;
}
.container.main .teacher-tab .tab-menu li a i {
	position: absolute;
	display: block;
	bottom: 0;
}
.container.main .teacher-tab .tab-menu li a.selected i {
	display: none;
}
.container.main .teacher-tab .tab-menu li a.link-tab1 i {
	width: 112px;
	height: 109px;
	background: url('/_skin/tpl_skin/basic_telemarketing/images/main/con3_tab_teacher1.png') 0 0 no-repeat;
	left: 0;
}
.container.main .teacher-tab .tab-menu li a.link-tab2 i {
	width: 120px;
	height: 111px;
	background: url('/_skin/tpl_skin/basic_telemarketing/images/main/con3_tab_teacher2.png') 0 0 no-repeat;
	right: 0;
}
.container.main .teacher-tab .tab_img,
.container.main .teacher-tab .tab_img .tab-content,
.container.main .teacher-tab .tab_img .tab-content a {
	position: relative;
	display: block;
	height: 573px;
	width: 100%;
}
.container.main .teacher-tab .tab_img .tab-content.tab-content1 a {
	background: url('/_skin/tpl_skin/basic_telemarketing/images/main/con3_teacher1_.jpg') center no-repeat #820b5f;
}
.container.main .teacher-tab .tab_img .tab-content.tab-content2 a {
	background: url('/_skin/tpl_skin/basic_telemarketing/images/main/con3_teacher2.jpg') center no-repeat #820b5f;
}
.container.main .teacher-tab .tab_img .tab-content a:before {
	content: '';
	display: block;
	position: absolute;
	width: 100%;
	height: 573px;
	background: url('/_skin/tpl_skin/basic_telemarketing/images/main/con3_playbt_defualt.png') center no-repeat;
}
.container.main .teacher-tab .tab_img .tab-content a:hover:before {
	background: url('/_skin/tpl_skin/basic_telemarketing/images/main/con3_playbt_over.png') center rgba(0, 0, 0, 0.5) no-repeat;
}

/*학습상담*/
.container.main .customer .bbs-section .btn-more,
.container.main .service-section li a span,
.container.main .service-section li a i {
	background-image: url('/_skin/tpl_skin/common_images/main/main_custom.png');
}
.container.main .customer-sub-title {
	font-size: 28px;
	line-height: 28px;
	margin-bottom: 14px;
	font-family: 'noto2';
	font-weight: 200;
	text-align: center;
}
.container.main .customer-title {
	font-size: 40px;
	line-height: 40px;
	margin-bottom: 35px;
	font-family: 'noto5';
	font-weight: 600;
	margin-bottom: 50px;
	text-align: center;
}
.container.main .customer-bg {
	padding: 60px 0 80px;
	background: #dedede;
}
.container.main .customer .bbs-wrap {
	background: #fff;
	width: 362px;
	padding: 40px 25px;
	margin-right: 93px;
	-webkit-box-shadow: 5px 5px 5px 0px rgba(0, 0, 0, 0.23);
	-moz-box-shadow: 5px 5px 5px 0px rgba(0, 0, 0, 0.23);
	box-shadow: 5px 5px 5px 0px rgba(0, 0, 0, 0.23);
}
.container.main .customer .bbs-section {
	position: relative;
	color: #494949;
	height: 60px;
}
.container.main .customer .bbs-section1 {
	padding-bottom: 88px;
	border-bottom: 1px solid #000;
	margin-bottom: 27px;
}
.container.main .customer .bbs-section h4 {
	float: left;
	width: 100px;
	font-family: 'noto5';
	font-weight: 600;
	padding-left: 4px;
}
.container.main .customer .bbs-section ul {
	float: left;
	margin-top: 4px;
}
.container.main .customer .bbs-section ul li {
	font-size: 13px;
	line-height: 16px;
	font-family: 'dotum';
}
.container.main .customer .bbs-section ul li a {
	display: block;
	width: 200px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.container.main .customer .bbs-section ul li a:hover {
	text-decoration: underline;
}
.container.main .customer .bbs-section .btn-more {
	width: 46px;
	height: 16px;
	top: 24px;
	left: 4px;
	background-position: 0 -22px;
}
.container.main .service-section {
	width: 600px;
}
.container.main .service-section li {
	float: left;
	width: 280px;
	height: 116px;
	background: #fff;
	color: #484848;
	-webkit-box-shadow: 5px 5px 5px 0px rgba(0, 0, 0, 0.23);
	-moz-box-shadow: 5px 5px 5px 0px rgba(0, 0, 0, 0.23);
	box-shadow: 5px 5px 5px 0px rgba(0, 0, 0, 0.23);
}
.container.main .service-section li.service-item1,
.container.main .service-section li.service-item3 {
	margin-right: 21px;
}
.container.main .service-section li.service-item1,
.container.main .service-section li.service-item2 {
	margin-bottom: 21px;
}
.container.main .service-section li a {
	position: relative;
	display: block;
	/* width:253px; */
	width: 100%;
	/* height:90px; */
	height: 100%;
	padding: 25px 0 0 25px;
	border: 1px solid #fff;
}
.container.main .service-section li a:hover {
	border: 1px solid #000;
}

.container.main .service-section li a h4 {
	font-family: 'noto5';
	font-weight: 600;
	font-size: 17px;
	margin-bottom: 2px;
}
.container.main .service-section li a p {
	font-family: 'noto3';
	font-weight: 300;
	font-size: 14px;
	margin-bottom: 12px;
}

.container.main .service-section li a span {
	display: block;
	width: 36px;
	height: 10px;
	margin-left: 2px;
	background-position: 0 -11px;
}
.container.main .service-section li a:hover span {
	background-position: 0 0;
}
.container.main .service-section li a i {
	display: block;
	position: absolute;
}
.container.main .service-section li.service-item1 a i {
	width: 40px;
	height: 38px;
	right: 25px;
	bottom: 22px;
	background-position: -47px 0;
}
.container.main .service-section li.service-item2 a i {
	width: 29px;
	height: 40px;
	right: 28px;
	bottom: 23px;
	background-position: -88px 0;
}

.container.main .service-section li.service-item3 a i {
	width: 41px;
	height: 39px;
	right: 27px;
	bottom: 27px;
	background-position: -159px 0;
}
.container.main .service-section li.service-item4 a i {
	width: 40px;
	height: 34px;
	right: 26px;
	bottom: 29px;
	background-position: -118px 0;
}