@charset "UTF-8";

/* SUB PAGE // File Board List */
@media screen and (min-width: 1024px){
	/* PC device support */
	.brdfileCnt{text-align: center;}
	.brdfileCnt .axi{color: #A7A7A7; font-size: 16px;}
	.brdfileCnt .fileCnt{color: #27A0DB; font-size: 13px; line-height: 19px; border: 1px solid #27A0DB; border-radius: 3px; position: relative; top: -2px; margin-left: 9px; padding: 0 6px;}
	.brdfileCnt .fileCnt:before{content: ""; width: 4px; height: 6px; background: url("../../static/image/common/edge2.png") no-repeat 0 0; position: absolute; top: calc(50% - 3px); left: -4px; display: inline-block;}
}
@media screen and (min-width: 720px) and (max-width: 1023px){
	/* Tablet device support */
	.brdfileCnt{text-align: center;}
	.brdfileCnt .axi{color: #A7A7A7; font-size: 16px;}
	.brdfileCnt .fileCnt{color: #27A0DB; font-size: 13px; line-height: 19px; border: 1px solid #27A0DB; border-radius: 3px; position: relative; top: -2px; margin-left: 9px; padding: 0 6px;}
	.brdfileCnt .fileCnt:before{content: ""; width: 4px; height: 6px; background: url("../../static/image/common/edge2.png") no-repeat 0 0; position: absolute; top: calc(50% - 3px); left: -4px; display: inline-block;}
	.fileBrdList{position: relative;}
	.fileBrdList .boardPanel{padding-top: 181px;}
	#sub .boardPanel + .searchArea .selectBox.devlpCtgry{width: calc(100% - 205px); height: 72px;}
	#sub .boardPanel + .searchArea .selectBox:not(.devlpCtgry){width: 200px; height: 72px; margin-left: 5px;}
	#sub .boardPanel + .searchArea .searchBox label,
	#sub .boardPanel + .searchArea .searchBox input[type="text"]{font-size: 30px;}
	.fileBrdList .board1{border-top: 1px solid #747474; display: block;}
	.fileBrdList .board1 .columnHeader{display: none;}
	.fileBrdList .board1 .list{width: 100%; line-height: 1.7; border-bottom: 1px solid #E1E1E1; display: inline-block; padding: 16px 15px;}
	.fileBrdList .board1 .list:nth-of-type(2n){background: #F8F7F7;}
	.fileBrdList .board1 .list:nth-of-type(2n+1):not(first-of-type){background: #FFF;}
	.fileBrdList .board1 .list .innerLink{width: inherit; display: inline-block;}
	.fileBrdList .board1 .innerLink > *{color: #1F1F1F; font-size: 30px; border: none;}
	.fileBrdList .board1 .innerLink > *:before{color: #3457B3; font-weight: normal; margin-right: 7px;}
	.fileBrdList .board1 .innerLink .cntNo, .fileBrdList .board1 .innerLink .wrtUsr, .fileBrdList .board1 .innerLink .cntViwe{display: none;}
	.fileBrdList .board1 .innerLink .bsnsSeq{text-align: center; display: inline-block; float: left;}
	.fileBrdList .board1 .innerLink .bsnsSeq:before{content: "사업구분"}
	.fileBrdList .board1 .innerLink .brdTit{text-align: left; clear: left;}
	.fileBrdList .board1 .innerLink .brdTit,
	.fileBrdList .board1 .innerLink .brdTit:before{display: block;}
	.fileBrdList .board1 .innerLink .brdTit:before{content: "제목"}
	.fileBrdList .board1 .innerLink .brdfileCnt{text-align: center; display: none;}
	.fileBrdList .board1 .innerLink .brdfileCnt .axi{color: #A7A7A7; font-size: 16px;}
	.fileBrdList .board1 .innerLink .brdfileCnt .fileCnt{color: #27A0DB; font-size: 13px; line-height: 19px; border: 1px solid #27A0DB; border-radius: 3px; position: relative; top: -2px; margin-left: 9px; padding: 0 6px;}
	.fileBrdList .board1 .innerLink .brdfileCnt .fileCnt:before{content: ""; width: 4px; height: 6px; background: url("../../static/image/common/edge2.png") no-repeat 0 0; position: absolute; top: calc(50% - 3px); left: -4px; display: inline-block;}
	.fileBrdList .board1 .innerLink .wrtDate{text-align: left; display: inline-block; clear: both;}
	.fileBrdList .board1 .innerLink .wrtDate:before{content: "등록일"}
	.fileBrdList .board1 .emptyMsg{height: 56px; text-align: center;}
	.fileBrdList + .pagination + .btnArea{display: none;}
}
@media screen and (max-width: 719px){
	/* Moblie device support */
	.fileBrdList{position: relative;}
	.fileBrdList .boardPanel{padding-top: 104px;}
	#sub .boardPanel + .searchArea .selectBox.devlpCtgry{width: calc(100% - 94px);}
	#sub .boardPanel + .searchArea .selectBox:not(.devlpCtgry){width: 88px; margin-left: 5px;}
	#sub .boardPanel + .searchArea .searchBox label,
	#sub .boardPanel + .searchArea .searchBox input[type="text"]{font-size: 13px;}
	.fileBrdList .board1{border-top: 1px solid #747474; display: block;}
	.fileBrdList .board1 .columnHeader{display: none;}
	.fileBrdList .board1 .list{width: 100%; line-height: 1.7; border-bottom: 1px solid #E1E1E1; display: inline-block; padding: 16px 15px;}
	.fileBrdList .board1 .list:nth-of-type(2n){background: #F8F7F7;}
	.fileBrdList .board1 .list:nth-of-type(2n+1):not(first-of-type){background: #FFF;}
	.fileBrdList .board1 .list .innerLink{width: inherit; display: inline-block;}
	.fileBrdList .board1 .innerLink > *{color: #1F1F1F; font-size: 13px; border: none;}
	.fileBrdList .board1 .innerLink > *:before{color: #3457B3; font-weight: normal; margin-right: 7px;}
	.fileBrdList .board1 .innerLink .cntNo, .fileBrdList .board1 .innerLink .wrtUsr, .fileBrdList .board1 .innerLink .cntViwe{display: none;}
	.fileBrdList .board1 .innerLink .bsnsSeq{text-align: center; display: inline-block; float: left;}
	.fileBrdList .board1 .innerLink .bsnsSeq:before{content: "사업구분"}
	.fileBrdList .board1 .innerLink .brdTit{text-align: left; clear: left;}
	.fileBrdList .board1 .innerLink .brdTit,
	.fileBrdList .board1 .innerLink .brdTit:before{display: block;}
	.fileBrdList .board1 .innerLink .brdTit:before{content: "제목"}
	.fileBrdList .board1 .innerLink .brdfileCnt{text-align: center; display: none;}
	.fileBrdList .board1 .innerLink .brdfileCnt .axi{color: #A7A7A7; font-size: 16px;}
	.fileBrdList .board1 .innerLink .brdfileCnt .fileCnt{color: #27A0DB; font-size: 13px; line-height: 19px; border: 1px solid #27A0DB; border-radius: 3px; position: relative; top: -2px; margin-left: 9px; padding: 0 6px;}
	.fileBrdList .board1 .innerLink .brdfileCnt .fileCnt:before{content: ""; width: 4px; height: 6px; background: url("../../static/image/common/edge2.png") no-repeat 0 0; position: absolute; top: calc(50% - 3px); left: -4px; display: inline-block;}
	.fileBrdList .board1 .innerLink .wrtDate{text-align: left; display: inline-block; clear: both;}
	.fileBrdList .board1 .innerLink .wrtDate:before{content: "등록일"}
	.fileBrdList .board1 .emptyMsg{height: 56px; text-align: center;}
	.fileBrdList + .pagination + .btnArea{display: none;}
}