@charset "UTF-8";
.teacher_wrap{
/*     padding:115px 0 0 0; */
    padding:50px 0 0 0;
/*     margin:50px 0 0 0; */
    background:#eff2f7;
}
.teacher_wrap .mid{
    width:1100px;
    margin:0 auto; 
}
.teacher_wrap .tab_list{
    margin:0 auto 70px; 
    width:1100px;
}
.teacher_wrap .tab_list ul{
    display:flex;
    flex-wrap:nowrap;
}
.teacher_wrap .tab_list li{
    width:240px;
    border-radius:10px;
    text-align:center;
    line-height:70px;
    background:#7f8699;
    color:#bbc0d3;
    font-size:28px;
    font-family:'noto6';
    margin:0 15px 0 0;
    cursor:pointer;
}
.teacher_wrap .tab_list li:hover,
.teacher_wrap .tab_list li.selected{
    background:#3d4762;
    color:#fff;
}
.teacher_wrap .tab_cont{
    padding:20px 0 0 0;
    position:relative;
    display:none;
}
.teacher_wrap .tab_cont.ta2{
    display:block
}
.teacher_wrap .tab_cont:after{
    content:"";
    position:absolute;
    width:55%;
    height:800px;
    right:0;
    top:0;
    z-index:1;
}
.teacher_wrap .tab_cont.ta1:after{
    background:url('/_skin/tpl_skin/basic_kbs3/images/teacher/teacher_1.png') no-repeat 20px -15px;
    right:7%;
}
.teacher_wrap .tab_cont.ta2:after{
    background:url('/_skin/tpl_skin/basic_kbs3/images/teacher/teacher_2.png') no-repeat -40px -15px;
}
.teacher_wrap .teacher_info{
    padding:0 0 120px;
    position:relative;
    width: 1100px;
    margin:0 auto;
    background:url('/_skin/tpl_skin/basic_kbs3/images/teacher/teacher_bg.png') no-repeat 92% 4%;
}
.teacher_wrap .teacher_info:before{
    content:"";
    position:absolute;
    left:0;
    bottom:0;
    width:7px;
    height:70px;
    background:#1156a1;
}
.teacher_wrap .teacher_info:after{
    content:"";
    position:absolute;
    width:60%;
    height:50%;
    right:-4%;
    top:36%;
    z-index:2;
}
.teacher_wrap .tab_cont.ta1 .teacher_info:after{
    top:40%;
    background:url('/_skin/tpl_skin/basic_kbs3/images/teacher/teacher_1_txt.png') no-repeat right center; 
}
.teacher_wrap .tab_cont.ta2 .teacher_info:after{
    background:url('/_skin/tpl_skin/basic_kbs3/images/teacher/teacher_2_txt.png') no-repeat right center;
}
.teacher_wrap .teacher_info .sub_tit{
    color:#11579f;
    font-size:35px;
    line-height:120%;
    letter-spacing:-2px;
    margin:0 0 70px;
}
.teacher_wrap .teacher_info .sub_tit b{
    font-size:42px;
    line-height:150%;
    display:block;
    font-family:'noto5';
    margin:10px 0 0 0;
}
.teacher_wrap .teacher_info .sub_tit b span{
    border-bottom:2px #1156a1 solid;
    display:inline-block;
    
}
.teacher_wrap .teacher_info .detail{
}
.teacher_wrap .teacher_info .detail p{
    font-size:50px;
    line-height:100%;
    font-family:'noto6';
    color:#233343;
    padding:55px 0 0 0;
    background:url('/_skin/tpl_skin/basic_kbs3/images/teacher/bullet.png') no-repeat left top;
}
.teacher_wrap .teacher_info .detail .sample{
    height:330px;
    width:550px;
    background:url('/_skin/tpl_skin/basic_kbs3/images/teacher/teacher_play1.png') no-repeat center center;
    margin:45px 0 40px;
    position:relative;
    z-index:2;
}
.teacher_wrap .ta2 .teacher_info .detail .sample{
    background:url('/_skin/tpl_skin/basic_kbs3/images/teacher/teacher_play2.png') no-repeat center center;
    
}
.teacher_wrap .teacher_info .detail .sample a{
    display:block;
    height:100%;
    background:url('/_skin/tpl_skin/basic_kbs3/images/teacher/teacher_play.png') no-repeat center 70%;
    text-align:center;
    color:#fff;
    font-size:38px;
    padding:110px 0 0 0;
    font-family:'noto6';
    letter-spacing:-2px;
}
.teacher_wrap .teacher_info .detail .history li{
    color:#89939d;
    font-size:20px;
    line-height:160%;
    font-family:'noto4';
}
.teacher_wrap .teacher_info .detail .history li:before{
    content:"ㆍ";
    left:0;
}
.teacher_add{
    background:#fff;
}
.teacher_add .mid{
    position:relative;
    padding:95px 0 210px;
}
.teacher_add .mid:before{
    content:"";
    position:absolute;
    left:0;
    top:0;
    height:230px;
    width:7px;
    background:#1156a1;
}
.teacher_add h2{
    padding:0 0 0 40px;
    line-height:150%;
    font-size:50px;
    font-family:'noto3';
    font-weight:100;
    color:#383e4a;
    margin:0 0 180px;
    letter-spacing:-2px;
}
.teacher_add h2 b{
    display:block;
    line-height:100%;
    font-family:'noto6';
}
.teacher_add ul{
    display:flex;
    width:100%;
    flex-wrap:nowrap;
    justify-content:space-between
}
.teacher_add ul li{
    width:32%;
    border-radius:20px;
    background:#d1e2f6;
    text-align:center; 
    padding:130px 0 65px;
    position:relative;
    box-shadow:10px 15px 15px #e0e0e0
}
.teacher_add ul li .img{
    margin:0 auto;
    border-radius:50%;
    background:#eff2f7;
    text-align:center;
    padding:40px 0 40px 20px;
    width:180px;
    box-sizing:border-box;
    position:absolute;
    top:-90px;
    left:50%;
    margin:0 0 0 -90px;
}
.teacher_add ul li p{
    color:#344c7c;
    font-size:35px;
    font-family:'noto6';
    line-height:100%;
    margin:0 0 25px;
}
.teacher_add ul li span{
    display:block;
    font-size:22px;
    line-height:150%;
    color:#344c7c;
}