@charset "UTF-8";
.teacher-contents {
	background:#f0ede8;
	padding:70px 0 0 0;
}

.teacher-contents .w1100{
	position:relative;
	font-family:'noto4';
	/* height: 780px; */
}

.teacher-contents .teacher-banner{
	height:359px;
}
.teacher-contents .teacher-banner .teacher-img{
	padding-top:100px;
	position: relative;
	text-align: center;
}
.teacher-contents .tab-wrap .menu-bg{
	position:absolute;
	left:0;
	width:151px;
}
.teacher-contents .tab-wrap .menu-bg h1{
	height:37px;
    text-align: center;
    border-bottom: 3px solid #000000;
    margin-bottom: 12px;
    font-size: 30px;
}

.teacher-contents .tab-wrap .menu-bg ul {
	width:100%;
}

.teacher-contents .tab-wrap .menu-bg .tab-menu{
	width:151px;
}


.teacher-contents .tab-wrap .menu-bg .tab-menu1,
.teacher-contents .tab-wrap .menu-bg .tab-menu2,
.teacher-contents .tab-wrap .menu-bg .tab-menu3{

}
.teacher-contents .tab-wrap .menu-bg .menu-title {
font-family: 'noto2';
}
.teacher-contents .tab-wrap .menu-bg .menu-title > span{
	position: relative;
	display: block;
	width: 100%;
	height: 36px;
	background: #e5e0da;
	color: #000000;
	text-align: left;
	line-height:36px;
	font-size: 15px;
	cursor: pointer;
	padding-left: 19px;
	box-sizing: border-box;
	border-top: 1px solid #bbb6b0;
	border-bottom: 1px solid #bbb6b0;
	font-family: 'noto3';
}

.teacher-contents .tab-wrap .menu-bg .menu-title0 > span{
	 border-top: 2px solid #bbb6b0;
}
.teacher-contents .tab-wrap .menu-bg .menu-title3 > span{
	border-bottom: 2px solid #bbb6b0;
}

.teacher-contents .tab-wrap .menu-bg .menu-title.selected > span{
	background:#000000;
	color:#ffffff;
	font-family:'noto4';
	font-weight:600;
}

.teacher-contents .tab-wrap .menu-bg .menu-title > span:hover{
	background:#d7d2cc;
	font-family:'noto4';
	font-weight:600;
}

.teacher-contents .tab-wrap .menu-bg .menu-title.selected > span:hover{
	background:#000000;
	color:#ffffff;
}

.teacher-contents .tab-wrap .menu-bg .tab-menu li{
	width:100%;
	border-bottom: 1px solid #a8a5a0;
	box-sizing: border-box;
}

.teacher-contents .tab-wrap .menu-bg .tab-menu li a{
	/* css 추가 수정 */
	/* 끗 */
	font-size:15px;
	color:#525051;
	height: auto;
	box-sizing:border-box;
	display:table;
	width:100%;
	table-layout:fixed;
	padding: 12px 0;
	font-family:'noto3';
}

.teacher-contents .tab-wrap .menu-bg .tab-menu li a p{
	width:69px;
	display:table-cell;
	vertical-align: middle;
	/*
	text-align:justify;
	text-justify:distribute-all-lines;
	*/
	line-height:120%;
	word-break:keep-all;
}

.teacher-contents .tab-wrap .menu-bg .tab-menu li a p:last-child{
	box-sizing:border-box;
	letter-spacing:0.8px;
	text-align:right;
}




.teacher-contents .tab-wrap .menu-bg .tab-menu li a.selected,
.teacher-contents .tab-wrap .menu-bg .tab-menu li a:hover{
	font-weight:600;
	color:#050304;
	font-family:'noto5';
}

.teacher-contents .tab-wrap .menu-bg .plus_btn{
	position:absolute;
	right:2px;
	top:0;
	width:7px;
	height:100%;
	display:block;
	margin-right:20px;
	transition:all ease 0.5s;
}

.teacher-contents .tab-wrap .menu-bg .menu-title span:hover .plus_btn{
	transform: rotate( 90deg );
}

.teacher-contents .tab-wrap .tab_img .tab-content{
	position: relative;
    float: right;
	margin-right:10px;
    width: 871px;
	height:654px;
	padding:0 0 100px;
}
.teacher-contents .tab-wrap .tab_img .tab-content .ssamname{
    position: relative;
    top: 30px;
    left: -10px;
}

.teacher-contents .tab-wrap .tab_img .tab-content .teacher-info{
	float:right;
	width:383px;
	margin-top:-50px;
}

.teacher-contents .tab-wrap .tab_img .tab-content .teacher-info > p {
	font-size: 30px;
	line-height: 36px;
	font-family:'noto3'
}

.teacher-contents .tab-wrap .tab_img .tab-content .teacher-info > p > span{
	font-weight: 600;
	font-family:'noto5';
	color:#000103;
	
}


.teacher-contents .tab-wrap .tab_img .tab-content .teacher-info ul{
	margin-top:30px;
}

.teacher-contents .tab-wrap .tab_img .tab-content .teacher-info ul li {
	font-size: 14px;
	position:relative;
	padding-left:5px;
	margin-bottom:3px;
	font-family:'noto3'
}

.teacher-contents .tab-wrap .tab_img .tab-content .teacher-info ul li::before{
	position:absolute;
	left:0;
	top:11px;
	content:'';
	width:1px;
	height:1px;
	display:block;
	background:#000000;
}

.teacher-contents .tab-wrap .tab_img .tab-content h1 {
	font-size:37px;
	margin-top:20px;
	color: #010000;;
	font-family:'noto5'
}

.teacher-contents .tab-wrap .tab_img .tab-content h2{
	font-size:30px;  
	font-family: 'noto2';
}

 .teacher-contents .tab-wrap .tab_img .tab-content .play{
	width: 381px;
	height:223px;
	z-index: 1;
    background:#404040 url('/_skin/tpl_skin/basic_dok2/renew_img/apply/common/play_btn_default.png') no-repeat center center;
	display:block;
	 margin:35px 0 0 0;
} 

.teacher-contents .tab-wrap .tab_img .tab-content .play .playbtn{
    display: block;
	height:100%;
    font-size: 0;
}
.teacher-contents .tab-wrap .tab_img .tab-content .play .playbtn:hover{
  background: url('/_skin/tpl_skin/basic_dok2/renew_img/apply/common/play_btn_over.png') no-repeat center center;
}

/* .teacher-contents .tab-wrap .tab_img .tab-content .play .poster{
	background-position:center!important;
}

.teacher-contents .tab-wrap .tab_img .tab-content .play:hover .poster{
	background:url('/_skin/tpl_skin/basic_dok2/renew_img/apply/common/play_btn_over.png')no-repeat!important;
	background-position:center!important;
} */

.teacher-contents .content6{
	padding:54px 0;
	background:url('/_skin/tpl_skin/basic_dok2/renew_img/teacher/banner_bg.png');
}
.teacher-contents .content6 .choice{
	position:relative;
	height:143px;
	background:url('/_skin/tpl_skin/basic_dok2/renew_img/teacher/banner.png');
}
.teacher-contents .content6 .choice a{
	position: absolute;
	display: block;
	width:182px;
	height:143px;
	font-size:0;
}
.teacher-contents .content6 .choice a.btn1{
	right:408px;
}
.teacher-contents .content6 .choice a.btn2{
	right:203px;
}
.teacher-contents .content6 .choice a.btn3{
	right:0;
}

.class-list-btn {
	width: 382px;
	height: 36px;
	border: 2px solid #000000;
	background: #f0ede8;
	text-align: center;
	line-height: 34px;
	font-size: 15px;
	font-weight: 800;
	box-sizing: border-box;
	margin:10px 0 0 0;
}

.class-list-btn > a {
	display:block;
}

.inner {
	padding:100px 0 0 0px;
}

.teacher-contents .tab-menu {
	display:none;
}

.teacher-contents .tab-menu.selected {
	display:block;
}

.height55 {
	height:54px !important;
	padding:5px 1px !important;
}

.height55 > P:last-child{
	margin-top:8px;
}
.height37 {
	height:37px !important;
}
.width83 {
	width:83px !important;
}

.all_btn {
	position:absolute;
	right:22px;
}

.all_btn a{
	
	width:133px;
	height:24px;
	display:block;
	border:1px solid #cccccc;
	font-size:12px;
	font-family:'noto4';
	text-align:center;
	line-height:24px;
	float:right;
	z-index:5;
}

.all_btn a:hover{
	border:1px solid #000000;
}

.banner-wrap{
	text-align:center
}