@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: 'noto4', dotum;
	font-weight: 100;
	top: 38px;
	left: 160px;
}
.guide .guide-box .btn-guide {
	top: 30px;
	right: 70px;
}

/*************
* 예상문제 *
**************/

/*시험문제 스타일*/
.container.exam-data .tab-content {
	margin-top: 50px;
	border: 1px solid #000;
	padding: 12px;
	font-family: 'noto3';
	font-weight: 300;
}
.container.exam-data .exam-h3 {
	line-height: 48px;
	height: 48px;
	padding: 0 18px;
	background: #d0e6ff;
	color: #5581ff;
	margin-bottom: 35px;
}
.container.exam-data .exam-h3 strong {
	font-family: 'noto4';
	font-weight: 600;
}
.container.exam-data .exam-item {
	padding: 0 15px 60px 15px;
	margin-bottom:30px;
}
.container.exam-data .exam-item .exam-question {
	margin-bottom: 35px;
}
.container.exam-data .exam-item .exam-question h4 {
	position: relative;
	padding-left: 30px;
	font-family: 'noto4';
	font-weight: 600;
	font-size: 15px;
	line-height: 18px;
	margin-bottom: 25px;
}
.container.exam-data .exam-item .exam-question h4 span {
	display: block;
	position: absolute;
	left: 0;
	top: 0;
}
.container.exam-data .exam-item .exam-question .exam-options-list {
	margin-left: 25px;
	font-family: 'noto3';
	font-weight: 300;
}
.container.exam-data .exam-item .exam-question .exam-options-list li {
	position: relative;
	padding-left: 22px;
	margin-bottom: 8px;
}
.container.exam-data .exam-item .exam-question .exam-options-list li.test1 {
	font-family: 'noto3';
	font-weight: 300;
}
.container.exam-data .exam-item .exam-question .exam-options-list li.test2 {
	font-family: 'noto2';
	font-weight: 200;
}
.container.exam-data .exam-item .exam-question .exam-options-list li span {
	display: block;
	position: absolute;
	left: 0;
	top: 0;
}
.container.exam-data .exam-item .exam-answers {
}
.container.exam-data .exam-item .exam-answers > button {
	position: relative;
	display: block;
	width: 100%;
	height: 36px;
	line-height: 36px;
	font-family: 'noto4';
	font-weight: 600;
	background: #ededed;
	text-align: left;
	text-indent: 15px;
	cursor: pointer;
	outline: none;
	font-size: 15px;
	color: #7c7c7c;
}
.container.exam-data .exam-item .exam-answers > button:before {
	content: '▼';
	display: block;
	position: absolute;
	right: 15px;
	top: 0;
	color: #a7a7a7;
	font-size: 12px;
}
.container.exam-data .exam-item .exam-answers.acitve > button:before {
	content: '▲';
}
.container.exam-data .exam-item .exam-answers .exam-answers-box {
	display: none;
	border: 1px solid #d7d7d7;
	border-top: none;
}
.container.exam-data .exam-item .exam-answers .exam-answers-list {
	padding: 20px 22px;
}
.container.exam-data .exam-item .exam-answers .exam-answers-list > li {
	position: relative;
	padding-left: 50px;
	margin-top: 10px;
	line-height: 22px;
	font-family: 'noto3';
	font-weight: 300;
	word-break: keep-all;
	word-wrap: break-word;
}
.container.exam-data .exam-item .exam-answers .exam-answers-list > li:first-child {
	margin-top: 0;
}
.container.exam-data .exam-item .exam-answers .exam-answers-list > li:before {
	display: block;
	position: absolute;
	left: 0;
	top: 1px;
	height: 22px;
	line-height: 22px;
	padding: 0 8px;
	font-family: 'noto4';
	font-weight: 600;
	color: #fff;
	font-size: 12px;
}
.container.exam-data .exam-item .exam-answers .exam-answers-list > li.answers:before {
	content: '정답';
	background: #eb0c07;
}
.container.exam-data .exam-item .exam-answers .exam-answers-list > li.explanations:before {
	content: '해설';
	background: #7a7a7a;
}
.container.exam-data .exam-item .exam-answers .exam-answers-list strong {
	font-family: 'noto4';
	font-weight: 600;
}
.container.exam-data .exam-item .exam-answers .exam-answers-list > li.explanations em {
	display: block;
	font-family: 'noto4';
	font-weight: 600;
	margin-bottom: 10px;
}

/*도서소개*/
.container.book {
}
.container.book .top-bg {
	padding-top: 87px;
	height: 840px; /*927px*/
	background: url('/_skin/tpl_skin/basic_bosaesa2/images/book/book_bg_.jpg') center 0 no-repeat;
}
.container.book .top {
	position: relative;
	height: 734px;
	background: url('/_skin/tpl_skin/basic_bosaesa2/images/book/top_text2.png') right 0 no-repeat;
}
.container.book .top a {
	display: block;
	position: absolute;
	top: 270px;
	width: 183px;
	height: 63px;
	line-height: 63px;
	text-align: center;
	font-family: 'noto4';
	font-weight: 600;
	font-size: 16px;
	padding-right: 20px;
	border: 1px solid #000;
	-webkit-transition: all 0.2s;
	transition: all 0.2s;
}
.container.book .top a:hover {
	-webkit-transition: all 0.2s;
	transition: all 0.2s;
}
.container.book .top a.btn-book-view:before,
.container.book .top a.btn-book-buy:before {
	content: '>';
	display: block;
	position: absolute;
	right: 30px;
	top: 0;
}
.container.book .top a.btn-book-view {
	right: 217px;
	color: #000;
}
.container.book .top a.btn-book-buy {
	right: 0;
	background: #000;
	color: #fff;
}
.container.book .top a.btn-book-view:hover:before,
.container.book .top a.btn-book-buy:hover:before {
	right: 25px;
	-webkit-transition: all 0.4s;
	transition: all 0.4s;
}
/*교수소개*/
.container.teacher .teacher-tab {
	/* position:relative;
	height:1948px; */
}
.container.teacher .teacher-tab > .teacher-title {
	position: absolute;
	left: 50%;
	margin-left: -550px;
	top: 110px;
	z-index: 3;
}
.container.teacher .teacher-tab > .teacher-menu {
	position: absolute;
	right: 50%;
	margin-right: -550px;
	top: 100px;
	z-index: 90;
}
.container.teacher .teacher-tab > .teacher-menu li {
	float: left;
	margin-left: 15px;
}
.container.teacher .teacher-tab > .teacher-menu li a {
	display: block;
	width: 103px;
	height: 119px;
	font-size: 0;
	text-indent: -9999px;
	overflow: hidden;
	background-image: url('/_skin/tpl_skin/basic_bosaesa2/images/teacher/teacher_tab_.png');
	background-repeat: no-repeat;
}
.container.teacher .teacher-tab > .teacher-menu li.selected a {
	width: 182px;
}
.container.teacher .teacher-tab > .teacher-menu li a.link-tab1 {
	background-position: 0 0;
}
.container.teacher .teacher-tab > .teacher-menu li.selected a.link-tab1 {
	background-position: -104px 0;
}
.container.teacher .teacher-tab > .teacher-menu li a.link-tab2 {
	background-position: 0 -120px;
}
.container.teacher .teacher-tab > .teacher-menu li.selected a.link-tab2 {
	background-position: -104px -120px;
}

.container.teacher .teacher-content .teacher-data {
	position: relative;
	height: 1017px;
}
.container.teacher .teacher-content {
	display: none;
}
.container.teacher .teacher-content.selected {
	display: block;
}
.container.teacher .teacher-content1 .teacher-data {
	background: url('/_skin/tpl_skin/basic_bosaesa2/images/teacher/teacher_bg1.jpg') center 0 no-repeat #5883ff;
}
.container.teacher .teacher-content2 .teacher-data {
	background: url('/_skin/tpl_skin/basic_bosaesa2/images/teacher/teacher_bg2.jpg') center 0 no-repeat #5883ff;
}

.container.teacher .teacher-content .teacher-data .teacher-pic,
.container.teacher .teacher-content .teacher-data .teacher-info {
	display: block;
	position: absolute;
}
.container.teacher .teacher-content .teacher-data .teacher-pic {
	text-align: center;
	bottom: 0;
	width: 1100px;
	left: 50%;
	margin-left: -550px;
}
.container.teacher .teacher-content .teacher-data .teacher-info {
	bottom: 60px;
	width: 920px;
	left: 50%;
	margin-left: -390px;
}

.container.teacher .teacher-content .teacher-play {
	position: relative;
	height: 931px;
}

.container.teacher .teacher-content .teacher-play .tab_img .tab-content {
	height: 931px;
	background: url('/_skin/tpl_skin/basic_bosaesa2/images/teacher/play_bg.jpg') center 0 no-repeat;
}
.container.teacher .teacher-content .teacher-play .teacher-play-menu {
	display: block;
	position: relative;
	width: 871px;
	top: 210px;
	left: 50%;
	margin-left: -436px;
	z-index: 1;
}
.container.teacher .teacher-content .teacher-play .teacher-play-menu li {
	float: left;
}
.container.teacher .teacher-content .teacher-play .teacher-play-menu.item3 li {
	width: 33%;
}
.container.teacher .teacher-content .teacher-play .teacher-play-menu.item3 li:first-child {
	width: 34%;
}
.container.teacher .teacher-content .teacher-play .teacher-play-menu.item2 li {
	width: 50%;
}
.container.teacher .teacher-content .teacher-play .teacher-play-menu li a {
	display: block;
	text-align: center;
	border: 1px solid #000;
	background: #cdcdcd;
	color: #fff;
	font-family: 'noto4';
	font-weight: 600;
	font-size: 16px;
	height: 67px;
	line-height: 67px;
}
.container.teacher .teacher-content .teacher-play .teacher-play-menu li a.selected {
	border-bottom: none;
	background: #fff;
	color: #000;
}
.container.teacher .teacher-content .teacher-play .tab_img {
	display: block;
	position: absolute;
	width: 871px;
	/* height:496px; */
	top: 0px;
	left: 50%;
	margin-left: -437px;
}
.container.teacher .teacher-content .teacher-play .tab_img .tab-content {
	height: 931px;
	background: url(/_skin/tpl_skin/basic_bosaesa2/images/teacher/play_bg.jpg) center 0 no-repeat;
}
.container.teacher .teacher-content .teacher-play .tab_img a {
	display: block;
	height: 931px;
	font-size: 0;
}
