@charset "UTF-8";

/* SUB PAGE // Notice & File Board List common */
	.searchArea .selectBox .selectedTarget{border-color: #D7D7D7;}
	.searchArea .selectBox .selectedTarget:before{border-top-color: #474A5A; top: calc(50% - 3px);}
	.searchArea .selectBox .selectedTarget:after{width: 10px; height: 10px; top: 8px; transform: rotate(45deg);}

@media screen and (min-width: 992px){
	.boardPanel+.searchArea{background: #F5F7F9; padding: 19px 13px;}
	.boardPanel+.searchArea .searchBox{background: #FFF; border: 1px solid #D7D7D7; padding-left: 0; padding-right: 0;}
	.searchArea .searchBox .textBox input[type="text"]{width: calc(100% - 38px); border: none; padding: 0 15px;}
	.searchArea .searchBox .searchBtn{height: 24px; font-size: 18px; line-height: 30px;}
	.searchArea .searchBox .searchBtn:before{vertical-align: -2.5px;}
	.searchArea .searchBox .searchBtn:after{height: 20px; top: calc(50% + 6px);}
	.searchArea .selectBox{padding-left: 0;}
	.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 .searchBox{margin-top: 10px;}
	.searchArea .selectBox.devlpCtgry{padding-right: 0;}
	.searchArea .searchBox .textBox, .searchArea .searchBox .searchBtn{background: #FFF; border: 1px solid #D7D7D7;}
	.searchArea .searchBox .textBox{width: calc(100% - 50px); border-right-width: 0; display: inline-block; float: left;}
	.searchArea .searchBox .textBox input[type="text"]{width: 100%; border: none; padding-left: 10px;}
	.searchArea .searchBox .searchBtn{width: 50px; height: 38px; font-size: 23px; text-align: center; line-height: 26px; border-left-width: 0; float: right;}
	.searchArea .searchBox .searchBtn:before{vertical-align: -5px;}
	.searchArea .searchBox .searchBtn:after{height: 22px; top: 50%;}
}
@media screen and (min-width: 576px){
	.searchArea .searchBox .searchBtn{color: #0190D5; padding: 0 10px; position: relative;}
	.searchArea .searchBox .searchBtn:after{content: ""; width: 1px; background: #0190D5; position: absolute; left: 0; transform: translateY(-50%);}
}
@media screen and (max-width: 575px){
	.boardPanel+.searchArea .selectBox:not(.devlpCtgry), .boardPanel+.searchArea .searchBox, .boardPanel+.searchArea .searchBox .searchBtn{margin-top: 7px;}
	.boardPanel+.searchArea .searchBox .textBox{background: #FFF; font-size: 13px; line-height: 36px; border: 1px solid #D7D7D7;}
	.boardPanel+.searchArea .searchBox .textBox input[type="text"]{width: 100%; border: 1px solid transparent; padding: 0 10px;}
	.boardPanel+.searchArea .searchBox .searchBtn{width: 100%; height: 34px; background: #0190D5; color: #FFF; text-align: center; line-height: 34px;}
	.boardPanel+.searchArea .searchBox .searchBtn:before{margin-right: 7px;}
}

/* SUB PAGE // Board Edit common */
/*@media screen and (min-width: 1024px){*//* 삭제예정 삭제 전 확인 필요 */
/* 	.wrtBoard .boardPanel .selectBox select, .wrtBoard .boardPanel .selectBox label, */
/* 	.wrtBoard .boardPanel .textareaBox.brdContTxt textarea, .wrtBoard .boardPanel .textareaBox.brdContTxt label, */
/* 	.wrtBoard .boardPanel .textBox.brdTitle input[type="text"], .wrtBoard .boardPanel .textBox.brdTitle label{font-size: 15px;} */
/* 	.wrtBoard .boardPanel .textBox.brdTitle input[type="text"]{background: #FAFAFA; border: 1px solid #E1E1E1; padding: .3em .7em .4em;} */
/* 	.wrtBoard .boardPanel .textBox.brdTitle label{padding: .3em .7em 0;} */
/* 	.wrtBoard .boardPanel .textBox.brdTitle input[type="text"]:focus:not([readonly]), */
/* 	.wrtBoard .boardPanel .textareaBox.brdContTxt textarea:focus:not([readonly]){border: 1px solid #0190D5;} */
/* 	.wrtBoard .boardPanel .textareaBox.brdContTxt textarea{height: 350px; overflow-x: hidden; overflow-y: scroll;} */
/* 	.wrtBoard{border-bottom: 1px solid #BCBCBC;} */
/* 	.wrtBoard dl{background: #FAFAFA;} */
/* 	.wrtBoard dt, .wrtBoard dd{min-height: 60px; font-size: 16px; border-top: 1px solid #E9E9E9;} */
/* 	.wrtBoard dt:first-of-type, .wrtBoard dd:first-of-type{border-top: none;} */
/* 	.wrtBoard dt{width: 210px; color: #555; text-align: center; padding: 16px 0;} */
/* 	.wrtBoard dd{width: calc(100% - 210px); background: #FFF; text-align: left; line-height: normal; border-left: 1px solid #E9E9E9; padding: 16px 18px;} */
/* 	.wrtBoard .button.sysGray{line-height: normal; padding: 4px 1.2em;} */
/* 	.wrtBoard .button.sysGray:hover{line-height: normal; padding: 4px 1.2em;} */
/* 	.wrtBoard .button.sysGray:active{line-height: normal; padding: 4px 1.2em;} */
/* 	.wrtBoard + .usr.btnArea nav{position: relative; left: calc(50% - 125px);} */
/* 	.wrtBoard + .usr.btnArea .button{float: left;} */
/* 	.usr.btnArea .button.cancel{margin-left: 10px;} */
/* } */