@charset "UTF-8";
.teacher_intro * {
    /*font-family: 'Nanum Square', 'sans-serif' ;*/
    font-weight:400;
}
.teacher_intro{
    margin-top:50px;
}
.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:#e2e8fe;
}
.teacher_content .mid{
    width:1000px;
    margin:0 auto;
    padding:85px 0 90px 600px;
    box-sizing:border-box;
    background:url('/_skin/tpl_skin/basic_gas_engineer/images/teacher/teacher.png') no-repeat left bottom;
}
.teacher_content p{
    font-size:22px;
    margin:0 0 20px;
    line-height:130%
}
.teacher_content .sample{
    height:240px;
    margin:30px 0 20px;
}
.teacher_content .sample a{
    display:block;
    height:100%;
    font-size:0;
    background:url('/_skin/tpl_skin/basic_gas_engineer/images/teacher/play.png') no-repeat center center;
}
.teacher_content .history li{
    position:relative;
    padding:0 0 0 10px;
    font-size: 16px;
    margin:3px 0 0 0;
}
.teacher_content .history li:first-child{
    margin:0;
}
.teacher_content .history li::before{
    content:'-';
    position:absolute;
    left:0;
}
.teacher_wrap{
    width:100%;
    display: table;
    box-sizing:border-box;
}
.teacher_wrap > div{
    width:100%;
    display: block;
    vertical-align: top;
}
.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:hover,
.teacher_wrap .teacher-tab li a.selected{
    color:#000;
}
.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:597px;
    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;
    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;
}
.teacher_intro .con1{
    background:#333a48;
    padding:77px 0;
}
.teacher_intro .con1 ul{
    width:100%;
    overflow:hidden;
    margin:60px 0 0;
    font-size:0;
}
.teacher_intro .con1 ul li{
    display:inline-block;
    *display:inline;
    zoom:1;
    vertical-align:top;
    width:32.2%;
    text-align: center;
    box-sizing: border-box;
    margin:0 0 0 1.7%;
}
.teacher_intro .con1 ul li:first-child{
    margin:0;
}
.teacher_intro .con1 ul li p{
    font-size:20px;
    color: #fff;
    line-height:140%;
}
.teacher_intro .con1 ul li .icon_bg{
    margin: 0 auto 25px;
    text-align: center;
    box-sizing: border-box;
}
.teacher_intro .con1 ul li .icon_bg img{
    max-width:100%;
}