/*****************************************************
 * Index
 *
 * 01. Responsive
 *
*****************************************************/


/*****************************************************
 * Responsive
 * 
*****************************************************/
@media (max-width: 1000px) {

    /* 서브 페이지 - 빵조각 */
    .row .col .breadcumb__list{ justify-content: flex-start; gap: 10px;}
    .row .col .dropdown__list{ right: auto;}

    /* 서브페이지 - 재단 소개 - 비전 및 목표 */
    .vision-row { border-bottom:  1px solid #ddd; margin-bottom: 40px !important;}
    .vision-row .vision-column-left{ border-right: 0px solid #fff;}
}

@media (max-width: 768px) {
    .mobile--show{ display: block;}
    .mobile--hidden{ display: none;}

    /* 서브페이지 - 재단 소개 - 연혁 */
    .row .col .history-year__wrap{ padding-bottom: 0px; margin-bottom: -20px;}

    /* 서브페이지 - 재단 소개 - 인사말 */
    .row .col .greeting-title-box__wrap{ margin-bottom: 20px;}
    .row .col .greeting-title-box__wrap h3{ font-size: 15px; line-height: 25px; text-align: right;}

    /* 서브페이지 - 재단 소개 - 창립 이념 */
    .row .col .sub-text-box__wrap h3 br{ display: none;}
}

@media (max-width: 576px) {
    /* 페이지 타이틀 */
    .row .col .sub-title__wrap h1{ font-size: 24px; line-height: 30px;}

    .table-responsive-container{ overflow-x: scroll;}
    .table-responsive-container .table-responsive{ width: 700px;}

    /* 서브페이지 - 재단 소개 - 오시는 길 */
    .location-info-box__wrap ul li{ flex-direction: column; align-items: flex-start; gap: 0px; margin-bottom: 10px; font-size: 17px; line-height: 27px;}

    /* 서브페이지 - 한국역사인물화 갤러리 */
    .row .col .gallery-info__wrap{ padding: 15px 0px;}

    /* 서브페이지 - 전통인물화가 */
    .row .col .gallery-nav--top{ padding: 15px 0px;}
    .row .col .artist-info__wrap { padding: 15px 0px;}
    .row .col .artist-list__wrap ul li a{ font-size: 36px; line-height: 42px; }
    .row .col .artist-list__wrap ul li a img{ display: none;}
}