@charset "utf-8";

@media screen and (max-width:1024px) {
	/* 비주얼 컨트롤 버튼 */
	.visual .bx-controls {top:78%; right:35%; margin-left:-40px}
	/* 비주얼 페이징 버튼 */
	#slider1-pager {top:77%; right:50%; margin-left:-35px}

	/*게시판 리스트*/
	div.Board-article:nth-child(2) h3 {left:145px}
}

@media screen and (max-width:865px) {

	/*비쥬얼*/
	.visual ul#slider1 li .txt span {font-size:2.5rem}
	#contents-area01 {background-position:center top; padding-bottom:10px}
	
	/*팝업존 컨트롤*/
	#popupzone .page{left:46%}
	
	/*게시판 리스트*/
	#Board-section {padding:0}
	#Board-section, #inquiry {display:block; width:100%}
	div.Board-article h3 {top:-45px}
	div.Board-article .article li span.date {display:block}
	div.Board-article .more {top:-40px; right:0}
	
	
	/*메인배너*/
	.main-banner ul li {width:50%; height:180px}
	.main-banner ul li a span, .main-banner ul li a span.more {margin:15px 0 0}

}

@media screen and (max-width:768px) {
	/*게시판 리스트*/
	#Board-section {margin:0; padding:0}
	.custom-box .section {display:block}
	div.Board-article .more {right:0}

	/*좌우 페이지 버튼*/
	#popupzone .controller, #popupzone .bx-controls {display:none}
	#popupzone .page {background:#000; border-radius:100px; bottom:8px; padding:3px 10px}

	/* 비주얼 퀵 */
	.visual-quick ul li a span{font-size:0.9rem}

	/*박물관 갤러리*/
	.photo-section {padding:30px 10px}
	.photo-section ul.article li:nth-of-type(n+5) {display:none}
	.photo-section ul.article li:nth-of-type(even) {margin-right:0}
	.photo-section ul.article li {width:49%}

	/*배너*/
	div.banner-area {padding:0 10px}
}

@media screen and (max-width:640px) {

	/*비쥬얼*/
	ul#slider1 li.visual{background-size:200%}
	.visual ul#slider1 li {height:600px}
	.visual ul#slider1 li .txt {margin:145px 0 0 0}
	.visual ul#slider1 li .txt span {font-size:1.8rem; padding:0 30px}
	
	/* 비주얼 컨트롤 버튼 */
	.visual .bx-controls {top:73%}
	/* 비주얼 페이징 버튼 */
	#slider1-pager {top:72%}
	
	/* 비주얼 퀵 */
	.visual-quick {width:465px; margin-left:-232px; top:46%}
	.visual-quick ul li {width:130px; height:130px}
	
	/*이용시간문의*/
	#inquiry {margin-top:30px; padding-top:20px; border-top:1px solid #b29181} 
	
	/*메인배너*/
	.main-banner ul li a strong {font-size:1.4rem}
	.main-banner ul li a span.txt {display:none}
	.main-banner ul li a:after {background-size:auto 100%}
	
	.photo-section h3  {font-size:1.4rem}

}
	
@media screen and (max-width:480px) {
	
	/*비쥬얼*/
	ul#slider1 li.visual{background-size:200%}
	.visual ul#slider1 li {height:600px}
	.visual ul#slider1 li .txt span {word-break:keep-all; white-space:initial}
	
	/* 비주얼 컨트롤 버튼 */
	.visual .bx-controls {top:72%; left:170px; margin-left:0}
	/* 비주얼 페이징 버튼 */
	#slider1-pager {top:71%; left:80px; right:0; margin-left:0}
	
	/* 비주얼 퀵 */
	.visual-quick {top:50%; width:320px; margin-left:-160px}
	.visual-quick ul li {width:100px; height:100px}
	.visual-quick ul li:nth-child(2) {margin:0 5px}
	
	/*좌우 페이지 버튼*/
	#popupzone .controller, #popupzone .bx-controls {display:none}
	#popupzone .page {background:#000; border-radius:100px; bottom:8px; padding:3px 10px}
	
	/*팝업존 컨트롤*/
	#popupzone {margin-top:-50px}
	
	/*게시판 리스트*/
	.custom-box {padding:20px}
	#Board-section, #inquiry {width:95%}
	div.Board-article .article li span.date {display:none}
	
	/*메인배너*/
	#contents-area02 .con-section {display:block; width:100%; height:150px; padding-top:30px}

}