@charset "UTF-8"; 

/**** 슬라이드 ****/
.slick-dots {position:absolute; left:0; bottom:20px; width:100%; margin:0 auto; text-align:center;}
.slick-dots li {display:inline-block;}
.slick-dots li button {width:9px; height:9px; margin-right:10px; border-radius:50%; background:#fff; text-indent:-9999px;}
.slick-dots li.slick-active button {background:#222;}


/**** main ****/
/* 메인비주얼 */
.main_s1 {position:relative; width:100%; z-index:90;}  
.main_txt {position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); text-align:center; color:#fff; z-index:90;}
.main_txt span {font-size:28px; line-height:1.2;}
.main_txt>p {margin-top:10px; font-size:56px; color:#b7efaf; font-weight:600;}
.downArrow{margin-top:50px;}
.downArrow i {display:block; width:49px; height:27px; margin:0 auto 20px; background:url(../images/main/scroll_down.png) no-repeat center 0;}
.bounce {
	-moz-animation: bounce 3s infinite;
	-webkit-animation: bounce 3s infinite;
	animation: bounce 3s infinite;
}
@-moz-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -moz-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -moz-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  60% {
    -moz-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}
@-webkit-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  60% {
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}
@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -moz-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  60% {
    -moz-transform: translateY(-15px);
    -ms-transform: translateY(-15px);
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}
.main_visual {overflow:hidden; height:100vh;} 
.main_visual>img {
	width:100%;height:100vh;margin:0 auto;
	-ms-transform: scale(1.2,1.2);
	-o-transform: scale(1.2,1.2);
	-moz-transform: scale(1.2,1.2);
	-webkit-transform: scale(1.2,1.2);
	transform: scale(1.2,1.2);
	-webkit-transition:transform 8000ms  ease-in-out ;
	-moz-transition:transform 8000ms ease-in-out ;
	-o-transition:transform 8000ms ease-in-out ;
	-ms-transition:transform 8000ms ease-in-out ;
	transition:transform 8000ms ease-in-out ;
}
.main_visual.on>img {
	-ms-transform: scale(1);
	-o-transform: scale(1);
	-moz-transform: scale(1);
	-webkit-transform: scale(1);
	transform: scale(1);
}

/* 휴관일 안내 */
.close_info .month_info {display:inline-block;float:left; vertical-align:middle;}
.month_info span {display:inline-block; font-size:18px; line-height:100px; vertical-align:inherit; cursor:pointer;}
.month_info button img {margin: 25px 15px;}
.month_info .month {position:relative; width:65px; height:65px; background:#c6bfb2; border-radius:50%; text-align:center;}
.month_info .month em {position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); line-height:1; font-size:36px; font-weight:600; color:#5e5449;}
.month_info .month_p {display:inline-block; vertical-align:middle; margin-left:7px; font-size:21px;}
.day_info {display:table-cell; padding-left:30px;}
.day_info p {margin:10px 0; font-size:15px; color:#888;}
.day_info p.day {margin:0; font-size:18px; color:#fff;}
.day_info span.note {color:#905f29;}
.day_info span {display:block;}

.museum_info {display:table; position:absolute; bottom:30px; left:50%; transform:translate(-50%,0); background:rgba(0,0,0,.7);}
.museum_info>div {display:table-cell; width:25%; color:#fff; padding:35px 20px; float:none; border-right:1px solid rgba(255,255,255,.1); vertical-align:middle;}
.museum_info>div:first-child {padding-right:0; vertical-align:top;}
.museum_info>div:last-child {border-right:0;}
.museum_info>div>h3 {font-weight:400; margin-bottom:15px;}
.museum_info p {font-weight:300;}

.museum_info .time_info {padding-left:60px; background:url("../images/main/info_time.png") no-repeat;background-size:43px;}
.museum_info .time_info ul li {margin-bottom:3px;}
.museum_info .time_info ul li:last-child {margin-bottom:0;}
.museum_info .time_info ul li span {opacity:.2; font-weight:300;}

.museum_info .close_info {width:45%;}

/*
.museum_info .close_info p {opacity:.5;}
.museum_info .close_info span {display:block; margin-top:10px; font-weight:500;}
*/
.museum_info .reserve {width:15%;}
.museum_info .reserve h3 {font-size:24px;}
.museum_info .reserve.group {background:rgba(49,137,147,.6); text-align:center;}
.museum_info .reserve.group a {display:inline-block; padding:5px 15px; color:#318993; background:#fff; border-radius:5px;}
.museum_info .reserve.group a:hover {background:#0c4046; color:#fff;}
.museum_info .reserve.school {background:rgba(154,61,46,.6);}
.museum_info .school a {display:inline-block; height: 50px;padding: 16px 0 0 70px; color:#fff;}
.museum_info .school a.off {background:url("../images/main/main_reserve_off.png") no-repeat;}
.museum_info .school a.on {background:url("../images/main/main_reserve_on.png") no-repeat;}
.museum_info .school a:hover {color:#ffe400;}


.museum_info .reserve.schedule {background:rgba(138, 46, 46, 0.8); text-align:center;}
.museum_info .reserve.schedule a {display:inline-block; padding:5px 15px; color:#318993; background:#fff; border-radius:5px;}
.museum_info .reserve.schedule a {color:#712726;}
.museum_info .reserve.schedule a:hover {background:#440505; color:#fff;}
.museum_info .schedule a {display:inline-block; padding-left:70px; color:#fff;}
.museum_info .schedule h3 {font-size:24px; font-weight:400;}

.museum_info .reserve.vr h3 {font-size:24px;}
.museum_info .reserve.vr {width:16%;background: rgba(79,61,6,.6);}
.museum_info .vr a {display:inline-block;color:#fff;height: 50px;padding: 16px 0 0 70px; background:url("../images/main/main_VR_off.png") no-repeat;}
.museum_info .vr a:hover {color:#ffe400; background:url("../images/main/main_VR_on.png") no-repeat;}


/* 메인섹션공통 */
#main_wrap section {padding:50px 0;}
#main_wrap section.pro_carousel_wrap {background:url("../images/main/main_s2_bg.jpg") #2e382f left bottom;}
#main_wrap section.mnquick {background:url("../images/main/main_s3_bg.jpg");}
#main_wrap section.mnNews {padding:40px 0;}
/* 메인뉴스 */
.mnNews>div {padding:0 20px;}
.mnNews>div>div {height:320px;}
/* 메인게시판 */
.tab_event .tab .tit_tab {width:150px;}
.none {position:absolute; top:-999em; width:0; height:0; font-size:1px; line-height:0; overflow:hidden;}
.tab_event .tab_list {position: relative; width:100%; float:left; border-bottom:1px solid #ddd;}
.tab_event .tab .tit_tab {float:left;}
.tab_event .tab h4 {text-align:center; margin:0;}
.tab_event .tab h4 a {display:block; padding:15px; font-size:17px; font-weight:500;}
.tab_event .tab .conts .more {display:inline-block; position:absolute; right:0; top:-51px; width:35px; height:35px; text-align:center; border:2px solid #ddd;}
.tab_event .tab .conts .more:hover {border:2px solid #386d73;}
.tab_event .tab .conts .more img {margin-top:8px; vertical-align:top;}
.tab_event .tab .tit_tab:hover,
.tab_event .tab .tit_tab_active {visibility: visible; border-bottom:2px solid #386d73;}
.tab_event .tab .conts {position:absolute; top:56px; bottom:0; left:0px; right:0px;}
.tab_event .tab .conts_inner {overflow:hidden; padding:30px;}
.tab_event .tab .conts_inner li:last-child {margin-top:30px;}
.tab_event .tab .conts_inner dt span {font-size:15px; font-weight:500;}
.tab_event .tab .conts_inner dt p {font-size:48px; line-height:1;}
.tab_event .tab .conts_inner dd h4 {margin-bottom:15px; text-align:left; font-size:20px;}
.tab_event .tab .conts_inner dd p {font-size:15px; color:#888; height:42px;}
.tab_event .tab .conts_inner li a {display:block;}
.tab_event .tab .conts_inner li a:hover dd h4 {color:#318993;}
.tab_event .tab .conts_inner li a:hover dd p {text-decoration:underline;}

/* 알림판 */
.mnNews .popup_wrap .mnSlide a {display:block;}
.mnNews .popup_wrap .mnSlide img {width:100%; height:320px;}


/* 전시/교육&문화행사 프로그램 */
#main_wrap .pro_carousel .slick-arrow {position:absolute; top:50%; transform:translate(0,-50%); z-index:99; width:27px; height:49px; text-indent:-9999px; background-repeat:no-repeat; background-position:center; opacity:.5;}
#main_wrap .pro_carousel .slick-arrow:hover {opacity:1;}
#main_wrap .pro_carousel .slick-arrow.slick-prev {left:-40px; background-image:url(../images/main/pro_carousel_prev.png);}
#main_wrap .pro_carousel .slick-arrow.slick-next {right:-40px; background-image:url(../images/main/pro_carousel_next.png);}
#main_wrap .pro_carousel .slick-list {margin:0 auto;}

#main_wrap .carosel_in {position:relative;}
#main_wrap .carosel_in>a {display:block; margin:30px 15px 0; box-shadow:5px 5px 5px rgba(0,0,0,.2) !important;}
#main_wrap .carosel_in>a img {width:100%;}
#main_wrap .carosel_in .kind {position:absolute; top:0; left:30px; padding:25px 12px; color:#fff; background:url(../images/main/label_deco.png) no-repeat right top #000; width:98px; height:98px; display:table;}
#main_wrap .carosel_in .kind p {width:70%; margin:0 auto; text-align:center; font-size:20px; display:table-cell; vertical-align:middle;}


/* 하단 퀵배너 & 배너 */
.mnquick .quick li:nth-child(3),
.mnquick .quick li:nth-child(4) {margin-top:50px;}
.mnquick .quick li a {display:block;  text-align:center;}
.mnquick .quick li i {margin-bottom:25px;}
.mnquick .quick li p {font-size:14px; color:#fff;}





/* ************************ 태블릿 이하(~991) ************************ */
@media screen and (max-width: 991px) {
	
	/* 메인비주얼 */
	.main_s1 {height:auto;}
	.main_visual,
	.main_visual>img {height:80vh;} 
	.main_txt {top:30%;}
	.downArrow{display:none;}	

	/* 휴관일 안내 */
	.museum_info {right:0;}
	.museum_info>div {display:inline-block; width:50%; height:150px; color:#fff; padding:20px;}	
	.museum_info>div>h3 {font-size:15px;}
	.museum_info>div:first-child {width:32%;}
	.museum_info .close_info {width:68%;}
	.museum_info .reserve {width:50%;}
	.museum_info .reserve h3 {font-size:24px; padding-top:23px;}	
	.museum_info .school a {/*padding-left:120px;*/}
	.museum_info .school a.off {background:url("../images/main/main_reserve_off.png") no-repeat 10px bottom;}
	.museum_info .school a.on {background:url("../images/main/main_reserve_on.png") no-repeat 10px bottom;}

	.museum_info .schedule a {padding-left:120px;}
	.museum_info .schedule .i_mq_edu {margin-top:34px;}
	
  	.museum_info>div.reserve.vr {height:100px;display:inline-block; width:100%; color:#fff; padding:20px;}	
	.museum_info .vr h3 {font-size:24px;padding-top:14px;}	
	.museum_info .vr a {padding:0 0 0 120px; height:50px;background: url("../images/main/main_VR_off.png") 50px top no-repeat;}	
	.museum_info .vr a:hover {background:url("../images/main/main_VR_on.png") no-repeat 50px top;}

	/* 메인섹션공통 */
	#main_wrap section {padding:100px 0;}
	.main_wrap {width: 95%;}	
	#main_wrap section .main_tit h2 {font-size:36px;}

	/* 메인뉴스 */
	.mnNews>div>div,
	.mnNews .popup_wrap .mnSlide img	{height:290px;}
	.mnNews>div:last-child {padding-right:0;}
	.tab_event .tab .conts_inner {padding:30px 0;}
	

	/* 교육&프로그램 */
	.pro_tit>span {font-size:16px; display:inline-block; width:80%; word-break:keep-all;}
	.pro_tit h2 {margin:30px 0 20px; font-size:38px;}
	.pro_tit_wrap .more {padding:12px 70px; font-size:14px;}
	.pro_control a {width:50px; height:50px; background-size:10px;}
	.pro_con .carosel_in>a {margin:0 15px;}
	.pro_con .carosel_in .program_info span.label {margin-bottom:15px;}
	.pro_con .carosel_in .program_info h3 {margin-bottom:15px; font-size:20px;}
	.pro_con .carosel_in .program_info p {margin-bottom:15px;}


}


/* ************************ 모바일 (0~767) ************************ */
@media screen and (max-width: 767px) {
	.slideMsg {
		width:80%; margin:0 auto 10px; padding:7px 0 10px 25px; 
		font-size:14px; line-height:1.2; color:#bf9c4b; text-align:left;
		background:url(../images/main/slide_tip_g.png) no-repeat left 9px; background-size:15px;
	}
	.slideMsg::after{content:"좌우로 드래그하시면 더 많은 프로그램을 보실 수 있습니다.";}
	
	/* 메인비주얼 */
	.main_visual, .main_visual>img {height:747px;}
	.main_txt {width:80%; top:180px;}
	
	/* 휴관일 안내 */	
	.museum_info {width:100%; top:290px; bottom:auto; background:rgba(0,0,0,.7); padding:0 !important;}	
	.museum_info>div {display:block; width:100% !important; height:auto;}
	.museum_info .reserve h3 {padding-top:0;}
	.museum_info .schedule .i_mq_edu {margin-top:13px;}
	
  	.museum_info .vr h3 {font-size:24px;padding-top:14px;}
		
	/* 메인섹션공통 */
	#main_wrap section {padding:50px 0;}
	#main_wrap section.mnNews {padding:120px 0 0;}
	
	/* 메인 게시판 */
	.tab_event .tab .tit_tab {width:43%;}
	.tab_event .tab .conts_inner {padding:15px 0;}
	.tab_event .tab .conts_inner dd h4 {margin-bottom:10px; font-size:18px;}
	.mnNews>div>div, .mnNews .popup_wrap .mnSlide img {height:270px;}
	.mnNews>div:last-child {padding:0 !important;}

	/* 하단 퀵배너 & 배너 */
	.mnquick>div>div:first-child {margin-bottom:30px; text-align:center;}
	.mnquick>div>div:first-child img {width:90%; margin:0 auto;}
	.mnquick .quick li i {margin-bottom:15px;}

}

@media screen and (max-width:460px) {
	.close_info .month_info {float:none;}
}	


/** 레이어팝업 */
.layer-popup-wrap {
	position:absolute;
	z-index:999;
	top:180px;
	border:2px solid;
	display:none;
}
.layer-popup-wrap > .layer-popup-btns-sec {
	display:flex;
	flex-direction: row-reverse;
	background-color:#000;
	color:#fff;
	gap:10px;
	padding:8px;
}

.layer-popup-wrap .layer-popup-btns-sec .layer-popup-btn {
	padding: 5px 15px;
	color: #318993;
	background: #fff;
	border-radius: 5px;
}
.layer-popup-wrap .layer-popup-btns-sec .layer-popup-btn:hover {background:#0c4046; color:#fff;}