@media screen and (max-device-width: 640px) {
	:root{
		--headBarHeight: 50px;
	}

	.imageScroll .navBtn{width: 5%;}
	.imageScroll .navBtn i{padding: 0;}
	.imageScroll .imgContainer{width: 90%;}

	.selectNotice .navBtn{width: 5%;}
	.selectNotice .navBtn i{padding: 0;}
	.selectNotice .noticeList{width: 90%;}

	.headerBar .btn{min-width: 40px;}
	.headerBar .btn .primary{padding: 0 10px; font-size: 0;}
	.headerBar .btn.sml{font-size: 1em;}

	.main .loginBox{width: calc(100vw - 30px); height: calc(100vh - 150px); border: #666666 solid 1px; padding: 0 30px; position: absolute; top: 0; left: 15px; box-sizing: border-box; display: inline-flex; align-content: center;}

	.main .sectionBox.noAdditionalSpace{padding: 0 10px;}
}