@media (min-width: 1400px) {
  #index-roll-title {
    top: 50%;
    left: 40%;
  }
}

@media (min-width:768px) and (max-width: 1399px) {
  #index-roll-title {
    top: 50%;
    left: 33%;
  }
}

@media (max-width: 767px) {
  #index-roll-title {
    top: 20%;
    left: 9%;
  }
}

@media (max-width: 575px) {
  #roll-title-br {
    display: none;
  }
}

/* index 제공서비스  ----------------------- */

#index section .sec-title {
  font-weight: 600;
  text-align: center;
  margin-bottom: 10px;  
}

#index section .card, #index section .item, #index section .list-inline-item, #index section .feature-box {
  transition: transform 0.2s ease;
  cursor: pointer;
}

#index section .card:hover, #index section .item:hover, #index section .list-inline-item:hover, #index section .feature-box:hover {
  transform: scale(1.05);
  cursor: pointer;
}

/* index define  ----------------------- */

/* 메인 베너 타이틀출력 시작 */

@media (min-width: 992px) {
  #index #rol-title h1 {
    font-size: 57px;
  }
}

@media (max-width: 768px) {
  #index #rol-title h1 {
    font-size: 45px;
  }
}

@media (max-width: 576px) {
  #index #rol-title h1 {
    font-size: 31px;
  }
}

@media (min-width: 992px) {
  #index #rol-title p {
    font-size: 23px;
  }
}

@media (max-width: 768px) {
  #index #rol-title p {
    font-size: 18px;
  }
}

@media (max-width: 576px) {
  #index #rol-title p {
    font-size: 16px;
  }
}

/* ^ 메인 베너 타이트정의 끝 */
#sec-news-tab-1 .nav-item a {
  font-size: 0.7rem !important;
}

@media (min-width: 510px) {
  #sec-news-tab-1 .nav-item a {
    font-size: 1.1rem !important;
  }
}


/* 센션 공백 영역 */

/* 세션 타이트 부연설명부분 */

#index section .sec-description {
  width: 500px;
  margin: auto;
  text-align: center;
  margin-bottom: 10px;
}

/* 메인 최신글 정의 */

#index #sec-news .nav-tabs a {
  border-radius: 0px 20px 0px 0px;
  font-size: 18px;
}

#index #sec-news .nav-tabs .active {
  background: white !important;
  color: #0265c8 !important;
  border-bottom: none;
}

/* 메인 탭 내용부 날자 하단 공정출력 설정 */

#index #sec-news .tab-content .row div h5 {
  margin-bottom: 60px;
  font-weight: bold;
}

@media (min-width: 992px) {
  #index #sec-news .tab-content .row div {
    border-right: 1px solid lightgray;
  }
}

@media (min-width: 992px) {
  #index #sec-news .tab-content .row div:last-child {
    border-right: 0px solid lightgray;
  }
}

#index #sec-news .tab-content .row div .badge {
  margin-bottom: 60px;
  font-weight: bold;
  border-radius: 0px;
}