@charset "utf-8";

.bbs_btn .bbs_bt3 {background: #cf3030; color: #fff; padding: 10px 20px;}
.bbs_btn .bbs_bt4 {background: #1259db; color: #fff; padding: 10px 20px;}
.bbs_btn .bbs_bt3:hover, .bbs_btn .bbs_bt3:focus {background: #454546}
.bbs_btn .bbs_bt4:hover, .bbs_btn .bbs_bt4:focus {background: #454546}

.photo_list li img{width: 100%;max-height: 260px;}

.list_none {text-align: center; padding: 30px 0;}
.list_none .txt {display: block; line-height: 1.5em; color: #555; margin: 10px a;}

.event_done .basic_table {min-width: auto;}

.event .bbs_filedown {background: none; border-top: none;}

.event_count {padding: 12px; margin-bottom: 20px; text-align: center; border: 1px solid #dde1e4;}
.event_count span {display: block;}
.event_list {width: 100%; border-top: 2px solid #474b50;}
.event_list li {border-bottom: 1px solid #dde1e4;}
.event_list li a {display: block; padding: 12px 0; box-sizing: border-box;}
.event_list li a strong {display: block; margin-bottom: 8px; font-size: 18px; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden;}
.event_list li a strong span {display: inline-block; width: auto; padding: 0 8px 2px; border-radius: 5px; margin-right: 12px; font-size: 16px; font-weight: 300; vertical-align: baseline; text-align: center;}
.event_list li a .cate01 {background: #d4f5f5;}
.event_list li a .cate02 {background: #168ba8; color: #fff;}
.event_list li a .cate03 {background: #a7f5df;}
.event_list li a .cate04 {background: #ffe9a4;}
.event_list li a .cate05 {background: #a4e0ff;}
.event_list li a>em {display: block; width: 80px; padding: 3px; font-size: 16px; color: #fff; text-align: center; border-radius: 5px;}
.event_list li a em.box_now {background: #cf3030;}
.event_list li a em.box_ready {background: #2e4c8e;}
.event_list li a em.box_end {background: #4d4d4d;}
.event_list li a span.date {color: #555;}
.event_list li a span.date span {display: block;}
.event_list em {font-style: normal; vertical-align: baseline;}
.event_list .info {display: block; padding: 8px; background: #f3f3f3; color: #555;}
.event_list .info span {display: inline-block;}
.event_list .info .info01 {margin-right: 10%;}

/*신청서 출력*/
.print_box {width:800px; padding:30px;}
.print_box .print_area {position:relative; padding-bottom: 60px;}
.print_box .print_area h1 {text-align:center;}
.print_box .basic_table {border: 2px solid #3a3a3a;}
.print_box .basic_table th, .print_box .basic_table td {padding: 16px 12px; border-color: #555;height: 80px;}
.print_box .basic_table th.tit {font-size: 18px; border-bottom: 2px solid #3a3a3a;}
.print_box .basic_table td.last_td {padding: 24px 0; font-size: 20px;}
.print_box .print_area p.stamp {position: absolute; bottom: 40px; left: 60%;}
.print_box .print_area p.stamp span.date {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -10px); color: #604dc7;}
.print_box .print_area p.stamp2 {position: absolute; bottom: 63px; left: 60%;width: 197px;height: 63px;}
.print_box .print_area p.stamp2 span.date {position: absolute; top: 55%; left: 38%; transform: rotate(-2deg); color: #604dc7;}


/* Tablet */
@media all and (min-width:768px) {
.event_count span {display: inline-block; margin: 8px;}
.event_list li a strong {font-size: 20px; font-weight: 300;}
.event_list li a em, .event_list li a span.date span {display: inline-block;}
.event_list li a span.date span {margin-left: 16px;}
.event_list li a span.date span:before {display: inline-block; width: 1px; height: 10px; margin-right: 16px; content: ""; background: #c7c9ca;}
.event_list .info {padding: 12px;}
.event_list .info span {width: 50%;}
.event_list .info .info01 {margin-right: 0;}
}

/* PC */
@media all and (min-width:1024px) {
.photo_list li{width: 31.33333%;margin: 1%;}

.event_count {padding: 24px 20px;}
.event_count span {font-size: 16px;}
.event_list li a:hover, .event_list li a:focus {background: #f0f7f6;}
.event_list li a {padding: 24px 20px; text-align: center;}
.event_list li a strong {font-size: 22px; margin-bottom: 16px;}
.event_list li a>em {width: 120px; padding: 8px 0; font-size: 18px;}
.event_list li a span.date {font-size: 16px;}
.event_list .info {padding: 16px 20px;}

/*201118 수정*/
.event_list li a {position: relative; padding: 20px; text-align: left; overflow: hidden;}
.event_list li a strong {width: calc(100% - 120px); margin-bottom: 10px; font-size: 24px;}
.event_list li a>em {position: absolute; top: 0; right: 0; height: 113px; padding: 0; line-height: 113px; font-size: 20px; border-radius: 0;}
.event_list li a span.date span.date_s {margin-left: 0;}
.event_list li a span.date span.date_s:before {display: none;}
.event_list li a:hover em.box_now, .event_list li a:focus em.box_now {background: #af1b1b;}
.event_list li a:hover em.box_ready, .event_list li a:focus em.box_ready {background: #1c3875;}
.event_list li a:hover em.box_end, .event_list li a:focus em.box_end {background: #333;}

}

.bbs_calender2 td button{display: block;width: 100%;padding: 2px 0;margin: 4px 0;font-size: 14px;font-weight: 400;background: var(--bgpoint);border-radius: 3px;}