/* PC 버전에서만 적용되는 네비게이션 스타일 */
@media (min-width: 768px) {
  .navbar {
    min-height: 50px !important;
    padding: 5px 0 5px 0 !important;
  }

  .navbar .container-fluid {
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin: 0 auto !important;
  }

  .navbar-header {
    float: left !important;
    margin-left: 0 !important;
    padding-left: 0 !important;
  }

  .navbar-brand {
    padding-left: 0 !important;
    margin-left: 0 !important;
    width: 100px !important;
    height: auto !important;
  }

  .navbar-brand img.workcamp_logo {
    width: 100px !important;
    height: auto !important;
    max-width: 100px !important;
  }

  .navbar-collapse {
    float: none !important;
    width: auto !important;
    text-align: center !important;
    margin-right: 0 !important;
    padding-right: 0 !important;
  }

  .navbar-nav {
    float: none !important;
    display: inline-block !important;
    margin: 8px auto 0 auto !important;
    padding-right: 0 !important;
  }

  .navbar-nav>li {
    float: left !important;
  }
}

/* 로그인 버튼 컨테이너 스타일 */
.menu_login_iwo {
  background: transparent !important;
  border-radius: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  width: 94px !important;
  height: 44px !important;
}

/* 로그인 버튼 스타일 */
.menu_login_iwo a {
  display: inline-block !important;
  padding: 14px 20px !important;
  text-align: center !important;
  background-color: #ffffff !important;
  border: 1px solid #cccccc !important;
  border-radius: 4px !important;
  color: #333333 !important;
  text-decoration: none !important;
  font-size: 16px !important;
  box-shadow: none !important;
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
  box-sizing: border-box !important;
}

.menu_login_iwo a:hover {
  background-color: #f8f8f8 !important;
  border-color: #999999 !important;
  color: #333333 !important;
  text-decoration: none !important;
  box-shadow: none !important;
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
}



#new-search {
  max-height: 1px;
  position: relative;
}

.new-search-box {
  position: absolute;
  width: 990px;
  height: 60px;
  background-color: #3546a6;
  z-index: 100;
  left: 50%;
  margin-left: -495px;
  top: -59px;
  display: block;
}

.new-search-box-period {
  color: #FFFFFF;
  font-weight: 600;
  margin: 0px 0px 0px 17px;
  font-size: 1.3em;
  line-height: 1.4em;
  width: 45px;
  padding: 0px 0px 0px 0px;
  display: inline-block;
  height: 40px;
}

.new-search-box-date-box {
  font-size: 1.4em;
  line-height: 1.4em;
  width: 350px;
  height: 40px;
  display: inline-block;
  margin-top: 0px;
  padding-bottom: 2px;
}

.new-search-box-area {
  color: #FFFFFF;
  font-weight: 600;
  margin: 0px 0px 0px 15px;
  font-size: 1.4em;
  line-height: 1.4em;
  width: 90px;
  padding: 0px 0px 0px 0px;
  display: inline-block;
  height: 40px;
}

.new-search-box-area-select-btn-box {
  font-size: 1.4em;
  line-height: 1.4em;
  height: 40px;
  display: inline-block;
  margin-top: 0px;
  padding-bottom: 2px;
}

.carousel-iwo {
  width: 100%;
  max-width: 992px;
  text-align: center;
  margin: 0 auto;
}

.carousel-control.left {
  background-image: none;
}

.carousel-control.right {
  background-image: none;
}

.carousel-indicators li {
  border: 1px solid #EAEAEA;
}

.carousel-indicators .active {
  background-color: #EAEAEA;
}

.carousel-caption {
  display: none;
}

.top_carousel_area_container {
  background-color: #FFFFFF;
}

.banner-container-fluid {
  display: block;
  padding: 35px 0px 20px 0px;
  margin: 0px 0px;
}

.banner-container-iwo {
  max-width: 992px;
  margin: 0 auto;
}

.banner-group-iwo-pc {
  display: block;
  text-align: center;
  padding: 0px;
}

.banner-group-iwo-m {
  display: none;
}

.banner-box-pc {
  padding: 0px 0px;
  margin: 0 auto;
  display: block;
}

.banner-iwo {
  margin: 0 auto;
}

.txt-notice-main-container {
  padding: 20px 20px;
  text-align: center;
}

.txt-notice-main {
  max-width: 984px;
  margin: 0px auto 10px auto;
  background-color: #FFFFFF;
  border: 1px solid #d7d7d7;
}

.media-container-fluid {
  display: block;
  padding: 0px 0px 0px 0px;
  margin: 0px 0px;
}

.media-container-iwo {
  max-width: 992px;
  margin: 0 auto;
  padding: 0px 18px;
}

.media-group-iwo-pc {
  display: block;
  text-align: center;
  padding: 0px;
}

.media-group-iwo-m::-webkit-scrollbar {
  display: none;
}

/*.media-group-iwo-m{display:none;} */
.media-box-pc {
  padding: 0px 0px;
  margin: 0 auto;
  display: block;
  border: 1px solid #d7d7d7;
  overflow: hidden;
  background-color: #FFFFFF;
}

.media-box-text {
  text-align: center;
  width: auto;
  height: auto;
  font-size: 1.2em;
  padding: 0px 0px 20px 0px
}

.media-iwo {
  margin: 0 auto;
}

.r-word-container {
  margin-top: 20px;
  margin-bottom: 20px;
}

.r-word-container-inside {
  max-width: 1018px;
  margin: 0 auto;
  padding-left: -40px;
  padding-right: -40px;
}

.word-item {
  border: 1px solid #ffffff;
  background-color: #3546a6;
  height: 180px;
  padding: 26px;
  font-size: 1.2em;
}


/* ─────────────────────────────────
   참가자 한마디 섹션 래퍼
───────────────────────────────── */
/* PC에서만 적용 */
@media (min-width: 768px) {

  /* 참가자 한마디/워캠피드 래퍼 - 배경색과 패딩 */
  .participant-testimonials-wrapper {
    background-color: #FDFBF7;
    padding: 60px 0px;
  }
}

/* PC 버전 컨테이너 스타일 - PC에서만 적용 */
@media (min-width: 768px) {

  .participant-testimonials-wrapper .participant-testimonials.container,
  .senior-testimonials-wrapper .participant-testimonials.container {
    max-width: none !important;
    /* Bootstrap max-width 제거 */
    width: 1300px !important;
    /* 1200px + 버튼 공간 100px */
    margin: 0 auto !important;
    /* 가운데 정렬 */
    padding: 20px 50px !important;
    /* 위아래 여백과 좌우 버튼 공간 */
    overflow: visible !important;
    /* 슬라이더가 컨테이너를 넘어설 수 있도록 */
  }
}

/* 모바일에서는 위 스타일을 덮어쓰지 않도록 미디어 쿼리에서 더 구체적으로 타겟팅 */

/* 워크캠프 스토리 헤더 스타일 */
.testimonials-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 20px;
  padding: 0;
  width: 100%;
  /* 부모 section의 전체 폭 사용 */
}

/* 협력대학 섹션 헤더 */
.international-cooperation-section .testimonials-header {
  margin-bottom: 60px;
}

/* 협력기관 섹션 헤더 - PC에서만 적용 */
@media (min-width: 769px) {
  .korean-cooperation-section .testimonials-header {
    margin-bottom: 60px;
  }
}

.testimonials-header h2 {
  font-size: 24px;
  font-weight: 700;
  color: #333;
  margin: 0;
}

.testimonials-header .more-link {
  color: #666;
  font-size: 14px;
  text-decoration: none;
  display: flex;
  align-items: center;
}

.testimonials-header .more-link:hover {
  color: #333;
  text-decoration: none;
}

.testimonials-header .more-link i {
  margin-left: 4px;
  font-size: 16px;
}

/* ─────────────────────────────────
   슬릭 전체 폭 보정 (아이템 좌우 패딩 보상)
───────────────────────────────── */
.participant-testimonials .testimonial-slider {
  margin: 0;
  padding: 0;
}

.participant-testimonials .testimonial-slider .slick-list {
  margin: 0;
  padding: 0;
  overflow: hidden;
}

.participant-testimonials .testimonial-slider .slick-track {
  margin: 0;
  padding: 0;
  overflow: hidden;
}

/* ─────────────────────────────────
   아이템 간격 5px (좌우 2.5px씩)
───────────────────────────────── */
.participant-testimonials .slide-item {
  padding: 0;
  /* 기본 패딩 제거 */
  box-sizing: border-box;
}

/* 두 번째 아이템부터 왼쪽 마진 15px */
.participant-testimonials .slide-item:not(:first-child) {
  margin-left: 15px;
}

/* 모바일에서는 슬라이드 간격 제거 */
@media (max-width: 768px) {
  .participant-testimonials .slide-item:not(:first-child) {
    margin-left: 0;
  }
}

/* ─────────────────────────────────
   카드 높이 130px로 축소 & 라운드 제거
───────────────────────────────── */
.participant-testimonials .word-slide {
  display: flex;
  background: #fff;
  /* 흰색 배경 복원 */
  height: 140px;
  /* PC에서 140px 높이 */
  width: 390px;
  /* PC에서 388px 폭 (border 2px 포함하여 총 390px) */
  border-radius: 10px;
  border: 1px solid #CCCCCC;
  overflow: hidden;
  text-decoration: none;
  color: #000000;
  /* 검은색 텍스트 링크 복원 */
}

.participant-testimonials .word-slide:hover {
  text-decoration: none;
  color: #337ab7;
}

/* ─────────────────────────────────
   썸네일 크기 130×130
───────────────────────────────── */
.participant-testimonials .word-thumb {
  flex: 0 0 110px !important;
  max-width: 110px !important;
  height: 100%;
}

.participant-testimonials .word-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* ─────────────────────────────────
   텍스트 박스 패딩 & 정렬
───────────────────────────────── */
.participant-testimonials .word-content {
  flex: 1;
  padding: 10px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.participant-testimonials .word-content p {
  margin: 0 0 10px;
  font-size: 1.15em;
  line-height: 1.2;
}

.participant-testimonials .word-content h4 {
  margin: 0;
  font-size: 1.2em;
  font-weight: bold;
}

/* ─────────────────────────────────
   Slick 내부 슬라이드 높이 동일 정렬
───────────────────────────────── */
.participant-testimonials .testimonial-slider .slick-slide {
  display: flex !important;
  align-items: stretch !important;
}

/* 슬라이더 본체가 넘치는 걸 숨김 */
.testimonial-slider {
  overflow: hidden;
  margin: 10px auto;
}

/* slick-slide 를 flex 컨테이너로 */
.testimonial-slider .slick-slide {
  display: flex !important;
  justify-content: center;
  align-items: center;
  outline: none;
}

/* 슬라이드 아이템 박스 - PC에서는 패딩 제거 */
.testimonial-slider .slide-item {
  padding: 0;
  box-sizing: border-box;
}




/* ─────────────────────────────────
   워캠피드 섹션 스타일
───────────────────────────────── */

.feed-slide-wrapper {
  position: relative;
  max-width: 120px !important;
}

/* 워캠피드 슬라이더 - 워크캠프 스토리와 동일한 스타일 */
.feed-slider-container {
  overflow: hidden;
  margin: 10px auto;
  position: relative;
  padding: 0;
}

/* 슬라이더 뷰포트 - 워크캠프 스토리와 동일한 스타일 */
.feed-slider-viewport {
  overflow: hidden;
  position: relative;
  width: 100%;
  margin: 0;
  padding: 0;
}

/* PC 버전 워캠피드 스타일 - PC에서만 적용 */
@media (min-width: 768px) {

  /* 슬라이더 트랙 - 워크캠프 스토리와 동일한 스타일 */
  .feed-slider-track {
    display: flex;
    transition: transform 0.4s ease;
    will-change: transform;
    width: calc(390px * 3 + 15px * 2);
    margin: 0;
    padding: 0;
  }

  /* 개별 슬라이드 - 워크캠프 스토리와 동일한 간격 */
  .feed-slide-item {
    padding: 0;
    box-sizing: border-box;
    display: inline-block;
    width: 390px;
    flex: 0 0 390px;
  }

  .feed-slide-item:not(:first-child) {
    margin-left: 15px;
  }

  /* 슬라이드 내용 - 워크캠프 스토리와 동일한 스타일 */
  .feed-slide {
    display: flex;
    background: #fff;
    height: 140px;
    width: 390px;
    border-radius: 10px;
    border: 1px solid #CCCCCC;
    overflow: hidden;
    text-decoration: none;
    color: #000000;
  }
}

@media (min-width: 768px) {
  .feed-slide:hover {
    text-decoration: none;
    color: #337ab7;
    border: 1px solid #333;
    transform: translateY(0px);
  }
}

/* 썸네일 - 워크캠프 스토리와 동일한 크기 */
.feed-thumb {
  flex: 0 0 110px !important;
  max-width: 110px !important;
  height: 100%;
  overflow: hidden;
}

.feed-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

.feed-placeholder {
  width: 100%;
  height: 100%;
  background: #EAEAEA;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 2em;
  color: #999;
}

/* 텍스트 콘텐츠 */
.feed-content {
  flex: 1;
  padding: 15px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.feed-content h4 {
  margin: 0 0 8px 0;
  font-size: 18px;
  line-height: 1.4;
  color: #333;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.feed-content p {
  margin: 0;
  font-size: 14px;
  color: #666;
  font-weight: normal;
}

/* PC 버전 워캠피드 스타일 */
@media (min-width: 768px) {

  /* 워캠피드 슬라이더 래퍼 */
  .feed-slider-wrapper {
    position: relative;
    width: 100%;
  }

  .feed-slider-container {
    overflow: hidden;
    width: 100%;
    position: relative;
  }

  .feed-slider-track {
    display: flex;
    transition: transform 0.3s ease;
    width: max-content;
  }
}

@media (min-width: 768px) {

  /* 화살표 버튼 - 적절한 크기로 조정 */
  .feed-arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 30px;
    height: 30px;
    background: rgba(255, 255, 255, 0.9);
    border: 1px solid #ddd;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    z-index: 100;
    outline: none;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  }

  .feed-arrow:hover {
    background: rgba(245, 245, 245, 0.95);
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
  }

  .feed-arrow-prev {
    left: -35px;
  }

  .feed-arrow-next {
    right: -35px;
  }
}

.feed-arrow:disabled {
  opacity: 0.5;
  cursor: not-allowed;
  background: #fff;
}

.feed-arrow:disabled:hover {
  background: #fff;
  box-shadow: none;
}

/* ─────────────────────────────────
   선배 참가자들의 이야기 슬라이더
───────────────────────────────── */
/* 선배 참가자들의 이야기 래퍼 - 흰색 배경 */
.senior-testimonials-wrapper {
  background-color: #FFFFFF;
  padding: 60px 0px;
}

/* PC 버전 선배 참가자 슬라이더 래퍼 */
@media (min-width: 769px) {
  .senior-slider-wrapper {
    position: relative;
    width: 100%;
  }

  .senior-slider-container {
    overflow: hidden;
    width: 100%;
    position: relative;
  }

  .senior-slider-track {
    display: flex;
    transition: transform 0.3s ease;
    width: max-content;
  }

  /* PC에서는 senior-slide-group 숨기기 */
  .senior-slide-group {
    display: none !important;
  }

  /* 개별 슬라이드 아이템만 표시 - 288px 폭, 15px 마진 */
  .senior-slide-item {
    padding: 0;
    box-sizing: border-box;
    display: inline-block;
    width: 288px;
    flex: 0 0 288px;
  }

  .senior-slide-item:not(:first-child) {
    margin-left: 15px;
  }
}

/* PC 버전 슬라이드 내용 */
@media (min-width: 769px) {
  .senior-slide {
    display: block;
    background: #fff;
    height: auto;
    /* 고정 높이 236px */
    width: 288px;
    /* 고정 폭 288px */
    border-radius: 10px;
    border: 1px solid #CCCCCC;
    overflow: hidden;
    text-decoration: none;
    color: #000000;
    position: relative;
  }

  .senior-slide:hover {
    text-decoration: none;
    color: #337ab7;
    box-shadow: none;
  }

  /* 썸네일 이미지 */
  .senior-thumb {
    width: 100%;
    height: 140px;
    /* 이미지 영역 180px */
    position: relative;
    overflow: hidden;
    padding: 20px 0px;
  }

  .senior-thumb img {
    width: 100%;
    height: 100%;
    object-fit: contain;
  }

  /* 플레이 버튼 */
  .play-button {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: rgba(0, 0, 0, 0.2);
    color: white;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
  }

  /* 텍스트 영역 */
  .senior-content {
    padding: 5px 0px 20px 0px;
    height: auto;
    /* 텍스트 영역 56px (236 - 180) */
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
    /* 중앙 정렬 추가 */
  }

  .senior-content h4 {
    margin: 0 0 4px;
    font-size: 20px;
    font-weight: bold;
    color: #333;
    text-align: center;
    /* 중앙 정렬 추가 */
  }

  .senior-content p {
    margin: 0;
    font-size: 16px;
    color: #666;
    text-align: center;
    /* 중앙 정렬 추가 */
  }

  /* 화살표 버튼 */
  .senior-arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 30px;
    height: 30px;
    background: rgba(255, 255, 255, 0.9);
    border: 1px solid #ddd;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    z-index: 100;
    outline: none;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  }

  .senior-arrow:hover {
    background: rgba(245, 245, 245, 0.95);
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
  }

  .senior-arrow-prev {
    left: -35px;
  }

  .senior-arrow-next {
    right: -35px;
  }

  .senior-arrow:disabled {
    opacity: 0.5;
    cursor: not-allowed;
    background: #fff;
  }

  .senior-arrow:disabled:hover {
    background: #fff;
    box-shadow: none;
  }
}

/* ─────────────────────────────────
   포토북 섹션
───────────────────────────────── */
.photobook-section {
  margin: 0px 0 40px 0;
  display: flex;
  justify-content: center;
}

.photobook-container {
  width: 1200px;
  height: 164px;
  background-color: #6E93DB;
  border-radius: 10px;
  position: relative;
  overflow: visible;
}

.photobook-content {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 100%;
  padding: 0 180px;
  position: relative;
}

.photobook-text {
  color: white;
  text-align: left;
}

.photobook-text h4 {
  font-size: 30px;
  font-weight: bold;
  margin: 0 0 0px 0;
  color: white;
}

.photobook-button {
  display: inline-block;
  background: white;
  color: #4576D3;
  padding: 2px 32px;
  border-radius: 25px;
  text-decoration: none;
  font-size: 24px;
  font-weight: bold;
  margin-bottom: 3px;
}

.photobook-button:hover {
  background: #f0f0f0;
  text-decoration: none;
  color: #4576D3;
}

.photobook-subtitle {
  font-size: 14px;
  color: rgba(255, 255, 255, 0.8);
  margin: 0;
}

.photobook-image {
  position: absolute;
  right: 100px;
  top: -16px;
  /* 위쪽으로 2px 돌출 */
}

.photobook-image img {
  width: 300px;
  height: 168px;
  object-fit: cover;
}

/* 모바일 포토북 스타일 */
@media (max-width: 768px) {
  .photobook-section {
    margin: 0 0 40px 0;
    /* 좌우 여백 완전 제거 */
  }

  .photobook-container {
    width: 100%;
    height: 171px;
    /* 35px(상단여백) + 101px(이미지높이) + 35px(하단여백) */
    max-width: none;
    border-radius: 0;
    /* 라운드 완전 제거 */
  }

  .photobook-content {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 100%;
    padding: 35px 0px 35px 25px;
    /* 상하 35px, 좌측 25px(40-15), 우측 0px(10-10) */
    position: relative;
  }

  .photobook-text {
    flex: 1;
    color: white;
    text-align: left;
    margin-right: 28px;
    /* 텍스트와 이미지 간 28px */
    display: flex;
    flex-direction: column;
  }

  /* 모바일용 요소들 스타일 */
  .mobile-title {
    font-size: 16px !important;
    font-weight: bold;
    margin: 0 0 4px 0 !important;
    color: white !important;
    line-height: 1.2;
    display: block !important;
  }

  .mobile-subtitle {
    font-size: 12px !important;
    color: rgba(255, 255, 255, 0.8) !important;
    margin: 0 0 8px 0 !important;
    line-height: 1.2;
    display: block !important;
  }

  .mobile-button {
    display: inline-flex !important;
    align-items: center;
    background: white !important;
    color: #4576D3 !important;
    padding: 4px 12px !important;
    border-radius: 12px !important;
    text-decoration: none;
    font-size: 12px !important;
    font-weight: bold;
    width: 94px;
    height: 24px;
    box-sizing: border-box;
    justify-content: center;
  }

  .mobile-button:hover {
    background: #f0f0f0 !important;
    text-decoration: none;
    color: #4576D3 !important;
  }

  .mobile-button i {
    margin-left: 5px !important;
  }

  .photobook-image {
    position: static;
    /* absolute에서 static으로 변경 */
    flex: 0 0 160px;
    /* 고정 폭 160px */
  }

  .photobook-image img {
    width: 160px;
    height: auto;
    /* 비율에 맞춰 자동 조정 */
    object-fit: cover;
    border-radius: 8px;
  }

  /* 모바일에서 PC용 요소들 숨기기 */
  .photobook-header {
    display: none !important;
  }

  .photobook-text>.photobook-subtitle:not(.mobile-subtitle) {
    display: none !important;
  }
}

/* 기본적으로 모바일 요소들 숨기기 */
.mobile-title,
.mobile-subtitle,
.mobile-button {
  display: none !important;
}

/* 모바일에서만 모바일 요소들 표시 */
@media (max-width: 768px) {

  .mobile-title,
  .mobile-subtitle,
  .mobile-button {
    display: block !important;
  }

  .mobile-button {
    display: inline-flex !important;
  }
}

display: none !important;
}
}
}



.banner_campaign_pc {
  max-width: 990px;
  display: block;
  margin: 35px auto;
  padding: 0px;
  border: 1px solid #d7d7d7;
  text-align: center;
  height: auto;
}


.img_banner_camapign {
  margin: 0 auto;
}

#campaign_pc {
  display: block;
}

#campaign_m {
  display: none;
}

/* ─────────────────────────────────
   추천워크캠프
───────────────────────────────── */

/* PC에서만 적용 */
@media (min-width: 768px) {
  .recommand_container_iwo {
    border: none;
    padding: 60px 0 20px 0 !important;
    max-width: 1200px;
    width: 1200px;
    background-color: transparent;
    margin: 0 auto;
  }
}

.recommand_group_iwo {
  margin: 0 -15px 20px -15px;
}

.recommand_box_iwo {
  border: 0px solid #d7d7d7;
  text-align: center;
  padding: 0 7.5px;
}

/* PC에서만 적용 */
@media (min-width: 768px) {
  .recommand_img_box {
    margin: 0 auto;
    width: 288px !important;
    height: 200px !important;
    background-color: #EAEAEA;
    overflow: hidden;
    border-radius: 10px;
  }

  .recommand_img_box img {
    width: 288px !important;
    height: 200px !important;
    max-width: 288px !important;
    object-fit: cover;
    border-radius: 10px;
  }
}

.recommand_box_iwo {
  border: 0px solid #d7d7d7;
  text-align: center;
  padding: 0 7.5px;
  margin-bottom: 30px;
}

.recommand_text_box {
  margin: 0 auto;
  background-color: #ffffff;
  color: #000000;
  padding: 1em 5px 1em 5px;
  text-align: left;
  font-size: 1.15em;
  letter-spacing: -0.11em;
  font-weight: 400;
  line-height: 120%;
}

.recommand_text_box a {
  color: #000000;
}

.recommand_text_box a:hover {
  color: #898989;
}

.title-country {
  font-size: 1.3em;
  font-weight: 700;
  text-align: left;
}

.recommand_link a {
  color: #000000;
}

.recommand_link a:hover {
  color: #898989;
}

.badge_container_iwo {
  margin: 0px -20px;
}

.badge-secondary {
  padding: 10px;
  margin: 5px;
  border-radius: 5px;
  font-size: 13px
}





.guide-group-iwo {
  width: 100%;
  display: flex;
  max-width: 990px;
  margin: 10px auto;
  justify-content: space-between;
}

.guide-box-1 {
  width: 50%;
  padding: 30px;
  font-size: 1.4em;
  background-color: #ffbf57;
  font-weight: 500;
  height: 100%;
  border: 1px solid #d7d7d7;
  text-align: center;
  border-right: none;
  margin: 0px;
}

.guide-box-2 {
  width: 50%;
  padding: 30px;
  font-size: 1.4em;
  background-color: #ffdd3c;
  font-weight: 500;
  height: 100%;
  border: 1px solid #d7d7d7;
  text-align: center;
  margin: 0px;
}

/* .guide-box-3 {padding:30px;font-size:1.4em;background-color: #fbee78;font-weight: 500;height: 100%;border:1px solid #d7d7d7;text-align: center;margin:0px;} */

.communication-container-fluid {
  display: block;
  padding: 20px 0px 20px 0px;
  margin: 20px 0px 0px 0px;
  overflow: hidden;
}

/* ─────────────────────────────────
   워캠 뉴스 섹션
───────────────────────────────── */
/* PC 버전 워캠뉴스 헤더만 간격 조정 */
.testimonials-header {
  margin-bottom: 0px;
  /* 기본 간격 제거 */
}

.communication-group-iwo {
  display: flex;
  margin: 0px 0 20px 0;
  /* 상단 마진 20px 제거 */
  gap: 14px;
  justify-content: space-between;
  width: 100%;
}

.board-box .list-group {
  margin-bottom: 0;
  padding-left: 0;
}

.board-box .list-group-item-iwo:last-child {
  margin-bottom: 0;
}

.board-box {
  border: 1px solid #A8A8A8;
  border-radius: 10px;
  padding: 25px 25px 35px 25px;
  width: calc(50% - 7px);
  font-size: 1.4em;
  background-color: #FFFFFF;
  font-weight: 500;
  height: auto;
  text-align: left;
  margin: 0px;
  overflow: hidden;
}

.communication-box {
  padding: 0px;
  font-size: 1.4em;
  background-color: #FFFFFF;
  font-weight: 500;
  height: 100%;
  text-align: center;
  border-right: none;
  margin: 0px;
}

.communication-box2 {
  padding: 0px;
  font-size: 1.4em;
  font-weight: 500;
  height: 100%;
  text-align: center;
  border-right: none;
  margin: 0px;
}

.list-group-item-iwo {
  border: 0;
  font-weight: 400;
  letter-spacing: -0.05em;
  padding: 7px 15px;
  overflow: hidden;
  font-size: 18px;
}

.list-group-item-iwo a {
  color: #000000;
  text-decoration: none;
}

.list-group-item-iwo a:hover {
  color: #337ab7;
}

.badge-notice-date-iwo {
  font-weight: 200;
  letter-spacing: 0.05em;
  background-color: #EAEAEA;
  color: #898989;
}

/* 모바일 워캠뉴스 스타일 */
@media (max-width: 768px) {

  /* 워캠뉴스 섹션에만 적용 - news-section 클래스 추가 필요 */
  .container.recommand_container_iwo.news-section {
    margin: 0 !important;
    padding: 0 !important;
    max-width: 100% !important;
    width: 100% !important;
  }

  /* 워캠뉴스 헤더 텍스트에만 좌우 20px 여백 */
  .container.recommand_container_iwo.news-section .testimonials-header h2 {
    padding: 0 20px !important;
    margin: 0 !important;
    font-size: 20px !important;
    font-weight: 700 !important;
  }

  /* 추천워크캠프 섹션 모바일 스타일 - 기본 recommand_container_iwo */
  .recommand_container_iwo:not(.news-section) {
    padding: 20px 20px 30px 20px !important;
    margin: 0 !important;
    max-width: 100% !important;
    width: 100% !important;
  }

  .recommand_container_iwo:not(.news-section) .recommand_group_iwo {
    margin: 10px -4.5px 0 -4.5px !important;
  }

  .recommand_container_iwo:not(.news-section) .recommand_box_iwo {
    padding: 0 4.5px !important;
    margin-bottom: 30px !important;
  }



  /* 그룹 세로 배치 */
  .communication-group-iwo {
    display: block !important;
    margin: 0 !important;
    gap: 0 !important;
  }

  /* 박스 스타일 - 라운드, 좌우 보더 제거, 위아래 보더 유지 */
  .board-box {
    border-left: none !important;
    border-right: none !important;
    border-radius: 0 !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 20px !important;
    border-top: 1px solid #E5E5E5 !important;
    border-bottom: 1px solid #E5E5E5 !important;
  }

  .board-box:first-child {
    border-top: 1px solid #E5E5E5 !important;
  }

  .board-box:last-child {
    border-bottom: 1px solid #E5E5E5 !important;
  }

  /* 타이틀과 플러스 버튼 */
  .board-box h3 {
    font-size: 16px !important;
    font-weight: 600 !important;
    margin: 0 !important;
  }

  .board-box a[href*="list.php"] {
    font-size: 16px !important;
    width: auto !important;
    height: auto !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    line-height: 1 !important;
    min-width: 12px !important;
    min-height: 12px !important;
  }

  /* 리스트 아이템 */
  .list-group-item-iwo {
    padding: 10px 0 !important;
    font-size: 14px !important;
    border-bottom: 1px solid #F0F0F0 !important;
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
  }

  .list-group-item-iwo:last-child {
    border-bottom: none !important;
  }

  .list-group-item-iwo a {
    flex: 1 !important;
    color: #000000 !important;
    text-decoration: none !important;
  }

  .badge-notice-date-iwo {
    font-size: 12px !important;
    background-color: #EAEAEA !important;
    color: #898989 !important;
    padding: 2px 6px !important;
    border-radius: 3px !important;
    display: inline-block !important;
    margin-left: 10px !important;
  }
}

.c-box {
  padding: 38px;
  background-color: #898989;
  color: #FFF;
  display: block;
  border-bottom: 1px solid #d7d7d7;
}

.c-box a {
  color: #ffffff;
  text-decoration: none;
  padding: 38px;
}

.c-box a:hover {
  color: #d7d7d7;
}

.c-box-new {
  padding: 38px;
  background-color: #898989;
  color: #FFF;
  display: block;
  border-bottom: 1px solid #ffffff;
}

.c-box-new a {
  color: #ffffff;
  text-decoration: none;
}

.c-box-new a:hover {
  color: #d7d7d7;
}

.bg_wt_go {
  background-image: url(/assets/imgs/bg_btn_go_wt.jpg);
  background-size: cover;
}

.bg_wt_come {
  background-image: url(/assets/imgs/bg_btn_come_wt.jpg);
  background-size: cover;
}

.bg_cva {
  background-image: url(/assets/imgs/bg_btn_cva.jpg);
  background-size: cover;
}

.co-container-fluid {
  display: block;
  padding: 0px 0px 20px 0px;
  margin: 0px 0px;
  overflow: hidden;
}

.co-group-iwo {
  display: block;
  max-width: 990px;
  margin: 0px auto;
  background-color: #FFFFFF;
  padding: 20px 25px 20px 25px;
  border: 1px solid #d7d7d7;
}

.co-box {
  font-size: 1.1em;
  background-color: #FFFFFF;
  font-weight: 500;
  text-align: left;
  margin: 20px 0px;
}

.co-box-iwo {
  padding: 20px 0px;
  border: 0px solid #eaeaea;
  text-align: left;
}

.co-list-iwo {
  display: block;
  padding: 10px 5px;
  font-size: 1.1em;
  font-weight: 500;
}

.nodisplay_pc {
  display: none;
}

@media (min-width:990px) {


  #new-search {
    display: block;
  }

  .nodisplay_pc {
    display: none;
  }


}

@media (max-width:989px) {

  h2 {
    font-size: 1.6em;
    font-weight: 700;
  }

  .gen_nav_container {
    max-width: 1200px;
    /* padding-left:15px;
	padding-right:15px; */
  }



  #new-search {
    display: none;
  }

  .nodisplay_pc {
    display: none;
  }

  .banner-container-fluid {
    display: block;
    padding: 35px 0px 20px 0px;
    margin: 0px 0px;
    width: 100%;
  }

  .banner-container-iwo {
    width: 100%;
    margin: 0 auto;
    text-align: center;
  }

  .banner-group-iwo-pc {
    display: block;
    text-align: center;
    padding: 0px;
    margin: 0 auto;
    width: 100%;
  }

  .banner-group-iwo-m {
    display: none;
  }

  .banner-box-pc {
    padding: 0px 0px;
    display: inline-block;
    width: 30%;
  }

  .banner-iwo {
    margin: 0 auto;
    width: auto;
  }


  .media-group-iwo {
    display: flex;
    flex-wrap: nowrap;
    /* 줄바꿈 금지 */
    justify-content: space-between;
    gap: 0px;
    /* 간격을 줄이거나 없애세요 */
    width: 100%;
    max-width: 990px;
    margin: 0 auto;
    overflow-x: auto;
    /* 필요 시 가로 스크롤 */
  }

  .media-box-pc {
    width: 50%;
    /* 모바일에선 2개씩 */
  }

  .media-img-box img {
    width: 50%;
    height: auto;
    margin: 0px;
  }

  .media-box-text {
    text-align: center;
    width: 100%;
    font-size: 0.90em;
    padding: 5px 0px 5px 0px;
    line-height: 1.3em;
    margin: 0px;
  }

  .media-iwo {
    width: 150px;
    height: auto;
    padding: 0 10px;
  }



}

@media (max-width:768px) {
  #new-search {
    display: none;
  }

  /* 워크캠프 스토리 헤더 모바일 최적화 - 근본적 해결: 직접 20px 패딩 */
  .participant-testimonials-wrapper .testimonials-header {
    margin-bottom: 25px !important;
    padding: 0 20px !important;
    flex-direction: row !important;
    justify-content: space-between !important;
    align-items: center !important;
    width: 100% !important;
    box-sizing: border-box !important;
  }

  /* 워캠피드 헤더 마진 - 선배 참가자와 동일하게 */
  .participant-testimonials-wrapper:not(.senior-testimonials-wrapper) .testimonials-header {
    margin-bottom: 25px !important;
  }

  /* 워캠피드 슬라이더 래퍼 간격 추가 */
  .participant-testimonials-wrapper:not(.senior-testimonials-wrapper) .feed-slider-wrapper {
    margin-top: 10px !important;
  }

  .participant-testimonials-wrapper:first-of-type .testimonials-header h2 {
    font-size: 20px;
    font-weight: 700;
    margin: 0;
  }

  .participant-testimonials-wrapper:first-of-type .testimonials-header .more-link {
    font-size: 14px;
    color: #666;
    display: flex;
    align-items: center;
    white-space: nowrap;
  }

  .participant-testimonials-wrapper:first-of-type .testimonials-header .more-link i {
    margin-left: 4px;
    font-size: 14px;
  }

  /* 워크캠프 스토리 모바일 최적화 */
  .participant-testimonials-wrapper {
    background-color: #FDFBF7;
    padding: 50px 0;
  }

  /* 모바일에서만 적용되는 컨테이너 스타일 - 패딩 제거 */
  .participant-testimonials-wrapper .participant-testimonials.container {
    max-width: 100% !important;
    width: 100% !important;
    padding: 0 !important;
    margin: 0 auto !important;
    overflow: hidden !important;
  }

  /* 선배 참가자 섹션은 모바일에서도 PC와 동일한 스타일 유지 */
  .senior-testimonials-wrapper .participant-testimonials.container {
    max-width: none !important;
    width: 1300px !important;
    padding: 20px 50px !important;
    margin: 0 auto !important;
    overflow: visible !important;
  }

  .participant-testimonials .testimonial-slider {
    margin: 0;
    width: 100%;
    overflow: hidden;
    padding: 0 20px;
    box-sizing: border-box;
  }

  .participant-testimonials .testimonial-slider .slick-slide {
    padding: 0;
    box-sizing: border-box;
  }

  .participant-testimonials .testimonial-slider .slick-list {
    margin: 0;
    padding: 0;
  }

  .participant-testimonials .testimonial-slider .slick-track {
    margin: 0;
    padding: 0;
  }

  /* 모바일 카드 스타일 개선 - 그림자 제거 */
  .participant-testimonials .word-slide {
    display: flex;
    flex-direction: row;
    background: #fff;
    border-radius: 10px;
    overflow: hidden;
    min-height: 120px;
    text-decoration: none;
    color: #000000;
    border: 1px solid #E5E5E5;
    transition: border-color 0.3s ease;
  }

  .participant-testimonials .word-slide:hover {
    border-color: #D0D0D0;
  }

  /* 썸네일 이미지 영역 */
  .participant-testimonials .word-thumb {
    flex: 0 0 100px !important;
    width: 100px !important;
    height: 100%;
    overflow: hidden;
  }

  .participant-testimonials .word-thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
  }

  /* 텍스트 내용 영역 */
  .participant-testimonials .word-content {
    flex: 1;
    padding: 12px 15px;
    display: flex;
    flex-direction: column;
    justify-content: center;
  }

  .participant-testimonials .word-content p {
    margin: 0 0 8px 0;
    font-size: 14px;
    line-height: 1.4;
    color: #333;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
  }

  .participant-testimonials .word-content h4 {
    margin: 0;
    font-size: 13px;
    font-weight: 600;
    color: #666;
  }

  .banner-container-fluid {
    display: block;
    padding: 35px 0px 20px 0px;
    margin: 0px 0px;
    width: 100%;
    text-align: center;
  }

  .banner-container-iwo {
    margin: 0 auto;
    text-align: center;
  }

  .banner-group-iwo-pc {
    display: none;
    text-align: center;
    padding: 0px;
    margin: 0 auto;
  }

  .banner-group-iwo-m {
    display: block;
    padding: 0px 10px;
  }

  .banner-box-pc {
    padding: 0px 0px;
    display: inline-block;
    width: 30%;
  }

  .banner-iwo {
    margin: 0 auto;
    width: auto;
  }





  /* 터치 스크롤 개선 */
  .participant-testimonials .slick-list {
    overflow: hidden;
    -webkit-overflow-scrolling: touch;
    margin: 0;
    padding: 0;
  }

  .participant-testimonials .slick-track {
    display: flex;
    align-items: stretch;
    margin: 0;
    padding: 0;
  }

  .participant-testimonials .slick-slide {
    height: auto;
    display: flex !important;
    align-items: stretch;
    padding: 0;
  }

  .participant-testimonials .slick-slide>div {
    width: 100%;
    height: 100%;
  }

  /* 워캠피드 모바일 스타일 */
  .feed-slider-wrapper {
    position: relative;
    width: 100%;
  }

  .feed-slider-container {
    margin: 0 !important;
    width: 100% !important;
    overflow: hidden !important;
    padding: 0 20px !important;
    box-sizing: border-box !important;
    position: relative !important;
  }

  .feed-slide-item {
    flex: 0 0 calc(100vw - 40px) !important;
    width: calc(100vw - 40px) !important;
    max-width: calc(100vw - 40px) !important;
    margin: 0 !important;
    box-sizing: border-box !important;
    min-width: calc(100vw - 40px) !important;
  }

  .feed-slide-item:not(:first-child) {
    margin-left: 20px !important;
  }

  .feed-slider-track {
    display: flex !important;
    transition: transform 0.3s ease !important;
    width: max-content !important;
  }

  /* 워캠피드 모바일 버튼 - 선배 참가자들의 이야기와 동일한 스타일 적용 */
  .feed-slider-wrapper .feed-arrow {
    width: 30px !important;
    height: 30px !important;
    background: rgba(255, 255, 255, 0.9) !important;
    border: 1px solid #ddd !important;
    border-radius: 50% !important;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1) !important;
  }

  .feed-slider-wrapper .feed-arrow:hover {
    background: rgba(245, 245, 245, 0.95) !important;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15) !important;
  }

  .feed-slider-wrapper .feed-arrow-prev {
    left: 5px !important;
  }

  .feed-slider-wrapper .feed-arrow-next {
    right: 5px !important;
  }







  .senior-slide {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    background: #fff;
    border: 1px solid #E5E5E5;
    border-radius: 15px;
    padding: 20px 15px;
    height: 200px;
    width: 100%;
    box-sizing: border-box;
    overflow: hidden;
  }

  .senior-thumb {
    width: 64px !important;
    height: 64px !important;
    border-radius: 50%;
    overflow: hidden;
    position: relative;
    padding: 0 !important;
    margin-bottom: 8px;
    flex-shrink: 0;
  }

  .senior-thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  .play-button {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: rgba(0, 0, 0, 0.6);
    color: white;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 10px;
  }

  .senior-content {
    padding: 0;
    height: auto;
    text-align: center;
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    overflow: hidden;
  }

  .senior-content h4 {
    font-size: 16px;
    font-weight: bold;
    color: #333;
    margin: 0 0 4px 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%;
  }

  .senior-content p {
    font-size: 12px;
    color: #666;
    margin: 0;
    line-height: 1.3;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-break: keep-all;
  }




}


@media (max-width:667px) {

  .top_carousel_area_container {
    background-color: #FFFFFF;
    margin-top: 12px;
    padding-bottom: 5px;
    border-top: 1px solid #d7d7d7;
    border-bottom: 1px solid #d7d7d7;
  }

  .carousel-indicators {
    margin-bottom: -10px;
  }

  .banner-group-iwo-pc {
    display: none;
  }

  .banner-group-iwo-m {
    display: block;
    padding: 0px 10px;
  }

  .banner-box-m {
    padding: 2px;
  }

  .banner-iwo {
    margin: 0 auto;
  }

  .banner-container-fluid {
    display: block;
    padding: 10px 0px;
    margin: 0px 0px;
  }

  .txt-notice-main {
    margin: -20px 10px -10px 10px;
    background-color: #FFFFFF;
    border: 1px solid #d7d7d7;
  }

  레이아 .media-container-fluid {
    display: block;
    padding: 0px 15px 35px 15px;
    margin: 0px 0px;
    overflow-x: scroll;
    overflow-y: hidden;
  }

  .media-container-iwo {
    max-width: 992px;
    margin: 0 auto;
    padding: 0px 12px;
  }

  .media-iwo {
    width: 150px;
    height: auto;
    padding: 0 10px;
  }



  .recommand_text_box {
    font-size: 15px !important;
    line-height: 1.3 !important;
    text-align: left !important;
    padding: 8px 0 0 0 !important;
  }

  .title-country {
    font-size: 18px !important;
    font-weight: 700 !important;
    margin-top: 4px !important;
    margin-bottom: 0 !important;
  }

  /* 워캠피드 모바일 스타일 */
  .participant-testimonials-wrapper {
    background-color: #FDFBF7 !important;
    padding: 50px 0 !important;
  }

  .participant-testimonials {
    padding: 20px 20px 30px 20px !important;
    max-width: none !important;
    width: 100% !important;
  }

  .participant-testimonials .testimonials-header {
    margin-bottom: 10px !important;
    padding: 0 20px !important;
  }

  /* 워캠피드 섹션 전용 모바일 스타일 - 강력한 제어 */
  .participant-testimonials-wrapper .participant-testimonials.container {
    max-width: 100vw !important;
    width: 100vw !important;
    padding: 0 !important;
    margin: 0 !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
  }

  .participant-testimonials-wrapper .participant-testimonials {
    max-width: 100vw !important;
    width: 100vw !important;
    padding: 0 !important;
    margin: 0 !important;
    box-sizing: border-box !important;
  }

  .feed-slider-wrapper {
    position: relative !important;
    margin: 0 !important;
  }

  .feed-arrow {
    position: absolute !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    width: 32px !important;
    height: 32px !important;
    background: rgba(255, 255, 255, 0.9) !important;
    border: 1px solid #ddd !important;
    border-radius: 50% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: pointer !important;
    z-index: 10 !important;
    box-shadow: none !important;
  }

  .feed-arrow-prev {
    left: 10px !important;
  }

  .feed-arrow-next {
    right: 10px !important;
  }

  .feed-slider-wrapper {
    position: relative !important;
    margin: 0 !important;
  }

  /* 워캠피드를 워크캠프 스토리와 동일하게 처리 */
  .feed-slider-container {
    margin: 0;
    width: 100%;
    overflow: hidden;
    padding: 0 20px;
    box-sizing: border-box;
  }

  .feed-slider-track {
    margin: 0;
    padding: 0;
    /* 모바일에서 슬라이드가 세로로 나열되지 않도록 flex 방향 유지 */
    display: flex !important;
    flex-direction: row !important;
    width: auto !important;
    position: relative !important;
  }

  .feed-slide-item {
    padding: 0;
    box-sizing: border-box;
  }

  .feed-slide {
    display: flex !important;
    flex-direction: row !important;
    text-decoration: none !important;
    color: inherit !important;
    background: #fff !important;
    border-radius: 10px !important;
    overflow: hidden !important;
    box-shadow: none !important;
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    height: 140px !important;
  }

  .feed-thumb {
    flex: 0 0 110px !important;
    width: 110px !important;
    height: 100% !important;
    overflow: hidden !important;
    background: #f5f5f5 !important;
  }

  .feed-thumb img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
  }

  .feed-content {
    flex: 1 !important;
    padding: 15px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
  }

  .feed-content h4 {
    font-size: 16px !important;
    font-weight: 600 !important;
    margin: 0 0 8px 0 !important;
    line-height: 1.3 !important;
  }

  .feed-content p {
    font-size: 14px !important;
    color: #666 !important;
    margin: 0 !important;
  }

  .recommand_img_box {
    margin: 0 auto;
    overflow: hidden;
    border-radius: 10px;
    background-color: #EAEAEA;
  }

  .recommand_img_box img {
    width: 100% !important;
    height: auto !important;
    border-radius: 10px;
  }

  .hscroll {
    white-space: nowrap;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
  }



  .banner_campaign_m {
    display: block;
    margin: 20px auto 30px auto;
    text-align: center;
    width: 100%;
    padding: 0px 0px;
  }

  #campaign_pc {
    display: none;
  }

  #campaign_m {
    display: block;
  }

  .img_banner_camapign {
    display: block;
    margin: -24px 0px;
    max-height: 160px;

  }




  .guide-container-fluid {
    display: block;
    padding: 0px 0px;
    margin: 0px 0px;
    overflow-x: scroll;
    overflow: hidden;
  }

  .guide-group-iwo {
    display: flex;
    padding: 0px 0px 0px 0px;
    border: 0px solid #000;
    white-space: nowrap;
    justify-content: space-between;
  }

  .guide-box-1 {
    width: 50%;
    padding: 20px 0;
    display: inline-block;
    float: none;
    background-color: #ffbf57;
    border: 0px;
    height: auto;
    text-align: center;
    overflow: hidden;
    font-size: 1.0em;
    font-weight: 600;
    margin: 0px 1px;
  }

  .guide-box-2 {
    width: 50%;
    padding: 20px 0;
    display: inline-block;
    float: none;
    background-color: #ffdd3c;
    border: 0px;
    height: auto;
    text-align: center;
    overflow: hidden;
    font-size: 1.0em;
    font-weight: 600;
    margin: 0px 1px;
  }

  /* .guide-box-3-m{padding:20px 0;display: inline-block;float:none;background-color: #fbee78;border:0px;width:170px;height:auto;text-align:center;overflow: hidden;font-size:1.0em;font-weight: 600;margin:0px 1px;} */

  .communication-group-iwo {
    display: block;
    margin: 10px auto;
  }

  .board-box {
    padding: 20px 10px;
    font-size: 1.4em;
    background-color: #FFFFFF;
    font-weight: 500;
    height: auto;
    border: 1px solid #d7d7d7;
    text-align: left;
    border-right: none;
    margin: -10px 0px 0px 0px;
    overflow-x: hidden;
  }

  .board-box h3 {
    display: block;
    margin: 20px 0px;
  }

  .communication-box {
    margin-top: 20px;
  }

  .list-group-item-iwo {
    display: block;
    border: 0;
    font-size: 0.8em;
    font-weight: 400;
    letter-spacing: -0.05em;
    padding: 5px 0px;
    overflow: hidden;
    margin: 0px 15px;
  }

  .badge-notice-date-iwo {
    display: none;
  }

  .c-box {
    padding: 20px;
    background-color: #898989;
    color: #FFF;
    display: block;
    border-bottom: 1px solid #d7d7d7;
    font-size: 0.8em;
  }

  .c-box-m {
    display: none;
  }


  .co-container-fluid {
    display: none;
  }

  .nodisplay_pc {
    display: block;
  }


}


/* 추가된 모바일 메뉴 스타일 */
.navbar_iwo {
  padding: 20px 0px;
  border-radius: 0;
  border-top: 0;
  border-left:0px !important;
  border-right:0px !important;
  font-size: 1.2em;
  font-weight: 400;
  margin-bottom: 0px !important;
}

.navbar-toggle-iwo {
  border: 0;
}

.navbar-toggle-iwo a {
  color: #0054A6;
}

.goto-group-iwo-m {
  display: none;
}

@media (max-width: 667px) {
  .goto-group-iwo-container {
    display: block;
    margin: 0px 0px 0px 0px;
    border-bottom: 1px solid #d7d7d7;
    background-color: #FFFFFF;
    padding: 10px 10px;
    overflow-y: hidden;
  }

  .goto-group-iwo-m::-webkit-scrollbar {
    display: none;
  }

  .goto-group-iwo-m {
    display: block;
    padding: 0px 0px 0px 0px;
    overflow-x: scroll;
    background-color: #FFFFFF;
    white-space: nowrap;
    margin: 0px 0px 0px 0px;
    overflow-y: hidden;
    letter-spacing: -0.05em;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
  }

  .goto-group-iwo-m a {
    color: #000;
    font-weight: 500;
    padding: 2px 3px;
  }

  .goto-group-iwo-m a:hover {
    color: #337ab7;
    text-decoration: none;
  }

  .goto-navbar {
    padding: 5px;
    margin: 0 auto;
  }

  .navbar_iwo {
    padding: 5px 0px;
    border-radius: 0;
    border-top: 0;
  }
}

@media (max-width:480px) {
  .feed-slider-container {
    padding: 0 40px;
  }

  .feed-content p {
    font-size: 13px;
  }

  .feed-content h4 {
    font-size: 11px;
  }

}


@media (max-width:444px) {
  .txt-notice-main-btn {
    display: block;
    width: 96%;
  }

  .r-word-container {
    margin-top: -20px;
    margin-bottom: 20px;
  }

  .r-word-container-inside {
    max-width: 100%;
    margin: 0 auto;
    padding-left: 10px;
    padding-right: 10px;
  }

  .nodisplay_pc {
    display: block;
  }

  /* 추천 워크캠프 작은 모바일 스타일 - 주석처리 (667px에서 상속받음) */
  /*
  .recommand_group_iwo {
    margin: 20px -5px !important;
  }

  .recommand_box_iwo {
    padding: 0 5px !important;
    margin-bottom: 25px !important;
  }
  */

  .recommand_img_box {
    margin: 0 auto;
    width: 100% !important;
    height: auto !important;
    background-color: #EAEAEA;
    overflow: hidden;
    border-radius: 8px;
  }

  .recommand_img_box img {
    width: 100% !important;
    height: auto !important;
    max-width: 100% !important;
    object-fit: cover;
    border-radius: 8px;
  }

  .recommand_text_box {
    margin: 0 auto;
    background-color: transparent !important;
    color: #000000;
    padding: 8px 0 0 0 !important;
    max-width: 100%;
    font-size: 13px !important;
    text-align: left;
    letter-spacing: -0.05em !important;
    font-weight: 400;
    line-height: 1.3 !important;
    overflow: hidden !important;
    word-wrap: break-word !important;
  }

  .title-country {
    font-size: 15px !important;
    font-weight: 700 !important;
    margin-top: 4px !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }


}

@media (max-width:375px) {

  /* 추천 워크캠프 초소형 모바일 스타일 - 주석처리 (667px에서 상속받음) */
  /*
  .recommand_group_iwo {
    margin: 20px -4px !important;
  }

  .recommand_box_iwo {
    padding: 0 4px !important;
    margin-bottom: 20px !important;
  }
  */

  .recommand_img_box {
    margin: 0 auto;
    width: 100% !important;
    height: auto !important;
    background-color: #EAEAEA;
    overflow: hidden;
    border-radius: 6px;
  }

  .recommand_img_box img {
    width: 100% !important;
    height: auto !important;
    max-width: 100% !important;
    object-fit: cover;
    border-radius: 6px;
  }

  .recommand_text_box {
    margin: 0 auto;
    background-color: transparent !important;
    color: #000000;
    padding: 6px 0 0 0 !important;
    text-align: left;
    font-size: 12px !important;
    letter-spacing: -0.03em !important;
    font-weight: 400;
    line-height: 1.2 !important;
    overflow: hidden !important;
    word-wrap: break-word !important;
  }

  .title-country {
    font-size: 14px !important;
    font-weight: 700 !important;
    margin-top: 3px !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }


}

/*
 PC 버전 네비게이션 레이아웃 - 1200px 컨테이너 */
@media (min-width: 768px) {
  .navbar .container-fluid {
    max-width: 1200px;
    position: relative;
  }

  .navbar-nav>li.menu_login_iwo {
    position: absolute;
    right: 0;
    top: 8px;
  }
}

/* 모바일 버전 네비게이션 - 세로 정렬 */
@media (max-width: 767px) {
  .navbar-default .navbar-nav {
    float: none !important;
    display: block !important;
    margin: 0 !important;
    padding: 0 0 20px 0 !important;
  }

  .navbar-default .navbar-nav>li {
    float: none !important;
    display: block !important;
    width: 100% !important;
  }

  .navbar-default .navbar-nav>li>a {
    display: block !important;
    padding: 15px 20px !important;
    border-bottom: 1px solid #e7e7e7 !important;
  }

  .navbar-default .navbar-collapse {
    text-align: left !important;
    padding: 0 0 15px 0 !important;
    margin: 0 !important;
  }
}

/* 추천 워크캠프 Bootstrap 오버라이드 제거됨 - 모바일에서 패딩 적용을 위해 */

/* row 마진 조정 - 헤더와 정렬 */
.recommand_group_iwo.row {
  margin-left: -7.5px !important;
  margin-right: -7.5px !important;
}

/* ─────────────────────────────────
   협력기관 섹션 스타일
───────────────────────────────── */

/* 협력기관 컨테이너 */
.co-container-fluid.cooperation-section {
  background-color: #F7FAFD;
  padding: 40px 0;
}

/* 협력대학 섹션 */
.cooperation-section h3 {
  text-align: center;
  margin-bottom: 30px;
}

/* 협력대학 아이콘 컨테이너 */
.university-icon-container {
  width: 115px;
  height: 115px;
  border-radius: 50%;
  background-color: white;
  border: 1px solid #C4C4C4;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 10px;
  overflow: hidden;
}

.university-icon-container img {
  width: 115px;
  height: 115px;
  object-fit: cover;
  object-position: center;
}

/* 협력대학 아이템 */
.university-item {
  text-align: center;
  margin-bottom: 20px;
}

/* 한국워크캠프 협력기관 섹션 */
.korean-cooperation-section {
  margin-top: 20px;
}

/* 국제워크캠프 협력대학 섹션 */
.international-cooperation-section {
  background-color: #F7FAFD;
  padding: 40px 0;
  margin-top: 80px;
}

/* 한국워크캠프 협력기관 섹션 - PC에서만 적용 */
@media (min-width: 769px) {
  .korean-cooperation-section {
    background-color: white;
    padding: 40px 0;
    margin-top: 20px;
  }
}

/* 협력기관 컨테이너 - PC에서만 적용 */
@media (min-width: 769px) {
  .cooperation-container {
    max-width: 1200px;
    width: 1200px;
    background-color: transparent;
    margin: 0 auto;
    padding: 0;
  }
}

/* 협력기관 row - Bootstrap 그리드 오버라이드 - PC에서만 적용 */
@media (min-width: 769px) {
  .korean-cooperation-section .row {
    margin-left: 0;
    margin-right: 0;
    display: flex;
    flex-wrap: wrap;
    width: 1200px;
  }

  /* 협력기관 컬럼 - 정확한 폭과 간격 설정 */
  .korean-cooperation-section .row>[class*="col-"] {
    padding-left: 0;
    padding-right: 0;
    width: 288px;
    margin-right: 15px;
    flex: none;
  }

  /* 4번째, 8번째 등 마지막 컬럼은 오른쪽 마진 제거 */
  .korean-cooperation-section .row>[class*="col-"]:nth-child(4n) {
    margin-right: 0;
  }
}

/* 협력기관 박스 */
.cooperation-org-box {
  background-color: white;
  border: 1px solid #A9A9A9;
  border-radius: 8px;
  padding: 20px;
  text-align: center;
  font-size: 18px;
  font-weight: 500;
  width: 288px;
  height: 88px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 0 14px 0;
  box-sizing: border-box;
}

/* ─────────────────────────────────
   선배 참가자들의 이야기 섹션 스타일
───────────────────────────────── */

/* 선배 참가자들의 이야기 래퍼 - 흰색 배경 */
.senior-testimonials-wrapper {
  background-color: #FFFFFF;
  padding: 60px 0px;
}

/* PC 버전 선배 참가자 슬라이더 래퍼 */
@media (min-width: 769px) {
  .senior-slider-wrapper {
    position: relative;
    width: 100%;
  }

  .senior-slider-container {
    overflow: hidden;
    width: 100%;
    position: relative;
  }

  .senior-slider-track {
    display: flex !important;
    transition: transform 0.3s ease;
    width: max-content;
    align-items: stretch !important;
    flex-wrap: nowrap !important;
  }

  /* 개별 슬라이드 아이템만 표시 - 288px 폭, 15px 마진 */
  .senior-slide-item {
    padding: 0;
    box-sizing: border-box;
    display: inline-block !important;
    width: 288px !important;
    flex: 0 0 288px;
  }

  .senior-slide-item:not(:first-child) {
    margin-left: 15px;
  }

  /* 화살표 버튼 */
  .senior-arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 30px;
    height: 30px;
    background: rgba(255, 255, 255, 0.9);
    border: 1px solid #ddd;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    z-index: 100;
    outline: none;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  }

  .senior-arrow:hover {
    background: rgba(245, 245, 245, 0.95);
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
  }

  .senior-arrow-prev {
    left: -35px;
  }

  .senior-arrow-next {
    right: -35px;
  }

  .senior-arrow:disabled {
    opacity: 0.5;
    cursor: not-allowed;
    background: #fff;
  }

  .senior-arrow:disabled:hover {
    background: #fff;
    box-shadow: none;
  }
}

/* PC 버전 슬라이드 내용 */
@media (min-width: 769px) {
  .senior-slide {
    display: block;
    background: #fff;
    height: auto;
    width: 288px;
    border-radius: 10px;
    border: 1px solid #CCCCCC;
    overflow: hidden;
    text-decoration: none;
    color: #000000;
    position: relative;
  }

  .senior-slide:hover {
    text-decoration: none;
    color: #337ab7;
    box-shadow: none;
  }

  /* 썸네일 이미지 */
  .senior-thumb {
    width: 100%;
    height: 140px;
    position: relative;
    overflow: hidden;
    padding: 20px 0px;
  }

  .senior-thumb img {
    width: 100%;
    height: 100%;
    object-fit: contain;
  }

  /* 플레이 버튼 */
  .play-button {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: rgba(0, 0, 0, 0.2);
    color: white;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
  }

  /* 텍스트 영역 */
  .senior-content {
    padding: 5px 0px 22px 0px;
    height: auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
  }

  .senior-content h4 {
    margin: 0 0 4px;
    font-size: 20px;
    font-weight: bold;
    color: #333;
    text-align: center;
  }

  .senior-content p {
    margin: 0;
    font-size: 16px;
    color: #666;
    text-align: center;
  }
}

/* 모바일 버전 선배 참가자들의 이야기 스타일 */
@media (max-width: 768px) {

  /* 선배 참가자들의 이야기 헤더 모바일 최적화 */
  .senior-testimonials-wrapper .testimonials-header {
    margin-bottom: 25px !important;
    padding: 0 20px !important;
    flex-direction: row !important;
    justify-content: space-between !important;
    align-items: center !important;
    width: 100% !important;
    box-sizing: border-box !important;
  }

  .senior-testimonials-wrapper .testimonials-header h2 {
    font-size: 20px;
    font-weight: 700;
    margin: 0;
  }

  .senior-testimonials-wrapper .testimonials-header .more-link {
    font-size: 14px;
    color: #666;
    display: flex;
    align-items: center;
    white-space: nowrap;
  }

  .senior-testimonials-wrapper .testimonials-header .more-link i {
    margin-left: 4px;
    font-size: 14px;
  }

  /* 선배 참가자들의 이야기 모바일 최적화 */
  .senior-testimonials-wrapper {
    background-color: #FFFFFF;
    padding: 50px 0;
  }

  /* 모바일에서만 적용되는 컨테이너 스타일 - 패딩 제거 */
  .senior-testimonials-wrapper .participant-testimonials.container {
    max-width: 100% !important;
    width: 100% !important;
    padding: 0 !important;
    margin: 0 auto !important;
    overflow: hidden !important;
  }

  /* 모바일 슬라이더 래퍼 */
  .senior-slider-wrapper {
    position: relative;
    width: 100%;
    padding: 0 20px;
    box-sizing: border-box;
  }

  .senior-slider-container {
    margin: 0 !important;
    width: 100% !important;
    overflow: hidden !important;
    position: relative !important;
  }

  .senior-slider-track {
    display: flex;
    flex-wrap: wrap;
    transition: transform 0.3s ease;
    width: max-content;
    align-items: stretch;
  }

  /* 모바일에서 슬라이드 아이템을 2개씩 가로 배치 */
  .senior-slide-item {
    width: calc((100vw - 50px) / 2);
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    flex-shrink: 0;
    display: flex;
  }

  /* 첫 번째와 두 번째 아이템 */
  .senior-slide-item:nth-child(1),
  .senior-slide-item:nth-child(2) {
    margin-right: 10px;
  }

  .senior-slide-item:nth-child(2) {
    margin-right: 20px;
    /* 그룹 간 간격 */
  }

  /* 세 번째와 네 번째 아이템 */
  .senior-slide-item:nth-child(3),
  .senior-slide-item:nth-child(4) {
    margin-right: 10px;
  }

  .senior-slide-item:nth-child(4) {
    margin-right: 20px;
    /* 그룹 간 간격 */
  }

  /* 다섯 번째와 여섯 번째 아이템 */
  .senior-slide-item:nth-child(5),
  .senior-slide-item:nth-child(6) {
    margin-right: 10px;
  }

  .senior-slide-item:nth-child(6) {
    margin-right: 20px;
    /* 그룹 간 간격 */
  }

  /* 일곱 번째와 여덟 번째 아이템 */
  .senior-slide-item:nth-child(7),
  .senior-slide-item:nth-child(8) {
    margin-right: 10px;
  }

  .senior-slide-item:nth-child(8) {
    margin-right: 0;
    /* 마지막 그룹은 오른쪽 마진 없음 */
  }

  /* 모바일 슬라이드 카드 스타일 - 세로 배치 */
  .senior-slide {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    background: #fff;
    border: 1px solid #E5E5E5;
    border-radius: 15px;
    padding: 15px 15px 15px 15px;
    height: auto;
    min-height: 150px;
    width: 100%;
    box-sizing: border-box;
    overflow: hidden;
    text-decoration: none;
    color: #000000;
    transition: border-color 0.3s ease;
    justify-content: flex-start;
  }

  .senior-slide:hover {
    border-color: #D0D0D0;
    text-decoration: none;
    color: #000000;
  }

  /* 모바일 썸네일 이미지 - 64x64px */
  .senior-slide .senior-thumb {
    width: 64px !important;
    height: 64px !important;
    border-radius: 50%;
    overflow: hidden;
    position: relative;
    padding: 0 !important;
    margin-bottom: 10px;
    flex-shrink: 0;
  }

  .senior-slide .senior-thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  /* 모바일 플레이 버튼 */
  .senior-slide .play-button {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: rgba(0, 0, 0, 0.3);
    color: white;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 10px;
  }

  /* 모바일 텍스트 영역 */
  .senior-slide .senior-content {
    flex: 1;
    padding: 0;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    text-align: center;
    min-height: 60px;
  }

  .senior-slide .senior-content h4 {
    margin: 0 0 4px 0;
    font-size: 16px;
    font-weight: bold;
    color: #333;
    text-align: center;
    line-height: 1.2;
  }

  .senior-slide .senior-content p {
    margin: 0;
    font-size: 14px;
    color: #666;
    text-align: center;
    line-height: 1.3;
    min-height: 36px;
    display: flex;
    align-items: flex-start;
    justify-content: center;
  }

  /* 모바일 화살표 버튼 - 워캠피드와 동일한 크기 */
  .senior-arrow {
    width: 30px;
    height: 30px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: rgba(255, 255, 255, 0.9);
    border: 1px solid #ddd;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    z-index: 100;
    outline: none;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  }

  .senior-arrow:hover {
    background: rgba(245, 245, 245, 0.95);
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
  }

  .senior-arrow-prev {
    left: 5px;
  }

  .senior-arrow-next {
    right: 5px;
  }

  .senior-arrow:disabled {
    opacity: 0.5;
    cursor: not-allowed;
    background: #fff;
  }

  .senior-arrow:disabled:hover {
    background: #fff;
    box-shadow: none;
  }
}

/* 모바일 반응형 */
@media (max-width: 768px) {

  /* 국제워크캠프 협력대학 섹션 모바일 스타일 */
  .international-cooperation-section {
    padding: 40px 0;
  }

  .international-cooperation-section .container.recommand_container_iwo {
    padding: 0 20px !important;
    margin: 0 auto !important;
    max-width: 100% !important;
    width: 100% !important;
    box-sizing: border-box !important;
  }

  .international-cooperation-section .testimonials-header {
    margin-bottom: 30px !important;
    padding: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    width: 100% !important;
  }

  .international-cooperation-section .testimonials-header h2 {
    font-size: 20px !important;
    font-weight: 700 !important;
    margin: 0 !important;
    padding: 0 !important;
    text-align: left !important;
    width: 100% !important;
  }

  /* 4열 레이아웃을 위한 flexbox 설정 */
  .international-cooperation-section .row {
    display: flex !important;
    flex-wrap: wrap !important;
    margin: 0 -8.5px !important;
    padding: 0 !important;
  }

  .international-cooperation-section .col-md-3,
  .international-cooperation-section .col-sm-6,
  .international-cooperation-section .col-xs-3 {
    width: 25% !important;
    padding: 0 8.5px !important;
    margin: 0 !important;
    margin-bottom: 25px !important;
    float: none !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    box-sizing: border-box !important;
  }

  /* 아이콘 컨테이너 크기 조정 */
  .international-cooperation-section .university-icon-container {
    width: 70px !important;
    height: 70px !important;
    margin: 0 auto 8px !important;
  }

  .international-cooperation-section .university-icon-container img {
    width: 70px !important;
    height: 70px !important;
  }

  /* 텍스트 크기 조정 */
  .international-cooperation-section div[style*="font-size: 14px"] {
    font-size: 12px !important;
    line-height: 1.2 !important;
    text-align: center !important;
  }

  /* 작은 화면(360px)에서 간격 조정 */
  @media (max-width: 375px) {
    .international-cooperation-section .row {
      margin: 0 -6px !important;
    }

    .international-cooperation-section .col-md-3,
    .international-cooperation-section .col-sm-6,
    .international-cooperation-section .col-xs-3 {
      padding: 0 6px !important;
    }
  }

  .cooperation-section .university-icon-container {
    width: 80px;
    height: 80px;
  }

  .cooperation-section .university-icon-container img {
    width: 60px;
  }

  /* 한국워크캠프 협력기관 섹션 모바일 스타일 */
  .korean-cooperation-section {
    padding: 40px 20px !important;
  }

  .korean-cooperation-section .cooperation-container {
    max-width: none !important;
    width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
  }

  .korean-cooperation-section .testimonials-header {
    margin: 0 0 30px 0 !important;
    padding: 0 !important;
  }

  .korean-cooperation-section .testimonials-header h2 {
    margin: 0 !important;
    padding: 0 !important;
  }

  .korean-cooperation-section .row {
    margin: 0 -4.5px !important;
  }

  .korean-cooperation-section .col-xs-6 {
    padding: 0 4.5px !important;
    margin-bottom: 15px !important;
  }

  .korean-cooperation-section .cooperation-org-box {
    width: 100% !important;
    height: 50px !important;
    font-size: 12px !important;
    padding: 8px !important;
    margin: 0 !important;
  }

  /* 인스타그램 피드 섹션 숨기기 */
  #instafeed,
  #instafeed+div {
    display: none !important;
  }
}