@charset "utf-8";
/*popup*/
.main-popup .swiper-slide{width:580px;}
.popup-area{width: 100%; height: 100%; position: fixed; top: 0; left: 0; background-color: rgba(0, 0, 0, .8); z-index: 105;}
.popup-swiper-container.swiper-container{overflow:hidden;}
.sns-btn-area, .quick_banner_sub{display:none}
.quick_banner_main{display:block}
.main-popup{width:auto; height:auto; z-index:99;}
.popup-link-img{max-width:580px; max-height:714px; }
.popup-link-img img{width:100%; display:block;}
.pop_close::after{content:'';display:block; clear:both;}
.pop_close{color: #fff; background: #000;position: relative; top:0;}
.popup-wrap{position: absolute; top:50%; left:50%; transform: translate(-50%, -50%); width:580px;}
.close-wrap{line-height:40px; position:relative;}
.pop-check{position:absolute; left:10px; top:10px;}
a.ckbox-label.pop-close-txt{font-size:16px; color:#fff;}
.pop-close{float:right; padding-right: 10px;}
.pop-close i{width:23px; height:24px; display:inline-block; background:url('/images/common/btn/popup_close.png')center no-repeat; background-size:23px 24px; vertical-align:middle;}
.swiper-pagination.pop-pagination{top:-30px; left:50%; transform:translate(-50%); height:100%; display:flex; justify-content:center;}
.swiper-pagination.pop-pagination:after{clear:both; height:0; display:block; content:''}
.swiper-pagination.pop-pagination span.swiper-pagination-bullet{float:left; margin-right:10px; width:10px; height:10px; background:#fff; border-radius:20px; display:block; opacity: initial;}
.swiper-pagination.pop-pagination span:last-child{margin-right:0;}
.swiper-pagination.pop-pagination span.swiper-pagination-bullet-active{width:10px; height:10px; background:#e40b35; border-radius:28px; display:block;}
.pop-arrow-btn{width:100%; top:50%;}
.swiper-button-prev.pop-prev:after, .swiper-rtl .swiper-button-next:after{content:none;}
.swiper-button-next.pop-next:after, .swiper-rtl .swiper-button-prev:after{content:none;}
.swiper-button-next.pop-next{width:25px; height:47px; right:-75px; background:url("/images/common/btn/popup_right.png")center no-repeat; background-size:25px 47px;}
.swiper-button-prev.pop-prev{width:25px; height:47px; left:-75px;  background:url("/images/common/btn/popup_left.png")center no-repeat; background-size:25px 47px;}


/*visual영역*/
.visual-area{height:830px; position:relative; padding-top:110px;}
.visual-txt-area{max-width:1600px; margin: 0 auto; padding:0 15px; position: relative; height:100%; box-sizing: border-box;}
.visual-txt{text-align:right; position:absolute; top:28%; right:100px; width:100%; display:none;}
.visual-txt p{font-size:36px; margin-bottom:30px; font-family:'notokr-regular'; color:#fff; text-shadow: 2px 1px 1px #222;}
.visual-txt strong{font-size:75px; line-height:90px; color:#fff; font-family:'notokr-medium'; font-weight: normal; text-shadow: 2px 1px 1px #222;}
.visual-area .swiper-slide {overflow: hidden;}
.slide-bg{height:862px;}
.visual-area >.swiper-container{overflow: hidden;}

.slide-bg .video-bg video { position: absolute; z-index: 1; width: 100%; height: 100%; top: 50%; left: 50%; transform: translate(-50%, -50%); object-fit: cover;}

.swiper-box{position: absolute; top:50%; right:0; z-index: 10; width:100%; }
.swiper-btn-area li{display:inline-block; vertical-align:sub;}
.swiper-btn-area li:nth-child(3){vertical-align: inherit;}
.swiper-btn-area{text-align: center;}
.swiper-area{max-width:1600px; margin:0 auto; padding:0 15px; box-sizing: border-box; height:830px}
.swiper-button-next, .swiper-container-rtl .swiper-button-next{right:10px;}/*top:6px;*/
.swiper-button-prev, .swiper-container-rtl .swiper-button-next{left:24px;}
.swiper-button-next.visual-btn-next, .swiper-button-prev.visual-btn-prev{margin-top:0; top:0; display:inline-block;}
.visual-btn-next{display:inline-block;}
.visual-ctrl-btn {width:26px; height:26px; background:url('/images/common/btn/btn_main_visual_stop.png')center no-repeat; background-size:26px; margin-left:10px; display: inline-block; vertical-align: sub;} 
.visual-ctrl-btn.play {width:26px; height:26px; background:url('/images/common/btn/btn_main_visual_play.png')center no-repeat; background-size:26px; margin-left:10px; display: inline-block;} 
.swiper-bar{width:160px; height:3px; margin:8px 8px 0 8px; background:#888; position:relative}
.swiper-bar .swiper-top-bar{position:absolute; height:3px; top:0; left:0; background:#fff; width:0%;}
.swiper-button-prev.visual-btn-prev:after, .swiper-rtl .swiper-button-next:after{
    display: block;
    width: 54px; height: 98px;
    background: url(/images/common/btn/btn_main_visual_prev.png)center no-repeat;
    background-size: 54px 98px;
    content:'';
}
.swiper-button-next.visual-btn-next{right:187px;}
.swiper-button-prev.visual-btn-prev{left:160px;}
.swiper-button-next.visual-btn-next:after, .swiper-rtl .swiper-button-prev:after{
    display:block; width: 54px; height: 98px; background:url('/images/common/btn/btn_main_visual_next.png')center no-repeat; background-size:54px 98px;
    content:'';  
}

/* 2022.07.11 추가 수정 visual 페이지징 숫자 및 버튼*/
.center-var-area .var-text{font-size:21px; color:#2c2c2c; font-family: 'Lato'; font-weight:400;}
.center-var-area .var-text.var-text-count{font-size:28px; color:#e45d47;}
.center-var-area{width:140px; padding:13px 0; box-sizing:border-box; background:#fff; text-align:center; position: absolute; bottom: -370px; right: 0;}
.slash-bar{font-size:21px; color:#2c2c2c; font-family: 'Lato'; font-weight:400;}


/* .center-var-area .var-text{font-size:21px; color:#2c2c2c;}
.center-var-area:after{clear:both; height:0; display:block; content:'';}
.center-var-area div{float:left;} */

.side-scroll{position:absolute; top:50%; left:36px; transform: translate(-50%, -50%);}
.side-scroll .rhombus{background:#ed6a53; content:''; width:10px; height:10px; transform:rotate(-45deg); margin-bottom:10px;}
.side-scroll .side-bar{height:73px; width:1px; content:''; background:rgba(255, 255, 255, 0.7); margin:10px 0 10px 5px;}
.side-scroll .side-txt{color:#fff; font-size:13px; transform: rotate(90deg); padding-top:22px;}
.side-scroll .side-circle{width:9px; height:9px; border:1px solid #fff; border-radius: 100%; margin-bottom:20px;}
/* .side-scroll .side-circle > a{cursor: pointer;} */
.side-scroll .side-circle:last-child{margin-bottom:0;}

.museum-info{position:absolute; bottom:-32px; left:0; width:100%; background:rgba(238, 238, 238, 0.9); z-index:10;}
.museum-info-area{max-width:1600px; margin:0 auto; padding:0 15px; position: relative;}
.museum-info-list{position: absolute; top: 42%; left: 52%; transform: translate(-49%, -30%); width: 1400px; box-sizing: border-box; display: inline-block;}
.museum-info-title{display:inline-block; padding:19px 32px; font-size:25px; color:#fff; background:#ff755e; font-family:'notokr-bold';}
.museum-info-list > li{display:inline-block; vertical-align: middle; margin-right:40px; position:relative; line-height: 37px;}
.museum-info-list > li:before{position:absolute; top:10px; right:-20px; width:1px; height:19px; background:#cccccc; content:'';}
.museum-info-list > li:last-child:before, .museum-info-list > li:first-child:before{display:none;}
.museum-info-list > li:last-child{margin-right:0;}
.museum-info-list li svg{vertical-align: middle;}
.museum-info-list li svg.clock{width:32px; height:32px; margin-right:18px;}
.museum-info-list li svg.ticket{width:30px; height:28px; margin-right:10px;}
.museum-info-list li svg.people{width:25px; height:28px; margin-right:10px;}
.museum-info-list li svg.team{width:40px; height:26px; margin-right:10px;}
.museum-info-list li svg.information{width:25px; height:29px; margin-right:10px;}
.museum-info-list li svg.viewing{width:26px; height:26px; margin-right:10px;}
.museum-sub-txt{display:inline-block; vertical-align: middle;}
.museum-title{font-size:19px; margin-right:10px; color:#000; font-family:'notokr-regular'; font-weight:normal; vertical-align: middle;}
.museum-sub-txt .open-clock{font-size:22px; margin-right:10px; color:#ff755e; font-family:'notokr-bold'; vertical-align: sub;}
.museum-sub-txt .open-txt{font-family:'notokr-DemiLight'; color:#555;}

/*PC일 떄 숨김 섹션*/
.m-museum-info{display:none;}
.m-section01{display:none;}
.m-section02{display:none;}
.m-calendar{display:none;}

/*section01*/ 
/*전시*/
.section01-content-box .section01-list li > a:hover .section01-txt strong{text-decoration: underline; text-underline-position: under;}
.new-section-area{max-width:1600px; margin:0 auto; }
.section01{background:#f7f7f7; padding:88px 0 110px; position:relative}
.section01 .section01-list a:hover{color:#222;}/*hover*/
.section-type{max-width:1600px; padding:0 15px; margin:0 auto;} 
.section-title h2{text-align: center; font-size:54px; font-family:'notokr-bold'; color:#000;}
.section-title{position: relative;}
.section01-content-box{margin-top:50px;}
.section01-list .grid-sizer { width:31%; }
.section01-list .gutter-sizer { width: 3%; }
.section01-list li.card{float:left; width:48%; margin-right:3.8%;}
.section01-list li.card:last-child{margin-right:0;}
.section01-area{position:relative; overflow: hidden;}
.section01-list li:last-child{margin-right:0;}
.section01-list::after{clear: both; height:0; display:block; content:'';}
.section01-list li img.section01-main-img{object-fit: cover; width:100%; height:100%; display:block;}
.section01-img-over{display: flex; align-items: center; justify-content: center; position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: auto; margin: auto; background-color: rgba(0, 0, 0, 0.6); opacity: 0;}
.section01-sub-txt{font-size:16px; margin-top:20px; font-family:'notokr-bold';}
.section01-img-title{font-size:24px; margin-top:10px; color:#222; display:block; font-family:'notokr-medium'; font-weight:normal}
.section01-data{font-size:16px; margin-top:30px; color:#757575; font-family: 'Lato'; font-style: normal; font-weight: 400;}
.section01-side, .section01-side.section03-side{width: 80px; height: 100%; position: absolute; top:0; left:0; background: #fff;}
.side-scroll{transform: translate(-14%, -50%); z-index:10;}
.side-scroll .side-circle.section01-circle{border:1px solid #000;}
.side-scroll .side-txt.section01-side-txt{color:#222; padding-top:52px;}
.side-scroll .side-bar.section01-side-bar{background:#b2b2b2}

/*전시 20220113*/
.new-section01-swiper-box.swiper-container{overflow:hidden;}
.section-type.new-section-type:after{clear:both; height:0; display:block; content:'';}
.section-type.new-section-type > div{float:left;}
.new-section-area.l-new-section-area{width:calc(100% - 630px); margin:0;}
.section-title.left-section-title-box{padding-bottom:50px; border-bottom:4px solid #222;}
.section-title h2.left-section-title{text-align:left; display:block;}
.r-new-section-area{width:560px; margin-left:70px; box-sizing:border-box;}

.section02-more.r-new-section02-more{top:30%; right:-3%;}
.r-new-section-list > a{position:relative; display:block; padding:20px 30px 20px 0;}
.r-new-section-list{border-bottom:1px solid #ccc;}
.r-new-title{font-size:22px; margin-bottom:7px; color:#222; font-family:'notokr-regular'; display:block;}
.r-new-txt{font-size:18px; color:#555; font-family:'notokr-regular'; display:block; padding-right:40px; margin-bottom:20px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}

.r-new-section-img-content a{display:block;}
.r-new-section-img-content a .r-new-section-content-img{position:relative;}
.r-new-section-img-content a .r-new-section-content-img:before{width: 74px; height: 74px; content: ''; background: url(/images/common/btn/btn_vr_play.png)center no-repeat; background-size: 74px; position: absolute;
    top: 50%; left: 50%; transform: translate(-50%, -50%);}
.r-new-section-img-content a .r-new-section-content-img:hover:before{width: 74px; height: 74px; content: ''; background: url(/images/common/btn/btn_vr_play_hover.png)center no-repeat; background-size: 74px;
    position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.r-new-section-img-content div{display:block; width:100%;}
div.r-new-section-content-img{max-height:314px; height:19.62vw;}

.r-new-more-ico{width:25px; height:15px; display:block; background:url('/images/common/ico/ico_section02.png')no-repeat center; background-size:25px 15px;
 position:absolute; top:28px; right:0; }
.r-new-section-list > a.on .r-new-more-ico{width:25px; height:15px; display:block; background:url('/images/common/ico/ico_section01.png')no-repeat center; background-size:25px 15px;
 position:absolute; top:28px; right:0; }
.r-new-section-list > a.on .r-new-title{font-size:28px; font-family:'notokr-medium';}

/*전시 20220706*/
.left-section-content-list{background:url('/images/common/bg/bg_main_img.jpg')top no-repeat; background-size:contain; min-height:686px; padding:40px 50px 0 50px; box-sizing: border-box;}
.left-section-content-list li{padding:10px 0; border-bottom:1px solid #bccde0; box-sizing:border-box;}
.left-section-content-list li:last-child{border-bottom:0;}
.left-section-content-list li a{display:block; position: relative;}
.left-section-content-list li a span{display:inline-block;}
.left-section-content-list li a span.section-blue{background:#454c8c;}
.left-section-content-list li a span.section-green{background:#458c88}
.left-section-content-list li a span.section-org{background:#d46046;}
.left-section-content-list li a span:nth-child(1){font-size:30px; width:80px; padding:19px 0; color:#fff; font-family:'notokr-medium'; text-align:center; border-radius: 10px;}
.left-section-content-list li a span:nth-child(2){font-size:24px; margin-left:30px; color:#222; font-family:'notokr-medium'; vertical-align: text-bottom;}
.left-section-content-list li a i{width:50px; height:50px; display:inline-block; background:url('/images/common/ico/ico_main_none_hover.png')center no-repeat; background-size:50px; vertical-align: middle; transition:0.3s; position: absolute; top:50%; right:0; transform:translate(-50%, -50%);}
.left-section-content-list li a:hover i{width:50px; height:50px; background:url('/images/common/ico/ico_main_hover.png')center no-repeat; transition:0.3s; background-size:50px;}


/*section02*/
/*온라인 전시관*/
.section02{padding:120px 0 140px 0; position: relative;}
.section-title.section02-title{position:relative;}
.section02-more{position: absolute; top: 50%; right: 0; transform: translate(-50%, -50%);}
.section02-more a{display: block; width: 28px; height: 28px; background: url(/images/common/btn/btn_pc_more.png)center no-repeat; background-size: 28px;}
.section02-more a:hover{display: block; width: 28px; height: 28px; background: url(/images/common/btn/btn_pc_more_over.png)center no-repeat; background-size: 28px;}
.section02-content-box{margin-top:130px; position:relative}
.section02-content-box:after{clear:both; content:''; display:block; height:0;}
.section02-content-box > .section02-left{width:48%; overflow: hidden;}
.section02-content-box > .section02-left .section02-left-img-box {width:100%;}
.section02-left{position: relative;}


.section02-right.swiper-container{position:relative; max-height:559px;}
.section02-right.swiper-container:before {
    width: calc(100% - 60px); height: 40px; position: absolute;
    bottom: -10px; right: 30px; background: url(/images/common/bg/top-shadow.png)center repeat-x; content: '';
    transform: rotate( 180deg);z-index: 10; pointer-events: none;
}
.section02-right.swiper-container:after { 
    width: calc(100% - 60px); height: 40px; position: absolute;
    top: 0; right: 30px; background: url(/images/common/bg/top-shadow.png)center repeat-x; content: ''; z-index: 1; pointer-events: none;
}


.section02-right-area {position: absolute; top:0px; left:47%; width:52%; margin-right:0; padding-right:160px; box-sizing:border-box;}
div.section02-img-bg {background:url('/images/temp/section02_img.jpg')center no-repeat; background-size: cover; height:28.23vw; max-height:559px;}
.section02-left-img-box > a::before {
    width:74px; height:74px; content:'';  
    background:url('/images/common/btn/btn_vr_play.png')center no-repeat; 
    background-size:74px; position: absolute; 
    top:50%; left:50%; transform: translate(-50%, -50%);
}
.section02-left-img-box > a:hover::before{
    width:74px; height:74px; content:''; 
    background:url('/images/common/btn/btn_vr_play_hover.png')center no-repeat; 
    background-size:74px; position: absolute; 
    top:50%; left:50%; transform: translate(-50%, -50%);
}
.section02-left-img-box div{display: block; width:100%;}

.section02-onlinelist{padding-right: 30px; box-sizing: border-box;}
.section02-onlinelist.swiper-wrapper{display:block; position: relative;}
/* .section02-onlinelist.swiper-wrapper::after{width: calc(100% - 60px); height: 40px; position: absolute;top: 0; right: 30px;background: url(/images/common/bg/top-shadow.png)center repeat;
 content: '';}
 .section02-onlinelist.swiper-wrapper::before{width: calc(100% - 60px); height: 40px; position: absolute;bottom: 45px; right: 30px;background: url(/images/common/bg/top-shadow.png)center repeat;
 content: ''; transform: rotate( 180deg); z-index:10;} */

.onlinelist-content{height:94px;}
/* .onlinelist-content:last-child{margin-bottom:0;} */
.onlinelist-content > div{display:inline-block;     position: relative; transform: translateY(-50%); top: 50%;}
.onlinelist-content > div a{font-size:20px; color:#555; font-family:'notokr-regular'; display:inline-block; padding-left:6.25vw;}
.onlinelist-content > div a:hover{color:#000; font-family:'notokr-medium'; text-decoration: underline; text-underline-position: under;}/*hover*/

/*전시관 호버*/
.onlinelist-content > div.on a{font-family:'notokr-bold'; font-size:30px; color:#000; transition: color 0.3s;}
.onlinelist-content > div.on:hover a{color:#e7573f; transition: color 0.3s;}

/* .onlinelist-content > div.on a{font-size:30px; color:#e7573f; font-family:'notokr-bold'; content:'';}
.onlinelist-content > div.on svg.section02-box{height:93px; width:778px; position: absolute; top:46%; left:29%; transform: translate(-50%, -50%);} */
svg.section02-box{position: absolute; left: 0; top: -1.1vw; z-index: -1; background: #fff;height: 94px;     box-shadow: 0px 0px 20px 4px rgb(0 0 0 / 10%);}
.section02-right-box{position:relative; width:100%;}
.swiper-pagination-progressbar.swiper-pagination-vertical.section02-bar{width:2px; background:#d2cec9; height:559px; content:''; position: absolute; top:50%; left:100%; transform: translate(-50%, -50%);}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{position: absolute;top:0; left:-1px; background:#000; width:4px;}

.section01-side.section02-side{background:transparent;}
.side-scroll .side-txt.section02-side-txt{padding-top:120px; color:#fff; width:130px;}
.side-scroll.section02-side-scroll{transform:translate(-14%, -25%)}
/*section03*/
/*교육*/
.section03{background:#eff2f7; padding:100px 0 66px; position:relative}
.section03-content-box{margin-top:75px; position: relative;}
.section03-tab-box{max-width:750px; margin:0 auto;}
.section03-tab:after{clear:both; content:''; height:0; display:block;}
.section03-tab-box .section03-tab{display: flex; align-items: center; justify-content: center;}
.section03-tab li{float:left; margin-right:10px; width:116px; text-align:center;}
.section03-tab li:last-child{margin-right:0;}
.section03-tab li a{font-size:20px; font-family:'notokr-medium'; color:#000; display:block; position: relative;}
.section03-tab li a.on{color:#ed6a53;}
.section03-tab li a.on::before{position:absolute; bottom:-17px; left:0; width:100%; height:4px; background:#ed6a53; content:'';}
.section03-tab li a::before{position:absolute; bottom:-15px; left:0; width:100%; height:2px; background:#000; content:'';}
.section03-more{position:absolute; top:26px; right:0;}
.section03-more a{display:block; width:28px; height:28px; background:url('/images/common/btn/btn_pc_more.png')center no-repeat; background-size:28px;}
.section03-more a:hover{display:block; width:28px; height:28px; background:url('/images/common/btn/btn_pc_more_over.png')center no-repeat; background-size:28px;}
.section03-list-box{margin-top:84px;}
.section03-list:after{clear:both; height:0; display:block; content:'';}
.section03-list li{float:left; width:373px; margin-right:36px;}
.section03-list li:last-child{margin-right:0;}
.section03-bg{padding: 5px; transition: all 0.3s;}
.section03-bg.active {background:#ed6a53; transition: all 0.3s; padding: 5px;}
.section03-bg .inner-cont {height: 510px; position: relative;}
.section03-img {overflow: hidden; width:363px; height:242px; max-width:100%; max-height:100%;}
.section03-img img{display:block; width:100%; height:100%; object-fit: cover;}
.section03-txt-area{padding:40px 40px 59px 40px; background:#fff; height: 169px; position: absolute; bottom: 0px; width: 283px;}
.section03-title{font-size:22px; height:123px; color:#000; font-family:'notokr-medium'; font-weight:normal; display:block; overflow: hidden;}
.section03-txt{font-size:17px; font-family: 'Lato'; font-style: normal; font-weight: 400; color:#555;}

.section03-txt .section03-txt-sub{font-weight:600; margin-right:10px; color:#222;} 

.section03-list a:hover strong{color:#ed6a53; text-decoration: underline; text-underline-position: under;}/*hover*/
.section03-btn{margin-top:45px; width:100%;}
.section03-btn-box{text-align: center;;}
.section03-prev{display:inline-block; width:51px; height:26px; margin-right:1.1%; background:url('/images/common/btn/btn_left_arrow.png')center no-repeat; background-size:51px 26px; opacity: 1 !important;}
.section03-prev:hover{display:inline-block; width:51px; height:26px; margin-right:1.1%; background:url('/images/common/btn/btn_left_hover_arrow.png')center no-repeat; background-size:51px 26px;}
.section03-next{display:inline-block; width:51px; height:26px; margin-left:1.1%; background:url('/images/common/btn/btn_right_arrow.png')center no-repeat; background-size:51px 26px; opacity: 1 !important;}
.section03-next:hover{display:inline-block; width:51px; height:26px; margin-left:1.1%; background:url('/images/common/btn/btn_right_hover_arrow.png')center no-repeat; background-size:51px 26px;}
.swiper-button-next.section03-next, .swiper-button-prev.section03-prev{top:0; position: static;}

.swiper-button-prev.section03-prev:after, .swiper-rtl .swiper-button-next:after{display: inline-block;
    width: 51px; height: 26px; margin-right: 1.1%; background: url(/images/common/btn/btn_left_arrow.png)center no-repeat;
    background-size: 51px 26px; content:'';}
.swiper-button-prev.section03-prev:hover:after, .swiper-rtl .swiper-button-next:after{display: inline-block;
    width: 51px; height: 26px; margin-right: 1.1%; background: url(/images/common/btn/btn_right_hover_arrow.png)center no-repeat;
    background-size: 51px 26px; content:''; transform: rotate(180deg);

}

.swiper-button-next.section03-next:after, .swiper-rtl .swiper-button-prev:after{    display: inline-block;
    width: 51px; height: 26px; margin-left: 1.1%;
    background: url(/images/common/btn/btn_right_arrow.png)center no-repeat;
    background-size: 51px 26px; content:''}
.swiper-button-next.section03-next:hover:after, .swiper-rtl .swiper-button-prev:after{    display: inline-block;
    width: 51px; height: 26px; margin-left: 1.1%;
    background: url(/images/common/btn/btn_right_hover_arrow.png)center no-repeat;
    background-size: 51px 26px; content:'';}





.section03 .section-type .new-section-area .swiper-container{overflow: hidden;}
/*section04*/
/*박물관 소식&주요일정*/
.section04{padding:100px 0 160px; position:relative;}
.section04-list:after{clear:both; height:0; display:block; content:'';}
.section04-list > li{float:left; width:50%;}
.section04-tltie h2{font-size:54px; font-family:'notokr-bold'; color:#000;}
.section04-left{padding-left:40px; box-sizing: border-box;}
.section04-left-area{padding-right:80px; box-sizing: border-box;}
.section-left-tab{margin-top:30px;}
.section-left-tab:after{clear:both; height:0; display:block; content:'';}
.section-left-tab li{float:left; margin-right:48px;}
.section-left-tab li:last-child{margin-right:0;}
.section-left-tab > li > a{font-size:22px; color:#000; font-family:'notokr-medium'; position: relative;}


.section-left-tab > li > a.on{color:#ed6a53;}
.section-left-tab > li > a:before { width: 0%; transition: width 0.3s; transform: translateX(-50%);
    position:absolute; bottom:-3px; left:50%; height:2px; background:#ff755e;
    content:''; display:block;
    }

.section-left-tab > li > a.on:before{width:100%; transition: width 0.3s;}


.section04-left-listbox{margin-top:34px; display: none;}
.section04-left-list{display:table; width:100%; padding:16px 0 16px 0; border-bottom:1px solid #ddd;}
.section04-left-list:last-child{border:0; padding-bottom:0}
.section04-left-list > p{display:table-cell;}
.section04-left-title{width:80px; padding:0 6px; color:#666; font-family: 'Lato'; font-style: normal; font-weight: 400;}
.section04-left-txt{width:calc(100% - 80px); padding-left:40px;}
.section04-left-txt a{font-size:18px; padding-right:60px; color:#444; font-family:'notokr-DemiLight'; overflow: hidden;  overflow: hidden;
    text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
.section04-left-txt a:hover{text-decoration: underline; text-underline-position: under; } /*hover*/

.section04-right .section04-tltie{position: relative;}
.section04-more{position: absolute; top:50%; right:0; transform: translate(-50%, -50%);}
.section04-more a{display:block; width:28px; height:28px; background:url('/images/common/btn/btn_pc_more.png')center no-repeat; background-size:28px;}
.section04-more a:hover{display:block; width:28px; height:28px; background:url('/images/common/btn/btn_pc_more_over.png')center no-repeat; background-size:28px;}
.section04-right-area{margin-top:30px;}
.section04-right-area > ul{display:table;}
.right-calendar{display:table-cell; width:210px;}
.calender-list{display:table-cell; width:calc(100% - 210px); vertical-align: top;}
.right-calenderbox .calendar-data{font-size:26px; padding:16px 0; text-align: center; color:#fff; font-family: 'Lato'; font-style: normal; font-weight: 700; background:#b25242;}
.calendar-txt{padding:42px 55px 52px 55px; background:#ff755e;}
.calendar-num{font-size:85px; font-family: 'Lato'; font-style: normal; font-weight: 700; color:#fff; text-align:center;}
.calendar-day{font-size:20px; font-family:'notokr-medium'; color:#fff; text-align:center}
.right-calenderbox{position: relative;}
.calendar-btn > a{position: absolute; top:58%;}
.calender-prev{display:block; width:25px; height:25px; left:10px; background:url('/images/common/btn/btn_circle_left_arrow.png')center no-repeat; background-size:25px;}
.calender-next{display:block; width:25px; height:25px; right:10px; background:url('/images/common/btn/btn_circle_right_arrow.png')center no-repeat; background-size:25px; }
.calender-list{padding-left:40px;}
.section04-right-list{display:table; width:100%; margin-bottom:30px;}
.section04-right-list:last-child{margin-bottom:0}
.section04-right-title{display:table-cell; width:60px; font-family:'notokr-medium'; font-size:22px;}
.section04-right-txt{display:table-cell; width:calc(100% - 60px); padding-right:50px; padding-left:10px;}
.section04-right-txt a{color:#444; font-size:22px; overflow: hidden;  text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; /*줄 수 */ -webkit-box-orient: vertical;}
.section04-right-txt a:hover{text-decoration: underline; text-underline-position: under;}/*hover*/
.side-scroll .side-txt.section04-side-txt{color: #222; padding-top: 90px; width: 100px;}
.side-scroll.section04-scroll{top:72%;}

/*준비중일 때*/
.non-content-area{display: flex; height:150px; flex-direction: row; justify-content: center; align-items: center; }
.non-content-area2{display: flex; height:130px; flex-direction: row; justify-content: center; align-items: center; }
.non-content-area3{display: flex; height:160px; flex-direction: row; justify-content: center; align-items: center; }
.non-content-section{font-size:24px; color:#444;}
.non-content-section i{width:29px; height:29px; display:inline-block; margin-right:10px; background:url('/images/common/ico/ico_caution.png')no-repeat center; background-size:29px; vertical-align: bottom;}


/*************************************************pc 1440 *************************************************/
@media all and (min-width:2400px) {
.onlinelist-content{line-height:94px}
svg.section02-box{top:0}
}

@media all and (max-width:2000px) {
.swiper-pagination-progressbar.swiper-pagination-vertical.section02-bar.section02-bar{height:27.95vw; left:50vw;}
.section02-right.swiper-container{max-height:28.3vw}



}

@media all and (max-width:1850px) {

.section02-right-area{padding-right:0}
svg.section02-box{width:41vw; height:5vw;top: -1.15vw;}
.onlinelist-content{height:5vw;}

.r-new-section-area{width:480px;}

/*전시 20220706*/
.left-section-content-list{padding:20px 20px 0 20px;}
.left-section-content-list li a span:nth-child(1){width:70px; padding:14px 0;}

}

@media all and (max-width:1600px) {
.museum-info-list{ width:80%; top:38%; left:54%; }

.onlinelist-content > div a{font-size:1.25vw;}
.onlinelist-content > div.on a{font-size:1.87vw;}

.section02-onlinelist.swiper-wrapper::before{bottom:2.81vw}
}

@media all and (max-width:1500px) {
.section02-onlinelist.swiper-wrapper::before{bottom:2.6vw;} /*35*/
}
@media all and (max-width:1450px) {
.section02-onlinelist.swiper-wrapper::before{bottom:2.5vw;}/*30px*/
}

@media all and (max-width:1400px) {

.section01-side, .section01-side.section03-side{ width:60px;}
.new-section-area{padding-left:60px;}
.section04-left{padding-left:0;}

.section04-list > li.section04-left{width:45%;}
.section04-list > li.section04-right{width:55%;}
.section04-left-txt a{padding-right:10px}
.section03-txt{font-size:16px;}
.calender-list{padding-left:10px;}
.section04-left-area{padding-right:30px;}
.section04-right-txt{padding-right:10px;}

}
@media all and (max-width:1300px) {
	.new-section-area.l-new-section-area{width: calc(100% - 560px);}
    .r-new-section-area{margin-left:20px;}
}


@media all and (max-width:1200px) {
.section02-onlinelist.swiper-wrapper::before{bottom:2.3vw;}

.new-section-area.l-new-section-area{width: calc(100% - 480px);}
.r-new-section-area{width:400px;}
    
/*전시 20220706*/
.left-section-content-list{padding:10px 10px 0 10px;}
.left-section-content-list li a span:nth-child(1){width:60px; padding:13px 0; font-size:24px;}
.left-section-content-list li a span:nth-child(2){margin-left:15px; font-size:18px;}


}


@media all and (max-width:1000px) {
    .section02-onlinelist.swiper-wrapper::before{bottom:2.4vw;}
    
}




@media all and (max-width:991px){
	
/*popup*/
.main-popup{width:auto; height:auto; z-index:99;}
.popup-link-img{max-width:580px; max-height:714px; }
.popup-link-img img{width:100%; display:block;}
.main-popup .swiper-slide{width:100%}
.pop_close::after{content:'';display:block; clear:both;}
.pop_close{color: #fff; background: #000;position: relative; top:0;}
.popup-wrap{position: absolute; top:52%; left:50%; transform: translate(-50%, -50%); width:66%}
.close-wrap{line-height:40px;}
.pop-close{float:right; padding-right: 10px;}
.pop-close i{width:23px; height:24px; display:inline-block; background:url('/images/common/btn/popup_close.png')center no-repeat; background-size:23px 24px; vertical-align:middle;}
.swiper-pagination.pop-pagination{top:-30px; left:50%; transform:translate(-50%);}
.swiper-pagination.pop-pagination:after{clear:both; height:0; display:block; content:''}
.swiper-pagination.pop-pagination button{float:left; margin-right:10px; width:10px; height:10px; background:#fff; border-radius:20px; display:block;}
.swiper-pagination.pop-pagination button:last-child{margin-right:0;}
.swiper-pagination.pop-pagination button.on{width:14px; height:14px; background:#e40b35; border-radius:28px; display:block;}
.pop-arrow-btn{width:100%; top:50%; display:none;}

/*visual 영역*/
.visual-area{display:none;}
.m-visual-area{display:block; position: relative; padding-top:132px;}

.m-visual-area > .swiper-container{overflow: hidden;}

.slide-bg{position: relative; }
.m-visual-img{width:100%; display:block;}
.m-visual-content{position:absolute; top:50%; left:50%; transform: translate(-50%, -50%); width:100%; padding:0 40px; box-sizing:border-box}
.m-visual-content p{font-size:48px; margin-bottom:50px; color:#fff; font-family:'notokr-regular'; text-align: center; text-shadow: 2px 1px 1px #222; display:none;}
.m-visual-content strong{font-size:98px; line-height:120px; display:block; color:#fff; font-family:'notokr-medium'; font-weight:normal; text-align: center; text-shadow: 2px 1px 1px #222;}

.m-swiper-btn{position:absolute; top:90%; left:50%; transform: translate(-50%, -50%); z-index: 9;}
.m-swiper-btn span:nth-child(2){font-size:30px; color:#fff; text-shadow: 2px 1px 1px #222;}
.prev-num{font-size:36px; font-family:'notokr-bold'; color:#fff; text-shadow: 2px 1px 1px #222;}
.next-num{font-size:36px;font-family:'notokr-bold'; color:#fff; text-shadow: 2px 1px 1px #222;}
.side-scroll{display:none;}

/*박물관 알림*/
.m-museum-info{display:block; padding:120px 40px 110px 40px;}
.museum-info-content{display:table; width:100%; margin-bottom:80px;}
li.museum-info-content:last-child{margin-bottom:0;}
.museum-info-img{display:table-cell; width:250px; text-align: center; border-right:1px solid #cccccc;}
.museum-info-img > p{font-size:30px; margin-top:20px; color:#000; font-family:'notokr-medium';}
.museum-info-txt{display:table-cell; width:calc(100% - 250px); padding-left:40px;}
.museum-info-top svg.clock{width:57px;}
.museum-info-top svg.ticket{width:61px;}
/* .m-img-clock{width:57px; height:57px; background:url('/images/common/ico/ico_m_clock.png')center no-repeat; background-size:57px; display:inline-block;}
.m-img-ticket{width:61px; height:57px; background:url('/images/common/ico/ico_m_ticket.png')center no-repeat; background-size:61px 57px; display:inline-block;} */

.museum-info-txt > p:nth-child(1){font-size:51px; margin-bottom:20px;  color:#ed7059; font-family:'notokr-bold';}
.museum-info-txt > p:nth-child(2){font-size:24px; color:#666; font-family:'notokr-DemiLight';}
.museum-info-txt.new-museum-info-txt > p:nth-child(1){margin-bottom:0;}
.museum-info-txt.new-museum-info-txt{vertical-align: middle;}

.museum-info-bottom{margin-top:80px;}
.museum-info-bottom ul{display:flex; justify-content: space-between;}
.museum-info-bottom ul li{width:31%; border:1px solid #ccc; padding:5.04vw 5.04vw; box-sizing: border-box; text-align: center; box-shadow: 0 3px 10px rgb(0 0 0 / 10%);}
.museum-info-bottom ul li:last-child{margin-right:0;}
.museum-info-bottom ul li a{box-sizing: border-box; display:block;}
.info-bottom-list a p{font-size:3.02vw; margin-top:2.01vw; color:#000; font-family:'notokr-medium'; text-align: center;}

/* .m-img-people{width:6.35vw; height:6.96vw; background:url('/images/common/ico/ico_m_people.png')center no-repeat; background-size:6.35vw 6.96vw; display:inline-block;}
.m-img-team{width:9.68vw; height:6.35vw; background:url('/images/common/ico/ico_m_team.png')center no-repeat; background-size:9.68vw 6.35vw; display:inline-block;}
.m-img-info{width:5.34vw; height:6.25vw; background:url('/images/common/ico/ico_m_info.png')center no-repeat; background-size:5.34vw 6.25vw; display:inline-block;} */

.info-bottom-list svg.people{width:6.35vw;}
.info-bottom-list svg.team{width:9.68vw;}
.info-bottom-list svg.information{width:5.34vw}
.info-bottom-list svg.related{width:7.4vw}

/*section01*/
/*전시*/
.new-section-area{max-width:1600px; margin:0 auto; }
.section01{ padding:0 0 150px; position:relative}
.section-type{max-width:1600px; padding:0 15px; margin:0 auto;} 
.section01-content-box{margin-top:80px;}
.section01-list .grid-sizer { width:31%; }
.section01-list .gutter-sizer { width: 3%; }
.section01-list:after{clear:both; height:0; display:block; content:'';}
.section01-list li.card{width:100%; margin-right:0; float:left; margin-bottom:100px;}
.section01-list li.card:last-child{margin-bottom:0;}
.section01-area{position:relative; overflow: hidden;}
.section01-list li img.section01-main-img{object-fit: cover; width:100%; height:100%; display:block;}

.section01-img-over{display: flex; align-items: center; justify-content: center; position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: auto; margin: auto; background-color: rgba(0, 0, 0, 0.6); opacity: 0;}
.section01-sub-txt{font-size: 25px; margin-top: 40px;}
.section01-img-title{font-size: 36px; margin-top: 20px;}
.section01-data{font-size: 26px; margin-top: 40px;}

.section01-side, .section01-side.section03-side{width: 80px; height: 100%; }
.side-scroll{transform: translate(-14%, -50%); z-index:10;}
.side-scroll .side-circle.section01-circle{border:1px solid #000;}
.side-scroll .side-txt.section01-side-txt{color:#222; padding-top:52px;}
.side-scroll .side-bar.section01-side-bar{background:#b2b2b2}

/*전시 20220113*/
.section-type.new-section-type > div{float:none; margin-top:100px; padding:100px 40px 0 40px; box-sizing:border-box;}
.new-section-area.l-new-section-area{width:100%; margin:0;}
.section-title.left-section-title-box{padding-bottom:80px;}
.section-title h2.left-section-title{text-align:center;}
.r-new-section-area{width:100%; margin-left:0;}
.section02-more.r-new-section02-more{display:none;}
.r-new-section-list > a{position:relative; display:block; padding:40px 40px 40px 0;}
.r-new-title{font-size:35px; margin-bottom:15px; }
.r-new-txt{font-size:28px;  padding-right:0;}
.r-new-section-list > a.on .r-new-title{font-size:42px; }
.r-new-section-img-content a .r-new-section-content-img:before{width: 96px; height: 96px;  background-size: 96px; position: absolute;}
.r-new-section-img-content a .r-new-section-content-img:hover:before{width: 96px; height: 96px;  background-size: 96px;}
.r-new-section-img-content div{display:block; width:100%;}
div.r-new-section-content-img{max-height:500px; height:52vw;}
.r-new-more-ico{width:30px; height:20px; background-size:30px 20px; top:52px; right:0;}
.r-new-section-list > a.on .r-new-more-ico{width:30px; height:20px; background-size:30px 20px; top:52px; right:0; }

/*전시 20220706*/
.left-section-content-list{background:url('/images/common/bg/bg_main_m_img.jpg')top no-repeat; background-size:cover; min-height:1116px; padding:70px 70px 0 70px;}
.left-section-content-list li a span:nth-child(1){font-size:36px; width:100px; padding:25px 0;}
.left-section-content-list li a span:nth-child(2){font-size:30px; margin-left:30px;}
.left-section-content-list li a i{width:63px; height:63px; background-size:63px; }
.left-section-content-list li a:hover i{width:63px; height:63px; background:url('/images/common/ico/ico_main_none_hover.png')center no-repeat; background-size:63px;}


/*section02*/
/*모바일 온라인 전시관*/
.section02{display:none;}
.m-section02{display:block; padding:100px 0 140px 0;}

.m-section02 .swiper-container{overflow: hidden;}

.m-section02-content-box{margin-top:60px;}
.m-section02-list a.m-section02-ing-box{display:block; position: relative;}
.m-section02-list a.m-section02-ing-box:before{position:absolute; top:50%; left:50%; transform: translate(-50%, -50%); content:'';
width:96px; height:96px; background: url('/images/common/btn/btn_vr_play.png')center no-repeat; background-size:96px;}
.m-section02-img img{width:100%; display:block;}
.m-section02-txt{margin-top:70px; padding:0 40px; box-sizing: border-box; text-align: center;}
.m-section02-txt p{font-size:40px; color:#000; font-family:'notokr-bold';}
.m-section02-btn-box{margin-top:50px; text-align: center;}
.m-section02-num{width:250px; margin:0 auto; position:relative} 
.m-section02-num > span:nth-child(1){font-size:36px; color:#000; font-family: 'Lato'; font-style: normal; font-weight: 700;}
.m-section02-num > span:nth-child(2){font-size:30px;}
.m-section02-num > span:nth-child(3){font-size:36px; color:#ccc; font-family: 'Lato'; font-style: normal; font-weight: 700;}
.m-section02-btn > a{position:absolute; top:26px;}
.m-section02-prev{display:block; width:22px; height:40px; left:0; background:url('/images/common/btn/btn_m_prev.png')center no-repeat; background-size:22px 40px;}
.m-section02-next{display:block; width:22px; height:40px; right:0; background:url('/images/common/btn/btn_m_next.png')center no-repeat; background-size:22px 40px;}

.swiper-button-prev.m-section02-prev:after, .swiper-rtl .swiper-button-next:after{
     width: 22px; height: 40px; left: 0;
    background: url(/images/common/btn/btn_m_prev.png)center no-repeat;
    background-size: 22px 40px; content:'';
}

.swiper-button-next.m-section02-next:after, .swiper-rtl .swiper-button-prev:after{
     width: 22px; height: 40px; right: 0;
    background: url(/images/common/btn/btn_m_next.png)center no-repeat;
    background-size: 22px 40px; content:'';
}


/*section03*/
/*교육*/
.section-type{padding:0}
.section03{padding:100px 0 140px 40px;}
.section-title h2{font-size:66px;}
.section03-tab-box { max-width: inherit;}
.section03-content-box{margin-top:80px; padding-right:40px; box-sizing: border-box;}
.section03-txt-areapadding{padding:80px 60px 70px 60px}
.section03-more{display:none;}
.section01-side, .section01-side.section03-side{display:none;}
.new-section-area{padding-left:0;}
.section03-tab li{width:15%; margin-right:1vw;}
.section03-tab li a{font-size:32px;}
.section03-tab li a::before{height:3px;} 
.section03-tab li a.on::before{height:5px;}
.section03-title{font-size:35px; height:200px;}
.section03-txt{font-size:28px;}
.section03-list li{width:597px;}
.section03-btn-box{display:none;}
.section03-btn{margin-top:0;}
.section03-bg .inner-cont {height: auto; position: inherit;}
.section03-txt-area{padding:50px 30px 59px 30px; height: auto; position: inherit; width: auto; bottom: auto}

.section03-txt .section03-txt-sub{margin-right:30px;}

.section03-img {width:587px; height:392px;}

/*section04*/
/*박물관 소식 & 주요일정*/
.section04 {padding: 110px 40px 200px 40px; }
.section04-tltie{text-align: center;}
.section04-list > li{float:none;}
.section04-list > li.section04-left{width:100%;}
.section04-left-area{padding-right:0; margin-bottom:170px;}
.section-left-tab{margin-top:90px;}
.section-left-tab > li > a.on:before{height:3px; bottom:-10px}
.section04-list > li.section04-right{width:100%;}

.section04-right-area{margin-top:80px;}
.section-left-tab li{margin-right:90px;}
.section-left-tab > li > a{font-size:42px}

.section04-left-txt a{font-size:28px;}
.section04-left-title{width:100%; padding:0; order:2;}
.section04-left-list{padding:30px 0; display: flex; flex-direction: column;}
.section04-left-list > p{display:block; font-size:26px;}
.section04-left-txt{width:100%;padding-left:0; margin-bottom:10px; order:1}

.calendar-data{display:none;}
.calendar-txt{display:none;}
.calendar-day{display:none;}
.calendar-num{display:none;}

.section04-right-area > ul{display:block;}
.section04-more{display:none;}
.right-calendar{display:block; width:100%}
.calender-list{display:block; width:100%; padding:0; margin-top:60px;}
.section04-right-title{width:100px; font-size:28px;}
.section04-right-txt a{font-size:28px;}
.section04-right-list{margin-bottom:30px;}
.section04-right-txt{width:calc(100% - 100px); padding-left:0;}

.calendar-btn > a{top:34%;}
.calender-prev{width:50px; height:50px; left:30px; background-size:50px;}
.calender-next{width:50px; height:50px; right:30px; background-size:50px;}

.m-calendar{display:block; width:100%; background:#ed7059;}
.m-calendar ul{ display:table; width:350px; margin:0 auto;}
.m-calendar-left{display:table-cell; vertical-align: middle; padding-right:30px;}
.m-calendar-left p:nth-child(1){color:#fff; font-size:40px; font-family: 'Lato'; font-style: normal; font-weight: 700; text-align: center;}
.m-calendar-left p:nth-child(2){color:#fff; font-size:40px; font-family:'notokr-regular'; text-align: center;}
.m-calendar-right{display: table-cell; vertical-align: middle; padding-left:30px;}
.m-calendar-right p{font-size:120px; color:#fff; font-family: 'Lato'; font-style: normal; font-weight: 700;}

/*준비중일 때*/
.non-content-area{display: flex; height:200px; }
.non-content-area2{display: flex; height:250px;}
.non-content-area3{display: flex; height:300px;}
.non-content-section{font-size:32px;}
.non-content-section i{width:56px; height:56px; margin-right:10px; background-size:56px;}

}

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

/*popup*/
.popup-wrap{position: absolute; top:52%; left:50%; transform: translate(-50%, -50%); width:86%}
	
/*visual 영역*/
.m-visual-area{padding-top:66px;}
.m-visual-img{width:100%; display:block;}
.m-visual-content{position:absolute; top:50%; left:50%; transform: translate(-50%, -50%); width:100%; padding:0 20px; box-sizing:border-box}
.m-visual-content p{font-size:6.25vw; margin-bottom:6.51vw}
.m-visual-content strong{font-size:12.77vw; line-height:15.64vw;}

.m-swiper-btn span:nth-child(2){font-size:3.91vw;}
.prev-num{font-size:4.69vw;}
.next-num{font-size:4.69vw;}

/*박물관 알림*/
.m-museum-info{display:block; padding:50px 20px 55px 20px;}
.museum-info-content{margin-bottom:40px;}
.museum-info-img{width:125px}
.museum-info-img > p{font-size:16px; margin-top:10px}
.museum-info-txt{width:calc(100% - 125px); padding-left:20px;}

/* .m-img-clock{width:29px; height:29px; background-size:29px; }
.m-img-ticket{width:31px; height:29px; background-size:31px 29px;} */
.museum-info-top svg.clock{width:29px;}
.museum-info-top svg.ticket{width:31px;}

.museum-info-txt > p:nth-child(1){font-size:26px; margin-bottom:5px;}
.museum-info-txt > p:nth-child(2){font-size:15px;}

.museum-info-bottom{margin-top:40px;}
.museum-info-bottom ul li{border:1px solid #ccc; padding:6.51vw 6.51vw;}
.info-bottom-list a p{font-size:2.9vw; margin-top:2vw;}

/* .m-img-people{width:8.21vw; height:8.99vw; background-size:8.21vw 8.99vw;}
.m-img-team{width:12.51vw; height:8.21vw; background-size:12.51vw 8.21vw;}
.m-img-info{width:6.91vw; height:8.08vw; background-size:6.91vw 8.08vw;} */

.info-bottom-list svg.people{width:8.1vw;}
.info-bottom-list svg.team{width:12.51vw;}
.info-bottom-list svg.information{width:6.91vw}

/*section01*/
/*전시*/
.section01{ padding:0 0 75px;} 
.section01-content-box{margin-top:40px;}
.section01-list .grid-sizer { width:31%; }
.section01-list .gutter-sizer { width: 3%; }
.section01-list li.card{width:100%; margin-right:0; margin-bottom:50px;}
.section01-list li img.section01-main-img{object-fit: cover; width:100%; height:100%; display:block;}

.section01-img-over{display: flex; align-items: center; justify-content: center; position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: auto; margin: auto; background-color: rgba(0, 0, 0, 0.6); opacity: 0;}
.section01-sub-txt{font-size: 13px; margin-top: 20px;}
.section01-img-title{font-size: 18px; margin-top: 10px;}
.section01-data{font-size: 14px; margin-top: 20px;}

.section01-side, .section01-side.section03-side{width: 40px; height: 100%; }

.side-scroll{transform: translate(-14%, -50%); z-index:10;}
.side-scroll .side-txt.section01-side-txt{padding-top:52px;}

/*전시 20220113*/
.section-type.new-section-type > div{margin-top:50px; padding:50px 20px 0 20px; }
.new-section-area.l-new-section-area{width:100%; margin:0;}
.section-title.left-section-title-box{padding-bottom:40px;}
.r-new-section-area{width:100%; margin-left:0;}
.r-new-section-list > a{ padding:20px 20px 20px 0;}
.r-new-title{font-size:18px; margin-bottom:8px; }
.r-new-section-list > a.on .r-new-title{font-size:21px;}
.r-new-txt{font-size:14px;  padding-right:0;}
.r-new-section-img-content a .r-new-section-content-img:before{width: 48px; height: 48px;  background-size: 48px;}
.r-new-section-img-content a .r-new-section-content-img:hover:before{width: 48px; height: 48px;  background-size: 48px;}
.r-new-section-img-content div{display:block; width:100%;}
div.r-new-section-content-img{max-height:370px; height:50vw;}
.r-new-more-ico{width:15px; height:10px; background-size:15px 10px; top:26px; right:0;}
.r-new-section-list > a.on .r-new-more-ico{width:15px; height:10px; background-size:15px 10px; top:26px; right:0;}


/*전시 20220706*/
.left-section-content-list{background:url('/images/common/bg/bg_main_m_img.jpg')top no-repeat; background-size:cover; min-height:890px; padding:35px 25px 0 35px;}
.left-section-content-list li a span:nth-child(1){font-size:18px; width:50px; padding:13px 0;}
.left-section-content-list li a span:nth-child(2){font-size:15px; margin-left:15px;}
.left-section-content-list li a i{width:32px; height:32px; background-size:32px; }
.left-section-content-list li a:hover i{width:32px; height:32px; background-size:32px;}

/*section02*/
/*모바일 온라인 전시관*/
.m-section02{display:block; padding:55px 0 70px 0;}

.m-section02-content-box{margin-top:30px;}
.m-section02-list a.m-section02-ing-box:before{width:12.51vw; height:12.51vw; background-size:12.51vw;}
.m-section02-txt{margin-top:35px; padding:0 20px;}
.m-section02-txt p{font-size:5vw;}
.m-section02-btn-box{margin-top:25px;}
.m-section02-num{width:125px;} 
.m-section02-num > span:nth-child(1){font-size:20px;}
.m-section02-num > span:nth-child(2){font-size:17px;}
.m-section02-num > span:nth-child(3){font-size:20px;}
.m-section02-prev{display:block; width:11px; height:20px; left:0; background-size:11px 20px;}
.m-section02-next{display:block; width:11px; height:20px; right:0; background-size:11px 20px;}

/*section03*/
/*교육*/
.section03{padding:50px 0 70px 20px;}
.section-title h2{font-size:8vw; line-height:8vw;}
.section03-content-box{margin-top:40px; padding-right:20px;}
.section03-tab li{width:15%}
.section03-txt-areapadding{padding:40px 30px 35px 30px}
.section03-tab li a{font-size:18px;}
.section03-tab li a::before{height:2px;} 
.section03-tab li a.on::before{height:3px; bottom:-16px;}
.section03-title{font-size:19px; height:100px;}
.section03-txt-area{padding:25px 15px 30px 15px}

.section03-txt .section03-txt-sub{margin-right:10px;}

.section03-txt{font-size:15px;}
.section03-list li{width:289px; margin-right:28px;}

.section03-list-box{margin-top:65px;}
.section03-bg .inner-cont {height: auto; position: inherit;}
.section03-txt-area{height: auto; position: inherit; width: auto; bottom: auto}

.section03-img {height: 186px; width: 279px;}

/*section04*/
/*박물관 소식 & 주요일정*/
.section04 {padding: 55px 20px 100px 20px; }
.section04-tltie h2{font-size:8vw}
.section04-left-area{padding-right:0; margin-bottom:80px;}
.section-left-tab{margin-top:34px;}
.section-left-tab > li > a.on:before{height:2px; bottom:-5px}

.section04-right-area{margin-top:40px;}
.section-left-tab li{margin-right:7.8vw;}
.section-left-tab > li > a{font-size:23px}

.section04-left-txt a{font-size:16px;}
.section04-left-title{width:100%; padding:0; order:2;}
.section04-left-list{padding:9px 0; display: flex; flex-direction: column;}
.section04-left-list > p{display:block; font-size:15px;}
.section04-left-txt{width:100%;padding-left:0; margin-bottom:8px; order:1}

.calender-list{margin-top:30px;}
.section04-right-title{font-size:15px; width:60px;}
.section04-right-txt a{font-size:15px;}
.section04-right-list{margin-bottom:20px;}
.section04-right-txt{width:calc(100% - 50px); font-size:15px;}

.calendar-btn > a{top:40%;}
.calender-prev{width:25px; height:25px; left:15px; background-size:25px;}
.calender-next{width:25px; height:25px; right:15px; background-size:25px;}

.m-calendar ul{ display:table; width:175px; margin:0 auto;}
.m-calendar-left{padding-right:15px;}
.m-calendar-left p:nth-child(1){font-size:22px; }
.m-calendar-left p:nth-child(2){font-size:22px; }
.m-calendar-right{padding-left:15px;}
.m-calendar-right p{font-size:64px;}

.section04-left-listbox{margin-top:20px;}

/*준비중일 때*/
.non-content-area{display: flex; height:100px; }
.non-content-area2{display: flex; height:125px;}
.non-content-area3{display: flex; height:150px;}
.non-content-section{font-size:16px;}
.non-content-section i{width:20px; height:20px; margin-right:10px; background-size:20px;}

}

@media all and (max-width:600px){
.left-section-content-list{min-height:680px}
}

@media all and (max-width:400px){
.left-section-content-list{min-height:440px}
.left-section-content-list{padding:10px 20px 0 20px;}
.left-section-content-list li a span:nth-child(1){font-size:16px;}
.left-section-content-list li a span:nth-child(2){margin-left:5px;}




}