@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300&display=swap');

/* 전시/행사/교육 없을떄 */
img {max-width: 100%;}
.content > section {margin-bottom: 90px !important;}
/* .content > section:last-child {margin-bottom: 0px !important;} */
.none-list-wrap{max-width: 1400px; margin: 0 auto; height: 650px; background-color: #fff; position: relative; z-index: 99;}
.none-box{position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);}
.none-img-area{width: 95px; margin: 0 auto; height: 113px; background: url(/userContent/images/temp/none-img.png) center no-repeat;  background-size: 95px 113px;}
.none-title{font-family:'notokr-medium'; padding-top:20px; text-align: center; font-size: 24px; color: #333333; font-weight: normal;}
.swiper-pagination-section.disabled{ display: none;}

/* 띠배너 */
.belt-banner-area-mobile{display:none}
.belt-banner-area{width: 100%; overflow: hidden; display:block; position: relative; z-index: 3;}
.swiper-slide.belt{height: auto !important;}
.swiper-slide.belt a{display: block; height: 120px; background-color: #0062ad !important;}
.swiper-slide.belt a img{width: 100%; height:100%}
.belt-title{text-align: center; font-family:'notokr-medium'; font-size: 32px; color: #fff; font-weight: normal; height:120px; line-height: 120px;}
.belt-title p{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%;}
.belt-title span{font-family:'notokr-medium'; font-weight: normal;}
.belt-pagination{position: absolute;  width: 60px; left: 50%; transform: translateX(-50%); top: 70%; z-index: 1;}
.pagination.view .swiper-pagination-bullet{width: 8px; height: 8px; background-color: rgba( 255, 255, 255, 0.3 );; margin-left: 15px; opacity:1;}
.pagination.view .swiper-pagination-bullet:first-child{margin-left: 0;}
.pagination.view .swiper-pagination-bullet-active{width: 8px; height: 8px;  background-color: #fff;   }
.banner-close{position: absolute; height: 32px; right: 11px; top:11px; z-index: 2;}
.banner-close::after{content: ''; display: block; clear: both;}
.banner-close>a{float: left; display: block;}
.banner-close>a:first-child{line-height: 32px; font-family:'notokr-regular'; font-size: 14px; color: #fff; padding:3px 10px 0 10px;}
.banner-close>a:last-child{width: 32px; height: 32px; line-height: 32px; background: url(/userContent/images/common/btn/belt_close_btn.png) center no-repeat; background-size:32px 32px ;}
.check-type1 label .check-image {display: inline-block;width: 12px;height: 12px;
background-image: url(/userContent/images/common/btn/check_btn.png);background-repeat: no-repeat;
cursor: pointer;vertical-align: middle;background-size: 12px;margin-right: 5px;     position: relative;
top: -2px;}
.check-type1 input[type="checkbox"]:checked ~ label i {background-image: url(/userContent/images/common/btn/check_on_btn.png);}

.content{position: relative;}
.swiper-pagination-section::after{content: ''; display: block; clear: both;}
.swiper-pagination-section>li:first-child{width: calc(100% - 42px); float: left;}
.swiper-pagination-section>li:last-child{width: 42px; float: right;}
.swiper-slide{height: 680px !important;}
.main-slide-wrap{position: relative;width: 100%; z-index: 1;}
.visual .swiper-wrapper > div.swiper-slide > .slide-bg{height: 100%;}
.visual .swiper-wrapper > div.swiper-slide {overflow: hidden;}
.slide-info{max-width: 1400px; margin: 0 auto;}
.visual .swiper-pagination{position:absolute; margin:0 auto; text-align: center; font-size:0; transition:none;}
.visual .swiper-pagination-bullets{display: inline-block; height: 12px; vertical-align: middle; font-size:0; opacity: 0; padding-top:6px}
.visual .swiper-pagination-bullet{vertical-align: bottom; width: 315px; height:2px; transition: height .5s; background:#484745; border-radius:0!important}
.visual .swiper-pagination-bullet + .swiper-pagination-bullet{margin-left:5px}
.visual .swiper-pagination-bullet-active{display:inline-block; width:315px; height:2px; transition: height .5s; background:#ffffff; vertical-align: bottom; border-radius:0!important}
.slide-txt{max-width:100%; width: 1400px;left: 50%;transform: translateX(-50%);padding-left: 0px;top: 200px;position: relative;z-index: 1;position: absolute;}
.visual-title-a{font-family: 'Lato', sans-serif; font-weight: 800; color: #fff; font-size: 85px; line-height: 95px; padding-bottom:24px}
.slide-txt>strong{font-weight: 300; font-family: 'NanumSquare'; display: block; font-size: 40px; color: #fff;line-height: 60px;}
.visual-title-b{font-family:'notokr-light'; font-size: 16px; color:#ffffff; padding-top:34px;margin-bottom: 60px;}
.visual-link{display: flex; justify-content: start;}
.visual-link::after{content: ''; display: block; clear: both;}
.visual-link>li{float: left; margin-right: 16px;}
.visual-link>li:last-child{margin-right: 0;}
.visual-link>li:first-child>a{background-color: #0062ad;}
.visual-link>li:last-child>a{background-color: #0062ad;}
.visual-link>li>a{display:block; width: 114px; height: 46px; line-height: 46px; text-align: center; font-family:'notokr-medium'; font-size: 18px; color: #fff; border-radius: 2em;}
.visual-pagination{position: absolute; max-width:100%; width:1400px; bottom:128px; left:50%; transform: translateX(-50%); z-index: 2; padding-left: 70px;}
.visual .controller{display:inline-block; vertical-align: middle; width:12px; margin-left: 30px}
.visual .controller .btn-pause{display:block; width:11px; height:14px; background: url(/userContent/images/common/btn/play_img_btn.png) center no-repeat; background-size:cover;}
.visual .controller .btn-pause.playing{display:block; width:12px; height:14px; background: url(/userContent/images/common/btn/play_img_btn_play.png) center no-repeat; background-size:cover; vertical-align: middle; }
.scroll-warp{position:absolute; width:100%; margin:0 auto; bottom:-53px; text-align: center; z-index: 10}
.scroll-warp .scroll-down{display:inline-block; width:43px; height:43x; background: #000000; border-radius: 50%; text-align: center; line-height:43px}
.scroll-warp .scroll-down img{display:inline-block; width:22px; height:11px}
.scroll-warp  p{width:100%; font-size:15px; font-weight: 300; color:#000; text-align: center; line-height:1; margin-top:13px}
.m-br{display: none;}
.none-pagination{position: absolute; width: calc(100% - 42px); background-color:rgba(255, 255, 255, 0.15); height: 2px; cursor: pointer;  margin-top: 6px;}
.bar{width: 315px; background-color: #fff; height: 2px; display:inline-block; float: left; }


/***** gjicp *****/
.exhibition-type.gjicp-exhibition-type>li>a{border: solid 1px #0062ad; color:#0062ad}
.exhibition-type.gjicp-exhibition-type>li>a.on{background:#0062ad;color:#fff;}

.visual-link.gjicp-visual-link>li:first-child>a{background-color: #0062ad}
.visual-link.ggcf-visual-link>li:last-child>a{background-color: #83c1f0}

/* 문화재 */
.cultural {max-width: 1400px; margin: 0 auto; padding: 0 15px; display: flex; justify-content: space-between; margin-top: 90px;}
.cultural .more-icon {}
.cultural-box {display: flex; flex-direction: column; flex: 1 0 0; padding: 0 30px; border-right: 1px solid #eee;}
.cultural-box:first-child {padding-left: 0;}
.cultural-box:last-child {padding-right: 0; border-right: 0;}
.cultural-box .item {margin-bottom: 40px;}
.cultural .title {font-size: 22px; font-weight: bold; padding-bottom: 30px; color:#333333; display: flex; justify-content: space-between;}
.cultural .img-box {font-size: 0; overflow: hidden; border-radius: 20px;}
.cultural .img-box a {overflow: hidden; display: block; position: relative;}
.cultural .img-box a img {width: 100%; transition: all 0.3s;}
.cultural-box .item .img-box a::after {content: ''; position: absolute; width: 100%; height: 100%; background-color: #000; opacity: 0; left: 0; bottom: 0; transition: all 0.2s;}
.cultural .info {background-color: #f5f5f5; padding: 20px; color: #333333; transition: all 0.2s; position: relative; z-index: 1;}
.cultural .info .tit {font-size: 20px; font-weight: bold; padding-bottom: 10px;}
.cultural .info .txt {font-size: 15px; font-weight: bold;}
/* 문화재 호버 */
.cultural-box .item:hover .img-box a img {transform: scale(1.05);}
.cultural-box .item:hover .img-box a::after {opacity: 0.3; transition: all 0.2s;}
.cultural-box .item:hover .info {background-color: #0062ad; color: #fff; transition: all 0.2s;}
.cultural-box:nth-child(1) .item:hover .info {background-color: #0062ad; color: #fff; transition: all 0.2s;}
.cultural-box:nth-child(2) .item:hover .info {background-color: #4f7040; color: #fff; transition: all 0.2s;}
.cultural-box:nth-child(3) .item:hover .info {background-color: #694b8b; color: #fff; transition: all 0.2s;}
.cultural-box:nth-child(4) .item:hover .info {background-color: #a5612f; color: #fff; transition: all 0.2s;}

/* 소식 참여 */
.news {max-width: 1400px; margin: 0 auto; padding: 0 15px;}
.news .news-part {display: flex;}
.news .news-part > div {display: inline-block; vertical-align: top; background-color: #f8f8f8; font-size: 18px; }
.news .news-part .left { width: calc(100% - 460px); padding: 75px 63px; min-height: 530px;}
.news .news-part .left .news-title { font-size: 30px; font-weight: 600; color: #333; text-align: left; margin-bottom: 30px; display: flex;width: 90%;flex-wrap: wrap; }
.news .news-part .left .news-title li {color: #0062ad; padding: 2px 20px 2px 10px; overflow: hidden; position: relative;}
@media (max-width:600px){.news .news-part .left .news-title li{font-size: 20px;}}
.news-more li {
    display: none; 
}

.news-more li:first-child {
    display: block;
}
.news .news-part .left .news-title li.selected {color: #fff; background-color: #0062ad;}
.middle-content > section .news-part .left .news-title li:hover { color: #000; }
.news .news-part .left .news-title li::after { content: '/'; color: #0062ad; position: absolute; top: -20px; font-size: 45px; font-weight: 600; margin-left: 5px;}
.news .news-part .left .news-title li.selected::after {color: #fff;}
.news .news-part .left .news-more { float: right; margin-top: 10px;width: 10%; }
.news .news-part .left .news-more:hover img {transform: rotate(180deg); transition: 0.3s;}
.news .news-part .left .news-content {font-size: 14px;}
.news .news-part .left .news-content > li {border-bottom: 1px solid #0062ad;}
.news .news-part .left .news-content > li:last-child { border-bottom: 0; }
.news .news-part .left .news-content .news-detail__kate {color: #0062ad; margin: 15px 0 0 0; font-weight: bold;}
.news .news-part .left .news-content .news-detail__tit {color: #000; font-size: 18px; font-weight: bold; margin-bottom: 10px;}
.news .news-part .left .news-content .news-detail__tit:hover {text-decoration: underline; text-underline-position: under; }
.news .news-part .left .news-content .news-detail__date {margin-bottom: 15px;}
.news .news-part .right { width: 455px; background-color: #0062ad;color: #fff; display: flex; flex-wrap: wrap;}
.news .news-part .right > a {width: 50%; border: 1px solid #3e84ba; display: flex; flex-direction: column; justify-content: center; align-items: center; box-sizing: border-box; transition: all 0.3s;}
.news .news-part .right > a > div {text-align: center;}
.news .news-part .right > a .img-box {background-repeat: no-repeat; background-size: contain; background-position: center; width: 100%; height: 100%; display: inline-block;}
.news .news-part .right > a:nth-child(1) .img-box {background-image: url(/userContent/images/common/ico/main-news-icon01.png);}
.news .news-part .right > a:nth-child(2) .img-box {background-image: url(/userContent/images/common/ico/main-news-icon02.png);}
.news .news-part .right > a:nth-child(3) .img-box {background-image: url(/userContent/images/common/ico/main-news-icon03.png);}
.news .news-part .right > a:nth-child(4) .img-box {background-image: url(/userContent/images/common/ico/main-news-icon04.png);}
.news .news-part .right > a:nth-child(5) .img-box {background-image: url(/userContent/images/common/ico/main-news-icon05.png);}
.news .news-part .right > a:nth-child(6) .img-box {background-image: url(/userContent/images/common/ico/main-news-icon06.png);}
/* 소식참여 호버 */
.news .news-part .right > a:hover {background-color: #fff;}
.news .news-part .right > a:hover p {color: #0062ad;}
.news .news-part .right > a:nth-child(1):hover .img-box {background-image: url(/userContent/images/common/ico/main-news-icon01_on.png);}
.news .news-part .right > a:nth-child(2):hover .img-box {background-image: url(/userContent/images/common/ico/main-news-icon02_on.png);}
.news .news-part .right > a:nth-child(3):hover .img-box {background-image: url(/userContent/images/common/ico/main-news-icon03_on.png);}
.news .news-part .right > a:nth-child(4):hover .img-box {background-image: url(/userContent/images/common/ico/main-news-icon04_on.png);}
.news .news-part .right > a:nth-child(5):hover .img-box {background-image: url(/userContent/images/common/ico/main-news-icon05_on.png);}
.news .news-part .right > a:nth-child(6):hover .img-box {background-image: url(/userContent/images/common/ico/main-news-icon06_on.png);}

/* 바로가기메인 */
/* .main-link-icon {background-image: url(/userContent/images/common/bg/link-wrap.jpg); padding:90px 0;font-size: 0;}
.link-icon-wrap {display: flex; max-width: 1430px; margin: 0 auto; padding: 0 15px; justify-content: space-between; flex-wrap: wrap;}
.link-icon-wrap a {background-image: url(/userContent/images/common/bg/link-icons-wrap.png);width: 220px;height: 220px; background-repeat: no-repeat; transition: all 0.2s;}
.link-icon-wrap a:hover {background-image: url(/userContent/images/common/bg/link-icons-wrap_on.png); transition: all 0.2s;}
.link-icon-wrap .link-icon-1 {background-position: 0;}
.link-icon-wrap .link-icon-2 {background-position: -294px;}
.link-icon-wrap .link-icon-3 {background-position: -590px;}
.link-icon-wrap .link-icon-4 {background-position: -885px;}
.link-icon-wrap .link-icon-5 {background-position: -1180px;} */


/*************************************************pc&태블릿*************************************************/
@media all and (max-width:1600px){
    .event-pagination-btn-box>li:last-child{left:auto; right: 2%;}
    .event-pagination-btn-box>li:first-child{right: auto; left:2%}
    .swiper-container.event{margin: 0 80px !important;}
    
}
@media all and (max-width:1440px){
    .exhibition-title{padding: 120px 20px 62px 20px;}
    .exhibition-title.edu{padding: 84px 20px 60px 20px;}
    .footer-title{padding-left: 30px;}
    .swiper-pagination-section{padding-right: 20px;}


}
@media all and (max-width:1100px){
    .cultural .title {font-size: 24px;}
}
/*************************************************모바일&태블릿*************************************************/
@media all and (max-width:991px){

    .modal-box {width: 90%;}
    .modal-cont {height: 400px; overflow: scroll;}
    .modal-cont .item {width: 45%;}

    /* 메인비주얼-new */
    .cultural {flex-wrap: wrap;}
    .cultural-box {width: 50%; flex: inherit; padding: 0 15px; border: inherit;}
    .cultural-box:first-child {padding: inherit;}
    .cultural-box:last-child {padding: inherit;}
    .cultural .info .txt {white-space: normal; overflow: hidden; -webkit-line-clamp: 3; display: -webkit-box; -webkit-box-orient: vertical;}

    .news .news-part > .left {width: 100%; padding: 20px; min-height: auto;}
    .news .news-part > .right {width: 100%; font-size: 14px !important; height: 340px;}
    .news .news-part .right > div > h3 {font-size: 16px;}
    /* 전시/행사/교육 없을떄 */
    .none-list-wrap{max-width: 1400px; margin: 0 auto; height: 951px; background-color: #fff; position: relative; z-index: 99;}
    .none-box{width: 100%;}
    .none-img-area{width: 180px; margin: 0 auto; height: 217px; background: url(/userContent/images/temp/none-img.png) center no-repeat;  background-size: 180px 217px;}
    .none-title{font-family:'notokr-medium'; padding-top:30px; text-align: center; font-size: 40px; color: #333333; font-weight: normal;}
    /* 띠배너 */
    .belt-banner-area{display: none !important;}
    .belt-banner-area-mobile{display:block; width: 100%; overflow: hidden; position: relative; z-index: 3;}
    .belt-title>span.br{display: block;}
    .swiper-slide.belt {height: auto !important;}
    .swiper-slide.belt a {height: 100px; background-color: #fff !important;}
    .belt-title p {color: #0062ad;}
    .check-type1 label > span {color: #0062ad;}
    .banner-close>a:last-child {background:url(/userContent/images/common/btn/belt_close_btn02.png);}
    .belt-title{ width: 100%; margin: 0 auto; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); word-break: keep-all;  line-height: normal; font-size:3.22vw}
    .pagination.view.belt>.swiper-pagination-bullet-active{background-color: #0062ad; box-shadow: 0;}
    .belt-pagination-mobile{ width: auto;  top:auto; bottom:30px; position: absolute; left: 45%;}
    .pagination.view .swiper-pagination-bullet{margin-left: 20px;  background-color: #0062ad70;}
    .belt-pagination-mobile .swiper-pagination{ margin: 0 auto; bottom:auto; width: 100px;}
    /* .banner-close {height: 58px;right: 40px;top: 32px;z-index: 2;} */
    /* .banner-close>a:last-child{width: 58px;height: 58px;line-height: 58px;background: url(/userContent/images/common/btn/m_belt_close_btn.png) center no-repeat;
    background-size: 58px 58px;} */
    /* .banner-close>a:first-child{font-size: 26px; line-height: 58px;} */
    /* .check-type1 label .check-image {display: inline-block;width: 28px;height: 28px;background-image: url(/userContent/images/common/btn/m_check_btn.png);
    background-repeat: no-repeat;cursor: pointer;vertical-align: middle;background-size: 28px;margin-right: 15px;
    position: relative;top: -4px;}
    .check-type1 input[type="checkbox"]:checked ~ label i {background-image: url(/userContent/images/common/btn/m_check_on_btn.png);} */
    


    /* 메인 비쥬얼 */
    .main-edu-pd{ padding: 0 40px}
    .visual-title-a{font-size: 70px; line-height: 79px;     padding-bottom: 18px;}
    .slide-txt{padding-left: 0px; top:530px}
    .visual-pagination{padding-left:20px;     bottom: 100px;}
    .slide-txt>strong{font-size: 36px; line-height: 50px;}
    .visual-title-b{font-size:28px; line-height: 36px; padding-top: 26px;}
    .m-br{display: block; }
    .visual-link>li>a{width: 152px; height: 64px; line-height: 64px; font-size: 30px;}
    .swiper-slide.main{height: 1050px !important;}
    .visual-link {margin-top: 68px;}
    
    /* 전시 */
    .exhibition-title.edu {padding: 42px 0px 30px 0px;margin-top: 40px;}
    .swiper-slide.exhibition>a{display: block; position: relative;}
    .exhibition-title>ul>li:last-child{display: none;}
    .exhibition-title {padding: 110px 40px 44px 40px;}
    .exhibition-title-area{display: block; font-size: 56px;}
    .exhibition-title-area>span{font-size: 48px;}
    .exhibition-type{display: block; padding-left: 0; margin-top:30px}
    .exhibition-title-area>span{padding-left:34px}
    .exhibition-type>li>a{width: 132px; height: 56px; font-size: 24px; line-height: 56px;}
    .exhibition-slide{position: relative;}
    .m-slide-btn{position: absolute; display:flex; flex-direction: row; width: 100%; z-index: 1; top:38%; transform: translateY(-50%);}
    .m-slide-btn::after{content: ''; display: block; clear: both;}
    .m-slide-btn>li:first-child{float: left; position: absolute; left:0;}
    .m-slide-btn>li>button{width: 84px; height: 84px; border:solid 2px #0062ad; background-color: #fff;;}
    .m-slide-btn>li:last-child{float: right; position: absolute; right: 0;}
    .swiper-slide.exhibition{height: 320px !important;}
    .swiper-slide.exhibition>a>.slide-bg{height: 320px !important;}
    .swiper-slide.exhibition{width: 100% !important; padding:0 40px}
    .exhibition-info>h4{ display: none; font-size: 36px; padding: 0 0 46px 0; word-break: keep-all; height: auto !important; line-height: inherit; display: none;
        align-items: center;justify-content: center;}
    .swiper-slide.exhibition>a:hover .exhibition-info>h4{display: none;}
    .exhibition-link>li>div{font-size: 24px; width: 200px; height: 42px; line-height: 42px; }
    .exhibition-link{width: 420px; padding-top: 0;}
    .exhibition-info {padding: 28px 40px; height: auto;}
    .swiper-slide.exhibition>a:hover .exhibition-info .character-box{display: none;}
    .swiper-slide.exhibition>a:hover .exhibition-info{position: absolute; background-color: rgba(0, 0, 0, 0.41); width: 100%; height: auto; bottom: 0;  padding: 28px 40px; }
    .swiper-slide.exhibition>a:hover h4{font-size: 36px; padding:0 0 46px 0; text-align: center; font-family:'notokr-medium'; font-weight: normal; color: #fff; line-height: inherit; height: auto !important; display: flex;
    align-items: center;justify-content: center;}
    .swiper-slide.exhibition>a:hover .exhibition-link{margin: 0 auto; width: 420px; padding-top:0px }
    .swiper-slide.exhibition>a:hover .exhibition-link::after{content: ''; display: block; clear: both;}
    .swiper-slide.exhibition>a:hover .exhibition-link>li{float: left; margin-right: 8px;}
    .swiper-slide.exhibition>a:hover .exhibition-link>li:last-child{margin-right: 0;}
    .swiper-slide.exhibition>a:hover .exhibition-link>li>div{font-size: 24px; width: 200px !important; height: 42px !important; line-height: 42px;}
    .swiper-slide.exhibition>a:hover .detail-info{display: none;}
    .swiper-slide.exhibition>a:hover .detail-info>li{display: table; width: 100%; margin-bottom: 6px;}
    .swiper-slide.exhibition>a:hover .detail-info-title{width: 65px; display: table-cell; font-family:'notokr-medium'; font-size: 18px; color: #edecec;}
    .swiper-slide.exhibition>a:hover .detail-info-content{display: table-cell; font-family:'notokr-regular';  font-size: 18px; color: #edecec;}
    .exhibition-type>li{margin-right: 18px;}
    .edu {padding-bottom: 30px;}

    /* 참가 접수 관리 */
    .recpt{height: 510px; padding-top:170px}
    .recpt-type1{font-size: 30px; padding-bottom: 58px;}
    .recpt-type2{font-size: 58px; padding-bottom: 30px;}
    .recpt-type3{font-size: 26px; word-break: keep-all; padding-bottom: 72px;} 
    .recpt-btn{width: 260px; height: 85px;     border-radius: 3em;}
    .recpt-btn>span{line-height: 85px; font-size: 26px; }

    /* 행사 */
    .swiper-slide.event>a{padding-bottom: 90px;}
    .event-pagination{display: none;}
    .swiper-container.event{margin: 0  !important;}
    .swiper-slide.event{width: 100% !important; padding:0 40px }
    .swiper-slide.event>a>p{font-size: 36px; line-height: 48px; padding: 34px 0 40px 0;}
    .event-title{font-size: 28px; width: 108px;}
    .event-content{font-size: 28px;}
    .event-info>li{margin-bottom: 7px;}
    .m-slide-btn.event-pagination{position: absolute;display: block;width: 100%;z-index: 99;top: 35%;transform: translateY(-260%);}

    /* 소식참여 */
    .news-part>li{float: none;}
    .news-part>li:first-child{width: 100%; padding: 60px 40px;}
    .news-part>li:last-child{width: 100%; padding: 80px 40px;}
    .news-part2>li>p{font-size: 56px;     padding-bottom: 24px;}
    .news-part2>li>p>span{font-size: 48px;}
    .news-part3>li>strong{font-size: 24px;}
    .news-font>a{font-size: 28px; padding-bottom: 0px;}
    .time-font{font-size: 21px;}
    .news-part2>li>a{width: 40px; height: 40px;}
    .news-part2>li>a>div{width: 18px; height: 18px; background: url(/userContent/images/common/btn/m_list_img_btn.png) center no-repeat; background-size: 18px 18px;margin: 0 auto; position: relative;top: 10px;}
    .news-part3>li{padding:15px 0 25px 0;}
    .news-part3>li:last-child{padding:15px 0 0px 0;}
    .news-part-a{font-size: 48px; line-height: 56px; padding-bottom: 48px;}
    .news-part-b{font-size: 28px; padding-bottom: 34px;}
    .news-part-b>span>a{font-size: 34px;}
    .news-part-c{font-size: 28px; }
    .news-part-c>span>a{font-size: 34px; padding-bottom: 78px;}
    .onlie-qna{width: 264px; height: 90px; border-radius: 3em; }
    .onlie-qna>span{font-size: 28px; line-height: 90px;}

    /* 지도 */
    .map-info{display: none;}
    .m-map-info{display: block; padding: 0 40px; box-sizing: border-box;}
    .m-map-info>h4{font-family: 'NanumSquare'; font-weight: bold; font-size: 56px; padding-bottom:43px ;}
    .m-map-info>p{font-family:'notokr-regular'; font-size: 28px; color: #737373; line-height: 42px; padding-bottom: 38px;}
    .m-map-info>p>span{display: block; font-family: 'Roboto', sans-serif; font-weight: 500;}
    .map-area{height: 668px; }
    .map-area>img{width: 100%; height: 668px;}
    .map {margin: 120px auto 190px auto;}

}
/*************************************************모바일*************************************************/
@media all and (max-width:767px){

    /* 메인비주얼 */
    .belt-banner-area-mobile .check-type1{display:none}
    .content > section {margin-bottom: 10px !important;}
    .cultural {margin-top: 10px;}
    .cultural-box {width: 100%;}
    .cultural-box .item:not(:first-of-type) { display: none; }

    .flex__footer {flex-direction: column;}
    .news .news-part {flex-direction: column;}
    .link-icon-wrap{justify-content: center;}
    /* 전시/행사/교육 없을떄 */
    .none-list-wrap{ height: 475px; background-color: #fff; position: relative; z-index: 99;}
    .none-img-area{width: 90px; margin: 0 auto; height: 108px; background: url(/userContent/images/temp/none-img.png) center no-repeat;  background-size: 90px 108px;}
    .none-title{font-family:'notokr-medium'; padding-top:15px; text-align: center; font-size: 20px; color: #333333; font-weight: normal;}
    
    /* 띠배너 */
    .pagination.view.belt>.swiper-pagination-bullet-active{width: 8px; height: 8px; background-color: #0062ad; box-shadow: 0;}
    .swiper-slide.belt {height: auto !important;}
    .swiper-slide.belt a { height: 15.64vw;}
    .belt-title{ width: 100%;   font-size:4.17vw; }
    .belt-pagination-mobile{bottom:30px; left: 41%;}
    .belt-pagination-mobile .swiper-pagination{bottom: auto;}
    .belt-pagination{ bottom:25px;}
    .pagination.view .swiper-pagination-bullet-active{width: 10px; height: 10px;}
    .pagination.view .swiper-pagination-bullet{width: 8px; height: 8px; margin-left: 10px;}
    .banner-close {height: 29px;right: 20px;top: 16px;z-index: 2;}
    .banner-close>a:last-child{    width: 29px;height: 29px;line-height: 29px;background: url(/userContent/images/common/btn/m_belt_close_btn02.png) center no-repeat;
    background-size: 29px 29px;}
    .banner-close>a:first-child{font-size: 14px; line-height: 29px;}
    .check-type1 label .check-image {display: inline-block;width: 14px;height: 14px;background-image: url(/userContent/images/common/btn/m_check_btn.png);
    background-repeat: no-repeat;cursor: pointer;vertical-align: middle;background-size: 14px;margin-right: 5px;
    position: relative;top: -2px;}
    .check-type1 input[type="checkbox"]:checked ~ label i {background-image: url(/userContent/images/common/btn/m_check_on_btn.png);}



    /* 메인 비쥬얼 */
    .main-edu-pd{ padding: 0 20px}
    .visual-title-a{font-size: 35px; line-height: 40px;     padding-bottom: 9px;}
    .slide-txt{padding: 0 20px ; top:190px}
    .visual-pagination{padding-left:10px;     bottom: 50px;}
    .slide-txt>strong{font-size: 18px; line-height: 25px;}
    .visual-title-b{font-size:14px; line-height: 18px; padding-top: 13px;}
    .m-br{display: block; }
    .visual-link>li>a{width: 76px; height: 32px; line-height: 32px; font-size: 15px;}
    .swiper-slide.main{height: 525px !important;}
    .visual-link {margin-top: 34px;}
   

    /* 소식참여 */
    .news-part>li:first-child{padding: 30px 20px;}
    .news-part>li:last-child{ padding: 40px 20px;}
    .news-part2>li>p{font-size: 28px;     padding-bottom: 12px;}
    .news-part2>li>p>span{font-size: 24px;}
    .news-part3>li>strong{font-size: 12px;}
    .news-font>a{font-size: 16px; }
    .time-font{font-size: 14px;}
    .news-part2>li>a{width: 20px; height: 20px;}
    .news-part2>li>a>div{width: 10px; height: 10px;  background-size: 10px 10px;top: 5px;}
    .news-part3>li{padding:8px 0 15px 0;}
    .news-part3>li:last-child{padding:8px 0 0px 0;}
    .news-part-a{font-size: 24px; line-height: 28px; padding-bottom: 24px;}
    .news-part-b{font-size: 14px; padding-bottom: 17px;}
    .news-part-b>span>a{font-size: 17px;}
    .news-part-c{font-size: 14px; }
    .news-part-c>span>a{font-size: 17px; padding-bottom: 39px;}
    .onlie-qna{width: 132px; height: 45px; border-radius: 2em; }
    .onlie-qna>span{font-size: 14px; line-height: 45px;}

    /* 지도 */
    .map-info{display: none;}
    .m-map-info{display: block; padding: 0 20px; box-sizing: border-box;}
    .m-map-info>h4{font-family: 'NanumSquare'; font-weight: bold; font-size: 28px; padding-bottom:22px ;}
    .m-map-info>p{font-family:'notokr-regular'; font-size: 14px; color: #737373; line-height: 21px; padding-bottom: 19px;}
    .m-map-info>p>span{display: block; font-family: 'Roboto', sans-serif; font-weight: 500;}
    .map-area{height: 334px; }
    .map-area>img{width: 100%; height: 334px;}
    .map {margin: 60px auto 85px auto;}

}
@media all and (max-width:400px){
    .belt-pagination-mobile {left: 35%; bottom: 25px;}
    .tabs > ul.tabs-buttons > li, .tabs > ul > li.selected {font-size: 20px;}
    .exhibition-type>li{margin-right: 2px;}
    .exhibition-title{padding: 55px 20px 20px 20px;}
    .exhibition-info {padding: 14px 8px;}
    .swiper-slide.exhibition>a:hover .exhibition-info{padding: 14px 8px;}
   
}