/**********************************************************
*  직업인 인터뷰  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(/cloud/w/img/icon/icon_ji_h4-863534a526b76b92417dad4c878390dd.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("/cloud/w/img/icon/icon_arrow-a93cddb782f8cbede16347ba95561c9e.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(/cloud/w/img/common/icon_interest-1d1d48cd26ba0dc6f9014325586b7833.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(/cloud/w/img/common/icon_interest_active-e1ff7a817625bd691e51a994f6074ed4.svg);}
*/

/**********************************************************
*  직업인 인터뷰_리스트 및 추천, 관심 버튼 추가  20251216 RHD
***********************************************************/
.interview_list_w {position: relative;}
.interview_list_w .com-card .fake-btn {display: none;} /* 자세히보기 삭제 */
.interview_list_w .com-card .bt-box .con-box .title {max-width: 360px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;white-space:wrap;line-height: 1.3; height: 45px; word-break: break-all;}
.interview_list_w .com-card .bt-box .con-box .second-line {max-width: 360px; 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: 24px; top: 404px; z-index: 1; display: flex; align-items: center; gap: 5px;}
.interview_list_w .interest_wrap button {display: flex; align-items: center; gap: 3px; height: 30px; padding:0 10px; font-size: 14px; color: #000; background-color: #F0F4FC; border-radius: 24px;}
.interview_list_w .interest_wrap button::before {display: inline-block; width: 15px; height: 15px; background-size:auto 100%; background-repeat: no-repeat; content: ''; }
.interview_list_w .interest_wrap .btn-recommend::before {background-image: url(/cloud/w/img/common/icon_recommendation-b4cf181e4da45df090cdf57c55f326c8.svg); }
.interview_list_w .interest_wrap .btn-interest::before {background-image: url(/cloud/w/img/common/icon_bookmark-eb2d64aba59c6e794ff25c7f546b1b4e.svg); }
.interview_list_w .interest_wrap button:hover, .interview_list_w .interest_wrap button.active {color: #fff; background-color: var(--career--primary);}
.interview_list_w .interest_wrap button:hover::before, .interview_list_w .interest_wrap .active::before {filter: brightness(0) invert(1);}

.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: 24.25px; }  /* 직업백과 카드형 */
.ji-tbl-box-01 .com-grid-box.col-2 .interview_list_w .interest_wrap {right: 0; top: 5px;} /* 직업백과 리스트형 */

.com-grid-box.col-3.card .interview_list_w .interest_wrap {right: 24px; top: 24.25px; }  /* 학과정보 카드형 */
.com-grid-box.col-2.di-list .interview_list_w .interest_wrap {right: 0; top: 39.75px; } /* 학과정보 리스트형 */

.di-card-board-02.com-grid-box.col-3 .interview_list_w .interest_wrap {top: auto; bottom : 24px;} /* 직업인 인터뷰 */

.com-grid-box.col-2 .interview_list_w .interest_wrap  {right: 0; top: 207.75px; } /* 전체동영상 리스트형 */

.com-grid-box.col-2 .interview_list_w .com-card.ced-img-add.text.type-03 + .interest_wrap {right: 12px; top: 20px; gap: 3px; } /* 전체 자료게시판 카드형 */
.com-grid-box.col-2 .interview_list_w .com-card.ced-img-add.text.type-03 + .interest_wrap button {gap: 2px; padding: 0 8px; letter-spacing: -1px;} /* 전체 자료게시판 카드형 버튼 크기 조절 */
.com-grid-box.col-2 .interview_list_w .com-card.ced-img-add.text.type-03 .com-badge.sm {min-height: 21px; font-size:14px;} /* 전체 자료게시판 카드형 학교 폰트 조절  */

.ji-tbl-box-01 .com-grid-box.col-2 .interview_list_w .top-box .con-box .title, .com-grid-box.col-2.di-list .type-03.interview_list_w .top-box .con-box .title {max-width: 268px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;} /* 직업백과, 학과정보 리스트형 타이틀 말줄임 */
.com-grid-box.col-3 .interview_list_w .type-01 .con-box .title {max-width: 247px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;} /* 직업백과, 학과정보 썸네일형 타이틀 말줄임 */