/* ---------------------------------------------
   header - 투명
--------------------------------------------- */

header {position: absolute;    width: 100%;    border-bottom: 1px solid #ffffff50;}
header .containerA {  background: transparent;    border-bottom: 1px solid #ffffff50;}
header:hover .containerA { background: #505050;}
header .containerB { background: transparent;}
header:hover .containerB { background: #fff;}
header:hover .innerB { background: #fff;}
.head_navi nav .a_1 { color: #fff;}
header:hover .head_navi  { background: #fff;}
header:hover .head_navi nav a {color:#2c2c2c;}
header .head_logo  .logo_c.off {
    display: none;
}
header .head_logo  .logo_w.on {
    display: block;
}
header:hover .head_logo  .logo_w.on {
    display: none;
}
header:hover .head_logo  .logo_c.off {
    display: block;
}

header:hover .head_navi nav .a_1.active,
	header:hover .head_navi nav .li_1:hover .a_1{color:#2c2c2c;}

/* ---------------------------------------------
   1) 기본 Wizard7 GNB 구조 수정
--------------------------------------------- */
#menuUItop,
#menuUItop .top_div {
    overflow: visible !important;
}

/* ---------------------------------------------
   2) Mega Menu Panel 디자인
--------------------------------------------- */
#megaMenuPanel {
    position: absolute;
    left: 0;
    top: 100%; /* 1depth 바로 아래 */
    width: 100%;
  	background: /*url(/sites/sbs/images/common/pattern.png) left no-repeat*/ #b41e23;
	background-size: auto;
    padding: 0;
    box-sizing: border-box;
    height: 0;
    overflow: hidden;
    visibility: hidden;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    transition: height .25s ease;
    z-index: 2;
}
#megaMenuPanel::before {
    content: "";
    position: absolute;
    left: -100px;
    bottom: -205px;
    width: 300px;
    height: 300px;
    background: transparent;
    border-left: 40px solid rgba(255, 255, 255, 0.15);
    border-bottom: 40px solid rgba(255, 255, 255, 0.15);
    transform: rotate(135deg);
}

/* 내부 7컬럼 */
/* mega-inner 전체를 1400px로 확장 */
#megaMenuPanel .mega-inner {
    position: relative;
    width: 1280px !important;
    max-width: 1280px !important;
    margin: 0 auto;

    /* 기존 grid 유지 가능 */
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    box-sizing: border-box;
    padding-left: 230px; /* ← 왼쪽 230px 공간 확보 */
}

/* 좌측 350px 로고 영역 생성 (HTML 없이) */
#megaMenuPanel .mega-inner::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 230px;
    height: 100%;
    background: url('/sites/sbs/images/common/logo_wh.png') right 50px bottom 50px no-repeat;
    background-size: auto;
    /* 패턴 넣고 싶으면 패턴 이미지 지정 */
    /* background: url('/path/pattern.png') center/cover no-repeat; */
}
#megaMenuPanel .mega-inner::after {
    content: "";
    position: absolute;
    left: 250px;
    top: -180px;
    width: 250px;
    height: 250px;
    border: 40px solid rgba(255,255,255,0.15);
    border-radius: 50%;
    border-left-color: transparent;
    border-bottom-color: transparent;
    transform: rotate(135deg);
  	z-index: -1;
}
/* 1) 기본 배경은 white */
.mega-group {
    background: #fff !important;
    transition: background .2s;
}

/* 2) 1depth hover 시 → 모든 mega-group 강조 */
#top_k2wiz_GNB > li:hover .mega-group {
    background: #f7f3f3 !important;
}

/* 3) mega-group 자체 hover 시 → hover만 강조, 나머지는 white로 리셋 */
.mega-group:hover {
    background: #f7f3f3 !important;
}

/* 4) active는 hover/1depth 보다 항상 우선순위가 낮도록 배경 초기화 */
.mega-group.active {
    background: #fff !important;
}

/* Mega Item */
.mega-group {
    padding: 20px;
    /*border-radius: 4px;*/
    border-left: 1px solid #ddd;
    transition: background .2s;
    background: #fff;
}

.mega-group strong {
    display: none;
    font-size: 17px;
    font-weight: 700;
}

.mega-group ul {
    padding: 0;
    margin: 0;
    list-style: none;
}

.mega-group ul li a {
    padding: 4px 0;
    display: block;
    color: #444;
    font-size: 16px;
    line-height: 1.3;
}

.mega-group ul li a:hover {
   color: #940d13;
}

/* Hover highlight */
.mega-group.active {
   background: #f7f3f3;
}

#top_k2wiz_GNB > li.hover-active > a {
    /*color: #b10000 !important;*/
}

.head_navi nav .div_2 {
    display: none;
}
.head_navi nav .ul_2 {
  display: none;
}
/*header .innerA {  width: 1400px;}*/
/*header .innerB {  width: 1400px;}*/

.head_logo {
    width: auto;
}
.head_navi {
    width: calc(100% - 230px);
}

/* =========================================================
   [ADD] MAIN MEGA MENU RESPONSIVE (1400px 기준)
   - 서브 구조 참고
   - 메인 전용 보강
========================================================= */

/* ---------------------------------------------------------
   1400px 이하 (메인 기준 축소 시작)
--------------------------------------------------------- */
@media screen and (max-width: 1400px) {

  /* mega-inner를 화면 폭에 맞춤 */
  #megaMenuPanel .mega-inner {
    width: 100% !important;
    max-width: 100% !important;
    padding-left: 230px;
  }

  /* 좌측 로고 영역 축소 */
  #megaMenuPanel .mega-inner::before {
    width: 230px;
    background-position: right 40px bottom 40px;
  }

  .head_navi {
    width: calc(100% - 230px);
  }
}

/* ---------------------------------------------------------
   1280px 이하 (PC → 태블릿 전환, 메가메뉴 OFF)
--------------------------------------------------------- */
@media screen and (max-width: 1280px) {

  /* 메가메뉴 패널 비활성 */
  #megaMenuPanel {
    display: none;
  }

  /* 2depth 기본 숨김 */
  .head_navi nav .ul_2 {
    display: none;
  }

  /* Wizard 방식으로 열렸을 때만 노출 */
  .head_navi nav li.haveOpen > .div_2 > .ul_2 {
    display: block;
  }

  .head_navi {
    width: 500px;
  }
}

/* ---------------------------------------------------------
   768px 이하 (모바일)
--------------------------------------------------------- */
@media screen and (max-width: 768px) {

  .head_navi {
    width: 100%;
  }

  /* 모바일에서는 메가메뉴 완전 제거 */
  #megaMenuPanel {
    display: none !important;
  }
}

/* GNB 2뎁스 중 새창 링크 아이콘 */
#top_k2wiz_GNB_ul_1195 a[target="_blank"]::after {
    content: "";
    display: inline-block;
    width: 13px;
    height: 13px;
    margin-left: 5px;
    background: url(/sites/sbs/images/common/icon_external.png) no-repeat center;
    background-size: contain;
    vertical-align: baseline;
}
/* GNB 2뎁스 중 새창 링크 아이콘 */
#pagetitle2 a[target="_blank"]::after {
    content: "";
    display: inline-block;
    width: 12px;
    height: 12px;
    margin-left: 5px;
    background: url(/sites/sbs/images/common/icon_external.png) no-repeat center;
    background-size: contain;
    vertical-align: baseline;
}

/* =========================================
   VISUAL VIDEO OVERRIDE (최종)
   - 기존 wrap_visual / slick CSS 유지
   - 맨 아래에 추가
========================================= */

/* 비주얼 전체 높이 기준 */
.wrap_visual {
  position: relative;
  height: 100vh;
  /*height: calc(100vh - 135px);*/
  overflow: hidden;
}

/* slider wrapper는 비주얼 높이를 그대로 받음 */
.wrap_visual #wrap-slider180 {
  position: relative;
  width: 100%;
  height: 100%;
}

/* slick 내부도 높이 100% 유지 */
.wrap_visual #slider180,
.wrap_visual .slick-list,
.wrap_visual .slick-track,
.wrap_visual .slick-slide {
  /*height: 100%; 모바일에서 퀵메뉴 링크 안되서 수정 20260107*/
}
.wrap_visual .inner, .wrap_visual .slider, .wrap_visual .slick-list, .wrap_visual .slick-track, .wrap_visual .slick-slide, .wrap_visual .slick-slide > div, .wrap_visual .slick-slide > div > li, .wrap_visual .item_1 {
    height: auto; /*모바일에서 퀵메뉴 링크 안되서 수정 20260107*/
}
/* ===============================
   VIDEO (JS로 삽입됨)
================================ */
.wrap_visual #wrap-slider180 .visual-video {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  background: #000;
  z-index: 0; /* 배경 */
}

/* ===============================
   이미지 슬라이드 (비디오 모드)
   - JS에서 display:none 처리
   - z-index 안전장치
================================ */
.wrap_visual.video-mode #slider180 {
  position: relative;
  z-index: 1;
}

/* ===============================
   UI는 항상 최상단
================================ */
.wrap_visual .mask,
.wrap_visual .control,
#menu1190_obj24 {
  position: relative;
  z-index: 1;
}

/* =========================================
   VIDEO MODE일 때 슬라이드 컨트롤 숨김
========================================= */
.wrap_visual.video-mode .control {
    display: none !important;
}

/* video 영역 기준 컨테이너 */
#wrap-slider180 {
    position: relative;
}

/* video 위 그라데이션 */
#wrap-slider180::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 180px; /* GNB 높이에 맞게 조절 */
    pointer-events: none;
    z-index: 1;
    background: linear-gradient(
        to bottom,
        rgba(0, 0, 0, 0.55) 0%,
        rgba(0, 0, 0, 0.35) 40%,
        rgba(0, 0, 0, 0.15) 70%,
        rgba(0, 0, 0, 0) 100%
    );
}

/* video는 그라데이션 아래 */
#wrap-slider180 .visual-video {
    position: relative;
    z-index: 1;
}


/* ---------------------------------------------
   3) NOTICE 영역 1400px + 3개 꽉 채우기
--------------------------------------------- */

/* 컨테이너 전체 폭 확장 */
.template_09_notice .container,
#multipleContentsDiv_template_09_7 {
    max-width: 100% !important;
    width: 100% !important;
    margin: 0 auto !important;
}

/* 내부 wrap도 동일 적용 */
.template_09_notice .container .wrap {
    max-width: 100% !important;
    width: 100% !important;
}

/* slick-track이 flex로 정렬되도록 */
.template_09_notice .slick-track {
    width: 100% !important;
    display: flex !important;
    justify-content: flex-start !important;
}

/* 슬라이드 3개 꽉 채우기 */
.template_09_notice .slick-slide {
    width: calc(100% / 3) !important;
    box-sizing: border-box;
}

/* 마지막 슬라이드는 패딩 제거 */
.template_09_notice .slick-slide:last-child {
    padding-right: 0;
}

.template_09_notice h2 {
    color: #930d14;
    font-family: 'psb';
}

#multipleDiv_template_09_9 { /*display:none;*/}/*관련사이트*/
#menu1190_obj116 { display:none;}/*바로가기 숨김*/
#menu1190_obj19 {
  height: 100vh;
  /*height: calc(100vh - 135px);*/
}

.wrap_visual {
    padding-right: 0; 
}

.cont {
  /* width: 1920px; */
  min-width: 1600px;
  height: 3609px;
  background: url('/sites/sbs/images/main/cont_bg.png') center bottom no-repeat;
  background-size: cover;
  text-align:center;
  margin: 0 auto 0;
}
.cont  img {max-width: inherit;height: 3609px;width: 1600px;margin: 0 auto;text-align: center;}


/* SBS NEWS */
.template_09_news{
  margin-top:40px;
}
.template_09_news .container{
  max-width:1400px;
  margin:0 auto;
  /*padding:0 20px;*/
  position: relative;
}

/* 헤더 */
.template_09_news .head{
  display:flex;
  justify-content:center;
  align-items:center;
  margin-bottom:50px;
}
.template_09_news h2{
  font-size:40px;
  color: #930d14;
  letter-spacing:-1px;
  line-height: 1;
  font-family: 'psb';
}
.template_09_news h2 span{
  font-weight:700;
}
.template_09_news .more {
    display: block;
    font-size: 17px;
    color: #989898;
    width: 140px;
    height: 40px;
    background: url(/sites/sbs/images/main/more_bg.png) no-repeat right bottom;
    position: absolute;
    right: 0;
    top: 20px;
}
.template_09_news .more i{display:none;}

/* 리스트 */
.template_09_news .news_list{
  display:flex;
  gap:40px;
}
.template_09_news .news_list li{
  flex:1;
}
.template_09_news .news_list a{
  display:block;
}

/* 썸네일 */
.template_09_news .thumb{
  border-radius: 16px;
  overflow:hidden;
  height: 257px;
}
.template_09_news .thumb img{
  display:block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* 텍스트 */
.template_09_news .text{
  margin-top:25px;
}
.template_09_news .text h3{
  font-size:22px;
  color:#222;
  line-height:1.4;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  margin-bottom: 10px;
}
.template_09_news .text p{
  font-size:16px;
  color:#666;
  line-height: 1.4;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
}

/* CALENDAR */
.template_09_calendar{
  margin-top: 80px;
}
.template_09_calendar .container{
  max-width:1400px;
  margin:0 auto;
  padding: 0 0 40px 0;
  position: relative;
}

/* 헤더 */
.template_09_calendar .head{
  display:flex;
  justify-content:space-between;
  align-items:center;
  margin-bottom: 30px;
}
.template_09_calendar h2{
  font-size:40px;
  color: #930d14;
  /*letter-spacing:-1px;*/
  font-weight: 700;
  font-family: 'psb';
}
.template_09_calendar .more {
    display: block;
    font-size: 17px;
    color: #989898;
    width: 140px;
    height: 40px;
    background: url(/sites/sbs/images/main/more_bg.png) no-repeat right bottom;
    position: absolute;
    right: 0;
    top: 20px;
}
.template_09_calendar .more i{display:none;}

/* 리스트 박스 */
.template_09_calendar .calendar_list{
  display:flex;
  justify-content:flex-start;
  align-items:center;
  flex-wrap: wrap;
  background:#fff;
  padding: 40px;
  box-shadow: 0px 0px 30px rgba(0,0,0,0.05);
  border: 1px #eaeaea solid;
  gap: 20px;
}
.template_09_calendar .calendar_list li{
  display:flex;
  align-items:center;
  gap:20px;
  /* flex:1; */
  width: calc((100% - 60px) /4);
}

/* 날짜 */
.template_09_calendar .date{
  width:70px;
  height:70px;
  background:#a01c22;
  color:#fff;
  border-radius: 10px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  flex-shrink:0;
}
.template_09_calendar .date em{
  font-size:14px;
  font-style:normal;
  line-height:1;
}
.template_09_calendar .date strong{
  font-size:26px;
  line-height:1.1;
}

/* 텍스트 */
.template_09_calendar p{
  font-size:18px;
  color:#333;
  line-height:1.4;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
}
.iframe-content .max {
  padding-bottom: 40px
}
.template_09_notice a.subject {
    border: 1px #eaeaea  solid;
    margin-right: 40px;
    margin-bottom: 40px;
    margin-top: 0;
    margin-left: 0;
}
.template_09_notice .slick-slide:last-child a.subject {margin-right: 0px;}
#multipleContentsDiv_template_09_7{width:1400px !important;margin: 0 auto !important;overflow:hidden;padding:110px 0 0;}
.template_09_notice .list {
    top: 95px;
}

/* 반응형 */
@media (max-width:1640px){
	.template_09_news .more { right: 20px;}
	.template_09_calendar .more { right: 20px;    }
}

@media screen and (max-width: 1024px) {
    .template_09_calendar .calendar_list li {
        width: calc(50% - 10px); /* gap 20px 고려 */
    }
  }

@media (max-width:768px){
    .template_09_calendar {
        margin-top: 40px;
    }
  	.template_09_notice .slick-slide {
    	width: 100% !important;
	}
  .template_09_notice a.subject {
        padding: 20px;
        margin-bottom: 30px;
  }
.template_09_notice .list {
    top: 115px;
}
    .template_09_notice ul.inner {
        padding-right: 10px;
    }
  #menu1190_obj34 {
	height: 650px;
  }
  .template_09_news .head{
    /* flex-direction:column; */
    /* align-items:flex-start; */
    gap:15px;
    margin-bottom: 30px;
  }
  .template_09_news h2{
    font-size:28px;
  }
  .template_09_news .news_list{
    flex-direction:column;
    gap:30px;
  }
  .template_09_news .more {
        font-size: 0;
        width: 35px;
        height: 35px;
        background: url(/sites/sbs/images/main/more_1_b.png) no-repeat right center;
        top: 0;
    }
  .template_09_notice .title a {
        font-size: 18px;
    }
  .template_09_notice .subjectText {
        font-size: 17px;
    }
  .template_09_news .text h3 {
    font-size: 17px;
  }
  .template_09_news .text p {
    font-size: 15px;
  }
  .template_09_news .text {
    margin-top: 15px;
}
    .template_09_calendar h2{
    font-size:28px;
  }
   .template_09_calendar .more {
        font-size: 0;
        width: 35px;
        height: 35px;
        background: url(/sites/sbs/images/main/more_1_b.png) no-repeat right center;
        top: 0;
    }
  .template_09_calendar .calendar_list{
    /* flex-direction:column; */
    gap: 20px;
    padding:30px 25px;
  }

  .template_09_calendar .calendar_list li {
        width: 100%;
    }
  .template_09_calendar p{
    font-size:16px;
  }
}

/* =========================================================
   Academic Programs
========================================================= */

.template_09_program {
  margin-top: 0;
}
.template_09_program .container {
  max-width: 1400px;
  margin: 0 auto;
  /* padding: 0 20px; */
}

/* 헤더 */
.template_09_program .head {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 30px;
  position: relative;
}
.template_09_program h2 {
  font-size: 42px;
  color: #930d14;
  font-family: 'psb';
  /* letter-spacing: -1px; */
  line-height: 1.2;
}
.template_09_program h2 span {
  font-weight: 400;
}
.template_09_program .symbol {
  width: 69px;
  height: 100px;
  background: url('/sites/sbs/images/main/ihs_symbol.png') center/contain no-repeat;
}

/* ㅅ 모양 회색 장식 */
.template_09_program .head::after {
  content: "";
  position: absolute;
  right: 80px;
  top: 0;
  width: 349px;
  height: 210px;
  background: url("/sites/sbs/images/main/shape.png") no-repeat center / contain;
  pointer-events: none;
  z-index: 0;
}

/* 제목/심볼은 위 레이어 */
.template_09_program .head > * {
  position: relative;
  z-index: 1;
}

/* 리스트 */
.template_09_program .program_list {
  display: flex;
  gap: 30px;
}
.template_09_program .program_list li {
  flex: 1;
}

/* 카드 */
.template_09_program .program {
  position: relative;
  height: 400px;
  border-radius: 20px;
  overflow: hidden;
  background-size: cover;
  background-position: center;
}

/* 링크 */
.template_09_program .program a {
  position: relative;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  color: #fff;
  text-align: center;
}

/* 기본 상태 : 오버레이 없음 */
.template_09_program .program::before {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(147, 13, 20, 0.85);
  opacity: 0;
  transition: opacity .3s ease;
  z-index: 1;
}

/* hover 시 오버레이 */
.template_09_program .program:hover::before {
  opacity: 1;
}

/* 텍스트 */
.template_09_program .program .label {
  font-size: 26px;
  font-family: 'psb';
  transition: transform .3s ease;
}

/* + 버튼 (hover 시만 노출) */
/* + 버튼 (1px 라인으로 직접 그림) */
.template_09_program .program .plus {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 52px;
  height: 52px;
  border-radius: 50%;
  border: 1px solid #fff;

  transform: translate(-50%, -50%) scale(0.9);
  opacity: 0;

  transition: opacity .3s ease, transform .3s ease;
  z-index: 3;
}

/* 가로 라인 */
.template_09_program .program .plus::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 20px;
  height: 1px;
  background: #fff;
  transform: translate(-50%, -50%);
}

/* 세로 라인 */
.template_09_program .program .plus::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 1px;
  height: 20px;
  background: #fff;
  transform: translate(-50%, -50%);
}
.template_09_program .program:hover .plus {
  opacity: 1;
  transform: translate(-50%, 0%) scale(1);
}
.template_09_program .program:hover .label {
  transform: translateY(-50px);
}

/* 설명문 */
.template_09_program .desc {
  margin-top: 30px;
  font-size: 24px;
  color: #222;
  text-align: center;
  letter-spacing: -0.5px;
}

/* =========================================================
   Background Images
========================================================= */

.template_09_program .program.bg1 {
  background-image: url('/sites/sbs/images/main/program_01.jpg');
}
.template_09_program .program.bg2 {
  background-image: url('/sites/sbs/images/main/program_02.jpg');
}
.template_09_program .program.bg3 {
  background-image: url('/sites/sbs/images/main/program_03.jpg');
}
.template_09_program .program.bg4 {
  background-image: url('/sites/sbs/images/main/program_04.jpg');
}

/* =========================================================
   Responsive
========================================================= */

/* 1024px : 2개 */
@media (max-width: 1024px) {
  .template_09_program .program_list li {
	flex: inherit;
  }
  .template_09_program .program_list {
    flex-wrap: wrap;
  }
    .template_09_program .program.bg1 {
	background-image: url('/sites/sbs/images/main/program_01.jpg');
	width:calc(50% - 15px);
  }
  .template_09_program .program.bg2 {
	background-image: url('/sites/sbs/images/main/program_02.jpg');
	width:calc(50% - 15px);
  }
  .template_09_program .program.bg3 {
	background-image: url('/sites/sbs/images/main/program_03.jpg');
 	width:calc(50% - 15px);
  }
  .template_09_program .program.bg4 {
	background-image: url('/sites/sbs/images/main/program_04.jpg');
  	width:calc(50% - 15px);
  }
  .template_09_program .program {
    height: 300px;
  }
  .template_09_program h2 {
    font-size: 34px;
  }
}

/* 768px : 1개 */
@media (max-width: 768px) {
  .template_09_program .program.bg1 {
	background-image: url('/sites/sbs/images/main/program_01.jpg');
	width:100%;
  }
  .template_09_program .program.bg2 {
	background-image: url('/sites/sbs/images/main/program_02.jpg');
	width:100%;
  }
  .template_09_program .program.bg3 {
	background-image: url('/sites/sbs/images/main/program_03.jpg');
 	width:100%;
  }
  .template_09_program .program.bg4 {
	background-image: url('/sites/sbs/images/main/program_04.jpg');
  	width:100%;
  }
  .template_09_program .program {
    height: 260px;
  }
  .template_09_program h2 {
    font-size: 28px;
  }
  .template_09_program .desc {
    font-size: 17px;
  }
  .template_09_program .symbol {
    width: 60px;
    height: 69px;
    background: url(/sites/sbs/images/main/ihs_symbol.png) center / contain no-repeat;
}
}

/* 480px */
@media (max-width: 480px) {
  .template_09_program .program {
    height: 220px;
  }
  .template_09_program .program .label {
    font-size: 22px;
  }
}

@media (max-width: 1024px) {
  .template_09_program .head::after {
    width: 400px;
    height: 170px;
    right: 50px;
    top: 0;
  }
}

@media (max-width: 768px) {
  .template_09_program .head::after {
    width: 280px;
    height: 120px;
    right: 0;
    /* top: 0px; */
    /* opacity: 0.5; */
  }
}

@media (max-width: 480px) {
  .template_09_program .head::after {
    display: none;
  }
}


/* =====================================================
   Research Hero Section
===================================================== */

.research-hero {
  position: relative;
  width: 100%;
  height: 761px; /* 필요에 따라 조절 */
  background: url('/sites/sbs/images/main/research_bg.jpg') center / cover no-repeat;
  /* overflow: hidden; */
  margin: 100px auto;
  border-radius: 12px;
}

/* 좌측 붉은 라인 */
.research-hero::before {
  content: "";
  position: absolute;
  left: 0;
  top: -24px;                /* 👈 위로 24px 올림 */
  width: 170px;
  height: calc(100% + 24px);/* 👈 잘리지 않게 보정 */
  background: #8b0e14;
  clip-path: polygon(
    0 0,
    100% 0,
    100% 24px,
    24px 24px,
    24px 100%,
    0 100%
  );
  z-index: 3;
  pointer-events: none;
}

.research-hero::before {
  border-top-left-radius: 12px;
  border-bottom-left-radius: 12px;
}


/* 우측 붉은 라인 */
.research-hero::after {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  width: 24px;
  height: 100%;
  background: #8b0e14;
  border-top-right-radius: 12px;
  border-bottom-right-radius: 12px;
  z-index: 1;
  pointer-events: none;
}


/* 내부 콘텐츠 */
.research-hero .inner {
  position: relative;
  max-width: 1400px;
  height: 100%;
  margin: 0 auto;
  padding: 0 20px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-end;
  text-align: right;
  z-index: 1; /* 라인 위 */
}

/* 타이틀 */
.research-hero h1 {
  color: #fff;
  font-size: 48px;
  line-height: 1.3;
  font-family: 'psb';
  margin-bottom: 100px;
  text-shadow: 2px 0px 6px rgba(51, 51, 51, 0.5);
}

/* 버튼 영역 */
.research-hero .btn-wrap {
  display: flex;
  gap: 30px;
}

.research-hero .btn {
  padding: 12px 26px;
  border-radius: 8px;
  font-size: 20px;
  color: #8b0e14;
  border: 1px solid #8b0e14;
  background: rgba(255,255,255,0.5);
  transition: all .2s ease;
  min-width: 240px;
  text-align: center;
}

.research-hero .btn.active {
  background: #8b0e14;
  border-color: #8b0e14;
    color: #fff;
}

.research-hero .btn:hover {
  background: #8b0e14;
  border-color: #8b0e14;
    color: #fff;
}

/* =====================================================
   Responsive
===================================================== */

@media (max-width: 1024px) {
  .research-hero {
    height: 460px;
  }
  .research-hero h1 {
    font-size: 34px;
  }
}

@media (max-width: 768px) {
  .research-hero {
    height: 420px;
    margin: 50px auto;
  }

  .research-hero::before,
  .research-hero::after {
    width: 16px; /* 모바일에서 라인 얇게 */
  }
  .research-hero::before {
    top: -16px;
    height: calc(100% + 16px);

    width: 120px;

    clip-path: polygon(
      0 0,
      100% 0,
      100% 16px,
      16px 16px,
      16px 100%,
      0 100%
    );
  }
  .research-hero .inner {
    align-items: center;
    text-align: center;
  }

  .research-hero h1 {
    font-size: 26px;
  }

  .research-hero .btn-wrap {
    justify-content: center;
	gap: 10px;
  }
  .research-hero .btn {
    padding: 12px 12px;
    font-size: 16px;
    min-width: inherit;
}
}

@media (max-width: 480px) {
  .research-hero {
    height: 360px;
  }
  .research-hero h1 {
    font-size: 22px;
  }
}

.template_09_notice .container, #multipleContentsDiv_template_09_7 {
    max-width: 100% !important;
    width: 100% !important;
}
#multipleDiv_template_09_7 {
    width: 1400px;
    margin: 0 auto;
}

@media screen and (max-width: 1640px) {
	#multipleContentsDiv_template_09_7{}
	.template_09_news .container{padding-left:20px;padding-right:20px;}
	.template_09_calendar .container{padding:0 20px  !important;}
  	.template_09_program .container{padding:0 20px  !important;}
  
}
@media screen and (max-width: 1400px) {
    header .innerA {  width: 100%;}
    header .innerB {  width: 100%;}
    #multipleDiv_template_09_7 {
        width: 100%;
	    margin:0 auto;
    }
  .head_navi {
	width:100%;
  }
}
@media screen and (max-width: 1280px) {
	#multipleContentsDiv_template_09_7{width:100% !important;padding: 80px 20px 0;}
    .template_09_news .container{/* padding-top:0px; */}
  .head_navi {
	width:500px;
  }
}
@media screen and (max-width: 768px) {
    #multipleContentsDiv_template_09_7{padding: 40px 20px 0;}
    .template_09_news .container{/* padding-top:40px; *//* padding-bottom:40px; */}
    .template_09_news {
        /* margin-top: 0px; */
    }
    .head_navi {
	width:100%;
  }

}


/*슬로건*/
#menu1190_obj24{position:absolute;left: 50%;top:44%;padding: 0;transform: translate(-50%, -50%);width: 100%;}
.slogan{font-family:'pr';letter-spacing: -0.5px;line-height:1.1;height:100%;display:flex;flex-direction:column;text-align: center;text-shadow: 2px 0px 6px rgba(51, 51, 51, 0.5);}
.slogan .txt_1{font-size:30px;color:#fff;}
.slogan .txt_2{font-size: 60px;color:#fff;/* margin-top:20px; */}
.slogan .txt_2 span{font-family: 'psb';}
.slogan .txt_3{font-size: 40px;color:#fff;margin-top: 20px;letter-spacing: 0px;}
@media screen and (max-width: 1280px) {
	#menu1190_obj24{/* left:55%; *//* top: 150px; */padding:0 40px;}
	.slogan .txt_1{font-size:25px;}
	.slogan .txt_2{font-size:45px;}
	.slogan .txt_3{font-size:20px;}
}
@media screen and (max-width: 768px) {
	#menu1190_obj24{/* left:0; */padding:0 20px;width:100%;}
	.slogan .txt_1{font-size:20px;color:#FFF;}
	.slogan .txt_2{font-size:30px;color:#FFF;}
	.slogan .txt_3{font-size:16px;color:#FFF;}
}


/*퀵메뉴*/
#menu1190_obj81{position:absolute;left:50%;bottom:80px;width:1280px !important;margin-left:-640px !important;}
.wrap_quicklink .text_1 { font-size: 21px;}

.wrap_visual .control {
    bottom: 280px;
    /*padding-left: 0px;*/
}

@media screen and (max-width: 1640px) {
	#menu1190_obj81{left:0;width:100% !important;margin-left:0 !important;padding:0 20px;}
}
@media screen and (max-width: 1280px) {
    .openFullPopup {
        top: 30px;
    }
    .wrap_quicklink .text_1 {
        font-size: 16px;
    }
}
@media screen and (max-width: 768px) {
    .openFullPopup {
        top: 20px;
    }
}




/* ===== 공통 ===== */
.template_09_maininfo {
  position: relative;
  padding: 0 0 100px 0;
}
.template_09_maininfo .bg-layer {
  position: absolute;
  inset: 0;
  background: url('/sites/sbs/images/main/main_bg.jpg') center/cover no-repeat;
}
.template_09_maininfo .inner {
  position: relative;
  max-width: 1400px;
  margin: 0 auto;
}

/* ===== MAIN HEAD ===== */
.template_09_maininfo .main-head {
  text-align: center;
  margin-bottom: 40px;
  font-size: 42px;
  color: #222;
  font-family: 'psb';
  line-height: 1.2;
}
.template_09_maininfo .main-head span {
  color: #930d14;
}

/* ===== 모집 / 기부 ===== */
.template_09_maininfo .info-box-wrap {
  display: flex;
  gap: 40px;
  margin-bottom: 100px;
}

.template_09_maininfo .info-box {
  flex: 1;
  display: flex;
  padding: 50px;
  border-radius: 16px;
  color: #fff;
}

.template_09_maininfo .info-box.recruit {
  background: url(/sites/sbs/images/main/ihs_symbol_bg_red.png) right top no-repeat #b11116;
}
.template_09_maininfo .info-box.donate {
  background: url(/sites/sbs/images/main/ihs_symbol_bg_blue.png) right top no-repeat #2c3a6a;
}

/* 좌측 타이틀 */
.template_09_maininfo .box-title {
  margin-right: 80px;
  position: relative;
}
.template_09_maininfo .box-title h2 {
  font-size: 42px;
  color: #fff;
  font-family: 'psb';
  line-height: 1.2;
}
.template_09_maininfo .box-title .line {
  position: absolute;
  right: -40px;
  top: 0;
  width: 1px;
  height: 100%;
  background: rgba(255,255,255,.4);
}

/* 우측 콘텐츠 */
.template_09_maininfo .box-content h2 {
  font-size: 36px;
  color: #fff;
  font-family: 'psb';
  line-height: 1.2;
  margin-bottom: 30px;
}
.template_09_maininfo .box-content h2 span {
  display: block;
  font-family: 'pl';
  font-size: 22px;
  margin-top: 6px;
}

.template_09_maininfo .box-content ul {
  margin: 0;
  padding: 0;
}
.template_09_maininfo .box-content ul li {
  margin-bottom: 10px;
}
.template_09_maininfo .box-content ul li div {
  min-width:110px;
}
/* 링크 기본 */
.template_09_maininfo .box-content ul li a {
  position: relative;
  display: inline-flex;
  align-items: center;
  /* gap: 6px; */
  font-size: 20px;
  color: #fff;
  line-height: 1.4;
  font-family: 'pl';
}

/* Material 화살표 */
.template_09_maininfo .box-content ul li a::after {
  content: '\f8ce'; /* arrow_outward */
  font-family: 'Material Icons Outlined';
  font-size: 21px;
  line-height: 1;
  opacity: 0;
  transform: translateX(-4px);
  transition: opacity .3s ease, transform .3s ease;
  margin-right: 10px;
  margin-left: 3px;
  font-weight: 300;
}

/* hover 시에만 표시 */
.template_09_maininfo .box-content ul li a:hover::after {
  opacity: 1;
  transform: translateX(0);
}

/* GMBA / E-Ph.D 하단 한 줄 */
.template_09_maininfo .box-content ul li.flex {
  display: flex;
  gap: 30px;
  font-size: 18px;
  font-family: 'pl';
}
.template_09_maininfo .box-content ul li.flex a {
    font-size: 17px;
}
/* ===== 하단 ===== */
.template_09_maininfo .bottom-section {
  display: flex;
  /* gap: 40px; */
  position: relative;
}
.template_09_maininfo .bottom-section::before {
  content: '';
  position: absolute;
  bottom: 0;
  right: 100%;                /* ⭐ inner 바깥부터 시작 */
  width: 258px;
  height: 226px;
  background: url('/sites/sbs/images/main/bg_academic.png') right bottom / contain no-repeat;
  z-index: 0;
}

.template_09_maininfo .bottom-section::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 100%;                 /* ⭐ inner 바깥부터 시작 */
  width: 258px;
  height: 226px;
  background: url('/sites/sbs/images/main/bg_campus.png') left bottom / contain no-repeat;
  z-index: 0;
}

.template_09_maininfo .academic,
.template_09_maininfo .campus {
  position: relative;
  z-index: 1;
  width: 50%;
}

.template_09_maininfo .section-title {
  font-size: 42px;
  color: #930d14;
  font-family: 'psb';
  line-height: 1.2;
  margin-bottom: 30px;
  text-align: center;
}

/* ===== Academic ===== */
.template_09_maininfo .academic {
  width: 50%;
  /* padding: 12px; */
}

.template_09_maininfo .circle-wrap {
  display: flex;
  gap: 24px;
  justify-content: space-between;
  padding: 12px;
}

.template_09_maininfo .circle {
  flex: 1;
  aspect-ratio: 1 / 1;
  border-radius: 50%;
  background: rgba(255,255,255,.95);
  box-shadow: 0 0 0 12px rgba(255, 255, 255, 0.6);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 14px;
  text-align: center;
  transition: transform .3s ease;
}
.template_09_maininfo .circle:hover {
  /*transform: translateY(-10px);*/
}

/* ===== Campus ===== */
.template_09_maininfo .campus {
  width: 50%;
}

/* Campus thumb 기본 */
.template_09_maininfo .campus-thumb {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 226px;
  border-radius: 140px;
  overflow: hidden;
  text-align: center;
}

/* 배경 이미지 레이어 */
.template_09_maininfo .campus-thumb::before {
  content: '';
  position: absolute;
  inset: 0;
  background: url('/sites/sbs/images/main/campus.png') center / cover no-repeat;
  transition: transform .6s ease;
  z-index: 0;
}

/* hover 시 배경만 확대 */
.template_09_maininfo .campus-thumb:hover::before {
  transform: scale(1.08);
}

/* 텍스트는 항상 위 */
.template_09_maininfo .campus-thumb span {
  position: relative;
  z-index: 1;
  color: #fff;
  font-size: 22px;
  font-family: 'psb';
}

.template_09_maininfo .circle .ico {
  display: block;
  width: 48px;
  height: 42px;
  margin-bottom: 10px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

/* 아이콘별 이미지 */
.template_09_maininfo .ico-subject {
  background-image: url('/sites/sbs/images/main/ico_subject.png');
}

.template_09_maininfo .ico-download {
  background-image: url('/sites/sbs/images/main/ico_download.png');
}

.template_09_maininfo .ico-contact {
  background-image: url('/sites/sbs/images/main/ico_contact.png');
}

/* hover 시 살짝 올라가는 효과 */
.template_09_maininfo .circle:hover .ico {
  transform: translateY(-6px);
  transition: transform .3s ease;
}

/* ===== 반응형 ===== */
@media (max-width: 1400px) {
  .template_09_maininfo {
	padding: 0 20px 50px 20px;
	width: 100%;
	}
  .template_09_maininfo .bottom-section::before,
  .template_09_maininfo .bottom-section::after {
    display: none;
  }
}

@media (max-width:1024px){
  .template_09_maininfo .info-box-wrap,
  .template_09_maininfo .bottom-section {
    flex-direction: column;
    margin-bottom: 50px;
  }
  .template_09_maininfo .academic,
  .template_09_maininfo .campus {
    width: 100%;
  }
  .template_09_maininfo .bottom-section {
    flex-direction: column;
    margin-bottom: 0;
  }

  .template_09_maininfo .bottom-section::before,
  .template_09_maininfo .bottom-section::after {
    width: 100%;
    left: 0;
    transform: none;
    opacity: 0.15;
  }

  .template_09_maininfo .academic,
  .template_09_maininfo .campus {
    width: 100%;
  }

  .template_09_maininfo .campus {
    margin-top: 50px;
  }
  
  .template_09_maininfo .circle .ico {
    width: 34px;
    height: 31px;
    background-size: contain;
}
  
}

@media (max-width:768px){
  .template_09_maininfo .circle-wrap {
    /*flex-direction: column;*/
    padding: 5px;
    gap: 15px;
  }
    /* 전체 박스 세로 정렬 */
  .template_09_maininfo .info-box {
    flex-direction: column;
    padding: 30px 25px;
    background-size: 500px !important;
  }

  /* 좌측 타이틀 영역 */
  .template_09_maininfo .box-title {
    margin-right: 0;
    margin-bottom: 20px;
  }

  /* 세로 구분선 가로로 변경 */
  .template_09_maininfo .box-title .line {
    position: absolute;
    right: inherit;
    top: inherit;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1px;
    /* margin-bottom: 20px; */
    background: rgba(255, 255, 255, .4);
  }

  /* 우측 콘텐츠 */
  .template_09_maininfo .box-content {
    width: 100%;
  }
}

/*  컨텐츠 1400px 변경 */
footer .container { width: 1400px;}

#multipleDiv_template_09_9 .container {
  width: 1400px;
  margin: 0 auto;
}

@media (max-width: 1400px) {
footer .container {
  width: 100%;
}
  #multipleDiv_template_09_9 .container {
  width: 100%;
}
}


/* ===============================
   FONT SIZE PATCH – PC
=============================== */

/* MAIN HEAD */
.template_09_maininfo .main-head {
  font-size: 40px;
}

/* Academic / Campus 제목 */
.template_09_maininfo .section-title {
  font-size: 40px;
}

/* 모집 / 기부 좌측 타이틀 */
.template_09_maininfo .box-title h2 {
  font-size: 40px;
}

/* 모집 / 기부 우측 타이틀 */
.template_09_maininfo .box-content h2 {
  font-size: 32px;
}
.template_09_maininfo .box-content h2 span {
  font-size: 22px;
}

/* 모집 / 기부 링크 */
.template_09_maininfo .box-content ul li a {
  font-size: 20px;
}

/* Academic 원형 텍스트 */
.template_09_maininfo .circle {
  font-size: 20px;
}

/* Campus Life 텍스트 */
.template_09_maininfo .campus-thumb span {
  font-size: 22px;
}

@media all and (max-width:1280px){

  .template_09_maininfo .main-head {
    font-size: 32px;
  }

  .template_09_maininfo .section-title {
    font-size: 32px;
  }

  .template_09_maininfo .box-title h2 {
    font-size: 32px;
  }

  .template_09_maininfo .box-content h2 {
    font-size: 26px;
  }
  .template_09_maininfo .box-content h2 span {
    font-size: 18px;
  }

  .template_09_maininfo .box-content ul li a {
    font-size: 18px;
  }

  .template_09_maininfo .circle {
    font-size: 18px;
  }

  .template_09_maininfo .campus-thumb span {
    font-size: 20px;
  }
}
@media all and (max-width:768px){

  .template_09_maininfo .main-head {
    font-size: 24px;
  }

  .template_09_maininfo .section-title {
    font-size: 24px;
  }

  .template_09_maininfo .box-title h2 {
    font-size: 24px;
    margin-bottom: 20px;
  }

  .template_09_maininfo .box-title h2 br {
	display:none;
  }
  .template_09_maininfo .box-content h2 {
    font-size: 22px;
    margin-bottom: 20px;
  }
  .template_09_maininfo .box-content h2 span {
    font-size: 16px;
  }

  .template_09_maininfo .box-content ul li a {
    font-size: 16px;
  }

  .template_09_maininfo .circle {
    font-size: 16px;
    gap: 0;
    box-shadow: 0 0 0 8px rgba(255, 255, 255, 0.6);
  }

  .template_09_maininfo .campus-thumb span {
    font-size: 18px;
  }
}