/*硫붿씤 �꽮�뀡 怨듯넻*/
.bg_spin{ position: fixed; left: 50%; top: 50%; z-index: 0; transform: translate(-50%,0) rotate(0); margin-left: 800px; width: 380px; display: none}

@media (max-width: 2000px){
	.bg_spin{ left: auto; right: -15vw; margin-left: 50%; width: 45vw; max-width: 380px}
}
@media (max-width: 1200px){
	.bg_spin{ right: -20vw;}
}
@media (max-width: 800px){
	.bg_spin{ right: -25vw;}
}

.main_sec{ padding: 100px 0; z-index: 2; position: relative;}
.main .sec_tit{ font-size: 3.5rem; color: #131313; font-family: "NotoSans_b", "Malgun Gothic", sans-serif; display: flex; flex-wrap: wrap; align-items: center}
.main .sec_tit .more{ margin-left: 45px; position: relative; top: -0.1em}
.main_sec .sec_tit{ margin-bottom: 50px}
.main_sec .slick-disabled{ opacity: 0.5}
.main_sec .slick-prev,
.main_sec .slick-next{ width: 70px; height: 70px; position: absolute; top: -118px; cursor: pointer}
.main_sec .slick-prev{ right: 69px; background:  url("/img/main/arrow_big.png") no-repeat center; transform: rotate(-180deg)}
.main_sec .slick-next{ right: 0; background:  url("/img/main/arrow_big.png") no-repeat center}

@media (max-width: 1024px){
    .main_sec{ padding: 50px 0}
    .main .sec_tit{ font-size: 2.5rem; padding-right: 115px; display: block; word-break: keep-all}
    .main_sec .sec_tit{ margin-bottom: 30px}
    .main_sec .slick-prev,
    .main_sec .slick-next{ width: 50px; height: 50px; top: -78px; background-size: auto 55%}
    .main_sec .slick-prev{ right: 49px}

    .main .sec_tit .more{ margin-left: 15px}
    .main .sec_tit img{ width: 30px}
}

/*硫붿씤 鍮꾩＜�뼹*/
.visual_wrap{ position: relative; z-index: 3; background: #000;}
.visual_wrap .visual_slide_item{ width: 100%; height: calc(100vh - 145px); min-height: 800px; background-position: center; background-repeat: no-repeat; background-size: cover}

.visual_control_bg{
    width: 110px;
    height: 50px;
    background: rgba(0, 0, 0, 0.65);
    color: #fff;
    position: absolute;
    left: 50%;
    bottom: 40px;
    transform: translateX(-50%);
    border-radius: 0 25px 25px 0;
    margin-left: 55px;
}
.visual_wrap .visual_slide_list .slick-dots{
    width: 110px;
    height: 50px;
    color: #fff;
    position: absolute;
    left: 50%;
    bottom: 40px;
    transform: translateX(-50%);
    margin-left: -55px;
    background: rgba(0, 0, 0, 0.65);
    border-radius: 25px 0 0 25px;

}
.visual_wrap .visual_slide_list .slick-dots li{
    position: absolute;
    left: 30px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 1.125rem;
    opacity: 0
}
.visual_wrap .visual_slide_list .slick-dots li.slick-active{
    opacity: 1
}
.visual_wrap .visual_slide_list .slick-dots .count{
    margin-right: 10px
}
.visual_wrap .visual_slide_list .slick-dots .total{
    color: #999;
    margin-left: 10px
}
.visual_wrap .aro1_prev,
.visual_wrap .aro1_next{
    width: 10px;
    height: 50px;
    overflow: hidden;
    color: transparent;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 40px;
    cursor: pointer;
}
.visual_wrap .aro1_prev{ margin-left: 25px; background: url("/img/common_renew/arrow_calendar_prev.png") no-repeat center / auto 13px}
.visual_wrap .aro1_next{ margin-left: 75px; background: url("/img/common_renew/arrow_calendar_next.png") no-repeat center / auto 13px}
.visual_slide_controls{
    width: 20px;
    height: 50px;
    overflow: hidden;
    color: transparent;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 40px;
    margin-left: 50px
}
.visual_slide_controls button{ cursor: pointer; height: 100%}
.visual_slide_controls .pause{ background: url("/img/main/ic_visual_stop_w.png") no-repeat center;}
.visual_slide_controls .play{ display: none; background: url("/img/main/ic_visual_start_w.png") no-repeat center;}

.visual_txt_wrap{ width: 100%; height: auto; position: absolute; left: 0; top: 0; z-index: 9990; background: #fff; box-shadow: 1px 1px 10px rgba(0,0,0,0.6)}
.visual_txt_con{ display: none}
.visual_txt_wrap .inner{ height: 100%; padding: 0; position: relative}
.visual_txt_wrap .sec_tit{ margin-bottom: 40px; padding-right: 0}

.main_info_trigger{width: 50px;height: 40px;border-radius: 0 0 15px 15px;background: #fff url("/img/common_renew/arrow_trigger_down.png") no-repeat center;position: absolute;left: 15px;bottom: -40px;box-shadow: 3px 3px 3px rgba(0,0,0,0.2)}

.main_info_list{ display: flex; flex-wrap: wrap}
.main_info_item{ font-size: 1.125rem; margin-bottom: 25px; position: relative; display: flex;}
.main_info_item:last-child{ margin-bottom: 0}
.main_info_item.children:before{ content: url("/img/main/ic_connect.png"); margin: 0 35px }
.main_info_item.paju{ padding-top: 25px; border-top: solid 1px #dfdfdf; width: 100%}
.main_info_item .slash{ margin: 0 15px}
.main_info_item .list_tit{ font-size: 1.250rem; display: inline-block; width: 75px}
.main_info_item .fee{ width: 125px; height: 35px; line-height: 35px; border-radius: 20px; text-align: center; border: solid 1px #131313;  display: inline-block; margin-right: 25px}
.main_info_item .go_to_page{ display: inline-block; width: 33px; height: 33px; background: url("/img/common_renew/ic_go_to_page.png") no-repeat center; margin-left: 20px}
.main_info_item a{ position: relative}

.visual_txt_wrap.active .visual_txt_con{ display: block;}
.visual_txt_wrap.active .inner{ padding: 30px 15px;}
.visual_txt_wrap.active .main_info_trigger{ background: #fff url("/img/common_renew/arrow_trigger_up.png") no-repeat center}

@media (min-width: 1024px){
    .main_info_item a:focus .fee,
    .main_info_item a:hover .fee{ background: #15576e; color: #fff; border: none}
    .main_info_item a:focus .go_to_page,
    .main_info_item a:hover .go_to_page{ background: url("/img/common_renew/ic_go_to_page_active.png") no-repeat center;}
}
@media (max-width: 1620px){
	.main_info_item{ width: 100%}
	.main_info_item.children:before{ display: none}
}
@media (max-width: 1024px){
	.visual_txt_wrap .sec_tit{ margin-bottom: 30px; font-size: 2rem}
	
    .visual_wrap .visual_slide_item{ height: calc(100vh - 80px); min-height: 480px;}

    .main_info_item{ font-size: 1rem}
    .main_info_item .list_tit,
    .main_info_item .list_txt{ width: 100%}
    .main_info_item .list_tit{ font-size: 1.125rem}
    .main_info_item .slash{ display: none}

    .main_info_item .list_tit{ margin-bottom: 10px}
    .main_info_item .fee{ position: absolute; left: 60px; top: -42px}
    .main_info_item .go_to_page{ position: absolute; left: 175px; top: -41px}
}

/*諛뺣Ъ愿� �젙蹂�*/
.museum_info_wrap{ padding: 30px 0; font-size: 1.125rem; background: #fff; box-shadow: 1px 1px 10px rgba(0,0,0,0.1); position: relative; z-index: 2}
.museum_info_wrap .date{ color: #555}
.museum_info_wrap .left{ width: 130px; background: url("/img/main/img_bar.png") no-repeat center right 25px}
.museum_info_wrap .left img{ margin-right: 10px}
.museum_info_wrap .info{ width: calc(100% - 230px); padding-right: 35px}
.museum_info_wrap .info .slick-list{ width: 100%}
.museum_info_wrap .info a{ display: flex; align-items: center;}
.museum_info_wrap .info a .notice_mark{flex-shrink: 0}
.museum_info_wrap .info a .tit{ text-overflow: ellipsis; overflow: hidden; -webkit-box-orient:vertical; display: -webkit-box; position: relative; -webkit-line-clamp:1; max-width: 100%}
.museum_info_wrap .info a img{ margin-right: 3px; flex-shrink: 0}
.museum_info_wrap .info a span{ margin-right: 8px}
.museum_info_wrap .info .date{ width: 140px}
.museum_info_wrap .info .txt{ width: calc(100% - 140px)}
.museum_info_wrap .right{ width: 100px; text-align: right}
.museum_info_wrap .right img{ margin-left: 25px; position: relative; top: -2px}
.museum_info_wrap .autoplay_control{ width: 20px; height: 20px; position: absolute; right: 108px; top: 50%; transform: translateY(-50%);}
.museum_info_wrap .autoplay_control button{ width: 100%; height: 100%; position: absolute; left: 0; top: 0; cursor: pointer;}
.museum_info_wrap .autoplay_control button.pause:after { content: ""; width: 3px; height: 100%; position: absolute; left: 5px; top: 0; background: #555}
.museum_info_wrap .autoplay_control button.pause:before { content: ""; width: 3px; height: 100%; position: absolute; right: 5px; top: 0; background: #555}
.museum_info_wrap .autoplay_control button.play:before { content: "";  width: 0; height: 0; border-top: 10px solid transparent; border-left: 15px solid #555; border-bottom: 10px solid transparent; position: absolute; left: 50%; top: 0; transform: translateX(-50%);}
.museum_info_wrap .autoplay_control .prev{display:block;position: absolute;left: -90px;top: -2px;}
.museum_info_wrap .autoplay_control .next{display:block;position: absolute;left: -50px;top: -2px;}
.museum_info_wrap .autoplay_control .prev,.museum_info_wrap .autoplay_control .next {width: 30px;height:25px;border: 1px solid #555;background:#fff;color:#555;font-size:20px;line-height:20px;text-align:center;cursor:pointer;padding:0}


@media (max-width: 1630px){ .museum_info_wrap .autoplay_control{ right: 121px}}
@media (max-width: 1024px){
	.museum_info_wrap{ padding: 20px 0 0 0}
    .museum_info_wrap .left,
    .museum_info_wrap .right{ width: 50%}
    .museum_info_wrap .left{ background: none}
    .museum_info_wrap .right{ position: absolute; right: 0; top: 0; padding-right: 20px}
    .museum_info_wrap .info{ width: 100%; padding: 15px 30px 15px 0; border: 1px solid #aaa; border-left: none; border-right: none; margin-top: 10px}
    .museum_info_wrap .autoplay_control{ right: 20px; top: auto; bottom: 20px; transform: translateY(0);}
	.museum_info_wrap .info a .tit{width:500px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

}

/*硫붿씤 - �쟾�떆*/
.main_exhibition_slide .slick-track{ display: flex}
.main_exhibition_slide .slick-list{ margin: 0 -20px; padding-bottom: 2px; overflow: visible}
.main_exhibition_slide .main_exhibition_item{ margin: 0 20px;}
.main_exhibition_item > a{ width: 100%; height: 100%}
.main_exhibition_item .img_wrap{ width: 100%; margin-bottom: 30px; border: solid 1px #e0e0e0; position: relative; padding-bottom: 150%}
.main_exhibition_item .img_wrap img{ width: 100%; height: 100%; max-width: 100%; max-height: 100%; position: absolute; left: 0; top: 0}
.main_exhibition_item .img_wrap .state{ width: auto; height: 40px; line-height: 40px; padding: 0 20px; position: absolute; left: 20px; top: 20px; z-index: 2; color: #131313; font-size: 1.250rem; font-family: "NotoSans_mb", "Malgun Gothic", sans-serif}
.main_exhibition_item .img_wrap .state.present{ background: rgba(205,225,232,0.9)}
.main_exhibition_item .img_wrap .state.last{ background: rgba(224,224,224,0.9)}
.main_exhibition_item .tit{ font-size: 1.375rem; color: #131313; font-family: "NotoSans_b", "Malgun Gothic", sans-serif; margin-bottom: 10px}
.main_exhibition_item .txt{ font-size: 1.125rem}
.main_exhibition_item .date{ margin-bottom: 5px}

@media (max-width: 1024px){
    .main_exhibition_slide .slick-list{ margin: 0 -5px}
    .main_exhibition_slide .main_exhibition_item{ margin: 0 5px}
    .main_exhibition_item .img_wrap{ margin-bottom: 15px}
    .main_exhibition_item .img_wrap .state{ left: 10px; top: 10px; height: 30px; line-height: 30px; font-size: 0.813rem; padding: 0 12px}
    .main_exhibition_item .tit{ font-size: 1.250rem}
    .main_exhibition_item .txt{ font-size: 1rem}
    .main_exhibition_item .date{ margin-bottom: 0}
}

/*硫붿씤 - 援먯쑁*/
.main_sec.edu{ padding-top: 0}
.main_sec.edu .slick-prev,
.main_sec.edu .slick-next{ top: -190px}
.tab_menu_edu{ display: flex; flex-wrap: nowrap; align-items: center; margin-bottom: 30px; width: 100%}
.tab_menu_edu .slick-list{ margin: 0 -5px; width: 100%}
.tab_menu_edu .slick-track{ min-width: 100%; display: flex;}
.tab_menu_edu .tab_link{ overflow: hidden; margin: 0 5px}
.tab_menu_edu .tab_link a{ width: 100%; height: 40px; line-height: 40px; text-align: center; font-size: 1.250rem; color: #666; border-radius: 20px; border-radius: 20px; border:  solid 1px #cecece;}
.tab_menu_edu .tab_link a:focus{ outline-offset: -1px;}
.tab_menu_edu .tab_link.current{ border: none}
.tab_menu_edu .tab_link.current a{ background: #15576e; color: #fff; font-family: "NotoSans_b", "Malgun Gothic", sans-serif}

.edu_list .slick-track{ display: flex}
.edu_list .slick-list{ margin: 0 -15px; padding-bottom: 2px}
.edu_list .edu_item{  margin: 0 15px; background: #fff}
.edu_list .edu_item > a{ padding: 40px 30px; width: 100%; border: solid 1px #cecece;}
.edu_list .edu_item > a:focus,
.edu_list .edu_item > a:hover{ border: solid 1px #131313; box-shadow: 1px 1px 10px rgba(0,0,0,0.3)}
.edu_list .edu_item .state{ font-size: 1.250rem; margin-bottom: 25px}
.edu_list .edu_item .tit{ height: 2.6em; line-height: +1.3; color: #131313; font-family: "NotoSans_b", "Malgun Gothic", sans-serif; font-size: 1.625rem; margin-bottom: 30px}
.edu_list .edu_item .txt{ color: #131313; font-family: "NotoSans_l", sans-serif; font-size: 1.125rem}

.main_sec.edu .tab_con > .img_wrap{ height: 315px; width:100%; display: flex; align-items: center; justify-content: center}

@media (max-width: 1200px){
    .tab_menu_edu{ justify-content: space-around}
    .tab_menu_edu .slick-list{ margin: 0 -3px;}
    .tab_menu_edu .tab_link{ margin-top: 5px; margin-bottom: 5px; margin: 0 3px; flex: 1}
    .tab_menu_edu .tab_link a{ padding: 5px 0; height: auto; line-height: +1.5; text-align: center; font-size: 1.125rem; background: #fff}
}
@media (max-width: 1024px){
    .edu_list .slick-list{ margin: 0 -5px}
    .edu_list .edu_item{ margin: 0 5px}
    .main_sec.edu .slick-prev, .main_sec.edu .slick-next{ top: -148px}
}
@media (max-width: 800px){
    .tab_menu_edu{ flex-wrap: wrap; justify-content: center}
}

/*硫붿씤 - �뻾�궗*/
.sec_event{ /*background: url("/img/main/bg_event.jpg") no-repeat center / cover; background-attachment: fixed;*/ display: flex; padding: 0; position: relative;}
.sec_event .img_wrap{ width: 100%; background: url("/img/main/img_event_video.jpg") no-repeat center / cover;text-indent:-9999px}
.event_list{ width: 685px; max-width: 40%; position: relative; z-index: 2; flex-shrink: 0}
.event_item{ color: #fff; font-size: 2.125rem; height: 200px; border-bottom: solid 1px #6d6c6b}
.event_item:last-child{ border-bottom: none}
.event_item > a{ width: 100%; height: 100%; display: flex; align-items: center; justify-content: space-between; padding: 0 80px; background: #000;}
.event_item > a:focus,
.event_item > a:hover{ background: #15576e;}

.sec_event .video_wrap{ position: absolute; left: 0; top: 0; width: calc(100% - 685px); height: 100%; z-index: 1; overflow: hidden;}
.sec_event .video_wrap video{ position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); width: 100%; height: 100%}

@media (max-width: 1200px){
	.event_item{ height: 20vw; font-size: 1.875rem;}
	.event_item > a{ padding: 0 30px}
}

@media (max-width: 800px){
	.sec_event{ flex-wrap: wrap}
	.sec_event .img_wrap{ height: 50vw}
    .event_list{ width: 100%; max-width: 100%}
    .event_item{ max-height: 150px; min-height: 100px; font-size: 1.750rem}
    .event_item > a{ padding: 0 20px}
    .event_item .tit{ margin-right: 10px; text-align: center}
}

/*硫붿씤 - �삩�씪�씤 �꽌鍮꾩뒪*/
.online_service_slide .slick-list{ overflow: visible}
.online_service_item{ padding: 0 8px;}
.online_service_item > a{ width: 100%; height: 100%; position: relative}
.online_service_item .img_wrap img{ width: 100%}
.online_service_item .txt_wrap{ width: 100%; height: 100%; position: absolute; left: 0; top: 0; padding: 25px 20px; display: flex; flex-wrap: wrap; align-content: flex-end}
.online_service_item .tit{ color: #fff; font-size: 1.375rem; width: 100%; height: 2.4em}
.online_service_item .more{ display: none}
.online_service_item .tit + .more{ margin-top: 3.5em}

.online_service_item > a:hover .txt_wrap,
.online_service_item > a:focus .txt_wrap{ align-content: center}
.online_service_item > a:hover .more,
.online_service_item > a:focus .more{ display: block}

@media (max-width: 1024px){
    .online_service_slide .slick-list{ margin: 0 -5px;}
    .online_service_item{ margin: 0 5px; padding: 0}
}

/*메인 박물관 이동 링크 추가*/
.museum_link_list{ display: flex; flex-wrap: wrap;}
.museum_link_item{ width: 33.3333%; position: relative; overflow: hidden; background: #000}
.museum_link_item:before{ content: ""; width: 100%; height: auto; padding-bottom: 67.6%; display: block;}
.museum_link_item > a{ width: 100%; height: 100%; position: absolute; left: 0; top: 0}
.museum_link_item .img_wrap,
.museum_link_item .img_wrap img{ width: 100%}
.museum_link_item .img_wrap{ position: relative; overflow: hidden; width: 100%; height: 100%}
.museum_link_item .img_wrap img{ width: 100%; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%) scale(1); transition: 0.3s}
.museum_link_item > a:hover .img_wrap img,
.museum_link_item > a:focus .img_wrap img{ transform: translate(-50%,-50%) scale(1.1); transition:  0.3s}
.museum_link_item .txt_wrap{ width: 100%; height: 100%; position: absolute; left: 0; top: 0; display: flex; flex-wrap:wrap; align-content: center; justify-content: center; text-align: center; color: #fff; padding: 15px; word-break: keep-all; text-shadow: 1px 1px 5px rgba(0,0,0,0.3)}
.museum_link_item .txt_wrap .tit{ font-size: 2.250rem; margin-bottom: 25px; width: 100%}
.museum_link_item .txt_wrap .txt{ font-size: 1.500rem; width: 100%}

@media (max-width: 1024px){
    .museum_link_item{width: 100%}
    .museum_link_item:before{ padding-bottom: 30%}
    .museum_link_item .txt_wrap .tit{ font-size: 2rem; margin-bottom: 15px}
	.museum_link_item .txt_wrap .txt{ font-size: 1.375rem}
}

@media (max-width: 600px){
	.museum_link_item:before{ padding-bottom: 40%}
    .museum_link_item .txt_wrap .tit{ font-size: 1.875rem; margin-bottom: 5px}
	.museum_link_item .txt_wrap .txt{ font-size: 1.125rem; line-height: +1.3}
	.museum_info_wrap .info{padding: 15px 30px 50px 0;}
}

/*메인비주얼-동영상*/
.visual_wrap .view__images figure,
.view__images #transact_video_1{ width: 100% !important; height: auto !important; display: flex; flex-wrap: wrap}
.visual_wrap .view__images figure video{ width: 100%; min-height: auto !important;}
.icorejs-control-text{display: none}