@charset "utf-8";
/* CSS Document */
#event-wrap{padding-bottom:6.25rem;}
#event-wrap > .inner-wrap{width:calc(100% - 40px); max-width:1200px; margin:0 auto;}
#event-wrap > .inner-wrap .sel-wrap{width:calc(100% - 44px); max-width:414px; border:5px solid #445CB4; padding:22px; border-radius: 40px; margin:0 auto;}
#event-wrap > .inner-wrap .sel-wrap > .inner-wrap{width:100%; max-width:293px; margin:0 auto; display:flex; justify-content: space-between; align-items: center;}
#event-wrap > .inner-wrap .sel-wrap > .inner-wrap > a{color:#BFBFBF; font-size:1.125rem; font-weight: 600;}
#event-wrap > .inner-wrap .sel-wrap > .inner-wrap > a.on{color:#ED4043; font-size:1.125rem; font-weight: 600;}
.subpageTitle{margin-bottom:30px !important;}

p.emptyMessage{text-align: center; margin:50px auto;}

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

#event-wrap.read-wrap .file-wrap{width:273px; height: 43px; border:1px solid #d6d6d6; overflow: hidden; cursor: pointer; transition:all .5s;}
#event-wrap.read-wrap .file-wrap > li{padding:5px 10px; border-bottom:1px solid #d6d6d6; width:calc(100% - 20px); display:flex; justify-content: space-between; align-items: center; min-height:34px; transition:all .5s;}
#event-wrap.read-wrap .file-wrap > li:last-child{border: none;}
#event-wrap.read-wrap .file-wrap > li .title-wrap{margin-right:5px; width:calc(100% - 29px); display:flex; align-items: flex-start;}
#event-wrap.read-wrap .file-wrap > li .title-wrap > p{font-size:0.875rem; color:#858585;}
#event-wrap.read-wrap .file-wrap > li > a{display:flex; justify-content: space-between; align-items: center; width:100%;}
#event-wrap.read-wrap .file-wrap > li .title-wrap > img{margin-right:5px; width:18px;}
#event-wrap.read-wrap .file-wrap > li > a > svg{width:18px;}
#event-wrap.read-wrap .file-wrap > li:first-child:hover{background-color: #fff;}
#event-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; display:grid; grid-template-columns: repeat(2, 1fr); gap: 60px; }
.board-list-wrap .list-box{width:100%; box-shadow: 0px 20px 5px 5px rgba(0,0,0, 0.2); border-radius: 15px; background-color: transparent; position:relative;}
.board-list-wrap .list-box > .dday-mark{width:100px; height: 100px; background-color: #445CB4; color:#fff; font-weight: 600; font-size:1.25rem; display:flex; align-items: center; justify-content: center; top:-10%; right:5%; border-radius: 50%; position:absolute; z-index: 2}
.board-list-wrap .img-wrap:before{content:"";display:block; clear:both; padding-top:56%;}
.board-list-wrap .img-wrap{overflow: hidden; border-top-left-radius:15px; border-top-right-radius:15px; background-color: #E8EDF1; position:relative;}
.board-list-wrap .img-wrap > img{width:100%; display:block; position:absolute; top:50%; left:50%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%);}
.board-list-wrap .info-wrap{width:calc(100% - 40px); border-bottom-left-radius: 15px; border-bottom-right-radius: 15px; background-color: #fff; padding:15px 20px; }
.board-list-wrap .info-wrap > h4{font-size:1.5625rem; color:#31323B; font-weight: 600; margin-bottom:10px;}
.board-list-wrap .info-wrap > p{font-size:1.125rem; color:#31323B; line-height: 150%;}
.board-list-wrap .info-wrap > p > span{color:#93949C}
.bord-page-numbering-wrap{margin-top:70px;}

@media only screen and (max-width:640px){
	.board-list-wrap .info-wrap > h4{font-size:1.25rem; color:#31323B; font-weight: 600; margin-bottom:5px;}
    .board-list-wrap .info-wrap > p{font-size:1rem; color:#31323B;}
	.board-list-wrap{margin-top:6.25rem; display:grid; grid-template-columns: repeat(1, 1fr); gap: 40px; }
	.board-list-wrap .info-wrap{padding:15px; }
	#event-wrap > .inner-wrap .sel-wrap > .inner-wrap{max-width:220px;}
	
}



@media only screen and (max-width:580px){
	#event-wrap.read-wrap .file-wrap{width:100%; margin-top:15px;}
}