/* project_view_soongsil.css — project_view_soongsil.html 전용 오버라이드.
   project_view.css의 공통 project_view_* 패턴 위에 숭실대학교 페이지만 다른 부분만 여기서 재정의한다.
   이 파일은 project_view_soongsil.html에서만 로드되므로 .project_view_soongsil 접두어 없이 바로 써도 된다 */

/* contents02 — 라벨 없이 좌측 데스크탑 스크린샷 + 우측 세로로 긴 모바일 스크린샷 조합이라
   기본 500x920 정사각 비율 대신 각 이미지 실제 비율에 맞게 높이/너비를 재정의한다 */
.project_view_contents02_shot{height:auto;}
.project_view_contents02_media_professor .project_view_contents02_shot{width:240px;}
.project_view_contents03_inner_showcase {height: auto;padding-bottom: 160px;}
/* contents03 — 좌우 여백 없이 화면 끝까지 붙던 걸 15px씩 띄운다(chungnam과 동일) */
.project_view_contents03{  padding: 0px 15px;
  display: block;
  align-items: normal;
  position: relative;
  top: auto;
  overflow: hidden;
  height: auto;
  min-height: 0px;}

/* contents03 showcase num — 01/02/03 큰 숫자를 개별 left 좌표 대신 각자의 showcase_col을 기준으로
   가운데 정렬한다(chungnam과 동일한 패턴). showcase_col에 position:relative를 줘서 숫자의 위치 기준을
   컬럼 자신으로 좁힌다 */
.project_view_contents03_showcase_col{position:relative;}
.project_view_contents03_showcase_num{display:block;position:absolute;left:50%;top:-115px;transform:translateX(-50%);font-family:'Zalando Sans Expanded',sans-serif;font-weight:900;font-size:140px;line-height:128px;letter-spacing:-0.04em;color:rgba(91,79,63,0.08);text-align:right;text-transform:uppercase;}
.project_view_contents03_showcase_divider_1 { left: 592px; }
.project_view_contents03_showcase_divider_2 { left: 1122px; }
/* contents04 pc — main Page 스크린샷이 3조각으로 내보내져 있어 세로로 이어붙여 하나처럼 보이게 한다 */
.project_view_contents04_shot_main{display:flex;flex-direction:column;}
.project_view_contents04_shot_main .project_view_contents04_img{height:auto;}

/* contents04 mobile — main Page 전체 스크롤을 3칸으로 나란히 펼쳐 보여주는 필름스트립 구성이라
   mobile 블록을 3개 나란히 배치하고, 2번째·3번째 라벨은 자리만 차지하도록 숨긴다 */
.project_view_contents04_mobile_group{display:flex;align-items:flex-start;gap:20px;}
.project_view_contents04_mobile_group .project_view_contents04_mobile:not(:first-child) .project_view_contents04_label{visibility:hidden;}

/* contents04 inner — PC 메인이 단일 724px 컬럼이라 기본 1920px보다 좁은 1550px로 max-width를 줄이고,
   좌우 여백은 max-width가 이미 컬럼 폭을 잡아주므로 0으로 둔다 */
.project_view_contents04_inner{max-width:1550px;padding:120px 0;}

/* contents04 deco — PC 메인이 표준 pc_sub 레이아웃 없이 724px 단일 컬럼이라 구분선·MOBILE 라벨 위치가
   기본값(1569px대)보다 훨씬 왼쪽으로 당겨져야 하고, 구분선은 좌우 여백 없이 전체 폭으로 늘어난다 */
.project_view_contents04_deco_line_h{left:0;width:100%;}
.project_view_contents04_deco_dot{left:830px;}
.project_view_contents04_deco_tag_pc{left:0;}
.project_view_contents04_deco_line_v{left:755px;}
.project_view_contents04_deco_tag_mobile{left:790px;}
.project_view_contents03_showcase_shot { overflow: hidden;width: 359px;height: auto;}

.project_view_contents02_media{ flex-direction: row;}
.view_list_wrap { display: flex; max-width: 1715px;margin: 0px auto 100px;padding: 0px 15px;flex-direction: column;}
.view_list_wrap a.explore_all_btn { margin-bottom: 0px;}
a.explore_all_btn { max-width: 1715px; margin: 0px auto 100px;}
.project_view_contents03_showcase{display: flex; position: relative; justify-content: center; gap: 180px; padding-top: 278px;}
.project_view_contents03_showcase_divider{display:block;position:absolute;top:230px; width:1px;height:896px; background:#dedede;text-indent:-999999px;color:transparent;font-size:0;}
.project_view_contents03_showcase_text{display:flex;flex-direction:column;align-items:center;gap:20px;text-align:center;}
.project_view_contents03_showcase_tit{font-family:'Pretendard',sans-serif;font-weight:800;font-size:20px;line-height:1.35;letter-spacing:-0.04em;color:#193d74;}
.project_view_contents03_showcase_desc{width:380px;font-family:'Pretendard',sans-serif;font-weight:500;font-size:16px;line-height:1.5;letter-spacing:-0.03em;color:#666666;}
.project_view_contents03_showcase_col { display: flex; width: 33.33%; flex-direction: column;align-items: center;gap: 50px;}
.project_view_contents03_showcase_divider{display:none;} /* span 자체는 안 씀 */

.project_view_contents03_showcase_divider + .project_view_contents03_showcase_col{position:relative;}
.project_view_contents03_showcase_divider + .project_view_contents03_showcase_col::before{
  content:'';
  position:absolute;
  top:0;
  left:-90px; /* gap(180px)의 절반만큼 왼쪽으로 — 컬럼 사이 정중앙 */
  width:1px;
  height:90%;
  background:#dedede;
}

/* 반응형(1025~1920px) — vw = px / 1920 * 100 */
@media screen and (min-width:1025px) and (max-width:1920px){
  .project_view_contents02_media_professor .project_view_contents02_shot{width:12.5vw;}
  .project_view_contents03_showcase_num{top:-5.9896vw;font-size:7.2917vw;line-height:6.6667vw;}
  .project_view_contents04_mobile_group{gap:1.0417vw;}
  .project_view_contents04_inner{padding:6.25vw 0;}
  .project_view_contents04_deco_dot{left:43.2292vw;}
  .project_view_contents04_deco_tag_pc{left:0;}
  .project_view_contents04_deco_line_v{left:39.3229vw;}
  .project_view_contents04_deco_tag_mobile{left:41.1458vw;}
  .project_view_contents03_inner_showcase {padding-bottom: 8.3333vw;}
    
}

/* 모바일(max-width:1024px) — chungnam과 동일하게 여백·간격을 넓게 조정 */
@media (max-width:1024px){
.project_view_contents03_showcase{gap:150px;}
.project_view_contents03_inner_showcase{padding:150px 0;}
.project_view_contents03_showcase_text{margin-top:40px;gap:10px;}
.project_view_contents03_showcase { gap: 150px; }
.project_view_contents03_inner_showcase { padding: 150px 0px; }
.project_view_contents03_showcase_text { margin-top: 40px; gap: 10px; width: 50%;word-break: keep-all; }
.project_view_contents03_inner_showcase { padding: 150px 0 80px;margin: 0; }
.project_view_contents03_showcase { flex-direction: column; gap: 60px; padding-top: 0px; }
.project_view_contents03_showcase_col { width: 100%; gap: 0px; }
.project_view_contents03_showcase_shot { width: 100%; max-width: 359px; height: auto; aspect-ratio: 359 / 739; margin: 0px auto; }
.project_view_contents03_showcase_num { position: static; transform: none; text-align: center; font-size: 80px; line-height: 1; }
.project_view_contents03_showcase_divider { display: none; }
.project_view_contents03_showcase_desc { width: 100%; }
.project_view_contents02_media_professor .project_view_contents02_shot { width: 50%;}

}

@media screen and (min-width: 1025px) and (max-width: 1920px) {
.project_view_contents03_inner_showcase { padding-bottom: 8.3333vw;}
.project_view_contents03_showcase { gap: 9.375vw;padding-top: 14.4792vw; }   
.project_view_contents03_showcase_col { width: 18.2292vw;gap: 2.6042vw;} 
.project_view_contents03_inner_showcase { padding-bottom: 8.3333vw; }
.project_view_contents03_showcase_divider { top: 11.9792vw; height: 46.6667vw; }
.project_view_contents03_showcase_divider_1 { left: 27.5vw; }
.project_view_contents03_showcase_divider_2 { left: 54.9vw; }
.project_view_contents03_showcase { gap: 9.375vw; padding-top: 14.4792vw; }
.project_view_contents03_showcase_col { width: 18.2292vw; gap: 2.6042vw; }
.project_view_contents03_showcase_shot { width: 18.6979vw; height: 38.4896vw; }
.project_view_contents03_showcase_tit { font-size: 1.0417vw; }
.project_view_contents03_showcase_desc { width: 19.7917vw; font-size: 0.8333vw; }   
    
}


@media (max-width: 760px) {
.project_view_contents03_showcase_text { width: 100%; }
.project_view_contents02_detail {text-align: center;word-break: keep-all;}
.project_view_contents02_detail br { display: none;}
    
}