@charset "utf-8";

@media screen and (max-width: 1280px) {
    /* 메인 */
    #exhibition.section .right {gap:60px;}
    .eventsSwiper .swiper-slide.swiper-slide-active {margin-right: 30px !important; width: 48.5%;}
    .eventsSwiper .swiper-slide:not(.swiper-slide-active) {width: 23.677%;}
    #event .swiper-txt-wrap {width: calc(47.334% + 24px); left:calc(48.5% + 30px) !important;}
    #event .swiper-pagination-fraction, #event .swiper-pagination-custom, #event .swiper-horizontal > .swiper-pagination-bullets, #event .swiper-pagination-bullets.swiper-pagination-horizontal {left:calc(48.5% + 30px) !important;}
    #event .swiper-button-next, #event .swiper-button-prev {top:9px; margin-top: 0;}
    #event .swiper-txt-wrap .info-txt {width: 100%;}
    #event .gobtn {top:9px; margin-top: 0;}
}

@media screen and (max-width: 1200px) {
    /* 메인 */
    #event .swiper-txt-wrap {width: calc(47.334% + 16px);}

    /* 캐릭터 소개 */
    .con.character .character-list > li:not(:nth-of-type(3)) .hover-box .block1920 {display: none;}
}

@media screen and (max-width: 1160px) {
    /* 메인 */
    #exhibition.section .section-row {gap:30px;}
    #exhibition.section .right {gap:50px;}
    #exhibition.section .sub-tit {white-space: nowrap;}
    .block1160 {display: block;}

    /* 미션과 비전 */
    .con.introduce-vision .mission-vision-box {width: 300px; height: 300px;}
    .con.introduce-vision .mission-vision-box ~ .img-box img {width: 250px;}
}

@media screen and (max-width: 1024px) {
    /* 공통 */
    .max-box, .section-body,
    .main-search-wrap .main-search-box,
    .eventsSwiper .swiper-slide .txt-box,
    .print-area > .content, .print-area > .content-area {padding: 0 20px;}
    #header .search-btn {margin-left: 20px;}
    #header .header-column.max-box {padding:0 20px 0 0;}
    .sub-content-visual {height: 300px;}

    /* 메인 */
    #event .swiper-txt-wrap {width: calc(46% + 16px);}
    
    /* 오시는 길 */
    .con.directions .root_daum_roughmap .wrap_map {height: 500px !important;}
    .con.directions .directions-info {gap:50px;}

    /* 연혁 */
    .con.history .tab-content > dl {gap:50px;}

    /* 캐릭터 소개 */
    .title-box {flex-direction: column; align-items: flex-start; gap:10px;}

    /* 전시 */
    .view-content-area.gap92 {gap:50px;}

    /* 실학자연보 */
    .content-area.annual-report .part-list-area {row-gap:50px; column-gap:30px;}
    .content-area.annual-report .part-list-area > li {width: calc(25% - 22.5px);}
}

@media screen and (max-width: 1000px) {
    /* 캐릭터 소개 */
    .con.character .character-list {gap:20px;}
    .con.character .character-list li {min-height: unset; aspect-ratio: unset;}
}

@media screen and (max-width: 960px) {
    /* 공통 */
    #wrap {width: 100%; overflow: hidden;}
    .mo-toggle .close {display: none;}
    .social-list li.ggc a {background-image: url('/userContent/images/common/ico/ico_ggc.svg');}
    #header .inner-box {padding:7px 0;}
    #header h1 .logo img {width: 100px;}
    #header .util-list {gap:5px;}
    #header .util-list li.login a {font-size: 0; text-indent: -9999px; width: 36px; height: 36px; border-radius: 18px; background-color: #C8B18B; gap: 0; justify-content: center;}
    #header .util-list .menu-toggle {margin-left: 13px;}
    #header .search-btn {margin-left: 0;}
    #header .search-btn a {width: 36px; height: 36px; border-radius: 18px;}
    #header .search-btn a img {width: 18px;}
    #header .util-list > li.lang {display: none;}
    #header .util-list > li.login::after, #header .util-list > li.members::after {display: none;}
    #header .util-list li.login a {padding-left: 0; background-position: center; background-repeat: no-repeat;}
    #header .util-list li.login .logout-btn {
        background-image: url('/userContent/images/common/ico/ico_logout_mo.svg');
    }
    #header .util-list li.login .login-btn {
        background-image: url('/userContent/images/common/ico/ico_login_mo.svg');
    }
    .mobile-inner {height: 100dvh; position: absolute; top: 0; background: #fff; width: 100%; z-index: 30;}
    .mobile-inner.right-move { left: 200%;}
    .mobile-inner .nav-wrap {max-height: calc(100dvh - 120px); overflow-y: auto; -ms-overflow-style: none; scrollbar-width: none;}
    .mobile-inner .nav-wrap::-webkit-scrollbar {display: none;}
    .mobile-inner .depth1 {padding:0 30px;}
    .mobile-inner .depth1,
    .mobile-inner .depth1 > .dropdown {flex-direction: column;}
    #header .mobile-inner .depth1 > .dropdown {align-items: flex-start; border-bottom: 1px solid #EEEEEE;}
    #header .mobile-inner .depth1 > li > a {padding:0;}
    .mobile-inner .top-wrap {display: flex; align-items: center; justify-content: space-between; padding:11.5px 12px 11.5px 20px; border-bottom: 1px solid #EEEEEE;}
    .mobile-inner .social-list {gap:5px;}
    .mobile-inner .social-list li a {width: 36px; height: 36px; }
    .mobile-inner .social-list li:not(.ggc) a {background-size: 20px; }
    .mobile-inner .top-right {display: flex; align-items: center; gap:12px;}
    .mobile-inner .top-right .members a {font-size: 1.6rem; display: flex; align-items: center; gap:5px; color:#444;}
    .mobile-inner .top-right .members img {width: 16px;}
    .mobile-inner .depth1 > li > a {width: 100%; padding:0 30px; justify-content: space-between;}
    .mobile-inner .depth1 > li > a img {transition: .2s ease-out;}
    .mobile-inner .depth1 > li > a.on img {transform: rotate(-180deg);}
    .mobile-inner .depth1 > li > a > span {font-size: 2.2rem; line-height: 31px;}
    .mobile-inner .depth2 {padding-bottom: 10px; width: 100%;}
    #header .mobile-inner .depth2 li {text-align: left; line-height: 22px; padding-bottom: 10px;}
    #header .mobile-inner .depth2 li + li {padding-top: 10px; margin-top: 0;}
    #header .mobile-inner .depth2 a {line-height: 22px;}
    .main-search-wrap {top:0;}
    .main-search-wrap .main-search-box {height: 250px;}
    .main-search-wrap .search-close {border:unset; background-image: url('/userContent/images/common/ico/icon_close_mo.svg'); width: 36px; height:36px; background-color: transparent; top:12px; right:12px;}
    #footer .foot-info2 {flex-wrap: wrap; column-gap:20px; row-gap:8px;}
    #footer .foot-info2 .li3 {width: 100%;}
    .sub-content-visual {height:280px;}

    /* 메인 */
    #information.section .section-row {gap:20px; flex-direction: column;}
    #information.section .tab-box {gap:0; width: 100%; justify-content: center;}
    #information.section .tab-box a {width: 100%; max-width: 175px; justify-content: center; }
    #information .info-list {flex-direction: column; align-items: flex-start;}
    #information .info-list > li {align-items: flex-start; gap:20px;}
    #information div[data-type="watch"] .info-list > li .title p {width: 55px;}
    #information div[data-type="explain"] .info-list > li .title p {width: 85px;}
    #event .swiper-pagination-fraction, 
    #event .swiper-pagination-custom, 
    #event .swiper-horizontal > .swiper-pagination-bullets, 
    #event .swiper-pagination-bullets.swiper-pagination-horizontal {top:5px;}
    #event .swiper-button-next, #event .swiper-button-prev,
    #event .gobtn {top:0px;}
    #event .swiper-button-next, #event .swiper-button-prev {width: 50px;}
    #event .swiper-button-prev {right:190px;}
    #event .swiper-txt-wrap #events-tit {font-size: 2rem; line-height: 28px;}
    #event .swiper-txt-wrap .info-txt {margin-top: 18px;}
    #intro-nav .tit {font-size: 3.2rem; line-height: 45px;}
    #intro-nav .sub-tit {font-size: 1.5rem; line-height: 24px;}
    #notice .notice-list > li > a {padding:30px 20px;}
    #notice .notice-list .no-data {padding:30px;}
    #location .root_daum_roughmap_landing {height:450px; overflow: hidden;}
    #location .root_daum_roughmap .wrap_map {height: 650px !important;}
    #location .max-box .w-fit {padding:30px;}

    /* 시설안내 */
    .con.facilities .around-box {gap:50px;}
    .con.facilities .around-box li {width: calc(50% - 25px);}

    /* 공지사항 */
    .infomation-list > li {padding:30px 20px;}

    /* 오시는 길 */
    .con.directions .root_daum_roughmap .wrap_map {height: 400px !important;}

    /* 미션과 비전 */
    .con.introduce-vision .mission-vision-box {width: 250px; height: 250px;}
    .con.introduce-vision .mission-vision-box img {width: 40px;}
    .con.introduce-vision .mission-vision-box ~ .img-box img {width: 200px;}
    .con.introduce-vision .mission-vision-box strong {font-size: 2.4rem; line-height: 1.3; margin-top: 15px;}
    .con.introduce-vision .mission-vision-box p {font-size: 1.5rem; line-height: 1.3;}
    .con.introduce-vision .v-list .mt-list {margin-top: 100px;}

    /* 운영조직 */
    .org-box .detail-big-list {grid-template-columns: 1fr 1fr;}

    /* MI소개 */
    .con.mi-intro .intro-img-list li {padding:20px; display: flex; flex-direction: column; gap:20px;}
    .con.mi-intro .intro-img-list li > div {flex-grow: 1; display: flex; align-items: center; justify-content: center;}
    .con.mi-intro .intro-img-list img {margin:0;}
    .con.mi-intro .ci-concept,
    .con.mi-intro .color-item.gap92 {gap:50px;}
    .con.mi-intro .color-list > li {padding:20px;}
    .con.mi-intro .color-list strong {font-size: 1.65rem; line-height: 1.33;}
    .con.mi-intro .code-list {font-size: 1.35rem; line-height: 1.3; margin-top: 10px;}

    /* 캐릭터 소개 */
    .con.character .character-list li {padding:20px;}
    .con.character .character-list .name {font-size: 2.4rem; line-height: 1.33;}

    /* 전시 */
    .exhibition-list > ul > li {gap:50px;}
    .exhibition-img-area {width: 100%; max-width: 342px;}
    .view-content-area.gap92 {flex-direction: column;}
    .view-content-area-type1.slide-area,
    .view-content-area-type1.slide-area ~ .cont-area {width: 100%;}

    /* 실학자연보 */
    .content-area.annual-report .part-list-area > li {width: calc(33.3333% - 20px);}

    /* 검색결과 */
    .srch-common-list.exhibiton > li {gap:50px;}
}

@media screen and (max-width: 850px) {
    /* 캐릭터 소개 */
    .con.character .character-list {grid-template-columns: 1fr;}
    .con.character .character-list li {width: 50%;}
    .con.character .character-list > li:not(:nth-of-type(3)) .hover-box .block1920 {display: block;}
    .con.character .character-list .hover-box {padding:20px; opacity: 1 !important; left: 100%; height: calc(100% + 2px); top: -1px;}
    .con.character .character-list li:hover .side-txt p {color: #101010;}
    .con.character .character-list .hover-box span {width: 100%;}
    .con.character .character-list .name {margin-top: 20px;}
}

@media screen and (max-width: 768px) {
    /* 공통 */
    #footer .foot-link {gap:15px;}
    .sub-content-visual {height:250px;}
    .sub-content-visual > p {font-size: 4.5rem; line-height: 63px;} 
    .page-navi {margin-top: 20px;}
    .page-navi-area > li > p {font-size: 1.5rem; line-height: 21px;}
    .stsfc-wrap {margin-top: 60px; padding:20px 0;}
    .print-area {padding-top: 30px;}
    .stsfc-wrap strong {font-size: 1.6rem; line-height: 22px;}
    .radio-box > input[type="radio"] ~ label {font-size: 1.5rem; line-height: 22px;}
    .radio-box > input[type="radio"] ~ label:before {width: 22px; height: 22px; border-radius: 11px; margin-top: -11px; background-size: 22px;}
    .stsfc-submit {width: 60px; height: 44px;}
    .h_font {font-size: 2.6rem; line-height: 36.5px; }
    .tour-guide .h_font, .con.directions .h_font, .con.facilities .h_font, .con.history .h_font, .con.introduce-vision .h_font, .con.mi-intro .h_font, .con.character .h_font {margin-bottom: 20px;}
    .sub-title {font-size: 2.1rem; line-height: 30px;}
    .popup-box .search-close:hover {background-color: #fff;     background-image: url('/userContent/images/common/btn/close_black.svg');}
    .navi-sns-box>li>a {width: 40px; height: 40px;}

    /* 메인 */
    .mainvisual_swiper .swiper-pagination {bottom:20px !important; gap:8px;}
    .mainvisual_swiper .swiper-pagination-bullet,
    .number-tab a {width: 40px; height: 31px; line-height: 29px; font-size: 1.4rem;}
    #exhibition.section {padding-bottom: 60px;}
    #exhibition.section .section-body {padding:0;}
    #exhibition.section .section-row {flex-direction: column; gap:40px;}
    #exhibition.section .left .tit-box {margin-top: 60px; padding:0 20px;}
    .sub-tit {margin-top: 10px; text-align: center;}
    .tit {text-align: center;}
    .block1160 {display: none;}
    #exhibition.section .right {display: block; height: fit-content;}
    #exhibition.section .marquee-down {margin-bottom: 35px;}
    #exhibition.section .marquee-down,
    #exhibition.section .marquee-up {height: 266px !important;}
    #exhibition.section .js-marquee {display: flex; }
    #exhibition.section .right .item + .item {margin-left: 30px; margin-top: 0;}
    #exhibition.section .js-marquee .item {width: 230px; }
    #exhibition.section .img-box {width: 230px; height: 172px; padding-bottom: 0;}
    #exhibition.section .js-marquee .txt-box p {-webkit-line-clamp:2;}
    #exhibition.section .mo-768 .gobtn {margin: 0 auto;}
    #exhibition .marquee-down {display: none !important;}
    .morebtn {width: 60px; height: 40px;}
    div .gobtn {height: 44px; padding:0 18px;}
    .gobtn .img, .morebtn .img {width: 18px; height: 18px;}
    #event.section .section-body {padding:0;}
    #event.section .section-row, 
    #notice.section .section-row {padding:60px 0;}
    #event.section .section-column1 {padding:0 20px;}
    #event.section .tab-box,
    #notice.section .tab-box {margin-top: 20px;}
    #event.section .section-column2 {margin-top: 40px;}
    #event.section .cont-area.padding-box { position: static; padding-bottom: 0; height: auto; overflow: visible;}
    #event.section .swiper-txt-wrap { position: static !important; margin-top: 92px; width: calc(100% - 40px); margin-left: 20px;}
    #event.section .swiper-pagination-fraction, #event.section .swiper-pagination-custom, #event.section .swiper-horizontal > .swiper-pagination-bullets, #event.section .swiper-pagination-bullets.swiper-pagination-horizontal { top: unset; bottom: unset; left: 20px !important; margin-top: 34px;}
    #event.section .swiper-button-next, #event.section .swiper-button-prev { display: block; top: unset; bottom: unset; margin-top: 30px; right: 20px; width:58px; height:38px;}
    #event.section .swiper-button-prev {right: 93px;}
    #event .swiper-button-next, #event .swiper-button-prev, .part-content .page-list-click-wrap > li a:not(#listGo) {background-size: 18px;}
    #event.section .cont-wrap {position: relative; padding-bottom: 88px;}
    #event .gobtn { bottom: 0; left: 50%; top: unset; transform: translateX(-50%);}
    .eventsSwiper .txt-box, .eventsSwiper .swiper-slide.swiper-slide-active .padding-box:after {display: block; opacity: 1;}
    .eventsSwiper .swiper-slide .txt-box {opacity: 1; bottom:20px;}
    .eventsSwiper .swiper-slide.swiper-slide-active {margin-right: 0 !important;}
    .eventsSwiper .swiper-slide .padding-box {padding-bottom: 79.063% !important;}
    .eventsSwiper .swiper-slide .txt-box .events-tit {font-size: 1.8rem; line-height: 25px; -webkit-line-clamp:1;}
    .eventsSwiper .swiper-slide .txt-box .events-tit ~ div > div {font-size: 1.2rem; line-height: 17px;}
    .eventsSwiper .swiper-slide .txt-box .events-tit ~ div > div p {min-width: 41px;}
    #intro-nav .section-inner {padding-bottom: 164.2%;}
    #intro-nav .section-row {flex-direction: column;}
    #intro-nav .txt-wrap {flex-direction: column;}
    #intro-nav .txt-wrap > div {width: 100%; height: 50%;}
    #intro-nav .section-column {width: 100%; height:50%;}
    #intro-nav .tit,
    #intro-nav .sub-tit {text-align: start;}
    #intro-nav .txt-wrap > div > div {width: 100%;}
    #notice.section .section-column2 {margin-top: 20px;}
    #notice .notice-list > li > a {flex-direction: column; align-items: flex-start; gap:5px; padding:20px 0;}
    #notice .notice-list > li > a > span {min-width: unset;}
    #notice .notice-list > li > a > p {font-size: 1.8rem; line-height: 25px; margin-top: 5px;}
    #notice .notice-list .no-data {font-size: 1.8rem; line-height: 25px; }
    #location .root_daum_roughmap_landing {height: 350px !important;}
    #location .max-box {top:20px; left:0; transform: unset;}
    #location .max-box .w-fit {padding:20px;}
    #location .max-box .w-fit > p {font-size: 1.6rem; line-height: 22px;}
    #location .max-box .w-fit > .w-full {margin-top: 10px; padding-top: 20px;}
    #location .root_daum_roughmap .wrap_map {height:500px !important;}

    /* 관람안내 */
    .tour-guide .text-box {padding:20px;}
    .tour-guide .h_font__s {font-size: 1.8rem; padding-top: 0;}
    .tour-guide .sub-list-ty01 {margin-bottom: 0;}
    .tour-guide .sub-list-ty01>li {font-size: 1.6rem; line-height: 1.5;}

    /* 시설안내 */
    .con.facilities .facilities-info-box {padding:30px;}
    .con.facilities .facilities-info-box .info-inner {gap:20px; flex-direction: column; align-items: flex-start;}
    .con.facilities .facilities-info-box .title,
    .content-bottom-type>h4, .section.post-relation .link-info-wrap > H2 {font-size: 2.2rem; line-height: 31px;}
    .con.facilities .facilities-info-box .desc,
    .con.history .tab-content .txt {font-size: 1.6rem; line-height: 22.5px;}
    .con.facilities .facilities-info-box .desc-inner span {font-size: 1.4rem; line-height:19.5px;}
    .con.facilities .facilities-info-box .desc-inner {gap:15px;}
    .con.facilities .facilities-info-box .info-inner + .info-inner {padding-top: 20px; margin-top: 20px;}
    .con.facilities .floor-box .img-box {margin-top: 15px;}
    .con.facilities .floor-box,
    .con.facilities .floor-inner + .floor-inner {margin-top: 30px;}
    .con.facilities .btm-box {margin-top: 60px;}
    .con.facilities .around-box {gap:30px;}
    .con.facilities .around-box li {width: calc(50% - 10px);}
    .con.facilities .around-box .txt-box {margin-top: 10px;}
    .con.facilities .around-box .txt-box p {font-size: 2.3rem; line-height: 39px;}
    .con.facilities .around-box .txt-box span {font-size: 1.5rem; line-height: 20px; margin-top: 5px;}

    /* 공지사항 */
    .search-box.mo-relative .search-toggle {height: 50px; width: 81px;}
    .search-box.mo-relative {gap:0;}
    .search-box.mo-relative #mo-srch-tit {flex-grow: 1;}
    .search-box.mo-relative .tab-box.border-tab {width: calc(100% - 81px);}
    .search-box.mo-relative .tab-box.border-tab.mo-w-full {width: 100%;}
    .search-box.mo-relative .tab-box.border-tab li {height: auto;}
    .search-box.mo-relative .tab-box.border-tab li a {padding:0;}
    .filter-form {padding:20px;}
    .search-box.mo-relative .search-toggle:not(.on):hover {background-color: #101010;}
    .search-box.mo-relative .search-toggle:not(.on):hover span {color:#fff;}
    .search-box.mo-relative .search-toggle:not(.on):hover .img {background-image: url('/userContent/images/common/ico/ico_search.svg');}
    .org-area .srch-list, .part-search:not(.mt0) {margin-top: 30px;}
    .infomation-list {margin-top: 15px;}
    .infomation-list > li {flex-direction: column; gap:10px; align-items: flex-start; padding:20px;}
    .infomation-list .part-list-detail {display: flex; align-items: center; gap:10px; text-align: left;}
    .infomation-list .sns-mark {margin-top: 10px;}
    .part-content .part-view {padding-bottom: 25px;}
    .part-content .part-view .part-list-info.detail {margin-top: 10px;}
    .part-content .part-view .part-list-info.detail .part-list-detail p {font-size: 1.4rem; line-height: 20px;}
    .part-content .view-sns, .part-content .information-box,
    .part-content .information-box-area {margin-top: 25px;}
    .information-bottom,
    .part-content .information-box-area.file-box-area {padding-top: 25px;}
    .information-box-area .file-title {margin-bottom: 10px;}
    .part-content .sns-mark.part {padding-top: 25px; margin-top: 25px;}
    .part-content .view-content-area-type1.border-content {padding-top: 30px; margin-top: 30px;}

    /* 오시는 길 */
    .con.directions .root_daum_roughmap .wrap_map {height: 300px !important;}
    .con.directions .directions-info-box {margin-top: 30px;}
    .con.directions .directions-info + .directions-info {margin-top: 25px; padding-top: 25px;}
    .con.directions .directions-info {flex-direction: column; align-items: flex-start; gap:20px;}
    .con.directions .tit-box {margin:0 auto; gap:10px;}
    .con.directions .tit-box .h_font {font-size: 2rem; line-height: 28px;}
    .con.directions .location-title {font-size: 1.6rem; line-height: 22.5px;}
    .con.directions .location-list {margin-top: 5px;}
    .con.directions .location-list p,
    .con.character .character-list .hover-box .desc,
    .content-bottom-list>li>a>p {font-size: 1.4rem; line-height: 20px;}
    .con.directions .location-list span {font-size: 1.3rem; line-height: 18px;}
    .con.directions .loaction-info + .loaction-info {margin-top: 15px;}
    .con.directions .location-title img {top:-1px;}
    .con.directions .location-list p img {top:-2px;}
    
    /* 인사말 */
    .con.welcome .top-txt {font-size: 3.5rem; line-height: 1.4; margin-top: -74px;}
    .con.welcome .mid-txt {font-size: 1.6rem; line-height: 22.5px;}

    /* 연혁 */
    .con.history .search-box {margin-bottom: 30px;}
    .con.history .tab-content > dl + dl {padding-top: 25px; margin-top: 25px;}
    .con.history .tab-content > dl + dl ul::before {top:-25px;}
    .con.history .tab-content li > div {gap:5px;}

    /* 미션과 비전 */
    .con.introduce-vision .top-box-inner {flex-direction: column; gap:30px;}
    .con.introduce-vision .mission-vision-box {width: 100%; height: auto; display: grid; grid-template-columns: auto 1fr; border-width: 8px; padding: 17px 32px; column-gap: 20px; row-gap: 5px;}
    .con.introduce-vision .mission-vision-box img { grid-row: 1 / 3; grid-column: 1 / 2; width: 35px;}
    .con.introduce-vision .mission-vision-box strong {margin-top: 0;}
    .con.introduce-vision .mission-vision-box p {margin-top: 0; text-align: left;}
    .con.introduce-vision .mission-vision-box p br {display: none;}
    .con.introduce-vision .mission-vision-box strong {font-size: 2.3rem;}
    .con.introduce-vision .mission-vision-box ~ .img-box img {width: 130px;}
    .con.introduce-vision .top-box::before {width: 1px; height:57%; transform: translateY(-50%); margin-left: -0.5px;}
    .con.introduce-vision .v-list strong {font-size: 4rem; line-height: 1.4;}
    .con.introduce-vision .v-list .txt-box {margin-top:20px;}
    .con.introduce-vision .v-list .txt-box p {font-size: 2rem; line-height: 28px;}
    .con.introduce-vision .v-list .txt-box .dot-list {margin-top: 5px;}
    .con.introduce-vision .btm-box {margin-top: 60px; padding:60px 0;}
    .con.introduce-vision .v-list .txt-box .dot-list li, .org-info-type2 .dot-list li, .con.mi-intro .dot-list li {font-size: 1.5rem; line-height: 21.5px;}

    /* 운영조직 */
    .org-area {margin-top: 30px;}
    .org-box .org-info-type2, .org-box .org-info-type3 {margin-top: 20px;}
    .org-box .org-info-type2 .fit-height-box {font-size: 1.5rem; line-height: 1.5;}
    .org-box .org-info-type1 h3 {font-size: 2rem; line-height: 1.3;}
    .org-box .org-info-type1 strong {font-size: 1.3rem; line-height: 1.3;}
    .org-box .org_li_list {padding:20px;}
    
    /* MI소개 */
    .con.mi-intro .intro-img-list {gap:20px;}
    .con.mi-intro h5 {width:100%;}
    .con.mi-intro .ci-concept {flex-direction: column; gap:10px; margin-top: 30px;}
    .con.mi-intro .btm-box {padding-top: 30px; margin-top: 30px;}
    .con.mi-intro .color-box {margin-top: 0;}
    .con.mi-intro .color-item.gap92 {flex-direction: column; gap:10px;}

    /* 캐릭터 소개 */
    .con.character .title-box p {font-size: 1.4rem; line-height:1.5;}
    .con.character .able-box .img-box {margin-top: 30px;}
    .con.character .able-box .img-box img {max-width: 61%;}
    .con.character .birth-box {margin-top: 40px;}

    /* 전시 */
    .exhibition-cnt {margin-top:30px;}
    .exhibition-list > ul > li {display: block;}
    .exhibition-img-area {margin:0 auto;}
    .exhibition-content-area {margin-top: 15px;}
    .exhibition-list > ul > li {margin-bottom: 30px; padding-bottom: 30px;}
    .filter-form {gap:20px;}
    .radio-chk > ul {gap:10px !important; flex-wrap: wrap;}
    a.chbox-label {min-width: 130px;}
    .view-content-area.gap92 {gap:75px; padding-bottom: 30px;}
    .view-info-content .category-title {font-size: 1.8rem; line-height: 25px;}
    .view-info-content>h4.title {font-size: 2.5rem; line-height: 35px;}
    table.exhibition-tble.view>tbody>tr>th,
    table.exhibition-tble.view>tbody>tr>td {font-size: 1.55rem; line-height: 22px;}
    table.exhibition-tble.view>tbody>tr>th {width: unset;}
    table.exhibition-tble.view>tbody>tr>td {padding-left: 25px;}
    table.exhibition-tble.view>tbody>tr + tr th, table.exhibition-tble.view>tbody>tr + tr td {padding-top: 15px;}
    .view-content-area-type1 .view-sns {margin:25px 0; padding:25px 0;}
    .view-content-area-type1 .content-bottom .program_show_tab {padding:20px;}
    .content-bottom-type, .section.post-relation {padding-top:25px; margin-top:25px;}
    .content-bottom-type .sns-mark {gap:10px;}
    .part-content .page-list-click-wrap .morebtn,
    .part-content .page-list-click-wrap > li:not(#listGo) {height: 44px;}
    .view-content-area-type1 .content-bottom .program_show_tab .bodo {overflow: visible; }
    .view-content-area-type1 .content-bottom .program_show_tab * {word-break: break-all;}
    .view-pagination .swiper-pagination {bottom:-45px;}
    .view-content-area-type1.slide-area {padding-top:0;}

    /* 소장품 */
   .tab-box.border-tab:not(.srch-tab-scroll) a {font-size: 1.5rem; line-height: 21px; height: 51px;}
   .have-data-search ~ .infomation-list > li {padding:20px 0;}

   /* 한중일 실학연표 */
   .con.history,
   .con.history .history-con-wrap {margin-top: 30px;}
   .con.history .search-box.mo-relative .tab-box.border-tab {max-height: 250px; overflow-y: auto;}
   .con.history .search-box.mo-relative .tab-box.border-tab li {border:unset; padding:0; text-align: left; display: block; line-height: 38px;}
   .con.history .search-box.mo-relative .tab-box.border-tab li.selected {color:#0096D7;}
   .con.history .table-ver.history thead th {height: 50px; font-size: 1.4rem; line-height: 20px;}
   .con.history .table-ver.history tbody td {font-size: 1.4rem; line-height: 20px;}

    /* 실학자연보 */
    .content-area.annual-report .part-list-area {row-gap:20px; column-gap:20px; margin-top: 30px;}
    .content-area.annual-report .part-list-area > li {width: calc(33.3333% - 13.3333px);}
    .content-area.annual-report .part-list-area .part-list-title {margin-top: 10px;}
    .content-area.annual-report .part-list-area .part-list-info .part-list-detail {font-size: 1.4rem; line-height: 1.37;}
    .part-view-content.annual-report.board-type-02 ~ .part-img-wrap .part-ul>li {width: 50%;}

    /* 검색결과 */
    #mo-srch-tit .mo-srch-inner {display: flex; align-items: center; justify-content: space-between; padding:0 14px; width:100%; height:50px; border:1px solid #101010;}
    #mo-srch-tit .mo-srch-inner .srch-tit-txt {font-size: 1.5rem; line-height: 21px;}
    #mo-srch-tit .mo-srch-inner img {transition: .2s ease-out;}
    #mo-srch-tit .mo-srch-inner.on img {transform: rotate(-180deg);}
    .mo-relative {position: relative;}
    .srch-tab-scroll.tab-box.border-tab {overflow-y: unset; display: none; padding:7.5px 15px; border:1px solid #101010; border-top: none; position: absolute; width: 100%; left: 0; top:50px; background-color: #fff; z-index: 3;}
    .srch-tab-scroll.tab-box.border-tab a {border:unset; height: 36px; font-size: 1.5rem; line-height: 21px; padding:0; justify-content: flex-start; color:#101010;}
    .srch-tab-scroll.tab-box.border-tab a.on,
    .srch-tab-scroll.tab-box.border-tab li.on a {color:#0096D7;}
    .print-area.pb120 {padding-bottom: 30px;}
    .srch-search .total-result {margin-top: 15px; margin-bottom: 30px;}
    .main-search-box.srch-search ~ .total-search-info > div:not(.exhibition-more-btn):first-child {border-top: none; padding-top: 0;}
    .main-search-box.srch-search ~ .total-search-info {margin-top: 30px;}
    .main-search-box.srch-search ~ .total-search-info .srch-title-box {margin-bottom: 15px;}
    .srch-common-list.staff-info {display: block;}
    .srch-common-list.staff-info > li {width: 100%;}
    .srch-common-list > li {padding:20px;}
    .main-search-box.srch-search ~ .total-search-info .total-title,
    .part-content .part-view > h4,
    .con.history .tab-content .tit {font-size: 2.3rem; line-height: 39px;}
    .con.character .character-list .name {font-size: 2.3rem; }
    .main-search-box.srch-search ~ .total-search-info .total-title span {font-size: 2.1rem;}
    .srch-common-list.staff-info .first-il, .srch-common-list.exhibiton .color1, .edu-content-box > strong {font-size: 1.6rem; line-height: 22.5px;}
    .srch-common-list.staff-info .staff-title {font-size: 1.5rem; line-height: 28px;}
    .srch-common-list.staff-info .name-inner .staff-name, .srch-common-list.search-intro-info a, .con.history .tab-content .date {font-size: 2rem; line-height: 28px;}
    .main-search-box.srch-search ~ .total-search-info > div:not(.exhibition-more-btn) {padding-top: 30px; padding-bottom: 107px; position: relative;}
    .main-search-box.srch-search ~ .total-search-info > div:not(.exhibition-more-btn):last-child {padding-bottom: 77px;}
    .main-search-box.srch-search ~ .total-search-info > div:not(.exhibition-more-btn) .search-more-btn {position: absolute; bottom: 30px; left:50%; transform: translateX(-50%);}
    .main-search-box.srch-search ~ .total-search-info > div:not(.exhibition-more-btn):last-child .search-more-btn  {bottom:0;}
    .srch-common-list.search-news-box .tit-box .search-font.highlight-words, .srch-common-list.exhibiton > li .search-img-info > .search-font.highlight-words, .srch-common-list.silhak-explored .search-font.highlight-words, .srch-common-list.search-intro-info .search-font.highlight-words, .list-pointer {font-size: 1.55rem; line-height: 22px;}
    .srch-common-list.search-news-box .search-font.date, .srch-common-list.search-intro-info .search-font.date {font-size: 1.3rem; line-height: 18.5px;}
    .srch-common-list.search-news-box .search-img-info, .srch-common-list.search-intro-info > li {flex-direction: column; align-items: flex-start;}
    .srch-common-list > li + li {border-top: 1px solid #eee; margin-top: 10px;}
    .search-intro .srch-common-list.search-intro-info > li {gap:20px;}
    .search-news .srch-common-list.search-news-box .search-img-info {gap:5px;}
    .srch-common-list.search-news-box .color1.category,
    .infomation-list .list-type1 strong {font-size: 1.3rem; line-height: 18.5px;}
    .srch-common-list.search-news-box .search-img-info-title .highlight-words{margin-top: 10px;}
    .srch-common-list.search-news-box .search-img-info-title .highlight-words,
    .infomation-list .part-list-title p,
    .content-bottom-list>li>a>strong,
    .content-area.annual-report .part-list-area .part-list-title>a>p { font-size: 1.8rem; line-height: 25px;}
    .srch-common-list.exhibiton > li {display: block;}
    .srch-common-list.exhibiton > li .search-img {max-width: 320px; margin:0 auto;}
    .srch-common-list.search-news-box.exhibiton .search-img-info-title .highlight-words, .srch-common-list.search-news-box.exhibiton .search-img-info-title .highlight-words .color1, .edu-content-box > h4 {font-size: 2.2rem; line-height: 30.5px; margin-top: 5px;}
    .srch-common-list.search-news-box .tit-box .search-font.highlight-words, .srch-common-list.exhibiton > li .search-img-info > .search-font.highlight-words, .srch-common-list.silhak-explored .search-font.highlight-words, .srch-common-list.search-intro-info .search-font.highlight-words {margin-top: 5px;}
    .srch-common-list.search-news-box.exhibiton .search-font.date, .srch-common-list.silhak-explored .search-font.date,
    .srch-common-list.exhibiton > li .search-img-info {margin-top: 15px;}
    .srch-common-list.search-news-box.exhibiton .search-font.date, .srch-common-list.silhak-explored .search-font.date {font-size: 1.4rem; line-height: 20px;}
    .srch-collection .srch-common-list.search-news-box.exhibiton .search-font.date {margin-top: 0;}
    .main-search-box.srch-search.category-srch-wrap ~ .total-search-info > div:not(.exhibition-more-btn) {padding-bottom: 0 !important;}
    .exhibition-more-btn {margin:30px auto 0 auto;}
    .srch-common-list .no-result p {font-size: 1.6rem; line-height: 22px;}
}

@media screen and (max-width: 650px) {
    /* 캐릭터 소개 */
    .con.character .character-list > li:not(:nth-of-type(3)) .hover-box .block1920 {display: none;}
}

@media screen and (max-width: 640px) {
    /* 공통 */
    #header h1 .logo img {width: 67px;}
    .main-search-wrap .main-search-box {height: 178px; align-items: flex-end; padding-bottom: 45px;}
    .main-search input, .org-search input[name="keyword"], .part-search input[name="keyword"], .srch-search input[name="keyword"] {height: 50px; font-size: 1.4rem;}
    .main-search input::placeholder, .org-search input[name="keyword"]::placeholder, .part-search input[name="keyword"]::placeholder, .srch-search input[name="keyword"]::placeholder {font-size: 1.4rem !important;}
    #header .main-search-wrap .search-btn, .org-search .search-input-btn, .part-search .search-input-btn, .srch-search .search-input-btn {height: 50px; width: 81px; font-size: 1.4rem; line-height: 20px; background-size: 16px; padding-right: 21px; background-color: #101010 !important;}
    #footer {padding:30px 0 60px 0;}
    #footer .footer-inner {display: block;}
    #footer .footer-row2 {margin-top: 30px; align-items: flex-start; gap:30px; flex-direction: row; flex-wrap: wrap; gap:12px; justify-content:flex-start;}
    #footer .footer-row2 .footer-column3 {width: 100%; margin-top: 18px;}  
    #footer .footer-copy {margin-top: 20px;}
    #footer .foot-link {column-gap:30px; row-gap:15px; flex-wrap: wrap;}
    #footer .foot-link a {white-space: nowrap;}
    #footer .foot-info {gap:15px;}
    #footer .foot-info2 {column-gap:15px; row-gap:10px; margin-top: 10px;}
    #footer .foot-info li {min-width: unset;}
    .ss-main.family_select {width: 100% !important; height: 40px !important; font-size: 1.3rem;}
    .ss-main.family_select .ss-values {line-height: 38px;}
    .ss-content.family_select .ss-list .ss-option {font-size: 1.3rem; }
    .popup-box .popup-content {padding:0 20px 30px 20px;}
    .sub-content-visual {height:200px;}
    .sub-content-visual > p {font-size: 3rem; line-height: 42px;} 
    .page-navi {margin-top: 15px;}
    .page-navi-area > li > p {font-size: 1.4rem; line-height: 20px;}
    .stsfc-box-wrap {flex-direction: column; align-items: flex-start; position: relative;}
    .stsfc-box-inner {flex-direction: column; align-items: flex-start; gap:10px;}
    .stsfc-box {height: 44px; align-items: center;}
    .stsfc-submit {position: absolute; right: 20px; bottom:0;} 
    .h_font {font-size: 2rem; line-height: 28px;}
    .sub-title {font-size: 1.6rem; line-height: 22px;}

    /* 메인 */
    #information.section .section-row {padding-top: 20px; padding-bottom: 26px;}
    #information.section .tab-box a {font-size: 1.5rem; padding:0; height: 51px; }
    #information .tab-box a:not(.on):hover {color:#695E4A; background-color: transparent;}
    #information .info-list > li .des {flex-direction: column; align-items: flex-start; font-size: 1.4rem; line-height: 20px;}
    #information .info-list > li .des i {width: 0; height:5px; background: transparent; margin:0;}
    #information .info-list > li .des span {padding-left: 0; font-size: 1.1rem; line-height: 15px; padding-top: 5px;}
    #information .info-list > li .title img {width: 18px;}
    #information .info-list > li .title p {font-size: 1.4rem; line-height: 20px;}
    #information div[data-type="watch"] .info-list > li .title p { width: 48.5px;}
    #information div[data-type="explain"] .info-list > li .title p {width: 74px;}
    .tit {font-size: 2.4rem; line-height: 34px;}
    .tit span {font-size: 2rem; line-height: 28px; padding:0 3px;}
    .sub-tit {font-size: 1.4rem; line-height: 22px;}
    #exhibition.section .marquee-down,
    #exhibition.section .marquee-up {height: 255px !important;}
    #exhibition.section .js-marquee .txt-box {margin-top: 15px;}
    #exhibition.section .js-marquee .txt-box p {font-size: 1.6rem; line-height: 22px;}
    #exhibition.section .js-marquee .txt-box span {font-size: 1.2rem; line-height: 17px;}
    #event .tab-box.border-tab a, #notice .tab-box.border-tab a {font-size: 1.5rem; line-height: 21px; padding:0 29px; height:41px;}
    #intro-nav .tit {font-size:2.4rem; line-height: 34px;}
    #intro-nav .sub-tit {font-size: 1.4rem; line-height: 22px;}
    #intro-nav .gobtn {margin-top: 30px; background-color: #695E4A; border-color: #695E4A; color:#fff !important; }
    #intro-nav .gobtn .img { background-image: url('/userContent/images/common/ico/add_wht.svg');}
    #notice .notice-list > li > a > p {font-size: 1.6rem; line-height: 22px;}
    #notice .notice-list > li > a > span {font-size: 1.2rem; line-height: 17px;}
    #notice .notice-list .no-data { font-size: 1.6rem; line-height: 22px;}
    #location .root_daum_roughmap_landing {height: 308px !important;}
    #location .max-box .w-fit {width: 100%;}
    #location .max-box .w-fit > .w-full {align-items: flex-start;}

    /* 시설안내 */
    .con.facilities .facilities-info-box {padding:20px;}
    .con.facilities .facilities-info-box .info-inner {gap:10px;}
    .con.facilities .facilities-info-box .title,
    .content-bottom-type>h4, .section.post-relation .link-info-wrap > H2 {font-size: 2rem; line-height: 28px;}
    .con.facilities .facilities-info-box .desc,
    .con.history .tab-content .txt {font-size: 1.4rem; line-height: 20px;}
    .con.facilities .facilities-info-box .desc-inner span {font-size: 1.3rem; line-height: 18.5px;}
    .con.facilities .facilities-info-box .desc-inner p {width: 50px;}
    .con.facilities .around-box .txt-box p {font-size: 1.8rem; line-height: 25px;}
    .con.facilities .around-box .txt-box span {font-size: 1.4rem; line-height: 20px;}
    .con.facilities .around-box {flex-direction: column;}
    .con.facilities .around-box li {width: 100%;}

    /* 공지사항 */
    .search-box .search-toggle span {font-size: 1.4rem; line-height: 20px; }
    .search-box .search-toggle .img {width: 16px; height: 16px; background-size: 16px;}

    /* 오시는 길 */
    .con.directions .tit-box .h_font {font-size:1.8rem; line-height: 25px;}
    .con.directions .icon-box {width: 50px; height: 50px; border-radius: 25px;}
    .con.directions .icon-box img {width: 25px;}
    .con.directions .location-title {font-size: 1.5rem; line-height: 21px;}
    .con.directions .location-title img {margin:0 5px;}

    /* 인사말 */
    .con.welcome .top-txt {font-size: 2.6rem; line-height: 1.4; margin-top: -53px;}
    .con.welcome .mid-txt {font-size: 1.5rem; line-height: 22px;}
    .con.welcome .txt-box {gap:20px;}
    .con.welcome .txt-box .btm-txt {margin-top: 10px;}

    /* 연혁 */
    .con.history .tab-content > dl {gap:30px; flex-direction: column; gap:10px;}
    .con.history .tab-content .tit {width: unset; text-align: left;}
    .con.history .tab-content > dl + dl ul::before {display: none;}
    .con.history .tab-content > dl + dl {border-top: 1px solid #eee;}
    .con.history .tab-content .date {width: unset;}
    .con.history .tab-content li > div {gap:10px;}

    /* 미션과 비전 */
    .con.introduce-vision .mission-vision-box strong {font-size: 2rem; line-height: 28px;}
    .con.introduce-vision .mission-vision-box p {font-size: 1.4rem; line-height: 20px;}
    .con.introduce-vision .v-list .txt-box p {font-size: 1.8rem; line-height: 25px;}
    .con.introduce-vision .v-list strong {font-size: 2.8rem;}
    .con.introduce-vision .v-list img {margin-top: 5px;}
    .con.introduce-vision .v-list .mt-list {margin-top: 0;}
    .con.introduce-vision .v-list {flex-direction: column; justify-content: unset; gap:30px;}
    .con.introduce-vision .v-list > li {width: 100%; max-width: unset;}
    .con.introduce-vision .v-list .txt-box .dot-list li, .org-info-type2 .dot-list li, .con.mi-intro .dot-list li {font-size: 1.4rem; line-height: 20px;}

    /* 운영조직 */
    .org-box .detail-big-list {grid-template-columns: 1fr; gap:20px;}
    .org-box .org-info-type2 .fit-height-box {height: auto; max-height: 182px; font-size: 1.4rem;}

    /* MI소개 */
    .con.mi-intro .intro-img-list {grid-template-columns: 1fr;}
    .con.mi-intro .color-list strong {font-size: 1.5rem;}
    .con.mi-intro .code-list {font-size: 1.3rem; margin-top: 10px;}
    .con.mi-intro .color-list.col3 {grid-template-columns: 1fr 1fr;}

    /* 캐릭터소개 */
    .con.character .title-box h5.sub-title {font-size: 1.7rem; line-height: 1.5;}

   /* 전시 */
   .view-info-content .category-title,
   .part-content .part-view > strong {font-size: 1.6rem; line-height: 22px;}
   .view-info-content>h4.title {font-size: 2.2rem; line-height: 31px; margin-top: 5px;}
   .view-info-content2 {margin-top: 25px;}
   table.exhibition-tble.view>tbody>tr>th,
   table.exhibition-tble.view>tbody>tr>td,
   table.exhibition-tble > tbody > tr > th,
   table.exhibition-tble > tbody > tr > td {font-size: 1.4rem; line-height: 20px;}
   .content-bottom-type .sns-mark > li > a  {font-size: 1.3rem; line-height: 18px;}
   .part-content .page-list-click-wrap > li:not(#listGo) {height: 44px;}
   .part-content .page-list-click-wrap > li a:not(#listGo) {width: 44px; background-size: 18px;}

   /* 기록자료 */
   .content-bottom-type .codeCopyright > div {display: flex; flex-direction: column; gap:10px;}
   .content-bottom-type .codeCopyright > div * {position: static !important; padding:0 !important;}
   .information-box-area.file-box-area.mt30 {margin-top: 10px;}
   .content-bottom .view-file-box > li + li {margin-top: 30px;}

   /* 실학자연보 */
   .content-area.annual-report .part-list-area > li {width:calc(50% - 10px);}
   .content-area.annual-report .part-list-area .part-list-info .part-list-detail {font-size: 1.3rem;}

    /* 검색결과 */
    .srch-search .total-result,
    .org-search p, .exhibition-cnt > p, .info-cnt > p {font-size: 1.4rem; line-height: 20px;}
    .srch-search .total-result span,
    .org-search p strong, .exhibition-cnt > p strong, .info-cnt > p strong {font-size: 1.6rem; line-height: 22px;}
    .main-search-box.srch-search ~ .total-search-info .total-title,
    .part-content .part-view > h4,
    .con.character .character-list .name {font-size: 2rem; line-height: 28px;}
    .main-search-box.srch-search ~ .total-search-info .total-title span {font-size: 1.8rem;}
    .srch-common-list > li {padding:15px;}
    .srch-common-list.staff-info .first-il, .srch-common-list.exhibiton .color1, .edu-content-box > strong {font-size: 1.4rem; line-height: 20px;}
    .srch-common-list.staff-info .staff-title {font-size: 1.3rem; line-height: 25px;}
    .srch-common-list.staff-info .name-inner .staff-name, .srch-common-list.search-intro-info a, .con.history .tab-content .date, .edu-content-box > h4 {font-size: 1.8rem; line-height: 25px;}
    .srch-common-list.search-news-box .tit-box .search-font.highlight-words, .srch-common-list.exhibiton > li .search-img-info > .search-font.highlight-words, .srch-common-list.silhak-explored .search-font.highlight-words, .srch-common-list.search-intro-info .search-font.highlight-words {font-size: 1.4rem; line-height: 20px; margin-top: 5px;}
    .srch-common-list.search-news-box .search-font.date, .srch-common-list.search-intro-info .search-font.date {font-size: 1.2rem; line-height: 17px;}
    .srch-common-list.search-news-box .color1.category,
    .infomation-list .list-type1 strong {font-size: 1.2rem; line-height: 17px;}
    .srch-common-list.search-news-box .search-img-info-title .highlight-words,
    .infomation-list .part-list-title p,
    .content-bottom-list>li>a>strong,
    .content-area.annual-report .part-list-area .part-list-title>a>p {font-size: 1.6rem; line-height: 22px;}
    .srch-common-list > li {padding:15px;}
    .srch-common-list.search-news-box.exhibiton .search-img-info-title .highlight-words, .srch-common-list.search-news-box.exhibiton .search-img-info-title .highlight-words .color1, .edu-content-box > h4 {font-size: 1.8rem; line-height: 25px;}
}

@media screen and (max-width: 540px) {
    /* 인사말 */
    .con.welcome .img-box {height: 150px;}
    .con.welcome .img-box img {height: 100%; object-fit: cover;}

    /* 캐릭터 소개 */
    .con.character .character-list li {width: 100%;}
    .con.character .character-list .hover-box {left: unset; height: auto; top: 100%; width: calc(100% + 2px); left:-1px;}
    .con.character .character-list > li:not(:nth-of-type(3)) .hover-box .block1920 {display: block;}
    .con.character .character-list li:nth-of-type(2) {margin-top: 180px;}
    .con.character .character-list li:nth-of-type(3) {margin-top: 197px;}
    .con.character .character-list {padding-bottom: 180px;}
}

@media screen and (max-width: 500px) {
    /* 공통 */
    #footer .foot-link > li:nth-of-type(1),
    #footer .foot-link > li:nth-of-type(4) {width: 98px;}
    #footer .foot-link > li:nth-of-type(3) {width: calc(100% - 206px);}
    #footer .foot-link > li:nth-of-type(2),
    #footer .foot-link > li:nth-of-type(5) {width: 48px;}

    /* 시설안내 */
    .con.facilities .facilities-info-box .desc-inner .block500 {display: block;}

    /* 오시는 길 */
    .con.directions .root_daum_roughmap .wrap_map {height: 200px !important;}
}

@media screen and (max-width: 480px) {
    /* 공통 */
    #footer .foot-info2 {flex-direction: column;}

    /* 오시는 길 */
    .con.directions {margin-top: 30px;}

    /* 운영조직 */
    .org-search,
    .have-data-search {flex-direction: column; gap:5px; align-items: flex-start; justify-content: unset;}

    /* MI소개 */
    .con.mi-intro .ci-concept .btn-box {gap:10px;}
    .con.mi-intro .ci-concept .down-btn {width: calc(50% - 5px); padding:14px; justify-content: center; gap:10px;}

    /* 교육 행사 */
    .filter-form-box .year-select,
    .filter-form-box .year-select-box.ss-main {width: 100% !important;}

    /* 실학자연보 */
    .content-area.annual-report .part-list-area {row-gap: 30px; column-gap: 30px;}
    .content-area.annual-report .part-list-area > li {width:100%;}
}



@media screen and (max-width: 390px) {
    /* 메인 */
    #information .info-box {width: 100%;}

    /* 시설안내 */
    .con.facilities .facilities-info-box .desc-inner {flex-direction: column; gap:0;}

    /* MI소개 */
    .con.mi-intro .color-list.col3,
    .con.mi-intro .color-list.col2 {grid-template-columns: 1fr;}
}

@media screen and (max-width: 380px) {
    /* 공통 */
    .stsfc-box {gap:15px;}

    /* 메인 */
    .block380 {display: block;}

    /* 전시 */
    .exhibitions-content-wrap .radio-chk {width: calc(50% - 10px);}
    .exhibitions-content-wrap .radio-chk > ul {flex-direction: column;}
    a.chbox-label {min-width: unset; padding:10px 12px 10px 37px; background: #ffffff url('/userContent/images/common/btn/radio_off_img.png') no-repeat left 10px center;}
}

@media screen and (max-width: 350px) {
    /* 캐릭터 소개 */
    .con.character .character-list > li:not(:nth-of-type(3)) .hover-box .block1920 {display: none;}

    /* 전시 */
    .filter-form {padding:15px; gap:10px;}
}

@media screen and (max-width: 340px) {
    /* 공통 */
    .mobile-inner .top-right {gap:5px;}
    .mobile-inner .top-right .members a {font-size: 1.4rem;}
}