@media screen and (max-width: 1920px) {
	:root {
		--base-font-size: 16px;
		--menu-padding-lr: 2.2rem;
	}

}
@media screen and (max-width: 1700px) {
	:root {
		--base-font-size: 15px;
	}
}
@media screen and (max-width: 1500px) {
	:root {
		--base-font-size: 14px;
		--menu-padding-lr: 1.5rem;
	}
/*	#menu .item.has-dropdown {
		max-width: 260px;
	}
	#menu .item-box.by_item.ch .item.has-dropdown {
		min-width: auto;
	}
	#menu .item-box.by_item.ch .item.has-dropdown .dropdown {
		min-width: 17rem;
	}
	#menu .item-box.by_chapter.ch .item.has-dropdown {
		width: 10rem;
	}
	#menu .item-box.by_chapter.ch .item.has-dropdown .dropdown {
		min-width: 10rem;
	}

	#menu .item-box.by_chapter.en .item.has-dropdown {
		min-width: 13rem;
	}
	#menu .item-box.by_chapter.en .item.has-dropdown .dropdown {
		min-width: 13rem;
	}*/
}
@media screen and (max-width: 1400px) {
	:root {
		--base-font-size: 13px;
		--menu-padding-lr: 1rem;
	}
}
@media screen and (max-width: 1250px) {
	:root {
		--base-font-size: 12px;
		--menu-dd-font-size: 1.5rem;
		--menu-padding-lr: 1rem;
		--menu-en-font-size: 1.2rem;
	}
	#main.login form {
		transform: scale(.5) translateY(-50%);
	}
	#main.inner .section-box .section.news .section-bd {
		max-width: calc(100% - 105px);
	}
}
@media screen and (max-width: 1180px) {
	:root {
		--base-font-size: 12px;
		--menu-dd-font-size: 1.2rem;
		--menu-padding-lr: 1rem;
		--right-side-width: 16rem;
		--e-icon-width: 5rem;
		--menu-en-font-size: 1rem;
		--menu-ch-font-size: 1.4rem;
	}
	#menu .item.no-dropdown {
		font-size: 1.6rem;
	}
	#menu .item-box.en .item.mode-box .title {
		width: 7rem;
	}
	#menu .item.has-dropdown .title:after {
		top: 8px;
		left: 7px;
		border-width: 8px 6px;
	}
	#menu .item-box.ch .item.mode-box .title {
		width: 7rem;
	}
}
@media screen and (max-width: 1030px){
	:root {
		--base-font-size: 12px;
		--menu-dd-font-size: 1.2rem;
		--menu-padding-lr: .5rem;
	}

	#menu .item.has-dropdown .title:after {
		top: 7px;
		left: 5px;
		border-width: 8px 5px;
	}
	#main.inner .section-box .section.news .section-bd {
		max-width: calc(100% - 85px);
	}
}
@media screen and (max-width: 980px){
	:root {
		--base-font-size: 12px;
		--menu-dd-font-size: 1rem;
		--menu-padding-lr: .5rem;
		--menu-ch-font-size: 1.2rem;
	}
	#menu .item.no-dropdown {
		font-size: 1.4rem;
	}
	#menu .item-box.en .item.mode-box .title {
		width: 6rem;
	}
	#menu .item.has-dropdown .title:after {
		top: 7px;
		left: 5px;
		border-width: 6px 4px;
	}
	#wrap.en #main .section .section-bd .item {
		/*width: 100%;*/
	}
	#menu .item-box.ch .item.mode-box .title {
		width: 6rem;
	}
}
@media screen and (max-width: 850px){
	:root {
		--right-side-width: 14rem;
	}
	#main .right-side .go-student {
		width: 12rem;
	}
	#main.detail .left-box {
		padding: 0 2%;
	}
}
@media screen and (max-width: 767px){
.modal-content { width: 80%; height: auto; }
.modal-content { width: 70%; height: auto; }
}