@charset "utf-8";
/* CSS Document */
.combackBtn{border-radius: 25px; width:200px; height: 50px; display:flex; align-items: center; justify-content: center; background-color: #fff; border:1px solid #445CB4; color:#445CB4;}
.combackBtn > img{margin-right:15px;}
.button-wrap{display:flex; flex-wrap: wrap; justify-content: center; align-items: center; margin:1.875rem 0 6.25rem 0;}
.subpageTitle >  h1{color:#000; font-size:2.75rem; margin-top:10px;}
body{background-color: #EAEEF2;}
.classRoomTitle{font-size:0.875rem; color:#fff; font-weight: 500; text-align: center; padding:10px 15px 7px 15px; background-color:#445CB4;  border-radius: 20px; width:auto; display:inline-block;}
#notice-wrap{width:calc(100% - 40px); margin:0 auto; max-width:960px; padding-bottom:6.25rem; background-color:#fff; padding:40px; box-sizing: border-box; border-radius: 20px; margin-bottom:50px;}
#notice-wrap > .inner-wrap{width:100%;}
#notice-wrap .inner-wrap > .search-wrap{width:100%; padding:20px; background-color:#e8e8e8;}
#notice-wrap .inner-wrap > .search-wrap > .inner-wrap{display:flex; align-items: center; background-color: #fff;}
#notice-wrap .inner-wrap > .search-wrap .board-search-select{background-color: #fff; width:205px; height: 60px; color:#000; font-size:1.125rem;}
#notice-wrap .inner-wrap > .search-wrap .hv{width:1px; height: 25px; background-color: #e8e8e8;}
#notice-wrap .inner-wrap > .search-wrap .search-input{background-color:#fff; border-radius: 0; color:#858585; width:calc(100% - 266px); height: 60px;}
#notice-wrap .inner-wrap > .search-wrap .search-input:focus{background-color: #e8e8e8; color:#000;}
#notice-wrap .inner-wrap > .search-wrap  button{width:60px; height: 60px; background-color: #445CB4; display:flex; justify-content: center; align-items: center;}
p.emptyMessage{text-align: center; margin:50px auto;}

#notice-wrap.read-wrap{margin-top:164px;}
#notice-wrap.read-wrap h1.title{color:#000; text-align: center; font-weight: 900; font-size:2.1875rem; margin:3.125rem 0;}
#notice-wrap.read-wrap .head-info-wrap{display:flex; justify-content: space-between; align-items: center; flex-wrap: wrap;}
#notice-wrap.read-wrap .head-info-wrap .info-wrap{display: flex; align-items: center;}
#notice-wrap.read-wrap .head-info-wrap .info-wrap > .hv{width:1px; height: 15px; background-color: #d6d6d6; margin:0 15px;}
#notice-wrap .inner-wrap > .hr{width:100%; height: 2px; background-color: #000; margin:30px 0 0 0;}
#notice-wrap.read-wrap .cont-wrap{padding:3.125rem 0; width:100%; max-width:900px; margin:0 auto;}
#notice-wrap.read-wrap .cont-wrap img{max-width:100%;}
#notice-wrap.read-wrap .btn-wrap{text-align: center; margin:30px 0;}

#notice-wrap.read-wrap .file-wrap{width:273px; height: 43px; border:1px solid #d6d6d6; overflow: hidden; cursor: pointer; transition:all .5s;}
#notice-wrap.read-wrap .file-wrap > li{padding:10px; border-bottom:1px solid #d6d6d6; display:flex; justify-content: space-between; align-items: center; min-height:34px; transition:all .5s;}
#notice-wrap.read-wrap .file-wrap > li:last-child{border: none;}
#notice-wrap.read-wrap .file-wrap > li .title-wrap{margin-right:5px; width:calc(100% - 29px); display:flex; align-items: flex-start;}
#notice-wrap.read-wrap .file-wrap > li .title-wrap > p{font-size:0.875rem; color:#858585; overflow: hidden; text-overflow: ellipsis; }
#notice-wrap.read-wrap .file-wrap > li > a{display:flex; justify-content: space-between; align-items: center; width:100%;}
#notice-wrap.read-wrap .file-wrap > li .title-wrap > img{margin-right:5px; width:18px;}
#notice-wrap.read-wrap .file-wrap > li > a > svg{width:18px;}
#notice-wrap.read-wrap .file-wrap > li:first-child:hover{background-color: #fff;}
#notice-wrap.read-wrap .file-wrap > li:hover{background-color:#EFEFEF;}


.pn-wrap{width:calc(100% - 30px); padding:15px; border-top:1px solid #d6d6d6; display:flex; align-items: center; transition:all .5s;}
.pn-wrap:hover{background-color:#e8e8e8; transition:all .5s;}
.pn-wrap:last-of-type{border-bottom:1px solid #d6d6d6;}
.pn-wrap > svg{margin:0 15px;}

.board-list-wrap{margin-top:6.25rem;}
.board-list-wrap .list-head{width:100%; border-top:5px solid #445CB4; background-color:#fff; border-bottom:1px solid #d6d6d6; padding:25px 0; display:flex;}
.board-list-wrap .list-head > li{text-align: center; color:#000; padding:0 10px;}
.board-list-wrap ul > li.number{width:100px;}
.board-list-wrap ul > li.file{width:100px;}
.board-list-wrap ul > li.date{width:150px;}

.board-list-wrap .cont-list{display:flex; padding:20px 0; border-bottom:1px solid #d6d6d6; transition: all .5s;}
.board-list-wrap .cont-list:hover{background-color:#f4f4f4;}
.board-list-wrap .cont-list > li{text-align: center; color:#000; display: flex; align-items: center; justify-content:center; padding:0 10px;}
.board-list-wrap .cont-list > li.number{font-weight: 800;}
.board-list-wrap .cont-list > li > a{width:100%; display: inline-block;  text-overflow: ellipsis; white-space: nowrap; overflow: hidden; font-size:1.062em; font-weight: 500; text-align: left;}

@media only screen and (max-width:580px){
	#notice-wrap .inner-wrap > .search-wrap .board-search-select{width:130px;}
	#notice-wrap .inner-wrap > .search-wrap .search-input{width:calc(100% - 130px);}
	.board-list-wrap ul > li.disappear{display:none;}
	#notice-wrap.read-wrap .file-wrap{width:100%; margin-top:15px;}
}