@charset "utf-8";

.teacher-list li{
	border:1px solid #e3dfdf
}


/*교수소개 -리스트*/

.teacher-list{
	overflow:hidden;
	display:flex;
	flex-wrap:wrap;
}
.teacher-list li{
	position:relative;
	overflow:hidden;
	width:200px;
	height:317px;
	margin-left:10px;
	margin-bottom:10px;
	background-color: #f1edec;
	cursor:pointer;
}
.teacher-list li:first-child,
.teacher-list li:nth-child(5n+1),
.teacher-list li.first-ele{
	margin-left:0;
}

.teacher-info{
	position:absolute;
	padding:0 15px;
	width:100%;
	height:86px;
	left:0;
	bottom:22px;
	z-index:2;
}
.teacher-info h4{
	color:#55b0d1;
	font-family:'noto5';
	font-weight:600;
	padding-bottom:10px;
	margin-bottom:5px;
	border-bottom:1px solid #55b0d1;
	word-break: keep-all;
}

.teacher-info p{
	color:#fff;
	font-size:13px;
}

.teacher-btn-setcion{
	position:absolute;
	width:inherit;
	width:206px\9;
	margin-top:88px;
		z-index:2;
}

.teacher-btn-setcion a{
	display:block;
	width:133px;
	height:28px;
	line-height:28px;
	margin:3px auto;
	color:#fff;
	border:1px solid #999998;
	text-align:center;

}

.teacher-list li .teacher-img{
	position:absolute;
	left:97px;
	margin-left:-137px;
}



.teacher-list li .teacher-bg{
	position:absolute;
	left:0;bottom:0;z-index:1;
	background-color:#000;
	width:inherit;
	width:206px;
	opacity: 0.5;
    filter: alpha(opacity=50);
}

.teacher-list li:hover{

}

.teacher-list li .teacher-bg{
	height:125px;
	transition: opacity 0.2s;
	/*transition: height 0.2s;*/
}
.teacher-list li .teacher-btn-setcion{
	opacity: 0;
    filter: alpha(opacity=0);
	transition: opacity 0.2s;
}

.teacher-list li:hover .teacher-btn-setcion{
	opacity: 1.0;
    filter: alpha(opacity=100);
	transition: opacity 0.5s
}
.teacher-list li:hover .teacher-bg{
	height:inherit;
	height:317px\9;
	opacity: 0.8;
    filter: alpha(opacity=80);

	transition: opacity 0.2s;
	/*transition: height 0.2s;*/

}
.teacher-list li:hover .teacher-info{
	opacity: 1;
    filter: alpha(opacity=100);
	transition: opacity 0.5s;
}
.teacher-list li:hover .teacher-info{
	opacity: 0.5;
    filter: alpha(opacity=50);
	transition: opacity 0.5s;
}


/* 교수 소개 -디테일*/
.teacher-top-wrap{
	position:relative;
	background:#ccd6df;
}
.teacher-top-wrap:before{
	content:'';
	display:block;
	position:absolute;
	width:100%;
	height:1px;
	left:0;
	top:50px;
	background:#9da4ab;
}
.top-sub-navi{
	position:relative;
	height:50px;
}
.top-sub-navi-btn{
	position:absolute;
	right:0;
	top: 14px;
	cursor:pointer;
	font-size:15px;
	line-height:23px;
	font-weight:600;
	font-family:'noto3';
	font-weight:400;
}
.top-sub-navi-btn .icon-menu,
.top-sub-navi-btn .icon-menu:before,
.top-sub-navi-btn .icon-menu:after{
	position:absolute;
	background:#333333
}

.top-sub-navi-btn .icon-menu{
	top:5px;
	left:4px;
}

.top-sub-navi-btn span{
	padding: 0 10px 0 30px;
}

.top-sub-navi-ul{
	display:none;
	position:absolute;
	right:-1px;
	top:51px;
	width:165px;
	border:1px solid #e1e7ec;
	background:#e1e7ec;
	z-index:10;
}
.top-sub-navi-ul li{
}
.top-sub-navi-ul li a.seleted,
.top-sub-navi-ul li a:hover{
	background:#565a5e;
	color:#fff;
}
.top-sub-navi-ul li a{
	display:block;
	padding:3px 14px;
	font-size:12px;
		font-family:'noto3';
	font-weight:400;
}

.teacher-detail-wrap{
	border-top:1px solid #9da4ab
	padding-top:
}


/* 교수 프로필  */
.teacher-profile-wrap{
	position:relative;
	min-height:820px;
}
/* 교수 프로필 >  교수프로필 목록  */
.teacher-profile-list{
	position:absolute;
	left:0;top:50px;
	width:160px;
	font-family:'noto3';
	font-weight:400;
}
.tpl-tit,
.tpl-1depth-ul{
	border:1px solid #eaeef2;
}
.tpl-tit{
	display:block;
	height:40px;
	line-height:40px;
	margin-bottom:4px;
	color:#fff;
	background:#565a5e;
	text-align:center;
	cursor:default;
}

.tpl-1depth-ul{
	background-color:#e1e7ec;
	font-size:14px;
	padding: 8px 15px;
}
.tpl-1depth-ul > li{
	border-top:1px solid #bbc0c4;
	position:relative;
}
.tpl-1depth-ul > li:first-child{
	border-top:none;
}

.tpl-1depth-ul > li .tpl-1depth-tit{
	display:block;
	line-height:30px;
	font-family:'noto5';
	font-weight:600;
	cursor:default

}

.tpl-1depth-ul > li .tpl-1depth-btn{
	display:block;
	position:absolute;
	top:4px;right:0;
	width:100%;
	height:18px;
	color:#666;
	cursor:pointer;
	text-align:right;
}

.tpl-1depth-ul > li .tpl-2depth-ul{
	display:none;
	overflow:hidden;
	margin:8px 0;
}

.tpl-1depth-ul > li .tpl-2depth-ul > li{
	float:left;
	padding-left:12px;
	position:relative;
	margin: 5px 10px 5px 0;
}
.tpl-1depth-ul > li .tpl-2depth-ul > li:before{
	content:'';
	display:block;
	position:absolute;
	width:4px;height:3px;
	left:2px;top:10px;
	background:#2482cf
}

/* 교수 프로필 >  교수프로필 목록 select 되었을때*/
.tpl-1depth-ul > li.active .tpl-1depth-tit{
	border-bottom:1px solid #fff
}
.tpl-1depth-ul > li.active .tpl-1depth-btn{
	display:none;
}

.tpl-1depth-ul > li.active .tpl-2depth-ul{
	display:block;
}

/* 교수 프로필 >  교수프로필 본문*/
.teacher-profile-tit,
.teacher-profile-play{
	position:absolute;
	width:420px;
}
.teacher-profile-career,
.teacher-profile-point{
	position:absolute;
	width:360px;
	padding:30px;
}
.teacher-profile-tit,
.teacher-profile-play,
.teacher-profile-career{
	right:0;
}
.teacher-profile-point{
	left:259px;
}

.teacher-profile-career,
.teacher-profile-point{
	height:112px;
}

.teacher-profile-tit{
	height:234px;
	top:80px;
}
.teacher-profile-tit h3{
	position:absolute;
	bottom:30px
}
.teacher-profile-play{
	top:315px;
    background: url(/_skin/gov/images/teacher/common/play.png);
    cursor: pointer;
}
.teacher-profile-career,
.teacher-profile-point{
	bottom:100px;
	background:#fff;
}

.teacher-profile-tit{
}
.tpt-txt1,
.tpt-txt2{
	display:block;
	font-size:38px;
	line-height:55px;
	letter-spacing:-2px;
}
.tpt-txt3{
	display:block;
	font-size:37px;
	line-height:55px;
	letter-spacing:-2px;
}
.tpt-txt1{
	font-family:'noto3';
	font-weight:300;
}
.tpt-txt2{
	font-family:'noto5';
	font-weight:600;
}
.tpc-tit-suject,
.tpc-tit-name{
	font-size:34px;
	letter-spacing:-2px;
}
.tpc-tit-suject{
	position:relative;
	font-family:'noto2';
	font-weight:100;
}
.tpc-tit-name{
	font-family:'noto3';
	font-weight:300;
}
.tpc-tit-suject:before{
	content:'';
	display:block;
	position:absolute;
	width:60px;height:2px;
	top:-2px;left:0;
	background:#000
}

.teacher-profile-point h4,
.teacher-profile-career h4{
	font-size:18px;
	font-family:'noto5';
	font-weight:600;
}
.teacher-profile-point h4{
	color:#3975f7;
	margin-bottom:35px;
}
.tpp-txt1{
	font-family:'noto3';
	font-weight:300;
	font-size:22px;
	line-height:30px;
	color:#2d4f82
}
.tpc-ul{
	margin-top:10px;
	overflow:hidden;
	height:100px;
	letter-spacing:-1px;
}
.tpc-ul li{
	margin:4px 0 ;
	font-size:13px;
	color:#7a7979
}
.tpc-ul li:before{
	content:'·';
	display:inline-block;
	margin-right:4px;
}

/*도서*/
.teacher-book-wrap{
	background:url('/_skin/gov/images/teacher/common/teacher_book_bg.gif') repeat #223d5f;
	padding:70px 0;
	color:#fff;
}
.teacher-book{
	position:relative;
}
.teacher-book h4{
	margin-bottom:5px;
	padding-bottom:5px;
	border-bottom:1px solid #909dae;

}
.teacher-book-btn{
	display:block;
	height:37px;
	line-height:37px;
	text-align:center;
	background:#112238;
	color:#686b71;
	font-size:13px;
	cursor:pointer
}

.teacher-book-ul{
	overflow:hidden;

}
.teacher-book-ul li{
	position:relative;
	float:left;
	width:490px;
	min-height:130px;
	padding:40px 30px;
}
.teacher-book-ul li:before{
	content:'';
	display:block;
	position:absolute;
	width:1px;
	height:120px;
	left:-1px;
	top:50%;
	margin-top:-60px;
	background:#d6d6d6
}
.teacher-book-ul li .tb-img{
	position:absolute;
	left:45px;top:45px
}
.teacher-book-ul li .tb-img img{
	width:99px
}
.teacher-book-ul li .tb-info{
	padding-left:145px;
}
.teacher-book-ul li .tbi-name{
	font-size:16px;
	font-weight:100;
	margin-bottom:3px;
}
.teacher-book-ul li .tbi-author{
	display:block;
	color:#959595;
	font-size:15px;
	margin-bottom:20px;
}
.teacher-book-ul li .tbi-price-pre{
	text-decoration:line-through;
	margin-right:10px;
}
.teacher-book-ul li .tbi-price-discount{
	color:#66fcf7;
	font-size:16px;
}
.tbi-btn-seiction{
	margin-top:15px;
}
.tbi-btn-a{
	display:inline-block;
	border:2px solid #fff;
	padding:4px 0;
	width:98px;
	text-align:center;
	font-size:12px;
}


/*교수상세 중단 컨텐츠*/

.banner-gray{
	background:#f3f3f3
}

.banner-bg2{background:url('/_skin/gov/images/teacher/contents/page2/apply_bn_bg.png') repeat;}

.banner-bg3{background:url('/_skin/gov/images/teacher/contents/page3/apply_bn_bg.png') repeat;}
.banner-bg4{background:url('/_skin/gov/images/teacher/contents/page4/apply_bn_bg.png') repeat;}
.banner-bg5{background:url('/_skin/gov/images/teacher/contents/page5/apply_bn_bg.png') repeat;}
.banner-bg6{background:url('/_skin/gov/images/teacher/contents/page6/apply_bn_bg.png') repeat;}
.banner-bg7_1{background:url('/_skin/gov/images/teacher/contents/page7/content1_apply_bn_bg.png') repeat;}
.banner-bg7_2{background:url('/_skin/gov/images/teacher/contents/page7/content2_apply_bn_bg.png') repeat;}
.banner-bg8{background:url('/_skin/gov/images/teacher/contents/page8/apply_bn_bg.png') repeat;}

.banner-bg2 .banner-apply-btn{	height:174px;background:url('/_skin/gov/images/teacher/contents/page2/apply_bn.png') no-repeat;}
.banner-bg3 .banner-apply-btn{height:216px;background:url('/_skin/gov/images/teacher/contents/page3/apply_bn.png') no-repeat;}
.banner-bg4 .banner-apply-btn{height:218px;background:url('/_skin/gov/images/teacher/contents/page4/apply_bn.png') no-repeat;}
.banner-bg5 .banner-apply-btn{height:218px;background:url('/_skin/gov/images/teacher/contents/page5/apply_bn.png') no-repeat;}
.banner-bg6 .banner-apply-btn{height:216px;background:url('/_skin/gov/images/teacher/contents/page6/apply_bn.png') no-repeat;}
.banner-bg7_1 .banner-apply-btn{height:178px;background:url('/_skin/gov/images/teacher/contents/page7/content1_apply_bn.png') no-repeat;}
.banner-bg7_2 .banner-apply-btn{height:216px;background:url('/_skin/gov/images/teacher/contents/page7/content2_apply_bn.png') no-repeat;}
.banner-bg8 .banner-apply-btn{height:216px;background:url('/_skin/gov/images/teacher/contents/page8/apply_bn.png') no-repeat;}

.banner-apply-btn{
	position:relative;

}
.banner-apply-btn a{
	position:absolute;
	display:block;
	z-index:10;
}
.banner-apply-go1,
.banner-apply-go2{
	width:259px;
	height:111px;
}
.banner-apply-go1{
	right:298px;
	bottom:29px;
}
.banner-apply-go2{
	right:30px;
	bottom:29px;
}


.banner-apply-go3,
.banner-apply-go4,
.banner-apply-go6{
	height:140px;
	left:40px;
}
.banner-apply-go3{
	width:510px;
	bottom:36px;
}
.banner-apply-go4{
	width:510px;
	bottom:36px;
}
.banner-apply-go6{
	width:420px;
	bottom:36px;
}