.board_event_sty01 {margin-top:-80px;}
.board_event_sty01 ul {margin:0 -15px;}
.board_event_sty01 li {padding:0 15px; width:33.3%; box-sizing:border-box; float:left; margin-top:80px;}
.board_event_sty01 li a {display:block; padding-bottom:30px; border-bottom:1px solid #ddd; width:100%;}
.board_event_sty01 li a:hover {border-bottom:1px solid #9a000c;}
.board_event_sty01 li .img {position:relative; width:100%; padding-bottom:51.5%; overflow:hidden;}
.board_event_sty01 li .img img {position:absolute; top:0; left:50%; transform:translateX(-50%); width:100%;}
.board_event_sty01 li strong {display:block; margin:25px 0 25px; font-size:19px; text-overflow: ellipsis; white-space: nowrap; overflow:hidden; font-weight:400;}
.board_event_sty01 li a:hover strong {color:#9a000c;}
.board_event_sty01 li span {display:block; color:#888888; font-weight:200;}


.board_event_sty01 li.done .img::before {position:absolute; content:''; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.8); z-index:2;}
.board_event_sty01 li.done .img::after {position:absolute; content:'종료된 이벤트입니다'; left:0; top:50%; transform:translateY(-50%); color:#fff; text-align:center; width:100%; z-index:3;}
.board_event_sty01 li.done strong  {color:#444;}
/*	.board_event_sty01 li.done {border-bottom:1px solid #444;}	*/

/***** 상세스타일 *****/
/*board_view_sty01*/
.board_view_sty01 {float:left; width:100%; border-top: 2px solid #222222;}
.board_view_sty01 .pro_tit {float:left; width:100%; font-size:24px; color:#444; line-height:36px; padding:20px; text-align:center; border-bottom:1px solid #ddd; margin:0; font-weight:400; box-sizing:border-box;}
.board_view_sty01 .pro_tit span {display:block; font-size:16px; color:#999;}
.board_view_sty01 .pro_tit span i {font-style:normal; vertical-align:top; font-size:8px; display:inline-block; margin:0 10px; color:#ddd;}
.board_view_sty01 .pro_img {float:left; width:100%; text-align:center; margin:20px 0;}
.board_view_sty01 .pro_img img {width:500px;}
.board_view_sty01 .pro_con {float:left; width:100%; border-bottom:1px solid #ddd; padding:30px; box-sizing:border-box;}

.wrap_btn {float:left; width:100%; text-align:center; margin-top:20px;}
.wrap_btn a {transition:none; font-size:14px;}
.wrap_btn a:hover {font-size:14px;}
.wrap_btn .btn_blue {background:#222222; display:inline-block; line-height:40px; text-align:center; color:#fff; padding:0 25px; transition:all ease 0.5s;}
.wrap_btn .btn_blue:hover {text-decoration:none; background:#000;}


.board_view_pnlist {float:left; width:100%;}
.board_view_pnlist li {float:left; width:100%; padding:10px 0; border-bottom:1px dashed #ddd;}
.board_view_pnlist li:last-child {border-bottom:1px solid #ddd;}
.board_view_pnlist li strong {float:left; width:110px; padding-left:10px; box-sizing:border-box; font-weight:500; color:#444;}
.board_view_pnlist li span {float:left; width:calc(100% - 110px); color:#666; text-overflow: ellipsis;white-space: nowrap;overflow:hidden;}
.board_view_pnlist li span a:hover {text-decoration:underline;}





@media screen and (max-width:767px){
.board_event_sty01 li {width:100%;}
.board_event_sty01 {margin-top:-6.4vw;}
.board_event_sty01 ul {margin:0;}
.board_event_sty01 li {padding:0; margin-top:6.4vw;}

.board_event_sty01 li strong {margin:5vw 0 4vw; font-size:4vw;}
.board_event_sty01 li a {padding-bottom:5vw;}
.board_event_sty01 li span {font-size:3.6vw;}




.board_view_sty01 .pro_tit {font-size:3.8vw; line-height:1.6;}
.board_view_sty01 .pro_tit span {    font-size: 3.2vw;
    margin-top: 2vw;}

.board_view_pnlist li strong {width:20vw;}
.board_view_pnlist li span {width:calc(100% - 20vw);}
.board_view_pnlist li strong,.board_view_pnlist li span,.board_view_pnlist li span a {font-size:3.4vw;}
.board_view_sty01 .pro_con {padding:5vw;}
}