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

a:link  {color:inherit;text-decoration:none;}
a:visited {color:inherit;text-decoration:none;}
a:hover{color:inherit;text-decoration:none;}
a:focus{color:inherit;text-decoration:none;}
a:active{color:inherit;text-decoration:none;}

.board .input_{ width: auto; height: 40px; border: 1px solid #ddd; box-sizing: border-box; font-size:16px;}
input { width: auto; height: auto; -webkit-appearance: auto;}
caption, legend{display:none;}
fieldset, form{margin:0; padding:0;  border:none;}
textarea{padding:0; margin:0;}

table, tr, th, td{padding:0;}


.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{display:flex; gap:30px; flex-wrap:wrap;}
.list-box .list-item{width:calc(33.3% - 86.5px); background:#fff; padding:33px; border-radius:20px; filter:drop-shadow(0 0 10px rgba(0, 0, 0, 0.1))}
.list-box .list-item:nth-child(3n){margin-right:0;} */

.list-box{display:grid; gap:30px; grid-template-columns: 1fr 1fr 1fr 1fr; width: 100%; margin:0 auto 80px;}
.list-box .list-item{background:#fff; width:270px}
/* .list-box .list-item:hover{filter:drop-shadow(0 0 10px rgba(0, 0, 0, 0.2)); cursor:pointer; transform:translate(-3px, -3px); transition:all 0.3s;} */
.list-box .list-item .thum-img{width:100%; height:0; padding-bottom:100%; position:relative; overflow:hidden; box-sizing:border-box; border:1px solid #ddd; border-radius:20px;}
.list-box .list-item .thum-img a{display:block; width:100%; height:270px;}
.list-box .list-item .thum-img img{position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); width:100%; height:100%; object-fit:cover;}
.list-box .list-item .txtWrap{position:relative; padding:30px 0; box-sizing:border-box; min-height:100px;}
.list-box .list-item .txtWrap span{text-align:left;}
.list-box .list-item .txtWrap .subject{width:100%; font-size:18px; height: auto; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-break:break-all;}
.list-box .list-item .txtWrap .viewText{font-family:'Montserrat'; display:flex; align-items:center; gap:5px; font-size:16px; line-height:1;}
.list-box .list-item .txtWrap .viewText span{font-weight:100; font-size:18px; line-height:1;}
.list-box .list-item .num{position:absolute; top:20px; left:0;}
.pageBtn{display:flex; justify-content:center; width:100%; margin:40px auto; align-items:center; gap:20px;}
.pageBtn li{display:flex; align-items:center; gap:10px; font-size:14px; cursor:pointer; color:#666}
.pageBtn li span{font-size:14px; color:#666}
.pageBtn li.num{gap:0;}
.pageBtn li.num span{width:35px; height:35px; line-height:35px;}
.pageBtn li.num span.on{border:1px solid #ddd; border-radius:50%;}

/* WRITE */
#tb_board_write .tb_line{border-bottom:1px solid #E7E7E7;text-align:left; padding:0;}
#tb_board_write .tb_subject{width:80px;text-align:left;font-weight:bolder;color:#494949}
#tb_board_write .tb_content{text-align:left;padding-left:8px;color:#7F7F7F;}
#tb_board_write .tb_text{color:#7F7F7F;padding-left:10px}
#tb_board_write .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_write .tb_content{ padding:8px 0 8px 10px; font-size: 20px; letter-spacing:0px;text-align:left; word-break:break-all;}
#tb_board_write .tb_content span{ font-size: 20px;}
.board_category{ -webkit-appearance: auto; -moz-appearance: auto; appearance: auto; border: 1px solid #D8D8D8; width: 200px; height: 35px;}
#tb_board_write .tb_line textarea { width:555px; height:165px; font-family:"Noto Sans KR",sans-serif; font-size:18px; letter-spacing:-0.04em; resize:none; border:1px solid #ddd; overflow:hidden;}
#tb_board_write .tb_button{text-align:center; display:flex; justify-content:center; gap:5px;A}
#tb_board_write .tb_button li{display:inline}
#tb_board_write .BtnStyle{margin-top:40px;}


/* VIEW */

#tb_board_view {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 div.tb_file_td{color:#6F9CC6}
#tb_board_view .tb_button{text-align:center; display:flex; justify-content:center; gap:5px;}
#tb_board_view .tb_button li{display:inline}

.view-list{}
.view-list .top{display:flex; width:100%; gap:80px;}
.view-list .Box{width:calc(50% - 40px);}
.view-list .Box .img{width:560px; height:0; padding-bottom:100%; overflow:hidden; position:relative; border:1px solid #ddd; box-sizing:border-box;}
.view-list .Box .img img{width:100%; height:100%; object-fit:cover; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); object-fit:cover;}
.view-list .Box .txt{padding:35px 0; box-sizing:border-box; height:576px; display:flex; flex-direction:column; justify-content:space-between;}
.view-list .Box .txt *{text-align:left;}
.view-list .Box .txt h1{line-height:1; color:#333; font-weight:bold; font-size:45px;width: 100%; display:block; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.view-list .Box .txt h4{font-size:18px; font-weight:normal; color:#666; margin-top:30px; margin-bottom:auto;}
#tb_board_view .infoWrap{margin:55px 0 50px; width:100%; border-top:1px solid #ddd; border-bottom:1px solid #ddd; padding:35px 0; box-sizing:border-box;}
#tb_board_view .infoWrap textarea { width:555px; height:165px; font-family:"Noto Sans KR",sans-serif; font-size:18px; letter-spacing:-0.04em; resize:none; border:1px solid transparent; overflow:hidden; outline:none;}
#tb_board_view .infoWrap textarea:focus{outline:none;}
.view-list .Box .txt .btnWrap{width:100%; display:flex; justify-content:center; gap:20px; margin-bottom:0;}
.view-list .Box .txt .btnWrap li{width:50%;}
.view-list .Box .txt .btnWrap a{width:100%; line-height:60px; text-align:Center; display:block; font-size:24px; box-sizing:border-box; border:1px solid var(--mainColor); border-radius:60px; color:var(--mainColor); font-weight:bold;}
.view-list .Box .txt .btnWrap li:first-child a{color:#fff; background:var(--mainColor);}

.view-list .mid{padding:100px 0 50px; box-sizing:border-box; position:relative;}
.view-list .mid h5{text-align:center; font-size:45px; font-weight:bold; color:#333;}
.view-list .mid .editBtn{position:absolute; left:50%; transform:translateX(-50%); top:15%; display:flex; gap:10px;}
.view-list .mid .editBtn a{font-size:18px; padding:10px 30px; background:#666; color:#fff; font-weight:bold; text-align:center; display:block; border-radius:40px; border:1px solid #666; box-sizing:border-box;}
.view-list .mid .editBtn a:last-child{background:#fff; border:1px solid #666; color:#666;}
.view-list .bot{margin-bottom:40px; border-top:1px solid #ddd;}
.view-list .bot > p{font-size:18px;}

.pageList{margin:40px auto; width:100%; border-top:1px solid #dfdfdf; border-bottom:1px solid #dfdfdf; display:flex; flex-direction:column;}
.pageList > div{width:100%; padding:20px 25px; display:flex; align-items:center; gap:20px; box-sizing:border-box;}
.pageList > div + div{border-top:1px solid #dfdfdf;}
.pageList > div span{font-size:18px;}
.pageList > div span:first-child{color:#666; font-weight:bold; font-size:30px; font-weight:100;}
.pageList > div span:last-child{cursor:pointer; margin-left:25px; color:#666666;}

.BtnStyle{display:flex; gap:10px; justify-content:flex-end;}
.BtnStyle li a{font-size:18px; padding:10px 30px; background:#666; color:#fff; font-weight:bold; text-align:center; display:block; border-radius:40px; border:1px solid #666; box-sizing:border-box;}
.BtnStyle li a.style00{background:#fff; border:1px solid #666; color:#666; padding:10px 45px;}
.BtnStyle li a.style01{/* background:#fff; border:1px solid #666; color:#666; */}
.BtnStyle li a.style02{background:#fff; border:1px solid #666; color:#666;}
.BtnStyle li a.mainColor{background:var(--mainColor); border-color:var(--mainColor);}


#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}
table .tb_bt .bts { 
	border-radius: 0;
    background-color: #5a5a5a;
    color: #fff;
    font-size: 16px;
    font-weight: 400;
    border: none;
    padding: 8px 15px;
	font-weight:bold;
	display:block;
}

.sch-form{ display: flex; justify-content: space-between; margin-bottom:30px; border-bottom:2px solid #ddd; padding-bottom:10px;}
.sch-form .input_{border:none; border-bottom:1px solid #ddd;}
.sch-form .input_:focus{outline:none;}
.sch-form tr td{ vertical-align: middle;}
.sch-form .search-btn { display: flex;
    color: #333;
    font-size: 16px;
    font-weight: bold;
    border: none;
	line-height: 40px;
    height: 40px;
    width: 60px;
    text-align: center;
    vertical-align: middle;
	align-items:center;
	justify-content:center;
	border-bottom:1px solid #ddd;
}
.board .ok-btn, .board .can-btn, .tb_button a {
    background: var(--mainColor);
    color: #fff!important;
    border-radius: 0;
    border: none;
    width: 110px;
    height: 32px;
    line-height: 32px;
    font-size: 16px;
    font-weight: 700;
    display: block;
	text-align:center;

}


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


/* 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;}




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

.board{max-width:1024px; width:95%;}
.sch-form{width:100%;}
.list-box{grid-template-columns:1fr 1fr}
.list-box .list-item{padding:0; width:100%}
.view-list .top{gap:40px;}
.view-list .Box{width:calc(50% - 20px);}
.view-list .Box .img{width:100%;}
.view-list .Box .img img{width:100%;}
.view-list .Box .txt{padding:0; height:100%; min-height:400px;}
#tb_board_view .infoWrap{margin:30px 0;}
#tb_board_view .infoWrap textarea {width:100%; height:185px;}

.view-list .Box .txt .btnWrap{gap:20px;}
.view-list .Box .txt .btnWrap li{width:50%;}
.view-list .Box .txt .btnWrap a{width:100%; line-height:50px;  font-size:20px; border-radius:50px;}

.view-list .bot{}
.view-list .bot img{width:100%; height:auto;}
.view-list .bot p img{width:100% !important; height:auto !important;}

#tb_board_write .tb_line textarea{width:100%; height:185px;}

}



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

.board{max-width:850px; width:90%}
.boardTit{display:block;}
.list-box .list-item{padding:0; width:100%}

.view-list .top{flex-direction:column;}
.view-list .Box{width:100%;}
.view-list .Box .txt h1{display:none;}
.view-list .Box .txt h4{margin-top:0; font-size:24px;}
#tb_board_view .infoWrap{margin:40px 0; padding:40px 0;}
#tb_board_view .infoWrap textarea{font-size:24px; height:205px;}
.view-list .Box .txt .btnWrap a{font-size:26px; line-height:60px; border-radius:60px;}
.list-box .list-item .txtWrap .subject{font-size:24px;}

.view-list .mid{padding:100px 0 40px;}

.view-list .mid .editBtn{gap:20px;}
.view-list .mid .editBtn a{font-size:24px; padding:15px 40px; background:#666; color:#fff; font-weight:bold; text-align:center; display:block; border-radius:60px; border:1px solid #666; box-sizing:border-box;}
.view-list .mid .editBtn a:last-child{background:#fff; border:1px solid #666; color:#666;}

.BtnStyle{display:flex; gap:10px; justify-content:center;}
.BtnStyle li a{font-size:24px; padding:15px 40px; background:#666; color:#fff; font-weight:bold; text-align:center; display:block; border-radius:40px; border:1px solid #666; box-sizing:border-box;}
.BtnStyle li a.style00{background:#fff; border:1px solid #666; color:#666; padding:15px 140px;}
.BtnStyle li a.style01{/* background:#fff; border:1px solid #666; color:#666; */}
.BtnStyle li a.style02{background:#fff; border:1px solid #666; color:#666;}
.BtnStyle li a.mainColor{background:var(--mainColor); border-color:var(--mainColor);}

.pageList{margin:40px auto;}
.pageList > div{width:100%; padding:20px 25px; gap:20px;}
.pageList > div + div{}
.pageList > div span{font-size:22px;}
.pageList > div span:first-child{color:#666; font-weight:bold; font-size:36px; font-weight:100;}
.pageList > div span:last-child{cursor:pointer; margin-left:45px; color:#666666;}

/* WRITE */
.board .input_{font-size:24px;}
#tb_board_write .tb_line{border-bottom:1px solid #E7E7E7;text-align:left; padding:0;}
#tb_board_write .tb_subject{width:80px;text-align:left;font-weight:bolder;color:#494949}
#tb_board_write .tb_content{text-align:left;padding-left:8px;color:#7F7F7F;}
#tb_board_write .tb_text{color:#7F7F7F;padding-left:10px}
#tb_board_write .tb_subject{ width: 25%; 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_write .tb_subject label{font-size:24px;}
#tb_board_write .tb_content{ padding:8px 0 8px 10px; font-size: 24px; letter-spacing:0px;text-align:left; word-break:break-all;}
#tb_board_write .tb_content span{ font-size: 24px;}
.board_category{ -webkit-appearance: auto; -moz-appearance: auto; appearance: auto; border: 1px solid #D8D8D8; width: 200px; height: 35px;}
#tb_board_write .tb_button{text-align:center; display:flex; justify-content:center; gap:5px;A}
#tb_board_write .tb_button li{display:inline}
#tb_board_write .tb_line textarea{font-size:24px; height:205px;}
#tb_board_write .BtnStyle{margin:40px auto 0;}
}


@media screen and (max-width:850px){
.board{max-width:none; width:90%; margin:10.67vw 0 13.33vw;}




.list-box{gap:2.67vw; grid-template-columns: 1fr 1fr; margin:0 auto;}
.list-box .list-item{background:#fff; padding:0; border-radius:2.67vw; width:44vw;}
.list-box .list-item:hover{filter:drop-shadow(0 0 1.33vw rgba(0, 0, 0, 0.2)); cursor:pointer; transform:translate(-0.4vw, -0.4vw); transition:all 0.3s;}
.list-box .list-item .thum-img{border-radius:2.667vw;}
.list-box .list-item .thum-img img{}
.list-box .list-item .thum-img a{height:auto;}
.list-box .list-item .txtWrap{position:relative; padding:3.33vw 0 5vw; box-sizing:border-box; min-height:5vw;}
.list-box .list-item .txtWrap span{text-align:left;}
.list-box .list-item .txtWrap .subject{font-size:4.00vw; font-weight:bold; color:#333; margin-bottom:2.67vw; display:block;}
.list-box .list-item .txtWrap .viewText{gap:2.00vw; font-size:2.40vw; line-height:1}
.list-box .list-item .txtWrap .viewText span{ font-size:2.67vw;}
.list-box .list-item .num{position:absolute; top:3.33vw; right:0;}
.sch-form .search-btn{height:8vw; box-sizing:border-box; width:5vw;}
.sch-form .search-btn span{ font-size:3.2vw;}

.pageBtn{ margin:6.67vw auto; gap:1.33vw;}
.pageBtn li{ gap:0.00vw; font-size:2.40vw;}
.pageBtn li span{font-size:2.40vw;}
.pageBtn li.num{gap:0;}
.pageBtn li.num span{width:6.00vw; height:6.00vw; line-height:6.00vw;}
.pageBtn li.num span.on{}



.view-list .top{flex-direction:column; gap:6vw}
.view-list .Box{width:100%;}
.view-list .Box .txt{min-height:auto;}
.view-list .Box .txt h1{display:none;}
.view-list .Box .txt h4{margin-top:0; font-size:3.20vw;}
#tb_board_view .infoWrap{margin:5.33vw 0 0; padding:5.33vw 0;}
#tb_board_view .infoWrap textarea{font-size:3.20vw; height:30vw;}
.view-list .Box .txt .btnWrap a{font-size:3.47vw; line-height:8.00vw; border-radius:8.00vw;}

.view-list .Box .txt .btnWrap{gap:2.67vw; margin:5.33vw 0 0;}
.view-list .Box .txt .btnWrap li{width:50%;}
.view-list .Box .txt .btnWrap a{width:100%; line-height:8.00vw;  font-size:3.47vw; border-radius:8.00vw;}


.view-list .mid{padding:13.33vw 0 5.33vw;}
.view-list .mid h5{font-size:6.00vw;}
.view-list .mid .editBtn{gap:2.67vw; top:12.5%}
.view-list .mid .editBtn a{font-size:3.20vw; padding:2.00vw 5.33vw; background:#666; color:#fff; font-weight:bold; text-align:center; display:block; border-radius:8.00vw; border:0.13vw solid #666; box-sizing:border-box;}
.view-list .mid .editBtn a:last-child{background:#fff; border:0.13vw solid #666; color:#666;}

.view-list .bot > p{font-size:3.4vw;}

.BtnStyle{display:flex; gap:1.33vw; justify-content:center;}
.BtnStyle li a{font-size:3.20vw; padding:2.00vw 5.33vw; background:#666; color:#fff; font-weight:bold; text-align:center; display:block; border-radius:5.33vw; border:0.13vw solid #666; box-sizing:border-box;}
.BtnStyle li a.style00{background:#fff; border:0.13vw solid #666; color:#666; padding:2.00vw 18.67vw;}
.BtnStyle li a.style01{/* background:#fff; border:0.13vw solid #666; color:#666; */}
.BtnStyle li a.style02{background:#fff; border:0.13vw solid #666; color:#666;}
.BtnStyle li a.mainColor{background:var(--mainColor); border-color:var(--mainColor);}

.pageList{margin:5.33vw auto;}
.pageList > div{width:100%; padding:2.67vw 3.33vw; gap:2.67vw;}
.pageList > div + div{}
.pageList > div span{font-size:2.93vw;}
.pageList > div span:first-child{color:#666; font-weight:bold; font-size:4.80vw; font-weight:100;}
.pageList > div span:last-child{cursor:pointer; margin-left:6.00vw; color:#666666;}



.board .input_{font-size:3.20vw; height:8.00vw; line-height:8vw;}
#tb_board_write .tb_line{border-bottom:0.13vw solid #E7E7E7;text-align:left; padding:0;}
#tb_board_write .tb_subject{width:10.67vw;text-align:left;font-weight:bolder;color:#494949}
#tb_board_write .tb_content{text-align:left;padding-left:1.07vw;color:#7F7F7F;}
#tb_board_write .tb_text{color:#7F7F7F;padding-left:1.33vw}
#tb_board_write .tb_subject{ width: 25%; border-bottom: 0.13vw solid #eee; background-color: #efefef; padding-left: 2.00vw; font-weight: 400; text-align: left; font-size: 2.67vw;
    height: 5.33vw; vertical-align: middle;}
#tb_board_write .tb_subject label{font-size:3.20vw;}
#tb_board_write .tb_content{ padding:1.07vw 0 1.07vw 1.33vw; font-size: 3.20vw; letter-spacing:0.00vw;text-align:left; word-break:break-all;}
#tb_board_write .tb_content span{ font-size: 3.20vw;}
.board_category{ -webkit-appearance: auto; -moz-appearance: auto; appearance: auto; border: 0.13vw solid #D8D8D8; width: 26.67vw; height: 4.67vw;}
#tb_board_write .tb_button{text-align:center; display:flex; justify-content:center; gap:0.67vw;A}
#tb_board_write .tb_button li{display:inline}
#tb_board_write .tb_line textarea{font-size:3.20vw; height:28vw;}
#tb_board_write .BtnStyle{margin:5.33vw auto 0;}

.cheditor-tb-wrapper{height: auto !important;}
.cheditor-editarea-wrapper .cheditor-editarea{height:66.667vw !important;}
}