.sub_con{width:1200px; margin:65px auto 0;}
.board{ width:1200px; margin: 0 auto; margin-top: 30px;}
a, a:link {color:#332;text-decoration:none;} 
a:visited {color:#332;text-decoration:none;}
a:hover {color:#332;text-decoration:none;}
a:focus {color:#333;text-decoration:none;}
a:active {color:#333;text-decoration:none;} 

.board .input_{ width: auto; height: 40px; border: 1px solid #ddd; box-sizing: border-box;}
input { width: auto; height: auto; -webkit-appearance: auto;}


.board .b_tit{ font-size: 55px; text-align: center; line-height: 1; padding-bottom: 20px;}
.board .b_txt{ font-size: 22px; text-align: center;}
.board .line{ width: 100%; height: 2px; background: linear-gradient(to right, #27b1c4 50%, #0080ff); margin: 40px 0 ;}

.list-box{ overflow: hidden; display: grid; grid-template-columns:repeat(4, 1fr); gap:40px 30px; margin:40px auto 60px;}
.list-box li{}
.list-box li:nth-child(3n){ margin-right: 0;}
.list-box .title{ padding:10px 15px; border-top: 1px solid #ddd; display: flex; flex-wrap: wrap;}
.list-box .title .num{ display: flex; padding-top: 5px; padding-right: 5px;}
.list-box .title .num img{ height: 16px;}
.list-box .title .category{ font-size: 18px; font-weight: bold; color: #ff8b35; vertical-align: middle;}
.list-box .title a{ display: block; width: 100%; padding-top: 5px; height: 49px; overflow: hidden; box-sizing: border-box;}
.list-box span.subject { display: block; line-height: 1.2; font-size:18px; font-weight:bold; text-align: left; word-break: break-all;}

.evt-case{ width: 100%; height: auto;  border:1px solid #ddd; box-sizing:border-box;}
.evt-case .thum-img{ width: 100%; height: auto; aspect-ratio:1/1;}
.evt-case .thum-img a{ display: block; width:100%; height:100%;}
.evt-case .thum-img img {width:100%; height:100%; object-fit:contain;}


#tb_board_view .tb_line textarea { min-height:500px; width:99%; border:1px solid #D8D8D8; margin:5px 0; padding:5px;}
.evt-view-case { padding:0 0 60px; }
.evt-view-case > .left > span {
	color: #fff;
    font-weight: bold;
    border-radius: 5px;
    letter-spacing: 0.8px;
    display: inline-block;
    text-align: center;
    height: 30px;
    line-height: 30px;
	width:120px;
	font-size:16px;
	margin-bottom:15px;
}
.evt-view-case > .left > span.view-bf { background:#fff; color:#4fbfc3; box-shadow:0px 0px 5px 1px #4fbfc3; }
.evt-view-case > .left > span.view-doi { 
	background: #b9c8f1; /* Old browsers */
	background: -moz-linear-gradient(-45deg,  #b9c8f1 0%, #4fbfc3 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(-45deg,  #b9c8f1 0%,#4fbfc3 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(135deg,  #b9c8f1 0%,#4fbfc3 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b9c8f1', endColorstr='#4fbfc3',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.evt-view-case > .left > span.view-noti { background-color:#4fbfc3; color:#fff; }
.evt-view-case > .left > span.view-fns { background: #888; }
.evt-view-case > .left > span.days { color:#888; width:255px; font-weight:400; font-size:14px; }

/* veiw */
#tb_board_view {border-top:1px solid #8C8C8C;margin:0 auto;margin-bottom:25px}
#tb_board_view .tb_content {border: 0; padding:8px 0 8px 10px;letter-spacing:0px;text-align:left}
#tb_board_view .tb_content tr td{ vertical-align: middle;}


#tb_board_view .tb_body{padding:20px;text-align:left;letter-spacing: 0pt;word-break:break-all}
#tb_board_view .tb_fileline{text-align:right;letter-spacing:0pt}
#tb_board_view .tb_button{text-align:center;padding:10px 0 10px 0;border-top:1px solid #CACACA}
#tb_board_view .tb_button li{display:inline}
#tb_board_view div.tb_file_td{color:#6F9CC6}



/* #tb_board_view tbody > tr{ border-top:1px solid #F0F0F0; border-bottom:1px solid #F0F0F0;} */
#tb_board_view .tb_subject{ width: 165px; border-bottom: 1px solid #eee; background-color: #efefef; padding-left: 15px; font-weight: 400; text-align: left; font-size: 20px;
    height: 40px; vertical-align: middle;}
#tb_board_view .tb_content{ padding:8px 0 8px 10px; font-size: 16px; letter-spacing:0px;text-align:left; word-break:break-all;}

#tb_board_view .tb_body{ padding:20px 0;text-align:left;letter-spacing: 0pt;word-break:break-all}
#tb_board_view .tb_fileline{text-align:right;letter-spacing:0pt}

#tb_board_view div.tb_file_td{color:#6F9CC6}
#tb_board_comment div.tb_commentname_td span{padding:0 0 0 5px}
#tb_board_comment .tb_board_comment_list td{ border-bottom:1 solid #E8E8E8;height:28px}




#tb_board_comment div.tb_commentname_td span{padding:0 0 0 5px}
#tb_board_comment .tb_board_comment_list td{border-bottom:1 solid #E8E8E8;height:28px}

.evt-view-case .info { text-align: center; overflow-wrap: break-word; word-break: keep-all; min-height:500px;}
.evt-view-case .title{ font-size: 40px; text-align: left; margin-bottom: 50px; font-weight: bold; color: #0080ff; word-break: break-all; padding-bottom: 15px; border-bottom: 1px solid #ddd;}
.evt-view-case .category{ text-align: left; font-size: 20px; font-weight: bold; color: #0080ff; vertical-align: middle;}

.evt-view-case .info img { display:inherit; margin:auto; }
.evt-view-case .info p img{max-width:100%; object-fit:contain;}
.evt-view-case .day { text-align:right; }
table .tb_bt .bts { 
	border-radius: 0;
    background-color: #5a5a5a;
    color: #fff;
    font-size: 16px;
    font-weight: 400;
    border: none;
	font-weight:bold;
}

.sch-form{ display: flex; justify-content: space-between;}
.sch-form tr td{ vertical-align: middle;}
.sch-form .search-btn { 
	display: block;
	background-color: #06448d;
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    border: none;
	line-height: 40px;
    height: 40px;
    width: 60px;
    text-align: center;
    vertical-align: middle;
}
.board .ok-btn, .board .can-btn, .tb_button a {
    background: #06448d;
    font-size: 17px;
    font-weight: 700;
    display: block;
    width: 100px;
    height: 40px;
    line-height: 40px;
    color: #fff;
}


/* 검색 버튼 */
.sch-form{ width: 1200px; display: flex; justify-content: space-between;} 
.sch-form .tb_bt{ display: flex;}


/* event E */
#tb_board_view .tb_line .tb_subject, #tb_board_view .tb_subject {
    background: #efefef;
    font-size: 16px;
    height: 40px;
    padding-left: 15px;
    width: 120px;
    text-align: left;
    font-weight: bold;
	vertical-align: middle;
}