@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300&display=swap');
/* 전시/행사/교육 없을떄 */
.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: #eda22e !important;}
.swiper-slide.belt a img{width: 100%; height:100%}
.belt-title{text-align: center; font-family:'notokr-medium'; font-size: 32px; color: #444; font-weight: normal; height:9.2vw; line-height: 9.2vw;}
.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: 108px; left: 50%; transform: translateX(-50%); top: 7.2vw; 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{max-height: 680px !important;}
.main-slide-wrap{position: relative;width: 100%; z-index: 1;}
.visual .swiper-wrapper > a.swiper-slide > .slide-bg{height: 100%;}
.visual .swiper-wrapper > a.swiper-slide > .slide-bg.pc {display: block;}
.visual .swiper-wrapper > a.swiper-slide > .slide-bg.mobile {display: none;}
.visual .swiper-wrapper > a.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: 70px;top: 205px;position: relative;z-index: 99;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}
.visual-link{margin-top:40px}
.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: #ed6a3d;}
.visual-link>li:nth-child(2)>a{background-color: #c1d715;}
.visual-link>li:last-child>a{background-color: #eda22e;}
.visual-link>li>a{display:block; width: 150px; 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; }

/* 전시 */
.swiper-wrapper>.swiper-slide.exhibition:first-child{margin-left: 0px;}
.m-slide-btn{display:none}
.exhibition-title{max-width: 1400px; margin: 0 auto; padding: 82px 0 40px 0;}
.exhibition-title::after{content: ''; display: block; clear: both;}
.exhibition-title>ul>li:first-child{float: left;}
.exhibition-title>ul>li:last-child{float: right;}
.exhibition-title-area{display: table-cell; vertical-align: top; font-family: 'NanumSquare'; font-weight: bold; font-size: 36px; color: #333333;}
.exhibition-title-area>span{font-family: 'Roboto', sans-serif; font-size: 32px; font-weight: 500; padding-left: 12px;}
.exhibition-title-box{display: table;}
.exhibition-type{display: table-cell; padding-left: 35px;}
.exhibition-type::after{content: ''; display: block; clear: both;}
.exhibition-type>li{float: left; margin-right: 10px;}
.exhibition-type>li:last-child{margin-right: 0;}
.exhibition-type>li>a{text-align: center; width: 80px; height: 38px; border-radius: 2em; display: inline-block; line-height: 38px; border: solid 1px #ed6a3d; font-family:'notokr-regular'; font-size: 15px; color: #ed6a3d;  }
.exhibition-type>li>a.on{background-color: #ed6a3d; color: #fff;}
.exhibition-btn-area::after{content: ''; display: block; clear: both;}
.exhibition-btn-area>li{float: left;}
.exhibition-btn-area>li>button{width: 35px; height: 35px; border: solid 1px #333333 !important; margin-right: 6px;}
.exhibition-btn-area>li:last-child>.newnhot-area.swiper-button-left{margin-right: 0;}
.exhibition-btn-area>li:first-child>.newnhot-area.swiper-button-left{background: url(/userContent/images/common/btn/slide_left_img_btn.png) center no-repeat;  background-size:6px 10px; transition: all .3s;}
.exhibition-btn-area>li:first-child>.newnhot-area.swiper-button-left.on{background: url(/userContent/images/common/btn/slide_on_right_btn.png) center no-repeat; background-size:6px 10px; border: 0 !important; background-color: #ed6a3d; transition: all .3s;}
.exhibition-btn-area>li:last-child>.newnhot-area.swiper-button-right{background: url(/userContent/images/common/btn/slide_right_img_btn.png) center no-repeat;  background-size:6px 10px; transition: all .3s;}
.exhibition-btn-area>li:last-child>.newnhot-area.swiper-button-right.on{background: url(/userContent/images/common/btn/slide_on_left_btn.png) center no-repeat; background-size:6px 10px; border: 0 !important; background-color: #ed6a3d; transition: all .3s;}
.swiper-slide.exhibition{width: 427px !important;}
.swiper-slide.exhibition{height: 280px !important;}
.swiper-slide.exhibition>a{display:block; overflow: hidden;}
.swiper-slide.exhibition>a>.slide-bg{height: 280px !important;}
.swiper-slide.exhibition>a:hover .exhibition-info{height: 100%; width:100%; padding: 20px 20px 0px 30px; box-sizing: border-box; transition: all 0.5s; overflow: hidden; }
.swiper-slide.exhibition>a:hover h4{font-family:'notokr-medium'; height: auto; padding:0;     justify-content: left; font-weight: normal; font-size: 26px; color: #fff;  text-align: left; word-break: break-all;}
.swiper-slide.exhibition>a:hover .exhibition-link{margin-bottom: 20px; width: auto;}
.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 .detail-info{display: block;}
.swiper-slide.exhibition>a:hover .exhibition-info>h4{display: block;}
.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;     overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    word-break: normal;}
.exhibition-info{position: absolute; background-color: rgba(0, 0, 0, 0.41); width: 100%; bottom: 0;  padding:0; height: 24%; transition: all 0.5s;}
.exhibition-info>h4{text-align: center; display: none; word-break: break-all; font-family:'notokr-medium'; font-weight: normal; font-size: 25px; color: #fff; line-height: 36px; height: 94px; align-items: center; justify-content: center; padding:10px 10px; }
.exhibition-link{width: 310px; margin: 0 auto; padding-top:10px}
.exhibition-link::after{content: ''; display: block; clear: both;}
.exhibition-link>li{float: left; margin-right: 8px;}
.exhibition-link>li:last-child{margin-right: 0;}
 .exhibition-link>li>div{width: 150px; height: 34px; display: block; border:solid 1px #ffffff; color: #fff;; line-height: 34px; text-align: center; font-family:'notokr-regular'; font-size: 15px;}
.detail-info{display: none;}

/* 교육 */
.edu{background-color: #f8f8f8; padding-bottom: 40px;}
.exhibition-btn-area>li:last-child>.newnhot-area.swiper-button-left2{margin-right: 0;}
.exhibition-btn-area>li:first-child>.newnhot-area.swiper-button-left2{background: url(/userContent/images/common/btn/slide_left_img_btn.png) center no-repeat;  background-size:6px 10px; transition: all .3s;}
.exhibition-btn-area>li:first-child>.newnhot-area.swiper-button-left2.on{background: url(/userContent/images/common/btn/slide_on_right_btn.png) center no-repeat; background-size:6px 10px; border: 0 !important; background-color: #ed6a3d; transition: all .3s;}
.exhibition-btn-area>li:last-child>.newnhot-area.swiper-button-right2{background: url(/userContent/images/common/btn/slide_right_img_btn.png) center no-repeat;  background-size:6px 10px; transition: all .3s;}
.exhibition-btn-area>li:last-child>.newnhot-area.swiper-button-right2.on{background: url(/userContent/images/common/btn/slide_on_left_btn.png) center no-repeat; background-size:6px 10px; border: 0 !important; background-color: #ed6a3d; transition: all .3s;}
.exhibition-title.edu{padding: 80px 0 40px 0; margin-top:60px}
.character-img{width: 74px; height: 74px; border-radius: 100%; position: relative;}
.character-img>img{width: 100%; border-radius: 100%;}
.character-box{opacity: 0; padding-left: 100px; display: none;}
.swiper-slide.exhibition:hover .exhibition-info .character-box{position: absolute; bottom: 42px; opacity: 1; padding-left: 0px; transition: all .5s;}
.character-name{font-family:'notokr-regular'; font-size: 14px; color: #edecec; padding-top: 6px;}
.character-name>span{font-size: 14px; color: #ffffff; font-family:'notokr-medium';}
.edu a.btn-slide-cont {transform: translate(0px, 0px);}

/***** ggcf *****/
.exhibition-type.ggcf-exhibition-type>li>a{border: solid 1px #173f62; color:#173f62}
.exhibition-type.ggcf-exhibition-type>li>a.on{background:#173f62;color:#fff;}

.visual-link.ggcf-visual-link>li:first-child>a{background-color: #173f62}
.visual-link.ggcf-visual-link>li:last-child>a{background-color: #587a98}

/***** 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}

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

.visual-link.gcc-visual-link>li:first-child>a{background-color: #263692}
.visual-link.ggcf-visual-link>li:last-child>a{background-color: #717dbd}

/* 참가 접수하기 */
.recpt{background: url(/userContent/images/temp/recpt_bg.png) center no-repeat; background-size: cover; height: 390px; padding-top: 135px;}
.recpt-area{max-width: 1400px; margin: 0 auto; text-align: center;}
.recpt-type1{font-family: 'NanumSquare'; font-weight: 400; font-size: 20px; color: #fff; padding-bottom: 48px; }
.recpt-type1>span{color: #eda22e;}
.recpt-type2{font-family: 'NanumSquare'; font-weight: 300; font-size: 50px; color: #ffffff; padding-bottom: 20px;}
.recpt-type2>span{font-family: 'NanumSquare'; font-weight: 800; }
.recpt-type3{font-family: 'NanumSquare'; font-weight: 300; font-size: 16px; color: #aaaaaa; padding-bottom: 52px;}
.recpt-btn{width: 172px;  height: 52px; margin: 0 auto; border-radius: 2em; line-height: 52px; display: block; border: solid 2px #eda22e;  font-family:'notokr-regular'; text-align: center; background-color: rgba(0, 0, 0, 0.41);}
.recpt-btn>span{color: #fff; font-size: 18px;}

/* 행사 */
.news{margin-top:60px;}
.swiper-wrapper>.swiper-slide.event:first-child{margin-left: 0px;}
.swiper-slide.event>a{padding-bottom: 100px;}
.event{max-width: 1400px; margin: 0 auto; background-color: #fff; position: relative;}
.swiper-slide.event{width: 330px !important; height: auto !important; margin: 0;}
.swiper-slide.event>a{display: block; word-break: keep-all;}
.swiper-slide.event>a>img{width: 100%;}
.swiper-slide.event>a>p{font-family:'notokr-bold'; font-size: 20px; line-height: 28px; color: #000000; padding:10px 0 24px 0; word-break: break-all;}
.event-info>li{margin-bottom: 3px; display: table;}
.event-info>li:last-child{margin-bottom: 0;}
.event-title{display: table-cell; width: 58px; font-family:'notokr-medium'; font-size: 16px; color: #333333;}
.event-content{display: table-cell;font-family:'notokr-regular'; font-size: 16px; color: #737373;}
.event-pagination{position: absolute; width: 100%; top: 50%; transform: translateY(-50%); z-index: 0;}
.event-pagination-btn-box::after{content: ''; display: block; clear: both;}
.event-pagination-btn-box>li:first-child{float: left; right: 48px;position: relative;}
.event-pagination-btn-box>li:last-child{float: right; left: 48px;position: relative;}
.event-pagination-btn-box>li>button{padding:0; margin-top:50px; background-color: transparent !important;background-image: none !important;border-color: transparent;border: none; color: #FFFFFF; padding:0}

/* 소식 참여 */
.news-part2>li>a>div{width: 10px; height: 10px; background: url(/userContent/images/common/btn/news_list_img.png) center no-repeat; background-size: 10px 10px;     margin: 0 auto;
position: relative;top: 7px;}
.news-part{max-width: 1400px; margin: 0 auto;  background-color: #ed6a3d; margin-top:115px;}
.news-part::after{content: ''; display: block; clear: both;}
.news-part>li{float: left;}
.news-part>li:first-child{width: calc(100% - 456px); min-height: 499px; padding: 73px 63px 44px 63px; box-sizing: border-box; background-color: #f8f8f8;}
.news-part>li:last-child{width:456px; padding: 73px 0 66px 57px; box-sizing: border-box; }
.news-part2{position: relative;}
.news-part2::after{content: ''; display: block; clear: both;}
.news-part2>li:first-child{float: left;}
.news-part2>li:last-child{float: right;}
.news-part2>li>p{font-family: 'NanumSquare'; font-weight: 800; font-size: 36px; color: #333333; padding-bottom: 30px;}
.news-part2>li>p>span{font-family: 'Roboto', sans-serif; font-weight: 300; font-size: 32px;}
.news-part2>li>a{display: block;  width: 24px; height: 24px; border-radius: 100%; background-color: #f5cdc0; margin-top: 7px;}
.news-part2>li>a>i>img{position: relative; left: 7px; }
.news-part3>li{padding: 15px 0; box-sizing: border-box ; border-bottom: solid 1px #ed6a3d;}
.news-part3>li:last-child{border-bottom: 0;}
.news-part3>li>strong{font-family:'notokr-regular'; font-weight: normal; font-size: 15px; color: #ed6a3d;}
.news-font>a{display:block; font-family:'notokr-medium'; font-size: 18px; color: #000000;  padding-bottom: 6px;}
.time-font{font-family:'notokr-regular'; font-size: 14px; color: #a8a6a6;}
.news-part-a{font-family: 'NanumSquare'; font-weight: 300; font-size: 30px; color: #ffffff; padding-bottom: 37px;}
.news-part-a>span{font-family: 'NanumSquare'; font-weight: bold; display: block;}
.news-part-b{ font-size: 16px; font-family:'notokr-regular'; color: #fff; padding-bottom: 30px;}
.news-part-b>span>a{display: block;  font-family:'notokr-medium'; font-size: 21px;}
.news-part-c{font-size: 16px; font-family:'notokr-regular'; color: #fff;  }
.news-part-c>span>a{display: block; font-family: 'Roboto', sans-serif; font-size: 21px; padding-bottom: 65px;}
.onlie-qna{width: 176px; height: 60px; border-radius: 2em; display: block; background-color: #fff;}
.onlie-qna>span{text-align: center;   line-height: 60px; color:#ed6a3d ; font-family:'notokr-medium'; font-size: 16px; display: block;}

/* 지도 */
.m-map-info{display: none;}
.map{max-width: 1400px;  position: relative; margin: 60px auto 160px auto;}
.map-info{position: absolute; z-index: 99; display: block; left:20px; bottom: 45px; padding: 30px 27px 30px 30px; box-sizing: border-box; background-color: #ed6a3d;}
.map-info>h4{font-family: 'NanumSquare'; font-weight: bold; font-size: 36px; color: #ffffff; padding-bottom: 30px;}
.map-info>p{font-family:'notokr-regular'; font-size: 16px; color: #ffffff; line-height: 24px;}
.map-info>p>span{display: block; font-family: 'Roboto', sans-serif; font-weight: 300;}
.map>img{width: 100%;}
.map-area{height: 600px; }
.map-area>img{width: 100%; height: 600px;}
.root_daum_roughmap {width: 100% !important;}
.root_daum_roughmap .wrap_map {height: 600px !important; overflow: hidden;}
/*
.root_daum_roughmap .wrap_map::before {content: ''; position: absolute; width: 100%; height: 100%; z-index: 2;}
.root_daum_roughmap .wrap_controllers {display: none;}
*/

/*************************************************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:991px){
    /* 전시/행사/교육 없을떄 */
    .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: 12.1vw;}
    .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: #fff; box-shadow: 0;}
    .belt-pagination-mobile{ width: auto;  top:auto; bottom:30px; position: absolute; left: 50%;}
    .pagination.view .swiper-pagination-bullet{margin-left: 20px;  background-color: rgba( 255, 255, 255, 0.3 );}
    .belt-pagination-mobile .swiper-pagination{ margin: 0 auto; bottom:auto}
    /* .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: 40px; top:250px}
    .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: 150px; height: 64px; line-height: 64px; font-size: 30px;}
    /* .swiper-slide.main{height: 700px !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 #ed6a3d; 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){
    /* 전시/행사/교육 없을떄 */
    .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: 10px; height: 10px; background-color: #fff; 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:22px}
    .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: 10px; height: 10px; 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_btn.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);}


    .visual .swiper-wrapper > a.swiper-slide > .slide-bg.pc {display: none;}
    .visual .swiper-wrapper > a.swiper-slide > .slide-bg.mobile {display: block;}
    /* 메인 비쥬얼 */
    .main-edu-pd{ padding: 0 20px}
    .visual-title-a{font-size: 28px; line-height: 40px;     padding-bottom: 9px;}
    .slide-txt{padding-left: 20px; top:90px}
    .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{margin: 5px 16px 5px 0;}
    .visual-link>li:last-child{margin: 5px 0;}
    .visual-link>li>a{width: 110px; height: 32px; line-height: 32px; font-size: 15px;}
    .swiper-slide.main{height: inherit !important; max-height: inherit !important;}
    .visual-link {margin-top: 34px;}

    /* 전시 */
    .exhibition-title.edu{padding: 55px 20px 20px 20px;}
    .exhibition-title>ul>li:last-child{display: none;}
    .exhibition-title {padding: 55px 20px 22px 20px;}
    .exhibition-title-area{display: block; font-size: 28px;}
    .exhibition-title-area>span{font-size: 24px;}
    .exhibition-type{ margin-top:15px}
    .exhibition-title-area>span{padding-left:17px}
    .exhibition-type>li>a{width: 66px; height: 28px; font-size: 12px; line-height: 28px;}
    .m-slide-btn>li>button{width: 42px; height: 42px; border:solid 1px #ed6a3d;}
    .swiper-slide.exhibition>a>.slide-bg{height: 280px !important;}
    .swiper-slide.exhibition{width: 100% !important; padding:0 20px; height: 280px !important;}
    .exhibition-info>h4{ display: none; font-size: 18px; padding-bottom: 23px;}
    .exhibition-link>li>div{font-size: 12px; width: 120px; height: 28px; line-height: 28px;}
    .exhibition-link{width: 250px;}
    .exhibition-info {padding: 14px 20px;}
    .swiper-slide.exhibition>a:hover .exhibition-info{padding: 14px 20px; }
    .swiper-slide.exhibition>a:hover h4{font-size: 18px; padding-bottom: 23px; }
    .swiper-slide.exhibition>a:hover .exhibition-link{margin: 0 auto; width: 250px; }
    .swiper-slide.exhibition>a:hover .exhibition-link>li>div{font-size: 12px; width: 120px !important; height: 28px !important; line-height: 28px !important;}
    .swiper-wrapper>.swiper-slide.exhibition:first-child {margin-left: 0px;}
    .exhibition-type>li{margin-right: 5px;}


    /* 참가 접수 관리 */
    .recpt{height: 255px; padding-top:85px}
    .recpt-type1{font-size: 15px; padding-bottom: 29px;}
    .recpt-type2{font-size: 29px; padding-bottom: 15px;}
    .recpt-type3{font-size: 13px; padding-bottom: 36px;}
    .recpt-btn{width: 130px; height: 43px; line-height: 43px;border-radius: 2em;}
    .recpt-btn>span{line-height: 43px; font-size: 15px; }

    /* 행사 */
    .swiper-slide.event>a{padding-bottom: 45px;}
    .swiper-slide.event{width: 100% !important; padding:0 20px}
    .swiper-slide.event>a>p{font-size: 18px; line-height: 24px; padding: 17px 0 20px 0;}
    .event-title{font-size: 14px; width: 54px;}
    .event-content{font-size: 14px;}
    .event-info>li{margin-bottom: 3px;}


    /* 소식참여 */
    .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){
    .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;}
    .main-edu-pd{padding:0}
}

/* 20231016 관람안내추가 */
section.main-visit {max-width: 1400px;margin: 0 auto;background-color: #fff;position: relative; display: flex; margin-top: 40px;}
section.main-visit h3 {font-size: 22px; color: #222;}
section.main-visit h3.title {padding: 10px 0;}
section.main-visit>div.left-box {flex: 0.7; position: relative;}
section.main-visit>div.left-box button {background-color: #ed693d76; border: 1px solid #ed693d; position: absolute; right: 10px; top: 0px; border-radius: 30px; padding: 4px 6px;}
section.main-visit>div.left-box button:hover img{transform: rotate(-180deg); transition: all 0.3s;}
section.main-visit>div.left-box li {padding: 10px 0; border-top: 2px solid #ddd; display: flex; color: #222;}
section.main-visit>div.left-box li:last-child {border-bottom: 2px solid #ddd;}
section.main-visit>div.left-box li span {font-weight: 600; display: block; width: 100px;}
section.main-visit>div.left-box li p {width: calc(100% - 100px);}
section.main-visit>div.right-box {flex: 0.3; display: flex; align-items: center; justify-content: center; gap: 10px; flex-wrap: wrap;}
/* section.main-visit>div.right-box>div {flex: 0.5;} */
section.main-visit>div.right-box>div a {background-color: #f8f8f8; width: 120px; height: 120px; color: #222;text-align: center; font-size: 18px; font-weight: 600; border-radius: 80px; background-repeat: no-repeat; background-position: 50% 30%; position: relative; border: 0; transition: all 0.3s; display: block;}
section.main-visit>div.right-box>div a span {position: absolute; top: 70%; left: 50%; width: 100%; display: block; transform: translate(-50%, -50%); line-height: 1;}
section.main-visit>div.right-box>div:nth-child(1) a{background-image: url(/userContent/images/common/btn/visit1.png);}
section.main-visit>div.right-box>div:nth-child(1) a:hover{background-image: url(/userContent/images/common/btn/visit1-on.png); background-color: #f79328; color: #fff;}
section.main-visit>div.right-box>div:nth-child(2) a{background-image: url(/userContent/images/common/btn/visit2.png);}
section.main-visit>div.right-box>div:nth-child(2) a:hover{background-image: url(/userContent/images/common/btn/visit02_on.png); background-color: #00aeef; color: #fff;}
section.main-visit>div.right-box>div:nth-child(3) a{background-image: url(/userContent/images/common/btn/visit03.png);}
section.main-visit>div.right-box>div:nth-child(3) a:hover{background-image: url(/userContent/images/common/btn/visit03-on.png); background-color: #bbd63b; color: #fff;}

@media all and (max-width:1440px){
    section.main-visit {padding: 0 20px;}
}
@media all and (max-width:767px){
    section.main-visit {flex-wrap: wrap; gap: 20px;}
    section.main-visit>div.left-box {width: 100%; flex: inherit;}
    section.main-visit>div.right-box {width: 100%; flex: inherit;}
    section.main-visit>div.left-box li p {font-size: 14px;}
}