@media screen and (max-width:640px) {
	#logo { left:15px; top:15px; }
	#intro .introText { background-size:50%; }
	.detailView { width: 320px; right: -320px; padding-top: 384px; }
	.thumbnailSlider { top: 50px; width: 320px; height: 227px; left: -13px; }
	.thumbnailSlider:before { height:227px; }
	.thumbnailContainer { width: 100%; height: auto; }
	.thumbnailContainer img { width: 100%; height: 100%; }
	.thumbnailControl { top: 200px; right: auto; left: -15px; }
	.detailViewTitleWrap { top: 277px; padding: 20px; }
	.detailViewInternational > p { float: none; }
	.detailViewBasic { margin-bottom: 15px; }
	.detailViewBasic dt, .detailViewBasic dd { float: none; }
	.detailViewBasic dd { margin-left: 10px; }
	.detailViewInfo { padding: 20px; }
	.detailViewClose { background-size: 40%; right: 3px; top: 3px; }
	.thumbnailSlider:before { border: 1px solid #fff; }
	.headerSide { height:55px; padding-right:55px; }
	.allMenuOpen { width: 55px; height: 55px; background-size: 30%; }
	.headerSide .miniMapClose { width: 55px; height: 55px; background-size: 30%; margin-left: -55px; }
	.headerSide .miniMapOpen { width: 55px; height: 55px; background-size: 40%; }
	.hd_top h2 { height: 54px; line-height: 54px; font-size: 14px; }
	.hd_top { height: 54px; }
	.hd { width: 248px; right: -248px; }
	.allMenuClose { width: 54px; height: 54px; background-size: 35%; }
	.dept1_a span { line-height: 60px; font-size: 14px; }
	.dept1_a { height: 60px; }
	.dept1_a:before { right: 24px; }
	.dept2_a { height: 60px; line-height: 60px; font-size: 14px; padding-left: 30px; }
	.dept2_a.box { height: 60px; line-height: 60px; }
	.dept3_a { font-size: 13px; padding-left: 30px; }
	#header:hover .dept1_li:nth-child(1) .dept1_a { padding-right: 30px; }
	.miniMap { top:62px; }
	body.subActive.miniMapActive .miniMap:after { right:73px; }
}