.sub-con > .wrap { padding: 100px 0; } 
.board { width:1200px; margin: 0 auto; padding: 30px 0 0; } 
.non { font-size: 20px; padding: 80px 0; text-align:center; } 
.guide{display:none;}


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; } 
input[type="checkbox"], input[type="text"], input[type="password"], input[type="email"], input[type="tel"], input[type="radio"] { width: 15px; height: 15px; appearance: auto; } 



/* listTab */
.listTabs{ display: flex; margin-bottom:50px;}
.listTabs li{ width: 25%; height: 50px; background-color: #fff; border: 1px solid #ddd; }
.listTabs li+li{ border-left: 0;}
.listTabs li a{ display: block; line-height: 50px; font-size: 20px; color: #999; text-align: center;}
.listTabs li.on{ background-color: var(--mainColor); border: 1px solid var(--mainColor);}
.listTabs li.on a{ color: #fff;}





#tb_board_view .tb_line { padding: 0; } 

.board .input_ { width: auto; height: 35px; 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:flex; width:100%; gap:30px; flex-wrap:wrap;} 
.list-box .title { padding:10px 15px; border:1px solid #ddd; border-top:none; 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%; height:auto; min-height: 55px; overflow: hidden; box-sizing: border-box; } 
.list-box span.subject {width: 100%; display:block; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; font-size:18px; text-align:left; font-weight:bold;} 

.evt-case { max-width: 280px; float:none; margin:0; width:calc(25% - 23.5px);} 
.evt-case:nth-child(3n) { margin-right:0; } 
.evt-case .thum-img { width: 100%; height: fit-content; border:1px solid #ddd; box-sizing:border-box; display:flex;} 
.evt-case .thum-img a{ display: block; width: 100%; height: auto;}
.evt-case .thum-img img { width: 100%; height:auto; object-fit:cover; aspect-ratio: 150 / 119} 
.evt-case .txt-box{ width: 100%;}
.evt-case .txt-box .flex{width:100%; align-items:center; margin-top:15px;}
.evt-case .txt-box .flex span{color:#999; font-size:14px; line-height:1;}
.evt-case .txt-box .flex span + span{margin-left:5px; padding-left:5px; border-left:1px solid #999}
.evt-case .txt-box .flex span.date{display:flex; align-items:center;}
.evt-case .txt-box .flex span span{margin-right:5px; font-size:16px;}


#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 20px; } 
.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: 3px solid var(--mainColor); margin:0 auto; } 
#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 p { text-align: left; font-size: 20px; overflow-wrap: break-word; word-break: keep-all; } 
.evt-view-case .info img { display: inherit; margin:auto; } 
.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 .day { text-align:right; } 
table .tb_bt .bts {display: block;background-color: var(--mainColor); color: #fff; font-size: 16px; font-weight: bold; border: none;line-height: 35px; height: 35px; width: 60px; text-align: center; vertical-align: middle; margin-left:2px;} 



/* 검색 버튼 */
.sch-form { display: flex; justify-content: space-between; margin:60px auto 0; width: 1200px; display: flex; } 
.sch-form .tb_bt { display: flex; } 
.sch-form tr td { vertical-align: middle; } 
.sch-form .search-btn { display: block;background-color: var(--mainColor); color: #fff; font-size: 16px; font-weight: bold; border: none;line-height: 35px; height: 35px; width: 60px; text-align: center; vertical-align: middle; } 
.board .ok-btn, .board .can-btn, .tb_button a { background: var(--mainColor); color: #fff!important; width: 110px; height: 32px; line-height: 32px; font-size: 16px; display: block; text-align: center; } 

.tb_button { display:inline-block; text-align:center; margin:0; padding-bottom:20px;  width:100%;border-bottom:1px solid #ddd; display:flex; justify-content:center; gap:3px;}
.tb_button li {border-radius:3px; font-size:16px; height:32px; line-height:32px; width:auto; border:1px solid var(--mainColor);}
.tb_button li a{display:block; width:auto; padding:0 10px;}





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

.tb_subject label { font-size: inherit; font-weight: 500; } 



div.info{padding:30px 0; border-top:1px solid #ddd; border-bottom:1px solid #ddd; box-sizing:border-box; min-height:400px;}
.tb_cat{}
.tb_cat select{width:30% !important;}




.pager{display:flex; gap:20px; margin:40px auto; justify-content:center; align-items:center;}
.pager div{font-family: 'Montserrat'; cursor:pointer; font-size:14px;}
.pager div.num{display:flex;}
.pager div.num div{width:35px; height:35px; line-height:35px; text-align:center; display:flex; justify-content:center; align-items:center;}
.pager div.num div a{font-size:inherit;}
.pager div.num div.on{border:1px solid #ddd;}



@media screen and (max-width: 850px) {


.pager{display:flex; gap:4.0000vw; margin:5.0 auto; justify-content:center; align-items:center;}
.pager div{font-family: 'Montserrat'; cursor:pointer; font-size:2.4000vw;}
.pager div.num{display:flex; gap:0.6667vw;}
.pager div.num div{width:5.3333vw; height:5.3333vw; line-height:5.3333vw; text-align:center; display:flex; justify-content:center; align-items:center;}
.pager div.num div.on{border:0.1333vw solid #ddd;}

.board{width:89.333vw; margin:0 auto; padding:0}

/* listTab */
.listTabs{ display: flex; margin-bottom:6.67vw; flex-wrap:wrap;}
.listTabs li{ width: 33.3%; height: 8.00vw; background-color: #fff; border: 1px solid #ddd; box-sizing:border-box;}
.listTabs li+li{ border: 1px solid #ddd;}
.listTabs li:nth-child(n+4){border-top:none;}
.listTabs li a{ display: block; line-height: 8.00vw; font-size: 3.20vw; color: #999; text-align: center;}
.listTabs li.on{ background-color: var(--mainColor); border: 1px solid var(--mainColor);}
.listTabs li.on a{ color: #fff;}


.list-box { overflow: hidden; display:flex; width:100%; gap:4vw; flex-wrap:wrap;} 
.list-box .title { padding:2.67vw 2.00vw; border:0.13vw solid #ddd; border-top:none; 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%; height:auto; min-height: 8.00vw; overflow: hidden; box-sizing: border-box; } 
.list-box span.subject {width: 100%; display:block; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; font-size:3.200vw; text-align:left; font-weight:bold;} 

.evt-case { max-width:none; float:none; margin:0; width:calc(50% - 2vw);} 
.evt-case:nth-child(2n) { margin-right:0; margin-left:auto;} 
.evt-case .thum-img { width: 100%; height: fit-content; border:1px solid #ddd; box-sizing:border-box; } 
.evt-case .thum-img a{ display: block; width: 100%; height: auto;}
.evt-case .thum-img img { width: 100%; height:auto; object-fit:cover; } 
.evt-case .txt-box{ width: 100%;}
.evt-case .txt-box .flex{width:100%; align-items:center; margin-top:2.67vw;}
.evt-case .txt-box .flex span{color:#999; font-size:2.40vw; line-height:1;}
.evt-case .txt-box .flex span + span{margin-left:0.93vw; padding-left:0.93vw; border-left:0.13vw solid #999}
.evt-case .txt-box .flex span.date{display:flex; align-items:center;}
.evt-case .txt-box .flex span span{margin-right:0.67vw; font-size:2.40vw;}


.sch-form .input_{height:5.3333vw}
.sch-form { display: flex; justify-content: space-between; margin:4vw auto 0; width: 89.333vw; flex-direction:column; align-items:center; gap:4vw} 
.sch-form .tb_bt { display: flex; } 
.sch-form tr td { vertical-align: middle; height:5.3333vw;} 

.sch-form .search-btn { display: block;background-color: var(--mainColor); color: #fff; font-size: 2.667vw; font-weight: bold; border: none;line-height: 5.3333vw; height: 5.3333vw; width: 60px; text-align: center; vertical-align: middle; } 
.board .ok-btn, .board .can-btn, .tb_button a { background: var(--mainColor); color: #fff!important; width: auto; height: 5.3333vw; line-height: 5.3333vw; font-size: 2.667vw; display: block; text-align: center; padding:0 1.3333vw; border-radius:0.400vw;} 
.sch-form tr td select, .sch-form tr td input{width:100% !important; height:5.3333vw;font-size:2.667vw;}

.tb_button { display:inline-block; text-align:center; margin:0; padding-bottom:20px;  width:100%;border-bottom:1px solid #ddd; display:flex; justify-content:center; gap:3px;}
.tb_button li {background:var(--mainColor);font-size:2.667vw; border:none; color:#fff; display:block; height:5.3333vw; line-height:5.3333vw;
padding:0 1.3333vw; border:0.1333vw solid var(--mainColor);}
.tb_button li a{display:block; width:auto; padding:0 10px;}

table .tb_bt .bts {background:var(--mainColor);font-size:2.667vw; border:none; color:#fff; display:block; height:5.3333vw; line-height:5.3333vw;
padding:0 1.3333vw; border:0.1333vw solid var(--mainColor); width:auto;} 


div.info{padding:30px 0; border-top:1px solid #ddd; border-bottom:1px solid #ddd; box-sizing:border-box; min-height:53.333vw;}
div.info *{font-size:3.4vw !important;}
#tb_board_view .tb_line .tb_subject, #tb_board_view .tb_subject { background: #f6f6f6; font-size: 2.667vw; height: 6.667vw; padding-left: 1.333vw; width: 24vw; text-align: left; 
vertical-align: middle; } 
#tb_board_view .tb_content { padding:1.07vw 0 1.07vw 1.33vw; font-size: 2.67vw; letter-spacing:0.00vw; text-align:left; word-break:break-all; } 
#tb_board_view .tb_content span{ font-size: 2.67vw;}


#tb_board_view .input_{height: 6.667vw;  font-size: 2.67vw;}
#tb_board_view div{font-size: 2.67vw;}
#tb_board_view input[type="checkbox"]{vertical-align:middle;}
#tb_board_view .tb_line p img{width:100% !important;}
.note-editable img{width:100% !important;}

.evt-view-case .info img{width:100%;}
.cheditor-tb-wrapper{height:auto !important;}
.cheditor-editarea-wrapper .cheditor-editarea{height:66.667vw !important;}

}