/* S: 교수 리스트 */
.content{margin:0;}
.cTopBanner{padding:70px 0;background:url('/asset/images/teacher/bg-e7b1555952fe870ba7964775525486d8.png'); height:250px; box-sizing:border-box; margin:0 0 30px;}
.cTopBanner p{text-align:center;color:#fff;font-size:1.4rem;word-break: keep-all;}
.cTopBanner p em{display:inline-block;color:#34C1FF;font-size:1.6rem;letter-spacing: -0.32px;margin-bottom:5px;}
.cTopBanner p strong{display:inline-block;font-size:2.8rem;letter-spacing: -0.56px;margin-bottom:20px}

/* 기존 css 
.teacherLink{display:flex;justify-content: center; margin-bottom:60px}
.teacherLink li{width:100%;max-width:100px;max-height: 47px;border: 1px solid #E1E1E1;background:#fff;text-align: center;transition: all 0.4s;border-radius: 4px;margin-right:10px;box-sizing: border-box;}
.teacherLink li:last-child{margin:0}
.teacherLink li a{display:inline-block;width: 100%;font-size:1.4rem;line-height: 2.7rem;letter-spacing: -0.72px;color:#222;padding:10px 0;}
.teacherLink li.on{border: 1px solid #222;background:#222}
.teacherLink li.on a{color:#fff; font-weight:700}
.teacherLink li:hover{border: 1px solid #222;background:#222}
.teacherLink li:hover a{color:#fff}
*/

/* 20220525 css 수정 */
.teacherLink{display:flex;flex-wrap:wrap;width:100%; justify-content: flex-start;margin-bottom:60px;overflow:hidden;}
.teacherLink li{width:auto;min-width:100px;max-height: 47px;border: 1px solid #E1E1E1;background:#fff;text-align: center;transition: all 0.4s;border-radius: 4px;margin:0 10px 10px 0;box-sizing: border-box;}
/*.teacherLink li:last-child{margin:0}*/
.teacherLink li a{display:inline-block;width: 100%;font-size:1.4rem;line-height: 2.7rem;letter-spacing: -0.72px;color:#222;padding:10px 10px;}
.teacherLink li.on{border: 1px solid #222;background:#222}
.teacherLink li.on a{color:#fff; font-weight:700}
.teacherLink li:hover{border: 1px solid #222;background:#222}
.teacherLink li:hover a{color:#fff}

.teacherList{display: flex;flex-wrap: wrap;}
.teacherList li{position: relative;width:280px;height:400px;margin-right:20px;margin-bottom:25px;background:url('/asset/images/teacher/list_bg-d022e562988726878e9608adcff426ca.png');border-radius: 8px;padding: 24px 16px;box-sizing: border-box;overflow:hidden}
.teacherList li a{display:inline-block;width:100%;height:100%}
.teacherList li:nth-child(4n){margin-right:0}
.teacherList li img{position: absolute;bottom:-120px;right:-20px;width:95%;z-index:1}
.teacherList li strong{display:inline-block;font-size:2.4rem;color:#222;letter-spacing: -0.48px;margin-bottom:10px;}
.teacherList li p{font-size:1.4rem;letter-spacing: -0.28px;color:#222}
.teacherList li .catchphrase{position:relative;text-shadow: 1px 1px #fff;z-index:2}
.iconArea{margin-bottom:24px}
.iconArea span{background:#222;font-size:1.2rem;letter-spacing: -0.6px;color:#fff;padding:4px 8px;border-radius: 4px;margin-right:3px}
.iconArea span:last-child{margin-right:0}

.teacherHover:hover .hover-box{display:flex;justify-content: center;align-items: center;flex-direction: column;position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: #00000099;}
.teacherHover:hover .hover-box a{display: inline-block;border: 1px solid #fff;color: #fff;font-size: 1.6rem;padding: 15px;margin-bottom: 10px;min-width: 120px;text-align: center;}
.teacherHover:hover .hover-box a:last-child{margin-bottom:0}
.teacherHover .hover-box{display:none;}

/* E: 교수 리스트 */
/* S: 교수 상세 페이지 */
#bigPorfInfo{background: #f6f9ff;background-size: cover !important; margin-bottom:40px;}
#teacherBg{position:relative;width:100%; overflow:hidden; /*background-color:#F6F9FF;*/height:600px;}
#teacherBg .teacherImg{position:absolute;left:-130px;top:0; width:540px;}
#teacherDetail{position: relative;display:flex;justify-content: space-between;width:1180px;margin:0 auto;padding: 80px 0 65px;}
#teacherDetail h3{font-size:1.8rem;letter-spacing: -0.72px;margin-bottom:10px}
#teacherTitle{position:relative;width:400px; padding-top:350px;}
#teacherTitle .msg1{position:relative; display:inline; word-break:keep-all;text-align: center;color:#fff;font-size:2.8rem;line-height: 1.8; background:#222; font-weight:700;}
#teacherTitle .msg2{position:relative;top:250px;left:30px;width: 308px;text-align: center;color:#fff;font-size:5.2rem;line-height: 77px;letter-spacing: -2.08px;background:#222}

#teacherInfo{align-self:flex-start;min-width:350px;max-width:350px}
#teacherInfo h2{font-size:3.6rem;letter-spacing: -1.92px;color:#222;margin-bottom:30px; font-weight:800;}
#teacherInfo h2 span{font-size:2.8rem;letter-spacing: -1.12px; margin-left:10px;}
.teacherHistory{overflow-y:auto; height:250px; padding-right:10px; box-sizing:border-box;}
#teacherInfo ul li{font-size:1.4rem;letter-spacing: -0.56px;line-height: 24px;}
#teacherNoti{max-width:330px}
#teacherNoti .latestV{display:inline-block;margin-bottom:30px; position:relative}
#teacherNoti .latestV img{width:360px;height:180px;border-radius: 8px;}
.tBlock{position:absolute; top:0; left:0; z-index:90; width:100%; height:100%; box-sizing:border-box; overflow:hidden; background:rgba(0,0,0,0.4); transition:0.3s ease; text-align:center;}
.tBlock:hover{background:rgba(0,0,0,0.5)}
.tBlock img{width:auto !important; height:auto !important; padding-top:60px;}
#teacherNoti .teacherNotilList{font-size:14px;letter-spacing: -0.56px;color:#222;margin-bottom:20px;max-width:360px}
#teacherNoti .teacherNotilList li{line-height: 20px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
#teacherNoti .teacherNotilList li a{text-decoration: none;}
#teacherNoti .lectureReview{font-size:14px;letter-spacing: -0.56px;color:#222;max-width:360px}
#teacherNoti .lectureReview li{line-height: 2;white-space: nowrap;overflow: hidden;text-overflow: ellipsis; background:#fff; margin-bottom:8px; padding:4px 8px; border:1px solid #e1e1e1; border-radius:4px;}
#teacherNoti .lectureReview li a{text-decoration: none;}

/*.teachingAids{display:flex;justify-content: space-between;} */
.teachingAids li{display:flex;flex-direction: column;/*width:280px;*/border-radius: 5px;overflow:hidden;}
.hover-box{width: 280px;
    height: 280px;
    background: #f1f1f1;
    overflow: hidden;
    display: flex;
    }
.hover-box img{
	width: 57% !important;
    align-self: flex-end;
    margin: 0 auto;
    box-shadow:3px 3px 3px #ccc
}
.teachingAids li .hover-box{border-radius: 4px;overflow:hidden;}
.teachingAids li .hover-box:hover{position: relative;background:#999;}
.teachingAids li .hover-box .bt-area{display:none;position:absolute;top:0;left:0;background:#0a0a01b0;width:100%;height:100%;color:#000;z-index: 1;}
.teachingAids li .hover-box:hover .bt-area{display:block}
.teachingAids li .hover-box .bt-area .bt{display: flex;flex-direction: column;align-items: center;justify-content: center;width: 100%;height: 100%;}
.teachingAids li .hover-box .bt-area .bt button{color:#222;width:180px;margin-bottom:10px;font-size:16px;background:#fff;padding:8.5px 0;border-radius: 4px;}
.teachingAids li .hover-box .bt-area .bt button:hover{background:#222;color:#fff}
.teachingAids li .hover-box .bt-area .bt button:last-child{margin:0px}
.teachingAids .bookTitle{font-size:1.6rem;margin-top:20px;letter-spacing: -0.64px; transform:rotate(0deg)}
.teachingAids .bookPrice{font-size:2.8rem;letter-spacing: -1.12px;color:#222;font-weight: bold;line-height:1.5;margin-top:5px;  transform:rotate(0deg)}
.teachingAids .bookPrice span{font-size:1.6rem;color:#ff0000;letter-spacing: -0.8px;padding-left:10px; transform:rotate(0deg)}
.teachingAids .bookPrice2{font-size:1.6rem;text-decoration:line-through;line-height:2.4rem;letter-spacing: -0.64px;color:#999}
.owl-theme{position:relative}
.owl-theme .owl-nav{display:flex;justify-content: space-between;position:absolute;width:100%;top:40%;font-size:4rem;color:#fff}
.owl-theme .owl-nav [class*='owl-']:hover{background:none;}



.lectureTab{display:flex;justify-content: flex-start; width:max-content;}
.lectureTab li{position: relative;padding-right:10px;margin-right:10px;color:#222}
.lectureTab li.on a{color:#00B1FF; font-weight:700}
.lectureTab li::after{position: absolute;right:0;top:50%;width:1px;height:50%;background-color: #a5a5a5;-webkit-transform: translateY(-45%);transform: translateY(-45%);content: '';}
.lectureTab li:last-child::after{padding:0;margin:0;background:none;width:0;}
.lectureTab li a{font-size:1.4rem;letter-spacing: -0.56px;line-height: 24px;}

.teacherIntroduceTxt{width:100%; line-height:1.5}
.teacherIntroduceTxt .txt1{font-size:2.4rem;letter-spacing: -1.2px;color: #222222;line-height: 64px;}
.teacherIntroduceTxt .txt2{font-size:3.2rem;letter-spacing: -1.6px;color: #611EFF;font-weight: bold;}
.teacherIntroduceTxt .txt3 dt{font-size:2rem;letter-spacing: -1px;color: #222222;font-weight: bold;margin-top:40px;}
.teacherIntroduceTxt .txt3 dd{font-size:1.6rem;letter-spacing: -0.8px;color: #222222;line-height: 32px;}
.teacherIntroduceImg{display: flex;align-self: flex-end;justify-content: end;width:50%;}

/* E: 교수 상세 페이지 */

/* Q&A 등록 폼 나중에 common.css로 옮겨주세요 */
.inquiryForm{width:100%}
.inquiryForm .row{margin-bottom:20px;}
.inquiryForm .row:first-child{display:flex;justify-content: space-between;}
.inquiryForm .row select{width:49.3%;font-size:1.4rem;border: 1px solid #CCCCCC;border-radius: 8px;padding:16px 20px}
.inquiryForm .row select:last-child{color:#999999}
.inquiryForm .row label{display:inline-block;width:100%}
.inquiryForm .row input[type="text"]{width:100%;font-size:1.4rem;color:#999999;border: 1px solid #CCCCCC;border-radius: 8px;padding:16px 20px;box-sizing: border-box;}
.inquiryForm .row textarea{width:100%;height:300px;font-size:1.4rem;color:#999999;border: 1px solid #CCCCCC;border-radius: 8px;padding:16px 20px;box-sizing: border-box;resize: none;}
.inquiryForm .row span{display:inline-block;font-size:1.4rem;letter-spacing: -0.7px;color: #222222;margin-right:40px}
.inquiryForm .selectArea label:nth-child(1){width:68%}
.inquiryForm .selectArea label:nth-child(2){width:30%}
.inquiryForm .selectArea label select{width:100%}
.inquiryForm .boxArea{display:flex;justify-content: space-between;}
.inquiryForm .boxArea button{font-size: 1.6rem;font-weight: bold;letter-spacing: -0.72px;padding: 12px 32px;border-radius: 4px;cursor: pointer;}
.mOT{display:none;}

.hightlight{
	animation: bgTwinkle 1.5s step-end infinite;
}
@keyframes bgTwinkle {
	50%{
		color:#ff0000;
	}
}

/* S: 교수 리스트 모바일 */
@media (max-width:1200px) {
	.content{margin:0 !important}
    .teacherLink{flex-wrap: wrap;justify-content: flex-start; display:block; width:100%; margin-bottom:30px;}
    .teacherLink li{margin-bottom:10px; display:inline-block}
    /*.teacherList li:nth-child(3n){margin-right:0}*/
    .teacherList li:nth-child(4n){margin-right:20px}
    .teachingAids{width: 100%;flex-wrap: wrap;justify-content: space-evenly;}
    .teachingAids li img{height:260px}
    .lectureTab{flex-wrap: wrap;}
    #bigPorfInfo{margin:0 -20px 40px;}
    #teacherBg{width:100%; height:auto;}
    #teacherBg .teacherImg{position: absolute;left:10%;bottom:0;width:380px; margin-left:0; }
    .teacherImgBox{width:50%; height:500px; overflow:hidden; position:relative}
    #teacherDetail{width:100%;  padding:0;}
    #teacherTitle{padding:0 0 0 60px; text-align:left; margin:0 auto; position:absolute; width:50%; bottom:60px;}
    #teacherTitle .msg1{top:20px;}
    #teacherTitle .msg2{top:130px}
    #teacherInfo{width:40%; position:relative;margin-top:60px;}
    #teacherInfo h2{font-size:3rem}
    #teacherNoti{display:none}
    .teachingAids .bookTitle{font-size:1.4rem; line-height:1.5}
    .teachingAids .bookPrice{font-size:2rem;}
    .teachingAids .bookPrice2{font-size:1.4rem;}
    .mOT{display:block; position:absolute; top:45px; right:40px;border:1px solid #555; padding:4px 8px; border-radius:4px}
    .mOT:hover{background:#555; color:#fff;}
    .teachingAids li .hover-box .bt-area .bt button{width:80%; font-size:1.4rem;}
    .teacherIntroduceTxt img{width:100%}
}
@media (max-width:768px) {
	.hover-box{width: auto;
    height: auto;
    background: none;
    overflow: hidden;
    display: flex;
    }
    
.hover-box img{
	width: 100% !important;
    align-self: flex-end;
    margin: 0 auto;
    box-shadow:none
}
	.content{padding:0 20px;}
	.subcontent{padding:0}
	#bigPorfInfo{padding:0; margin:0 -20px;}
	.cTopBanner{margin:0 -20px 30px;}
	.cTopBanner p strong{font-size:2.4rem}
	.subjectList{overflow-x:scroll; box-sizing:border-box}
	.subjectList::-webkit-scrollbar{display:none;}
	.teacherLink{width:max-content}
	.teacherLink li{max-width:auto;min-width: auto;width:auto; margin:0 10px 0 0  }
	.teacherLink li a{line-height:1;padding:12px;}
	.teacherList li p{width:60%;}
	.teacherLink li:last-child{margin:0;}
    .teacherList li{width:100%; background-size:cover; margin:0 0 20px;}
    .teacherList li:nth-child(even){margin-right:auto}
    .teacherList li:nth-child(3n){margin-right:auto}
    .teacherList li strong{font-size:2rem}
    .teacherList li img{bottom: -50px;right: -50px;width:270px;}
    .teachingAids{width:100%}
    .teachingAids li{padding:15px 10px;/*width:41%*/}
    .teachingAids li img{height:260px}
    .teachingAids li .hover-box .bt-area .bt button{width:120px;}
    .teachingAids .bookTitle{font-size:1.3rem}
    .teachingAids .bookPrice{font-size:1.5rem}
    .teachingAids .bookPrice span{font-size:1.2rem}
    .teachingAids .bookPrice2{font-size:1.2rem;}
    #teacherBg{padding-top:0}
    #teacherBg .teacherImg{position: absolute;left: 50%;top: 0;width: 80%; margin-left:-40%;}
    .teacherImgBox{width:100%}
    #teacherDetail{padding:40px 0 20px;flex-wrap: wrap;justify-content: center;flex-direction: column;}
    #teacherInfo{align-self:center;margin-left:0;margin-top:20px; width:100%;min-width:100%;max-width:100%;padding:0 20px;}
    #teacherTitle{align-self: center;padding: 0 20px;bottom:auto; top:400px; width:100%;}
    #teacherTitle .msg1{position:initial;font-size:2.3rem;line-height: 30px;}
    #teacherTitle .msg2{position:initial;font-size:2.5rem;line-height: 35px;}
    .mteacher1{background:url(https://generalpolice.primeedunet.com/image/prof/profInfo-01-pjy.png) left bottom no-repeat;padding-top: 330px;background-size: cover;}
    .teacherIntroduceTxt{width:100%}
    .teacherIntroduceTxt img{width:100%}
    .teacherIntroduceImg{align-self: center;justify-content: center;width:100%;margin-top:20px}
    .teacherHistory{height:200px;}
    .inquiryForm .selectArea label:nth-child(1){width:58%}
	.inquiryForm .selectArea label:nth-child(2){width:40%}
}
@media (max-width:480px){
	.teacherList li img{bottom: -50px;right: -50px;width:280px;}
}
@media (max-width:320px){
	.teacherList li img{bottom: -50px;right: -50px;width:240px;height:260px}
}