@charset "utf-8";
/*학습자료실*/
.guide .guide-box {
	position: relative;
	width: 1015px;
	height: 100px;
	margin: 50px 0 50px 37px;
	border: 1px solid #cccbcb;
}
.guide .guide-box:before {
	content: '';
	display: block;
	position: absolute;
	width: 1px;
	height: 60px;
	top: 20px;
	right: 390px;
	background: #cccbcb;
}
.guide .guide-box .icon-book,
.guide .guide-box .title-guide,
.guide .guide-box .btn-guide {
	display: block;
	position: absolute;
}
.guide .guide-box .icon-book {
	left: 60px;
	top: 20px;
}
.guide .guide-box .title-guide {
	font-size: 20px;
	font-family: 'noto5', dotum;
	font-weight: 100;
	top: 38px;
	left: 160px;
}
.guide .guide-box .btn-guide {
	top: 30px;
	right: 70px;
}
/*교수소개*/
.teacher .tab-wrap {
	position: relative;
}

.teacher .tab-menu {
	position: absolute;
	left: 50%;
	margin-left: -560px;
	top: 130px;
	overflow: hidden;
	z-index: 3;
}
.teacher .tab-menu li {
	float: left;
	width: 147px;
	height: 148px;
	border-radius: 100%;
	overflow: hidden;
	border: 3px solid #fff;
	margin-right: 10px;
}
.teacher .tab-menu li a {
	position: relative;
	display: block;
	width: 147px;
	height: 148px;
	background-image: url('/_skin/tpl_skin/basic_drone/images/teacher/tab.png');
}
.teacher .tab-menu li a.link-tab2 {
	background-position: 0 -148px;
}
.teacher .tab-menu li a.link-tab2.selected {
	background-position: -149px -148px;
}

.teacher .tab-menu li a.link-tab1 {
	background-position: 0 0;
}
.teacher .tab-menu li a.link-tab1.selected {
	background-position: -149px 0;
}
.teacher .tab-menu li:hover {
	border: 3px solid #b8e05b;
}
.teacher .tab-menu li a span {
	display: none;
}

.teacher .top-bg {
	height: 983px;
	background: url('//static-sdedu.akamaized.net/img1/_skin/tpl_skin/basic_drone/images/teacher/top_bg.png') 0 center no-repeat;
}
.teacher .top {
	position: relative;
	height: 983px;
}
.teacher .top .teacher-info,
.teacher .top .teacher-pic,
.teacher .top .teacher-special {
	display: block;
	position: absolute;
}
.teacher .top .teacher-info {
	left: 0;
	top: 350px;
}
.teacher .top .teacher-pic {
	right: -70px;
	bottom: 0;
}
.teacher .top .teacher-special {
	left: 0;
	bottom: 130px;
}
.teacher .top .teacher-special li {
	text-align: center;
	width: 461px;
	height: 90px;
	background: url('//static-sdedu.akamaized.net/img1/_skin/tpl_skin/basic_drone/images/teacher/over.png') 0 0 no-repeat;
	margin-top: 5px;
}
.teacher .top .teacher-special li.special1,
.teacher .top .teacher-special li.special2,
.teacher .top .teacher-special li.special3,
.teacher .top .teacher-special li.special4 {
	/*animation: back 1s 3s step-end infinite;*/
	animation-name: back;
	animation-duration: 4s;
	animation-timing-function: step-start;
	animation-iteration-count: infinite;
}

.teacher .top .teacher-special li.special1 {
	animation-delay: 0s;
}
.teacher .top .teacher-special li.special2 {
	animation-delay: 1s;
}
.teacher .top .teacher-special li.special3 {
	animation-delay: 2s;
}
.teacher .top .teacher-special li.special4 {
	animation-delay: 3s;
}

@keyframes back {
	0% {
		background-position: 0 0;
	}
	20% {
		background-position: 0 -91px;
	}
	40% {
		background-position: 0 0;
	}
	100% {
		background-position: 0 0;
	}
}
.teacher .top .teacher-special li p {
	display: table-cell;
	vertical-align: middle;
	width: 461px;
	height: 90px;
	font-family: 'noto5', dotum;
	font-size: 17px;
	color: #914f08;
}
.teacher .sample {
	position: relative;
	margin: 60px auto;
	width: 1100px;
	height: 608px;
}

/*도서소개*/
.book .top-bg {
	height: 760px;
	padding-top: 90px;
	background: url('//static-sdedu.akamaized.net/img1/_skin/tpl_skin/basic_drone/images/book/top_bg.png') center 0 no-repeat;
	margin-bottom: 50px;
}
.book .top-bg .top {
	height: 850px;
	position: relative;
}
.book .top-bg .top-book-img {
	position: absolute;
	top: 315px;
	left: -30px;
}
.book .top-bg .book-detail-list {
	position: absolute;
	left: 500px;
	width: 550px;
}
.book .top-bg .book-detail-list li {
	padding: 14px 25px;
	font-size: 17px;
	font-family: 'noto3', dotum;
}
.book .top-bg .book-detail-list li:before {
	left: 8px;
}
.book .top-bg .book-detail-list li:first-child {
	border-top: none !important;
}
.book .top-bg .book-detail-list.book-detail-list-top {
	bottom: 0;
	padding-bottom: 328px;
	color: #fff;
}
.book .top-bg .book-detail-list.book-detail-list-top li {
	border-top: 1px solid rgba(255, 255, 255, 0.2);
}
.book .top-bg .book-detail-list.book-detail-list-bottom li {
	border-top: 1px solid rgba(0, 0, 0, 0.2);
}
.book .top-bg .book-detail-list.book-detail-list-bottom {
	top: 0;
	padding-top: 540px;
}
.book .book-rolling-wrap {
	width: 1100px;
	margin: 50px auto 80px;
}
.book .book-rolling {
	position: absolute;
	width: 1094px;
	height: 578px;
	overflow: hidden;
	border: 3px solid #0c4272;
}
.book .rolling-items,
.book .rolling-item,
.book .rolling-item img {
	width: 950px;
	height: 447px;
}
.book .rolling-items {
	margin: 60px auto 0;
	position: relative;
	overflow: hidden;
}
.book .rolling-items .rolling-item {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	opacity: 0;
}

.book .rolling-items .rolling-item.before {
	z-index: 2;
	opacity: 0;
	transition: opacity 0.8s;
}
.book .rolling-items .rolling-item.current {
	z-index: 3;
	opacity: 1;
	transition: opacity 0.8s;
}

.book .book-rolling .rolling-list {
	position: absolute;
	overflow: hidden;
	right: 40px;
	top: 35px;
	z-index: 3;
}
.book .book-rolling .rolling-list li {
	float: left;
	margin-left: 5px;
}
.book .book-rolling .rolling-list li a,
.book .book-rolling .rolling-list li a.selected {
	transition: background 1s;
}
.book .book-rolling .rolling-list li a {
	display: block;
	width: 18px;
	height: 18px;
	border-radius: 9px;
	background: #a4a4a6;
	overflow: hidden;
	text-indent: -999999999px;
}
.book .book-rolling .rolling-list li a.selected {
	background: #03416b;
}

.book .book-rolling .rolling-direction {
	position: absolute;
	width: 100%;
	height: 115px;
	top: 41%;
}
.book .book-rolling .rolling-direction .direction-prev,
.book .book-rolling .rolling-direction .direction-next {
	position: absolute;
	display: block;
	width: 40px;
	height: 69px;
	cursor: pointer;
}
.book .book-rolling .rolling-direction .direction-prev {
	left: 30px;
	background: url('//static-sdedu.akamaized.net/img1/_skin/tpl_skin/basic_drone/images/book/pre_btn.png') 0 0 no-repeat;
}
.book .book-rolling .rolling-direction .direction-next {
	right: 30px;
	background: url('//static-sdedu.akamaized.net/img1/_skin/tpl_skin/basic_drone/images/book/next_btn.png') 0 0 no-repeat;
}