@CHARSET "UTF-8";

.wrap-interviewDetail{}
.interview_top{border-bottom:1px solid #E8EBF0; padding-bottom:56px;}
.interview_top .interview_top-img{width:100%; height:432px; border-radius: 28px; overflow:hidden;}
.interview_top .interview_top-img img{width:100%; height:100%; object-fit:cover;}
.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 .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;}
.interview_bottom .interview-qna h5 span{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;}

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

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

.interview_top .interview_top-img{height:342px;}
.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;}

}

@media screen and (max-width:767px){
	
.interview_top{padding-bottom:32px;}
.interview_top .interview_top-img{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;}
}