@charset "UTF-8";

.form-wrap{border: 1px solid #111; padding: 20px;}
.form-top{margin-bottom: 20px;}

.select-top{margin-bottom: 20px;}
.select-year,
.select-shtm,
.dept-selectbox,
.major-selectbox,
.box-sel{display: inline-block; margin-right: 10px;}
.select-year select,
.select-shtm select,
.dept-selectbox select,
.major-selectbox select,
.box-sel select{background: #ebebeb url('../images/arrow-search.png') no-repeat right center; font-size: 14px; font-family: 'Noto Regular'; color: #646464; border: 0; height: 40px; border-radius: 100px; padding: 0 60px 0 20px; -webkit-appearance: none; -moz-appearance: none; appearance: none;}
.box-search{display: inline-block; position: relative; background-color: #ebebeb; height: 40px; line-height: 40px; padding: 0 5px 0 15px; border-radius: 100px; min-width: 300px; vertical-align: top;}
.box-search input{position: relative; width: 100%; height: 100%; background: transparent; border: 0; font-family: "Noto Regular"; top: -2px;}
.box-search input[type=submit]{position: absolute; right: 0; top: 0; width: 40px; background: url(../images/ico-search.png) no-repeat center center; text-indent: -9999px; cursor: pointer;}
._count{margin: 10px 0; font-family: "Noto Regular";}
._count strong{font-family: "Noto Medium"; color: #0A4A9B}

@media all and (max-width: 768px) {
	.select-top::after,
	.fnRight::after{content:""; display: table; clear: both;}
	.select-year select,
	.select-shtm select,
	.major-selectbox select,
	.dept-selectbox select,
	.box-sel select{width: 100%;}
	.select-year{width: 48%; margin-right: 2%; float: left; margin-bottom: 10px;}
	.select-shtm{width: 50%; margin-right: 0; float: left; margin-bottom: 10px;}
	.dept-selectbox{width: 48%; margin-right: 2%; float: left;}
	.major-selectbox{width: 50%; margin-right: 0; float: left;}
	.box-sel{width: 27%; margin-right: 3%; float: left;}
	.box-search{width: 70%; float: left;}
}