@charset "UTF-8";    
/******** 강사 리스트 *********/
/* 리스트 */
.prof_list{padding: 0 20px}
.prof_list .list{overflow: hidden; margin-top: 30px; display: grid; grid-template-columns: repeat(3, 1fr); grid-gap: 15px 39px;}
.prof_list .list li{position: relative; color: #fff; display: inline-grid; align-items: end; letter-spacing: -1px;}
.prof_list .list li .tch{background: rgba(0,0,0,0); text-align: right;}

.prof_list .list li .txt{position: absolute; top: 0; left: 0; padding: 30px 20px; width: 100%; height: 100%; background: linear-gradient(to bottom, transparent 0%, rgba(27,36,53,0.1) 65%, rgba(27,36,53,0.8) 98%); text-align: left;}
.prof_list .list li .txt span{padding-right: 10px; font-size: 18px; display: inline-block; line-height: 15px;}
.prof_list .list li .txt strong{padding-left: 10px; font-size: 20px;}

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

.prof_list .listli i,
.prof_list .list li em{color: #fff; display: block;}
.prof_list .list li i{font-size: 20px; line-height: 1.5;}
.prof_list .list li em{font-size: 26px; font-weight: 800;}

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

/* 필기 교수진 */
.tch_list1 .list li{background: #1b2435;}
.tch_list1 .list li .txt{color: #95caff}
.tch_list1 .list li .txt span{border-right: 1px solid #95caff;}
.tch_list1 .list li .btn_bar{background: #95caff;}

/* 실기 교수진 */
.tch_list2 .list li{background: #2a1b35;}
.tch_list2 .list li .txt{color: #d3a9ff}
.tch_list2 .list li .txt span{border-right: 1px solid #d3a9ff;}
.tch_list2 .list li .btn_bar{background: #d3a9ff;}

/* 첨삭,집필 위원 */
.tch_list3 .list{grid-template-columns: repeat(4, 1fr);}
.tch_list3 .list li{background: #ddd;}
.tch_list3 .list li .txt{color: #111; padding: 20px;}
.tch_list3 .list li .txt span{border-right: 1px solid #111;}
.tch_list3 .list li .career{margin-top: 135px;}
.tch_list3 .list li i{font-size: 18px; color: #fff;}
.tch_list3 .list li em{font-size: 24px;}
.tch_list3 .list li .tch{background: rgba(0,0,0,0); text-align: center;}
.tch_list3 .list li .tch img{vertical-align: bottom;}

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

/* 강사 상단 */
.prof_main{background: #0e4a8a; width: 100%; height: 960px; position: relative; margin-top: -22px;}
.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: 315px; 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; letter-spacing: -1px;}
.prof_lnb .prof_btn{width: 172px; height: 36px; color: #fff; border: 1px solid #eee; padding: 10px; text-align: center; margin-top: 15px; display: block; line-height: 1;}

/* 프로필 팝업 */
.prof_pop{position: fixed; top: 333px; left: 50%; margin-left: -696px; border: 1px solid #000; /* position: absolute; top: 126px; left: 24px; */ background: #fff; width: 400px; z-index: 101;}
.pr_tit{position: relative; background: #f9f9f9; font-size: 18px; font-weight: 800; padding: 15px 30px;}
.pr_txt{font-size: 16px; color: #484848; padding: 20px 30px 30px; line-height: 25px;}
.prof_pop .closeX{position: absolute; top: -6px; right: 39px; width: 0; line-height: 3rem; font-size: 3rem; text-align: center; cursor: pointer; color: #000; text-decoration: none; font-weight: 200;}

.prof_lnb div{background: #0e4a8a; padding: 15px 24px;}
.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;}

.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;}
.collapsible .arrow{display: inline-block; position: relative; width: 14px;}
.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 4px; text-align: center;}
.prof_all span{border-right: 1px solid #aaa;}
.prof_all span:last-child{border-right: 0;}
.active .collapsible{border-radius: 0;}
.active .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;}

.prof_main::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: 15px; 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 p{text-align: left;}
.prof_board .review p:first-child{height: 70px;}
.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; letter-spacing: -1px;}
.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: 30px; 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;}
.review_write .cehcked_star input {display: none;}
.review_write .cehcked_star label {display: inline-block;  width: 16px;  height: 15px;  background-image: url('../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('../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{width: 100%; border-bottom: 1px solid #eee; padding: 20px 15px; display: inline-flex; align-items: center; line-height: 1.3;}
.reviewList li a{display: inline-block; background: #eee; color: #959595; padding: 5px 10px; text-align: center; border-radius: 3px; font-size: 15px;}
.reviewList .review_star{width: 123px; height: 16px; background-image: url('../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('../img/common/stars.png');}
.reviewList .review_id{width: 85px; padding: 0 15px 0 5px; color: #888;}
.reviewList .review_con{width: 900px; 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: 90vw; background: #0e4a8a url('../img/prof/26/prof_01.png') 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; height: 31rem;}
.m_prof_wp .vod{width: 95%; margin: 0 auto; height: 63.2%; background: transparent;}
.m_prof_wp .vod_box{width: 100%; height: 100%; background: transparent;}
.m_prof_wp .vod_box .vod_cover{width: 100%; height: 100%;}
.m_prof_wp .vod_box a::before{display: none;}
.m_prof_wp .vod_box a::after{background: url('../img/common/btn_play.png') no-repeat; content: ''; display: block; width: 20%; position: absolute; top: 41%; left: 43%; background-size: contain;}
.m_prof_wp .vod_box img{width: 100%;}
.m_prof_wp .vod .list{overflow: hidden; height: 9rem;}
.m_prof_wp .vod .list li{background: #000; float: left; width: 49%; height: 10rem; margin-left: 2%;}
.m_prof_wp .vod .list li:first-child{margin-left: 0;}
.m_prof_wp .vod .list li .vod_cover{top: -2.5rem}

.m_prof_wp .curriculum{background: #e0eff7; /*padding: 5% 3%; */}
.m_prof_wp .curriculum img{width: 100%;}

.m_prof_wp .reviewList li{display: block;}


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

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

.m_prof_wp .lecList .info{width: 620px; padding: 17px 20px;}
.m_prof_wp .lecList .info .lec_tit{font-size: 20px; font-weight: 600;}
.m_prof_wp .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;}
.m_prof_wp .lecList .info .lecLabel.in{background: #ffedda; color: #f08424;}
.m_prof_wp .lecList .info .lecLabel.acad{background: #f8eaff; color: #b66cef;}
.m_prof_wp .lecList .info i, 
.m_prof_wp .lecList .info small{display: block;}
.m_prof_wp .lecList .info i{padding-top: 2px;}
.m_prof_wp .lecList .info small{padding-top: 4px; font-size: 15px !important; color: #888;}

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

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

.m_prof_wp .classTitle{padding: 2rem 0 0 0.58rem;}
.m_prof_wp .depth_tit{padding-top: 2rem; font-size: 1.25rem;}

/* 모바일 강의 */
.m_prof_lecture .tab-data{padding: 1rem 0;}
.m_lecList{width: 100%; border: 1px solid #eee; padding: 1rem;}
.m_lecList .info .lec_tit{font-size: 20px; font-weight: 600;}
.m_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;}
.m_lecList .info .lecLabel.in{background: #ffedda; color: #f08424;}
.m_lecList .info .lecLabel.acad{background: #f8eaff; color: #b66cef;}

.m_lecList .info i,
.m_lecList .info small{display: block;}
.m_lecList .info i{padding-top: 0.5rem;}

.m_lecList .price{position: relative; text-align: right; font-weight: 600; letter-spacing: -1px; border-top: 1px solid #eee; margin-top: 1rem; padding-top: 1rem}
.m_lecList .price strong{font-size: 30px; font-weight: 700; margin-left: 10px; text-align: right; width: 150px; display: inline-block;}
.m_lecList .price s{color: #aaa; color: #aaa; width: 90px; display: inline-block;}
.m_lecList .price .dc{position: absolute; top: 1.8rem; left: 2rem; color: #e91e63;}

.m_lecList .btnWrap{padding-top: 0.5rem; text-align: right;}
.m_lecList .btnLec{position: relative; width: 10.3rem; height: 40px; display: inline-flex; align-items: center;
justify-content: center; font-size: 15px;}
.m_lecList .btnLec.detail{background: #315ef3; color: #fff;}
.m_lecList .btnLec.detail span{width: 8px; height: 8px; border-top: 2px solid #fff; border-right: 2px solid #fff; transform: rotate(45deg); margin-left: 6px;}
.m_lecList .btnLec.view{border: 1px solid #e2e2e3; text-align: center;}
.m_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;}

.m_prof_lecture,
.m_prof_review{width: 95%; margin: 0 auto;}

/* 모바일 수강후기 */
.m_prof_review .cehcked_star {display: flex; flex-direction: row-reverse; align-items: center; justify-content: center; height: 2rem;}
.m_prof_review .cehcked_star input {display: none;}
.m_prof_review .cehcked_star label {display: inline-block;  width: 16px;  height: 15px;  background-image: url('../img/pages/professor/star.png'); background-size: 16px; margin-right: 2px;}
.m_prof_review .cehcked_star :checked ~ label {background-image: url('../img/pages/professor/star-on.png');}
.m_prof_review textarea{display: block; width: 100%; height: 100%; resize: none; font-weight: 400; font-size: 15px; line-height: 22px; padding: 1rem; border: 1px solid #ebebeb;}
.m_prof_review textarea:focus{outline: none;}
.m_prof_review .btn_write a{width: 9rem;margin: 1rem auto;border-radius: 15rem;background: #333;color: #fff;display: flex;align-items: center;justify-content: center;height: 2.5rem;}
/* .m_reviewList{border-top: 1px solid #ccc} */
.m_reviewList li{border-bottom: 1px solid #ebebeb; padding: 1rem 0;}
.m_prof_review .review_star{width: 123px; height: 16px; background-image: url('../img/common/star-grey.png'); background-size: 88px 16px; background-repeat: no-repeat; display: inline-block;}
.m_prof_review .review_star .checked{width: 88px; height: 16px; background-size: 88px 16px; background-repeat: no-repeat; background-image: url('../img/common/stars.png');}
.m_prof_review .review_id{width: 85px; padding: 0 15px 0 5px; color: #888; display: inline-block;}
.m_prof_wp .review_con{width: 100%; color: #333; padding-top: 0.5rem;}

/* screen 사이즈 */
@media screen and (max-width: 1140px){ /* 타이틀 */
    .sub_tit{font-size: 1.5rem; letter-spacing: -.4px;}
    .prof_list .list {grid-template-columns: repeat(2, 1fr);} 
    .tch_list3 .list{grid-template-columns: repeat(3, 1fr); grid-gap: 15px 5px;}
}

@media (min-width: 817px){/* 교수 리스트 마우스 오버 효과 PC에서만 (2개 사이즈 817px) */
    .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(-85px);} 
    .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);}
}
   
@media (max-width: 816px){/* 교수 리스트 */ 
    .m_prof_wp{display: block;}
    .prof_wrap{display: none;}
    .prof_list .list{grid-template-columns: repeat(1, 1fr);} 
    .prof_list .list{text-align: center;} 
    .prof_list .list li{width: 100% !important;} 
    .prof_list .list li .career{margin-top: 10px;} 
    .prof_list .list li .career div{opacity: 1;}
    .tch_list3 .list li .career *{color: #111;}
}
@media screen and (min-width: 520px) and (max-width: 816px){
.m_prof_main .visual{width: 100%; margin: 0 auto; height: 90vw; background: #0e4a8a url('../img/prof/26/prof_01.png') 5rem 0 no-repeat; background-size: cover;}
}

@media (max-width: 450px){/* 교수 리스트 */ 
.m_prof_wp .vod{height: 43.2%;}
}

/* 모바일 기기 */
@media (max-width: 430px) { 
    /* 리스트 */ 
    .m_prof_main .prof_info .name{font-size: 29px;}    
    .prof_list .sub_tit{padding: 35px 0 0 !important; margin: 0 0 -15px;}
    .prof_list .sub_tit:first-child{padding-top: 0 !important;}
    .prof_list .list li{display: block;}
    .prof_list .list li .tch{height: 90%;} 
    .prof_list .list li .tch img{height: 97%; margin-right: -20px;} 
    .prof_list .list li .txt{padding: 2rem 1rem;} 
    .prof_list .list li .txt strong{font-size: 0.9rem;} 
    .prof_list .list li .txt span{font-size: 0.8rem;} 
    .prof_list .list li i{font-size: 1rem;} 
    .prof_list .list li em{font-size: 1.2rem;}     
    .prof_list .list li div{font-size: 0.5rem; letter-spacing: -0.075rem;}
    .m_prof_wp .vod .list li{height: 6rem;}
    .m_prof_wp .vod_wp{height: 21rem; margin-bottom: 1rem;}
    .m_prof_wp .vod {height: 65.2%;}
    .tch_list3 .list li .tch{height: fit-content;} 
    .tch_list3 .list li .tch img{width: 70%; margin-right: -190px;}
    .prof_list .list li .career div{width: 60%;}
    .prof_list .list li .career div p{padding-left: 5px;}
    .prof_list .list li .career div p::before{content: '·'; margin-left: -5px; padding-right: 3px;}
    
    .m_lecList .price .dc{top: 1.9rem; left: 3.1rem;}
    }

/* 갤 플립 */
@media (min-width: 280px) and (max-width: 389px) {
    .m_prof_main .prof_info .name{font-size: 27px; padding-top: 0;}
    .m_prof_main .visual {height: 88vw; background: #0E4A87 url('/ee/assets/img/prof/26/prof_01.png') 1rem 0 no-repeat; background-size: 135%;}
    .m_prof_main .prof_board ul li a{width: 255px;}
    .m_prof_main .prof_board ul li::before{display: none;}
    .m_lecList .price .dc{top: 2.8rem}
}