@charset "utf-8";
@import url(main_pad.css);

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

	.visual > div {float:left; width:100%; height:auto}
	.visual > div .img {position:relative}
	.visual > div .img img {display:block; height:auto}
	.visual > div .txt {min-height:auto}
	.visual > div .txt strong {font-size:1.3rem; margin-bottom:0}
	.visual > div .txt span {font-size:0.65rem}
	
	.visual .article-left .txt {top:inherit; bottom:0}
	.visual .article-right .txt {width:85%; top:inherit; bottom:0}
	
	/*공지사항*/
	.Board-article {position:relative; top:0}
	.Board-article .article li span.date {display:none}
	
	/*아이콘 링크*/
	.link-article {padding:20px 20px 10px 20px}
	.link-article ul {display:block}
	.link-article ul:after {content:''; clear:both; display:block}
	.link-article ul li {display:block; font-size:0.9rem; float:left; width:33.3%; margin-bottom:15px}
	.link-article ul li i {margin-bottom:10px}
	
	#contents-area02 .con-section {padding:20px}
	
	/*팝업존*/
	#popupzone {float:none; width:100%; height:auto}
	#popupzone img {height:auto}
	
	/*메인배너*/
	.main-banner {float:none; width:100%; height:auto}
		
	/*포토스케치*/
	#contents-area02 {padding:0}
	.photo-section {padding:0 20px; margin:0 0 20px 0}
	.photo-section ul.article li {display:none; width:100%; float:none}
	.photo-section ul.article li:first-child {display:block}
	.photo-section > span.more {right:20px}
	
}