/******** 강사 리스트 *********/
/* 리스트 */
.tit.prof{padding: 0 0 20px 0 !important; font-weight: 700;}
.prof_list > div{position: relative; padding: 0 0 60px;}
.prof_list .list{overflow: hidden; width: 100%;}
.prof_list .list li{position: relative; color: #fff; float: left; width: 320px; margin: 0 10px 10px 0; height: 278px;}
.prof_list .list a:nth-child(3n) li{margin: 0 0 10px 0;}
.prof_list .list li .tch img{width: 320px;margin: 10px 0 0 0px;}

.prof_list .list li .txt{position: absolute; top: 0; left: 0; padding: 30px 27px; width: 266px; height: 218px; /* background: linear-gradient(to bottom, transparent 0%, rgba(27,36,53,0.1) 65%, rgba(27,36,53,0.8) 98%); */text-align: left; color: rgba(255,255,255,0.7);}
.prof_list .list li .txt span{padding-right: 8px; display: inline-block; line-height: 15px; border-right: 1px solid rgba(255,255,255,0.2);}
.prof_list .list li .txt strong{padding-left: 3px;}

.prof_list .list li .career{margin-top: 85px;}
.prof_list .list li .career div{padding-top: 10px; font-size: 15px; line-height: 1.2; color: #fff; opacity: 0;}

.prof_list .list li i,
.prof_list .list li em{color: #fff; display: block; letter-spacing: -1.5px;}
.prof_list .list li i{font-size: 19px;line-height: 1.5;}
.prof_list .list li em{font-size: 25px;font-weight: 800;}

.prof_list .list li .btn_bar{position: absolute; bottom: 0; left: 0; width: 268px; padding: 10px 26px; font-size: 14px; text-align: right; color: #fff; font-weight: 500; z-index: 3; background: rgba(0,0,0,0.5);}
.arrow-r::after {position: absolute; top: 14px; right: 16px; content: ''; width: 6px; height: 6px; border-top: 2px solid #fff; border-right: 2px solid #fff; transform: rotate(45deg);}

/* 전기 교수진  */
.prof_list .electrical li{background: #455e87;}

/* 소방 교수진 */
.prof_list .fire li{background: #6e404d;}

/* 국비 */ 
.prof_list .grant li{background:#464a61;}
.prof_list .grant li em{font-size: 25px;font-weight: 800; text-shadow: 0 0 18px rgba(0, 0, 0, 0.9);}

/* 공기업 */
.prof_list .public li{background:#51909b;}

.prof_list .list li.tit.prof{background: none; color: #333; height: unset; margin: 0;}

/* 마우스 오버 효과 */
.prof_list .list li:hover{cursor: pointer;} 
.prof_list .list li:hover .txt{background: rgba(0,0,0,0.5);} 
.prof_list .list li:hover .career{transition: all .3s ease; transform: translateY(-80px);} 
.prof_list .list li:hover .career div{transition: all .3s ease; transform: translateY(0); opacity: 1;} 
.prof_list .list li:not(:hover) .career{transition: all .3s ease; transform: translateY(0);}

#fire{position: absolute;top: 140px;left: 550px;}

/******** 강사 홈 *********/
.prof_wrap{min-width: 1500px;}
.prof_wrap .inner{position: relative;}

/* 강사 상단 */
.prof_main{background: #0e4a8a; width: 100%; height: 960px; position: relative;}
.prof_visual{background: url('../img/prof/26/prof_01.png') center bottom no-repeat; height: 100%; width: 1440px; margin: 0 auto; position: relative;}
.prof_lnb{float: left; width: 220px; top: 190px; position: fixed; border-top: 2px solid #b5c7da; z-index: 101;}
.prof_info{padding: 30px 24px 23px;}
.prof_info em,
.prof_info span{display: block; color: #ccc; font-size: 16px;}
.prof_info .name{font-size: 32px; color: #fff; padding-top: 10px; font-weight: 600;}
.prof_lnb .prof_btn{width: 150px;height: 16px;color: #fff;border: 1px solid #eee;padding: 10px;text-align: center;margin-top: 15px;display: block;line-height: 1;}

.prof_lnb div{background: #0e4a8a;padding: 15px 24px;color: #fff;}
.prof_lnb ul{position: relative;}
.prof_lnb li{border-top: 1px solid #eee; font-size: 18px; color: #fff;}


.prof_lnb ul li:last-child {border-top: 0; border: 1px solid #0e4a8a; border-radius:  0 0 20px 20px;}
.prof_lnb ul li:last-child div:last-child{border-radius: 0 0 20px 20px;}

.prof_wrap .collapsible{display: block; cursor: pointer; background: #f9fbfd !important; color: #1b2435; font-size: 15px; text-align: center; padding: 10px 0; border-radius: 0 0 20px 20px; position: relative;}
.prof_wrap .collapsible .arrow{display: inline-block; position: relative; width: 14px;}
.prof_wrap .collapsible .arrow:after{position: absolute; top: -11px; right: 0; content: '';  width: 6px; height: 6px; border-right: 2px solid #222; border-bottom: 2px solid #222; transform: rotate(45deg);}
.prof_all{display: none; background: #b8daff !important; padding: 20px !important; letter-spacing: -1px; color: #111; font-size: 15px;}
.prof_all a{display: inline-grid; min-width: 48px;  margin: 5px 5px; text-align: center;}
.prof_all span{border-right: 1px solid #aaa;}
.prof_all span:last-child{border-right: 0;}
.active .prof_wrap .collapsible{border-radius: 0;}
.active .prof_wrap .collapsible .arrow:after{top: -7px; right: 0; border-top: 2px solid #222; border-left: 2px solid #222; transform: rotate(45deg); border-right: 0; border-bottom: 0;}
.active .prof_all {display: block;}

.right_box {float: right; width: 460px; background: linear-gradient(to left, transparent 0%, rgba(14,74,138,0) 50%, rgba(11,57,107,0.5) 100%); height: 100%; padding: 20px 0 0 40px;}

.m_profain::after{content:''; display:block; clear: both;}

.new::after{content:'N'; color: #ffcb02; margin-left: 5px; font-weight: 600;}

/* 보드 */
.prof_board{height: 198px; padding: 30px 20px 0; letter-spacing: -1px;}
.prof_board .tit{position: relative; margin-bottom: 10px; padding: 10px; border-bottom: 1px solid #b4c4d5; font-size: 20px; color: #fff;}
.prof_board .tit a::after{position: absolute; top: 16px; right: 10px; content: ''; width: 8px; height: 8px; border-top: 2px solid #fff; border-right: 2px solid #fff; transform: rotate(45deg);}

.prof_board ul li{position: relative; padding-top: 10px; color: #aaa; font-size: 16px;}
.prof_board ul li a{display: inline-block; width: 260px; margin-right: 30px; color: #ddd}
.prof_board ul li::before{content: ' \00B7'; padding-right: 10px; font-weight: 900; color: #ddd;}

/* 보드 배경색 - 수강후기 */
.prof_board.box{background: #daf2ff; padding: 10px 20px; font-size: 16px; color: #333; height: 220px;}
.prof_board.box .tit{position: relative; margin-bottom: 10px; padding: 10px; border-bottom: 1px solid #546171; font-size: 20px; color: #1b2435;}
.prof_board.box .tit a::after{border-color: #1b2435;}
.prof_board .review{line-height: 1.3; padding: 10px 15px;}
.prof_board .review .like{padding-top: 20px; color: #1b2435;}
.prof_board .review .like span{display: inline-block; padding-left: 10px; color: #333;}

/* 동영상 */
.vod_box{position: relative; background: #000; margin-top: 40px; height: 236px;}
.vod_box .vod_cover{position: absolute; top: 0; left: 0;}
.vod_box a::before{content:''; display: block; position: absolute; top: 0; left: 0; background: linear-gradient(to bottom, transparent 0%, rgba(0,0,0,0) 50%, rgba(0,0,0,0.5) 100%); width: 100%; height: 100%;}
.vod_box a::after{background: url('../img/common/btn_play.png') no-repeat; content: ''; display: block; width: 69px; height: 49px; position: absolute; top: 95px; left: 176px;}

/* 커리큘럼 */
.prof_curri{background: #e0eff7;}
.prof_conts{padding: 70px 0 70px 255px;}

/* 개설강좌 */
.tab_navi{overflow: hidden; width: 100%; margin: 27px auto 30px;}
.tab-data{background: #f9fdfb; border: 1px solid #ebebeb; cursor: pointer; float: left; width: 50%; /*592 1184*/padding: 24px 0; font-size: 24px; color: #2b3131; text-align: center;}
.tab-data.active{background: #1b2435; border: 1px solid #1b2435; color :#fff;}

.lecList{width: 100%; display: inline-flex; align-items: center; background: #fff; border: 1px solid #eee; margin-top: 10px; height: 100px; font-size: 16px;}
.lecList div{position: relative;}

.lecList .class{width: 128px; border-right: 1px solid #eee; height: 100%; text-align: center; display: inline-grid; align-items: center;}

.lecList .info{width: 620px; padding: 17px 20px;}
.lecList .info .lec_tit{font-size: 20px; font-weight: 600;}
.lecList .info .lecLabel{border-radius: 6px; width: fit-content; margin-left: 4px; padding: 0 10px; font-size: 14px; display: inline-block; line-height: 1.8; font-weight: 500;}
.lecList .info .lecLabel.in{background: #ffedda; color: #f08424;}
.lecList .info .lecLabel.acad{background: #f8eaff; color: #b66cef;}
.lecList .info i, 
.lecList .info small{display: block;}
.lecList .info i{padding-top: 2px;}
.lecList .info small{padding-top: 4px; font-size: 15px !important; color: #888;}

.lecList .price{width: 270px; padding: 0 10px; text-align: right; font-weight: 600;}
.lecList .price strong{font-size: 30px; font-weight: 700; margin-left: 10px; text-align: right; width: 150px; display: inline-block;}
.lecList .price s{color: #aaa; color: #aaa; width: 90px; display: inline-block;}
.lecList .price .dc{position: absolute; top: -3px; left: 10px; color: #e91e63;}

.lecList .btnWrap{width: 164px; padding: 0 20px;}
.lecList .btnLec{position: relative; width: 124px; height: 40px; display: inline-flex; align-items: center; 
justify-content: center; font-size: 15px;}
.lecList .btnLec.detail{background: #315ef3; color: #fff;}
.lecList .btnLec.detail span{width: 8px; height: 8px; border-top: 2px solid #fff; border-right: 2px solid #fff; transform: rotate(45deg); margin-left: 6px;}
.lecList .btnLec.view{border: 1px solid #e2e2e3; text-align: center;}
.lecList .btnLec.view span{width: 18px; height: 18px; color: #888; border-radius: 50%; border: 1px solid #888; font-size: 8px; display: grid; align-items: center; justify-content: center; margin-left: 6px;}

/* 수강후기 */
.review_write{width: 100%; display: inline-flex; align-items: center; background: #fff; border: 1px solid #ccc; margin-top: 17px; height: 98px; font-size: 16px;}
.review_write div{position: relative; height: 100%;}
.review_write .cehcked_star {display: flex; flex-direction: row-reverse; padding-bottom: 12px; border-right: 1px solid #ccc; width: 127px; align-items: center; justify-content: center; height: 86px;}
.review_write .cehcked_star input {display: none;}
.review_write .cehcked_star label {display: inline-block;  width: 16px;  height: 15px;  background-image: url('https://test.engineerlab.co.kr/ee/assets/img/pages/professor/star.png'); background-size: 16px; margin-right: 2px;}
.review_write .cehcked_star label:hover{cursor: pointer;}
.review_write .cehcked_star :checked ~ label {background-image: url('https://test.engineerlab.co.kr/ee/assets/img/pages/professor/star-on.png');}
.review_write textarea{display: block; border: 0; width: 970px; height: 100%; resize: none; font-weight: 400; font-size: 15px; line-height: 22px; padding: 20px;}
.review_write textarea:focus{outline: none;}
.review_write .btn_write{width: 124px}
.review_write .btn_write a{width: 124px; height: 40px; background: #333; color: #fff; display: flex; align-items: center; justify-content: center; position: absolute; right: -1px; bottom: 0;}

.reviewList{overflow: hidden; font-size: 16px; border-top: 1px solid #eee; margin-top: 14px;}
.reviewList li{border-bottom: 1px solid #eee; padding: 20px 15px; display: inline-flex; align-items: center; line-height: 1.3;}
.reviewList .review_star{width: 123px; height: 16px; background-image: url('https://test.engineerlab.co.kr/ee/assets/img/common/star-grey.png'); background-size: 88px 16px; background-repeat: no-repeat;}
.reviewList .review_star .checked{width: 88px; height: 16px; background-size: 88px 16px; background-repeat: no-repeat; background-image: url('https://test.engineerlab.co.kr/ee/assets/img/common/stars.png');}
.reviewList .review_id{width: 85px; padding: 0 15px 0 5px; color: #888;}
.reviewList .review_con{width: 945px; color: #333;}

/* 모바일 강사 홈 */
.m_prof_wp{display: none;}
.m_prof_top {background: #3c3abf;}
.m_gnb{overflow: hidden; padding: 0 1rem;}
.m_gnb ul {height:3.5rem; font-size: 1.2rem;}
.m_gnb ul li{height: 100%; margin-left: 1rem; width: 5rem; display: inline-grid; align-items: center; text-align: center;}

.m_prof_top .m_gnb ul li{color: #8988d4;}
.m_prof_top .m_gnb .active{color: #fff; font-weight: 600; border-bottom: 0.3rem solid #fff;}

.m_prof_main{background: #0e4a8a;}
.m_prof_main .visual{width: 100%; margin: 0 auto; height: 29rem; background: #0e4a8a url('https://test.engineerlab.co.kr/ee/assets/img/prof/26/prof_01.png') -5rem 0 no-repeat; background-size: cover;}

.m_prof_main .detail{background: linear-gradient(to top, transparent 0%, rgba(14, 74, 138, 0) 50%, rgba(11, 57, 107, 0.8) 100%); padding: 1rem 0 2rem;}
.m_prof_wp .prof_board{width: 90%;  margin: 0 auto; border: 1px solid #fff; height: auto; padding: .5rem 1rem 1rem; margin-top: 1.25rem;}
.m_prof_wp  .prof_board .review .like{padding-top: 0.5rem;}
.m_prof_wp  .prof_board.box{padding: 0.25rem;}

.m_prof_wp .vod_wp{background: #fff; padding: 2rem 0;}
.m_prof_wp .vod{width: 95%; margin: 0 auto; height: 13.2rem; background: #000;}
.m_prof_wp .vod_box{width: 100%; height: 100%;}
.m_prof_wp .vod_box img{width: 100%;}
.m_prof_wp .vod .list{margin-top: 2rem; overflow: hidden;}
.m_prof_wp .vod .list li{background: #000; float: left; width: 47%; height: 4rem; 
 margin-left: 2%;}
.m_prof_wp .curriculum{background: #e0eff7;}
.m_prof_wp .curriculum img{width: 95%; margin: 0 auto;}

.sub_tit{font-size: 1.5rem; letter-spacing: -.4px;}
.prof_list .list {display: grid; grid-template-columns: repeat(3, 1fr);}