@CHARSET "UTF-8";

.wrap-interviewDetail{}
.interview_top{border-bottom:1px solid #E8EBF0; padding-bottom:56px;}
.interview_top .interview_top-img{height:auto; border-radius: 28px; overflow:hidden;}
.interview_top .interview_top-img img{max-width:100%; height:auto;}
.interview_top .interview_top-title{margin-top:36px; /*display:flex; justify-content:space-between; gap:200px;*/}
.interview_top-title .title-left{position:relative; padding-left:16px; display:flex; flex-direction:column; justify-content:center;}
.interview_top-title .title-left:before{content:''; display:inline-block; width:5px; height:100%; background-color:#1e5eff; position:absolute; left:0; top:0;}
.interview_top-title .title-left h4{font-size:24px;}
.interview_top-title .title-left p{font-size:16px; color:#4d5762; margin-top:6px;}
.interview_top-title:not(.company_top-title) .title-left p:before{content:''; display:inline-block; background-image: url(/khacademy/resources/images/interview/icon-title.svg); margin-right:6px; width:20px; height:20px; vertical-align:middle;}
/*.interview_top-title .title-right{ position:relative;}

.interview_top-title .title-right p{font-size:19px; text-align:right; line-height:1.5; font-weight:700;}
.interview_top-title .title-right p:before{content:''; display:inline-block; position:absolute; top:-6px; left:-53px; background-image: url(/khacademy/resources/images/interview/interview_top-bg.png); background-size:contain; background-repeat:no-repeat; width:50px; height:42px; z-index:-1;}
*/
.interview_bottom{margin-top:56px;}
.interview_bottom .interview-qna{margin-top:48px; width:100%; height:auto;}
.interview_bottom .interview-qna:first-child{margin-top:0px;}
.interview_bottom .interview-qna h5{font-size:19px; font-weight:600; line-height:1.3;}
.interview_bottom .interview-qna h5 span{font-family: "Inter"; color:#1e5eff; margin-right:8px; position:relative; padding-left:15px; font-size:21px; font-weight:800;}
.interview_bottom .interview-qna h5 span:before{z-index:-1; content:''; display:inline-block; position:absolute; top:-9px; left:0; background-image: url(/khacademy/resources/images/interview/icon-question.png); background-size:contain; background-repeat:no-repeat; width:32px; height:38px;}
.interview_bottom .interview-qna p{font-size: 18px; margin-top:12px; line-height:1.5;}
.interview_bottom .interview-qna .people{display:grid; grid-template-columns:50px auto; gap:13px;}
.interview_bottom .interview-qna .people p:first-child{font-weight:600; color:#4d5762;}

/*협력사 인터뷰*/
.company_top .company_top-img{/*height:100%; max-height:587px;*/border-radius: 0;}
.company_top .company_top-title{gap:0;}
.company_top .company_top-title .title-left{width:60%;}
/*.company_top .company_top-title{display:grid; grid-template-columns:256px auto; gap:89px;}*/
.company-info{margin-top:56px; width:100%; height:auto; border:1px solid #ECEEF4; border-radius:14px; position:relative; padding: 40px 32px 29px 32px; overflow:hidden; position:relative;}
.company-info:before{content:''; display:block; background-color:#70BCFD; width:100%; height:16px; position:absolute; top:0; left:0;}
.company-info dl:not(:last-child){margin-bottom:16px;}
.company-info dl dt{font-size:17px; font-family:"PretendardSB"; margin-bottom:4px;}
.company-info dl .companyName{font-size:18px; font-family:"PretendardB";}
.company-info dl dd{position:relative; line-height:1.5;}
.company-info dl .pointColor{color:#4D5762;}
.company-info dl dd ul li{position:relative; padding-left:8px;}
.company-info dl dd ul li:before{content:'·'; position:absolute; left:0;}

/*rad에서 이미지 첨부할 경우*/
.interview_bottom .interview-qna img{width:100%; height:auto;}

@media screen and (max-width:1024px){

.interview_top .interview_top-img{max-height:342px;}
.company_top .company_top-img{height:100%;}
.interview_top .interview_top-title{margin-top:32px; gap:56px;}
.interview_top-title .title-right p:before{left:-40px}

.interview_bottom .interview-qna{margin-top:40px;}

/*******협력사 인터뷰******/
.company-info{margin-top:40px; padding-bottom:24px;}
.company_top .company_top-title{gap:0; display:block;}
.company_top .company_top-title .title-left{width:86%;}
.interview_top-title .title-right{margin-top:26px;}
.interview_top-title .title-right p:before{position:initial; display:block; width:40px; height:32px;}
.interview_top-title .title-right p{text-align:left;}
.interview_bottom .interview-qna .people p:first-child{font-size:17px;}
}

@media screen and (max-width:767px){
	
.interview_top{padding-bottom:32px;}
.interview_top .interview_top-img{max-height:177px; border-radius: 16px;}
.interview_top .interview_top-title{margin-top:24px; display:block;}

.interview_top-title .title-left{width:100%; padding-left:10px;}
.interview_top-title .title-left h4{font-size:17px;}
.interview_top-title .title-left p{font-size:15px; margin-top:2px;}
.interview_top-title .title-right{width:100%; margin-top:24px;}
.interview_top-title .title-right p:before{display:block; position:static; width:28px; height:24px;}
.interview_top-title .title-right p{font-size:16px; text-align:left;}

.interview_bottom{margin-top:32px;}
.interview_bottom .interview-qna h5{font-size:17px;}
.interview_bottom .interview-qna h5 span{display:block; margin-right:0; font-size:22px; margin-bottom:12px;}
.interview_bottom .interview-qna h5 span:before{width:32px; height:38px;}
.interview_bottom .interview-qna p{font-size: 16px; margin-top:6px;}

/*******협력사 인터뷰******/
.company_top .company_top-img{max-height:300px; border-radius:0;}
.company_top .company_top-title .title-left{width:100%;}
.company-info{margin-top:32px; padding:28px 20px 16px 20px;}
.company-info:before{height:12px;}
.interview_bottom .interview-qna .people{gap:3px;}
.company-info dl dt{font-size:16px; letter-spacing:-0.05em;}
.company-info dl .companyName{font-size:17px;}
.company-info dl dd ul li{font-size:13px; font-family:"PretendardM";}



}