@charset "utf-8";

.teacher_intro * {
    font-family: 'Nanum Square', 'sans-serif';
    font-weight:400;
}
.teacher_intro .title_txt{
	font-size:20px;
	line-height:30px;
	margin:30px auto 0;
}
.teacher_intro .con{
	width:100%;
	margin:0 auto;
}
.teacher_intro .con .mid,
.teacher_intro .con .inner{
	width:1000px;
	margin:0 auto;
	text-align:center;
} 
.teacher_intro b{
    font-weight: 700;
}
.teacher_content{
	background:#edeef2;
	padding:30px 0 0;
}
.teacher_wrap{
	width:100%;
	display: table;
	box-sizing:border-box;
}
.teacher_wrap > div{
	width:100%;
	display: block;
}
.teacher_wrap .teacher-tab{
    float: left;
    width: 138px;
    height: 73px;
    box-sizing: border-box;
    margin-top:15px;
}
.teacher_wrap .teacher-tab li{
    vertical-align: middle;
    width: 138px;
    text-align: left;
    border-bottom: 1px solid #d7d7d7;
}
.teacher_wrap .teacher-tab li:last-child{
	border-right:none;
}
.teacher_wrap .teacher-tab li a{
	display: inline-block;
	width:100%;
	height:100%;
	color:#797f87;
	font-size:19px;
	font-family:'noto5';
    padding: 14px 0 14px 19px;
    box-sizing:border-box;
    position:relative;
	/* background:#485571; */
}
.teacher_wrap .teacher-tab li a span{
	display:block;
	font-family:'noto2';
	margin-top:4px;
}
.teacher_wrap .teacher-tab li a:hover,
.teacher_wrap .teacher-tab li a.selected{
	/* background:#1cabda; */
	color:#000;
}
.teacher_wrap .teacher-tab li a:after,
.teacher_wrap .teacher-tab li a:after{
    display: block;
    content: '';
    width: 4px;
    height: 40px;
    clear: both;
    position: absolute;
    top: 18px;
    left: 0px;
    background-color: #b5c2d7;
}
.teacher_wrap .teacher-tab li a:hover:after,
.teacher_wrap .teacher-tab li a.selected:after{
    background-color: #486696;
}
.teacher_wrap .teacher-tab li a.none_hover:hover:after, 
.teacher_wrap .teacher-tab li a.none_hover.selected:after{
    background-color: #b5c2d7;
}
.teacher_wrap .teacher-tab li a:hover,
.teacher_wrap .teacher-tab li a.selected{
	color:#000;
}
.teacher_wrap .teacher-tab li a.none_hover:hover, 
.teacher_wrap .teacher-tab li a.none_hover.selected {
	color:#797f87 !important;
    cursor: auto;
}
.teacher_wrap .teacher-tab li a span:nth-child(1) {
    font-size:15px;
    line-height:1.1;
}
.teacher_wrap .teacher-tab li a:hover span,
.teacher_wrap .teacher-tab li a.selected > span{
	font-family:'noto5';
}
.tab-content{
	height:680px;
    padding-top: 56px;
	box-sizing:border-box;
}
.text_right{
	width:400px;
	margin-left:600px;
	text-align:left;
}
.text_right strong:nth-child(1) {
    display: block;
    margin-bottom: 12.5px;
    font-size: 23px;
    color: #000;
    font-weight: 400;
}
.text_right strong:nth-child(2) {
    display: block;
    margin-bottom: 35px;
    font-size: 28px;
    line-height:120%;
    word-break:keep-all;
    color: #000;
    font-weight: 700;
}
.tab-content2 .text_right strong:nth-child(2),
.tab-content4 .text_right strong:nth-child(2) {
    width:110%;
}
.tab-content3 .text_right strong:nth-child(2){
    width:120%;
}
.tab-content .teacher_name{
	/* margin: 24px 0 10px; */
}
.tab-content .teacher_name span{
    display: inline-block;
    color: #7c97c0;
    width: auto;
    font-size: 17px;
    border: 2px solid #8db3eb;
    border-radius: 5px;
    padding: 3px 12px 1px;
    font-weight: 700;
}
.tab-content .teacher_name p{
	color:#486696;
	font-size:35px;
	line-height:35px;
	margin:10px 0 0 ;
    letter-spacing:-1px;
}
.tab-content .teacher_name p b{
	font-family:'noto6';
}
.tab-content .teacher_info{
    float:left;
	font-size:16px;
	width:100%;
	text-align:left;
}
.tab-content .teacher_info li{
	margin-bottom:3px;
	color:#000;
	font-size:14px;
}


.tab-content .play_wrap {
    background: url(/_skin/tpl_skin/basic_attorney/images/teacher/palay_bg.png) center no-repeat;
    width: 400px;
    height: 238px;
    margin: 20px 0 15px;
}
.tab-content .play_wrap a{
	display:block;
	width:100%;
	height:100%;
	font-size:0;
	background:#444756 url('/_skin/tpl_skin/basic_attorney/images/teacher/play_btn.png') center no-repeat;
}
.tab-content .sample_btn2{
	background:#585f7b;
}
.tab-content1{
	background:url('/_skin/tpl_skin/basic_attorney/images/teacher/teacher_1.png') 147.5px bottom no-repeat;
}
.tab-content2{
	background:url('/_skin/tpl_skin/basic_attorney/images/teacher/teacher_2.png') 147.5px bottom no-repeat;
}
.tab-content3{
	background:url('/_skin/tpl_skin/basic_attorney/images/teacher/teacher_3.png') 147.5px bottom no-repeat;
}
.tab-content4{
	background:url('/_skin/tpl_skin/basic_attorney/images/teacher/teacher_4.png') 147.5px bottom no-repeat;
}
.tab-content5{
	background:url('/_skin/tpl_skin/basic_attorney/images/teacher/teacher_5.png') 147.5px bottom no-repeat;
}
.tab-content6{
	background:url('/_skin/tpl_skin/basic_attorney/images/teacher/teacher_6.png') 147.5px bottom no-repeat;
}
.tab-content7{
	background:url('/_skin/tpl_skin/basic_attorney/images/teacher/teacher_7.png') 147.5px bottom no-repeat;
}
.tab-content8{
	background:url('/_skin/tpl_skin/basic_attorney/images/teacher/teacher_8.png') 147.5px bottom no-repeat;
}
.teacherArea .teacher13 {
	background:url('/_skin/tpl_skin/basic_attorney/images/teacher/teacher_13.png') -7px bottom no-repeat;
}
.teacher_intro .con1{
	background:#1e2432;
	padding:77px 0;
}
.teacher_intro .con1 ul{
	width:100%;
	overflow:hidden;
	margin:60px 0 0;
}
.teacher_intro .con1 ul li{
    float: left;
    width: 305px;
    height: 168px;
    padding: 27px 0;
    text-align: center;
    box-sizing: border-box;
    margin-right: 24px;
    background: #3d4456;
    border-radius: 8px;
}
.teacher_intro .con1 ul li:last-of-type{
	margin-right:0;
}
.teacher_intro .con1 ul li p{
    font-size: 21px;
    color: #fff;
    line-height: 27px;
}
.teacher_intro .con1 ul li .icon_bg{
    width: 89px;
    margin: 0 auto 10px;
    border-radius: 50%;
    text-align: center;
    box-sizing: border-box;
}


/*구조변경 21/12/20 */
.col-blue{
	color:#486696;
}
/*.col-orange{
	color:#e4793f;
}*/
.teacherArea{
	background:#eceef2;
	padding: 50px 0 0;
}
.teacherArea .inner{
	width:1000px;
	margin:0 auto;
}
.teacherArea .tab-wrap{
	width:100%;
	overflow:hidden;
}
.teacherArea .teacher_menu{
	float:left;
	width:150px;
	box-sizing:border-box'

}
.teacherArea .teacher_menu li{
	padding:6px 0;
	border-bottom:2px solid #d7d7d7;
}
.teacherArea .teacher_menu li a{
	display:block;
	width:100%;
	padding:6px 0 6px 20px;
	font-size:18px;
	font-weight:400;
	box-sizing:border-box;
}
.teacherArea .teacher_menu li a.blue_bar{
	color:#797f87;
	border-left:5px solid #b5c2d7;
}
.teacherArea .teacher_menu li a.orange_bar{
	color:#878279;
	border-left:5px solid #d7c8b5;
}
.teacherArea .teacher_menu li a.blue_bar.selected,
.teacherArea .teacher_menu li a.blue_bar:hover{
	color:#000;
	border-left:5px solid #486696;
}
.teacherArea .teacher_menu li a.orange_bar.selected,
.teacherArea .teacher_menu li a.orange_bar:hover{
	color:#000;
	border-left:5px solid #e4793f;
}
.teacherArea .tab-content{
	float:left;
	width:calc(100% - 150px);
	height: 659px;
	padding-left:500px;
	padding-top: 40px;
}
.teacherArea .teacher_title{
	margin-bottom:30px;
	font-size:26px;
	font-weight:100;
	letter-spacing:-0.9px;
	line-height:130%;
}
.teacherArea .teacher_title b{
	display:inline-block;
	margin-top:4px;
	font-size:32px;
	line-height:130%;
}
.teacherArea .subject{
    display:inline-block;
    margin-bottom:10px;
    padding: 5px 14px 3px;
    box-sizing: border-box;
    border:2px solid #8db3eb;
    border-radius:5px;
    font-size:17px;
    color:#7c97c0;
    line-height:100%;
    font-weight:900;
    letter-spacing:-1.0px;
}
.teacherArea .subject.border-orange{

}
.teacherArea .name{
	color:#486696;
	font-size:32px;
	line-height:100%;
	font-weight:100;
}    
.teacherArea .sample{
	display:block;
	 width: 400px;
    height: 238px;
    margin: 20px 0 15px;
    background:#444756 url('/_skin/tpl_skin/basic_attorney/images/teacher/play_btn.png') center no-repeat;
    font-size:0;
}
.teacherArea .teacher1 .sample {
	background-image: url('/_skin/tpl_skin/basic_attorney/images/teacher/sp_play_01.png');
}
.teacherArea .teacher2 .sample {
	background-image: url('/_skin/tpl_skin/basic_attorney/images/teacher/sp_play_02.png');
}
.teacherArea .teacher3 .sample {
	background-image: url('/_skin/tpl_skin/basic_attorney/images/teacher/sp_play_13.png');
}
.teacherArea .teacher4 .sample {
	background-image: url('/_skin/tpl_skin/basic_attorney/images/teacher/sp_play_04.png');
}
.teacherArea .teacher5 .sample {
	background-image: url('/_skin/tpl_skin/basic_attorney/images/teacher/sp_play_05.png');
}
.teacherArea .teacher6 .sample {
	background-image: url('/_skin/tpl_skin/basic_attorney/images/teacher/sp_play_06.png');
}
.teacherArea .teacher7 .sample {
	background-image: url('/_skin/tpl_skin/basic_attorney/images/teacher/sp_play_07.png');
}
.teacherArea .teacher8 .sample {
	background-image: url('/_skin/tpl_skin/basic_attorney/images/teacher/sp_play_08.png');
}
.teacherArea .teacher9 .sample {
	background-image: url('/_skin/tpl_skin/basic_attorney/images/teacher/sp_play_09.png');
}
.teacherArea .teacher10 .sample {
	background-image: url('/_skin/tpl_skin/basic_attorney/images/teacher/sp_play_10.png');
}
.teacherArea .teacher11 .sample {
	background-image: url('/_skin/tpl_skin/basic_attorney/images/teacher/sp_play_11.png');
}
.teacherArea .teacher12 .sample {
	background-image: url('/_skin/tpl_skin/basic_attorney/images/teacher/sp_play_12.png');
}
.teacherArea .teacher13 .sample {
	background-image: url('/_skin/tpl_skin/basic_attorney/images/teacher/sp_play_13.png');
}
.teacherArea .spec li{
	font-family:'noto2'!important;
	font-weight:100;
	font-size:14px;
}
.teacherArea .teacher1{
	/* background: url('/_skin/tpl_skin/basic_attorney/images/teacher/teacher_1.png') left bottom no-repeat; */
	background:url('/_skin/tpl_skin/basic_attorney/images/teacher/teacher9.png') left bottom no-repeat;

}
.teacherArea .teacher2{
	background:url('/_skin/tpl_skin/basic_attorney/images/teacher/teacher_11.png') left bottom no-repeat;
}
.teacherArea .teacher3{
	background:url('/_skin/tpl_skin/basic_attorney/images/teacher/teacher_13.png') -7px bottom no-repeat;
}
.teacherArea .teacher4{
	background:url('/_skin/tpl_skin/basic_attorney/images/teacher/teacher_4.png') left bottom no-repeat;
}
.teacherArea .teacher5{
	background:url('/_skin/tpl_skin/basic_attorney/images/teacher/teacher_5.png') left bottom no-repeat;
}
.teacherArea  .teacher6{
	background:url('/_skin/tpl_skin/basic_attorney/images/teacher/teacher_6.png') left bottom no-repeat;
}
.teacherArea .teacher7{
	background:url('/_skin/tpl_skin/basic_attorney/images/teacher/teacher7.png') left bottom no-repeat;
}
.teacherArea .teacher8{
	background:url('/_skin/tpl_skin/basic_attorney/images/teacher/teacher8.png') left bottom  no-repeat;
}
.teacherArea .teacher9{
	background:url('/_skin/tpl_skin/basic_attorney/images/teacher/teacher9.png') left bottom no-repeat
}
.teacherArea .teacher10{
	background:url('/_skin/tpl_skin/basic_attorney/images/teacher/teacher_11.png') left bottom no-repeat;
}
.teacherArea .teacher11{
	background:url('/_skin/tpl_skin/basic_attorney/images/teacher/teacher10.png') left bottom no-repeat;
}