@charset "UTF-8";

/* SUB PAGE // Notice & File Board List common */
	.searchArea .searchBox .searchBtn{height: 100%; color: #FF7E6F; text-align: center; float: right; position: relative;}
	.searchArea .searchBox .searchBtn:after, .searchArea .searchBox .searchBtn:after{content: ""; width: 1px; background: #BDCBD5; position: absolute; top: 50%; left: 0; transform: translateY(-50%);}
	.searchArea .selectBox .selectedTarget{line-height: inherit; border-color: #D2D2D2;}
	.searchArea .selectBox .selectedTarget:before{border-top-color: #474A5A; top: calc(50% - 3px);}
	.searchArea .selectBox .selectedTarget:after{width: 10px; height: 10px; transform: rotate(45deg);}
@media screen and (min-width: 992px){
	.boardPanel+.searchArea{background: #F5F7F9; padding: 19px 13px;}
	.boardPanel+.searchArea .searchGrp{background: #FFF; border: 1px solid #D7D7D7; padding-left: 0; padding-right: 0;}
	.searchArea .searchGrp .textBox input[type="text"]{width: calc(100% - 38px); border: none; padding: 0 15px;}
	.searchArea .searchBox .searchBtn{width: 62px; font-size: 18px; line-height: 42px;}
	.searchArea .searchBox .searchBtn:before{vertical-align: -2.5px;}
	.searchArea .searchBox .searchBtn:after{height: 20px;}
	.searchArea .selectBox, .searchArea .selectBox select{width: 100%;}
	.searchArea .textBox input[type="text"]{float: left;}
}
@media screen and (max-width: 991px){
	.boardPanel+.searchArea{position: absolute; top: 15px; left: 15px; right: 15px;}
}
@media screen and (max-width: 991px) and (min-width: 576px){
	.boardPanel+.searchArea .searchGrp{margin-top: 10px;}
	.searchArea .selectBox.devlpCtgry{padding-right: 0;}
	.searchArea .searchGrp .textBox, .searchArea .searchGrp .searchBtn{background: #FFF; border: 1px solid #D7D7D7;}
	.searchArea .searchGrp .textBox{width: calc(100% - 50px); border-right-width: 0; display: inline-block; float: left;}
	.searchArea .searchGrp .textBox input[type="text"]{width: 100%; border: none; padding-left: 10px;}
	.searchArea .searchBox .searchBtn{width: 50px; font-size: 23px; line-height: 36px; border-left-width: 0;}
	.searchArea .searchGrp .searchBtn:before, .searchArea .searchBox .searchBtn:before{vertical-align: -5px;}
	.searchArea .searchGrp .searchBtn:after, .searchArea .searchBox .searchBtn:after{height: 22px;}
}
@media screen and (min-width: 576px){
	.searchArea .searchBox .searchBtn{padding: 0 10px;}
	.searchArea .selectBox .selectedTarget:after{top: 13px;}
}
@media screen and (max-width: 575px){
	.searchArea .searchBox .searchBtn{font-size: 18px; line-height: 36px; border-left-width: 0; padding: 0 15px;}
	.searchArea .searchBox .searchBtn:after{height: 18px;}
	.searchArea .selectBox .selectedTarget:after{top: 6px;}
	.boardPanel+.searchArea .selectBox:not(.devlpCtgry), .boardPanel+.searchArea .searchGrp, .boardPanel+.searchArea .searchGrp .searchBtn{margin-top: 7px;}
	.boardPanel+.searchArea .searchGrp .textBox{background: #FFF; font-size: 13px; line-height: 36px; border: 1px solid #D7D7D7;}
	.boardPanel+.searchArea .searchGrp .textBox input[type="text"]{width: 100%; border: 1px solid transparent; padding: 0 10px;}
	.boardPanel+.searchArea .searchGrp .searchBtn{width: 100%; height: 34px; background: #0190D5; color: #FFF; text-align: center; line-height: 34px;}
}