@media screen and (max-width:700px) {
	#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%; }
	.allMenuClose { width: 54px; height: 54px; background-size: 35%; }
	body.subActive.miniMapActive .miniMap:after { right:73px; }

	
	#intro .icon_wrap .icon1 {background-size: 20%;}
	#intro .icon_wrap .icon2 {background-size: 20%;}
	#intro .icon_wrap .icon3 {background-size: 20%;}
}