/**********************************************************
*  직업인 인터뷰  20251111 JYS
***********************************************************/
#wrap {overflow: hidden;}

/* 상단 */
.interview_head { position: relative; width: 100%; display: flex;flex-direction: column;  gap: 20px; border-radius: 20px; padding: 30px 50px; background: #F3F7FF;margin-bottom:30px;} 
.interview_head .interview-head-profile {flex-shrink: 0; display:flex; width: 320px; height: 320px; background-color: #fff; border-radius: 12px;position: absolute;top:30x; right:30px;overflow: hidden;}
.interview_head .interview-head-cont {position: relative; display: flex; gap: 50px; flex-direction: column;}
.interview_head .interview-head-cont .head-wrap {display: flex; gap:5px; align-items: center;flex-direction: column;align-items: start;padding-right: 340px;}
.interview_head .interview-head-cont .head-wrap .job {display: flex; align-items: center; font-size: 20px; color: #fff;background-color: #024BB3;padding:5px 20px;border-radius: 30px;margin-bottom: 5px;}
.interview_head .interview-head-cont .head-wrap .name_title {font-weight:700; font-size:46px; font-weight: 700; line-height: 1.1;}
.interview_head .interview-head-cont .head-wrap .name_info {display: flex; gap: 20px; flex-direction: row;}
.interview_head .interview-head-cont .head-wrap .name_info li{font-size:20px;color:#545454;position: relative;}
.interview_head .interview-head-cont .head-wrap .name_info li::after{content: ""; width: 1px; height: 10px; background-color:#AEAEAE;position: absolute;right:-10px;top:10px }
.interview_head .interview-head-cont .head-wrap .name_info li:last-child::after{display: none;}

.interview_head .interview-head-cont .info-wrap {display: flex; gap:10px; align-items: center;flex-direction: column;align-items: start;padding-right: 340px;}
.interview_head .interview-head-cont .info-wrap .info_title{font-size: 32px;font-weight: 600; line-height: 1.1;}
.interview_head .interview-head-cont .info-wrap .tag-list  span {padding:5px 15px; font-size: 16px; color: #565656; background-color: #fff; border: 1px solid #DFE0E1; border-radius: 26px;}
.interview_head .interview-head-cont .date-w {display: flex;flex-direction: row;gap:10px;font-size: 18px;}
.interview_head .interview-head-cont .date-w dt{color:var(--career--gray-70)}
.interview_head .interview-head-cont .date-w dd{color:var(--career--gray-80);font-weight: 600;}

.interview-cont {position: relative; width: 98%; display: flex;flex-direction: column;  gap: 20px;  padding: 20px 40px;line-height: 1.5;}
.interview-cont p{font-size: 20px;color:var(--career--gray-80)}
.interview-cont .qna-wrap{position: relative; width: 100%; display: flex;flex-direction: column;  gap:20px;}
.interview-cont .qna-wrap dt{color:#024BB3;font-size: 30px;font-weight: 700;margin-top: 30px;}
.interview-cont .qna-wrap dd{font-size: 20px;color:var(--career--gray-80);}
.interview-cont .qna-wrap dd p.txt_blue{font-size: 20px;color:#024BB3;margin-top: 20px;}
.interview-cont .qna-wrap dd.img-w{position: relative; width: 100%; display: flex;flex-direction: column;  gap: 10px; align-items: center;}
.interview-cont .qna-wrap dd.img-w img{width: 100%;height:auto}
.interview-cont .qna-wrap dd.img-w .img-txt{color: var(--career--gray-70);font-size: 16px;}

.interview-cont .link-wrap{display: flex;flex-direction: column;gap:10px}
.interview-cont .link-wrap h4::before {content: "";display: inline-block;width: 16px;height: 16px;background: url(../img/icon/icon_ji_h4.svg) no-repeat;vertical-align: middle;margin: 0 5px 2px 0;}
.interview-cont .link-wrap .link {display: flex;flex-direction: row; justify-content:space-between; padding:20px;border-radius: 12px;border:1px solid var(--career--gray-40);max-width: 550px;font-size: 17px;}
.interview-cont .link-wrap .link a{padding-right:40px; position: relative;}
.interview-cont .link-wrap .link a::after {content: ""; width: 25px; height: 17px; background: url("../img/icon/icon_arrow.svg") no-repeat; position: absolute; top:3px; right:5px}
.interview-cont .copyright-txt{width: 100%;text-align: right;font-size: 15px;color: var(--career--gray-60);}




/**********************************************************
*  직업인 인터뷰_리스트  20251118 JYS
***********************************************************/
.interview_list_w{position: relative;}
.interview_list_w .com-card .bt-box .con-box .title{max-width: 320px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;white-space:wrap;line-height: 1.3; height: 45px;}
.interview_list_w .com-card .bt-box .con-box .second-line{max-width: 320px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;white-space:wrap;line-height: 1.3;height:44px}
.interview_list_w .interest_wrap {position: absolute;right: 10px; top: 270px;}
.interview_list_w .interest_wrap button{font-size: 0;border-radius: 50px;border: 1px solid #ddd;width:50px;height:50px;display: flex;align-items: center;justify-content: center;z-index: 10;}
.interview_list_w .interest_wrap .btn-interest:before {display: inline-block;content: '';  width: 20px;height: 20px;  background: url(../img/common/icon_interest.svg) no-repeat 0 0;  background-size: auto 100%;}
.interview_list_w .interest_wrap .btn-interest.active {border: 1px solid #1847bd !important; background-color: #f9fafc;}
.interview_list_w .interest_wrap .btn-interest.active:before {background-image: url(../img/common/icon_interest_active.svg);}

.intv-upload-video {width: 100%;}

/* 직업백과, 학과정보 관심 버튼 위치 조정 20251128 RHD */
.ji-tbl-box-01 .interview_list_w {overflow: visible !important;}
.ji-tbl-box-01 .com-grid-box.col-3 .interview_list_w .interest_wrap {right: 24px; top: 13.25px; }  /* 직업백과 썸네일형 */
.ji-tbl-box-01 .com-grid-box.col-2 .interview_list_w .interest_wrap {top: -6px;} /* 직업백과 리스트형 */

.com-grid-box.col-3.card .interview_list_w .interest_wrap {right: 24px; top: 13.25px; }  /* 학과정보 썸네일형 */
.com-grid-box.col-2.di-list .interview_list_w .interest_wrap {right: 24px; top: 14px; } /* 학과정보 리스트형 */

.com-grid-box.col-3 .interview_list_w .type-01 .con-box .title {max-width: 320px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;} /* 타이틀 말줄임 */