/* 리스트페이지 */
.container.subpage.board .sub_contents{padding:100px 0 90px;}
.category ul{display:flex; flex-wrap:wrap; gap:10px; justify-content: center; margin-bottom:50px;}
.category ul li{width:200px; height:50px;}
.category ul li a{width:100%; height:100%; display:flex; background-color:#f4f4fa; color:#a6a6c0; font-size:17px; font-weight:700; align-items:center; justify-content:center; border-radius:50px;}
.category ul li.on a, .category ul li a:hover{background-color:var(--main-color); color:#fff;}
.search_box form{display:flex; column-gap:10px; justify-content: flex-end;}
.search_box form .select_tit{width:150px; height:55px; border:1px solid #e1e1e1; position:relative;}
.search_box form .select_tit:after{content:""; width: 7px; height: 7px; border: solid #000; position: absolute; top: 45%; right: 20px; border-width: 0 2px 2px 0; transform: translateY(-50%) rotate(45deg);}
.search_box form .select_tit select{border:0; appearance:none; width:100%; height:100%; font-size:16px; color:#666; font-family:'Noto Sans KR'; padding-left:20px; padding-right:40px;}
.search_box form .select_tit select:focus{border:0; outline:0;}
.search_box form .input_detail{width:300px; height:55px; border:1px solid #e1e1e1; position:relative;}
.search_box form .input_detail input{border:0; width:100%; height:100%; font-size:16px; font-family:'Noto Sans KR'; padding-left:20px; padding-right:60px;}
.search_box form .input_detail input:focus{border:0; outline:0;}
.search_box form .input_detail input::placeholder{color:#999;}
.search_box form .input_detail button{position:absolute; top:50%; right:30px; transform:translateY(-50%); border:0; background:unset; cursor:pointer; padding:0;}
.list_form{margin-top:30px;}
.list_form form .table_wrap table{width:100%; border-collapse: collapse; border-spacing: 0;}
.list_form form .table_wrap table thead tr th{background-color:#fafafa; border-top:2px solid var(--main-color); height:60px; font-size:15px; font-family:'Noto Sans KR'; font-weight:500;}
.list_form form .table_wrap table thead tr th.th_num{width:15%;}
.list_form form .table_wrap table thead tr th.th_subject{width:65%;}
.list_form form .table_wrap table thead tr th.th_date{width:20%;}
.list_form form .table_wrap table tbody tr td{border-bottom:1px solid #eee; text-align:center; height:60px; font-size:15px; color:#666;}
.list_form form .table_wrap table tbody tr.empy_tr td{height:150px;}
.list_form form .table_wrap table tbody tr:hover td{background-color:#f9f9f9;}
.list_form form .table_wrap table tbody tr td a{font:inherit; color:inherit; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
.list_form form .btn_wrap{margin-top:40px; display:flex; justify-content: flex-end;}
.list_form form .btn_wrap a.write_btn{width:120px; height:40px; background-color:var(--main-color); color:#fff; font-size:16px; border-radius:10px; display:flex; align-items:center; justify-content:center;}
.list_form form .btn_wrap a.write_btn:hover{background-color:#8281b7;}
.list_form form .page{display:flex; column-gap:5px; margin-top:50px; justify-content: center;}
.list_form form .page a{width:35px; height:35px; border-radius:100%; background-repeat:no-repeat; background-position:center; background-size:11px 11px;}
.list_form form .page a.first{background-image:url('../img/board/first-icon.png');}
.list_form form .page a.first:hover{background-image:url('../img/board/first-hover-icon.png');}
.list_form form .page a.prev{background-image:url('../img/board/prev-icon.png');}
.list_form form .page a.prev:hover{background-image:url('../img/board/prev-hover-icon.png');}
.list_form form .page a.num{font-size:14px; border:1px solid #e1e1e1; display:flex; align-items:center; justify-content:center; font-family:'Noto Sans KR'; line-height:1; font-weight:300;}
.list_form form .page a.num.on, .list_form form .page a.num:hover{background-color:var(--main-color); color:#fff; border-color:var(--main-color);}
.list_form form .page a.next{background-image:url('../img/board/next-icon.png');}
.list_form form .page a.next:hover{background-image:url('../img/board/next-hover-icon.png');}
.list_form form .page a.last{background-image:url('../img/board/last-icon.png');}
.list_form form .page a.last:hover{background-image:url('../img/board/last-hover-icon.png');}

@media (max-width:1024px){
	.container.subpage.board .sub_contents{padding:10vw 0 9vw;}
	.category ul{gap:1vw; margin-bottom:5vw;}
	.category ul li{width:20vw; height:5vw;}
	.category ul li a{font-size:1.7vw; border-radius:5vw;}
	.search_box form{column-gap:1vw;}
	.search_box form .select_tit{width:15vw; height:5.5vw;}
	.search_box form .select_tit:after{width: 0.7vw; height: 0.7vw; right: 2vw; border-width: 0 0.2vw 0.2vw 0;}
	.search_box form .select_tit select{font-size:1.6vw; padding-left:2vw; padding-right:4vw;}
	.search_box form .input_detail{width:30vw; height:5.5vw;}
	.search_box form .input_detail input{font-size:1.6vw; padding-left:2vw; padding-right:6vw;}
	.search_box form .input_detail button{right:3vw;}
	.search_box form .input_detail button img{width:2.2vw;}
	.list_form{margin-top:3vw;}
	.list_form form .table_wrap table thead tr th{height:6vw; font-size:1.5vw;}
	.list_form form .table_wrap table tbody tr td{height:6vw; font-size:1.5vw;}
	.list_form form .table_wrap table tbody tr.empy_tr td{height:15vw;}
	.list_form form .btn_wrap{margin-top:4vw;}
	.list_form form .btn_wrap a.write_btn{width:12vw; height:4vw; font-size:1.6vw; border-radius:1vw;}
	.list_form form .page{column-gap:0.5vw; margin-top:5vw;}
	.list_form form .page a{width:3.5vw; height:3.5vw; background-size:1.1vw 1.1vw;}
	.list_form form .page a.num{font-size:1.4vw;}
}

@media (max-width:767px){
	.category ul li{width:23vw; height:6vw;}
	.category ul li a{font-size:2.2vw;}
	.search_box form .select_tit{width:20vw; height:6vw;}
	.search_box form .select_tit select{font-size:2.2vw;}
	.search_box form .select_tit:after{width: 1.2vw; height: 1.2vw; border-width: 0 0.3vw 0.3vw 0; }
	.search_box form .input_detail{width:40vw; height:6vw;}
	.search_box form .input_detail input{font-size:2.2vw;}
	.search_box form .input_detail button img{width:2.6vw;}
	.list_form form .table_wrap table thead tr th{font-size:2.2vw;}
	.list_form form .table_wrap table tbody tr td{font-size:2.2vw;}
	.list_form form .table_wrap table tbody tr:hover td{background:unset;}
	.list_form form .btn_wrap a.write_btn{width:16vw; height:5.5vw; font-size:2.2vw;}
	.list_form form .page{column-gap:1vw;}
	.list_form form .page a{width:5.5vw; height:5.5vw;}
	.list_form form .page a.num{font-size:2vw;}
	.list_form form .page a.num:hover{background:unset; border:1px solid #e1e1e1; color:#000;}
	.list_form form .page a.first:hover{background-image:url('../img/board/first-icon.png');}
	.list_form form .page a.prev:hover{background-image:url('../img/board/prev-icon.png');}
	.list_form form .page a.next:hover{background-image:url('../img/board/next-icon.png');}
	.list_form form .page a.last:hover{background-image:url('../img/board/last-icon.png');}
	.list_form form .btn_wrap a.write_btn:hover{background:var(--main-color);}
}

@media (max-width:480px){
	.container.subpage.board .sub_contents{padding:20vw 0 18vw;}
	.category ul{margin-bottom:7vw; gap:1.5vw;}
	.category ul li{width:28vw; height:7vw;}
	.category ul li a{font-size:2.8vw;}
	.search_box form{column-gap:2%;}
	.search_box form .select_tit{width:30%; height:8vw;}
	.search_box form .select_tit:after{width: 1.5vw; height: 1.5vw; border-width: 0 0.5vw 0.5vw 0;}
	.search_box form .select_tit select{font-size:3vw;}
	.search_box form .input_detail{width:68%; height:8vw;}
	.search_box form .input_detail input{font-size:3vw;}
	.search_box form .input_detail button img{width:3.5vw;}
	.list_form{margin-top:5vw;}
	.list_form form .table_wrap table thead tr th{font-size:2.8vw; height:10vw;}
	.list_form form .table_wrap table tbody tr td{font-size:2.8vw; height:10vw;}
	.list_form form .table_wrap table tbody tr.empy_tr td{height:20vw;}
	.list_form form .btn_wrap{margin-top:6vw;}
	.list_form form .btn_wrap a.write_btn{width: 18vw; height: 6.5vw; font-size: 3vw;}
	.list_form form .page{align-items:center;}
	.list_form form .page a{width: 7vw; height: 7vw;}
	.list_form form .page a.num{font-size:2.8vw;}
	.list_form form .page a.first,
	.list_form form .page a.prev,
	.list_form form .page a.next,
	.list_form form .page a.last{width:2.2vw; height:2.2vw; background-size: cover;}
}
/* // 리스트페이지 */






/* 쓰기페이지 */
.table_wrap3{border-top:1px solid #e1e1e1;}
.table_wrap3 dl{margin: 0; display: flex;}
.table_wrap3 dl dt{width: 190px; background-color: #fafafa; border-bottom: 1px solid #e1e1e1; display: flex; font-size: 16px; padding:30px; font-weight:700;}
.table_wrap3 dl dd{width: calc(100% - 190px); border-bottom: 1px solid #e1e1e1; margin: 0; padding: 10px; display: flex; align-items: center; font-size:16px;}
.table_wrap3 dl dd .select_box{width:100%; max-width:400px; height:45px; border:1px solid #e1e1e1; position:relative;}
.table_wrap3 dl dd .select_box:after{content: ""; width: 7px; height: 7px; border: solid #000; position: absolute; top: 45%; right: 20px; border-width: 0 2px 2px 0; transform: translateY(-50%) rotate(45deg);}
.table_wrap3 dl dd .select_box select{width:100%; height:100%; border:0; appearance: none; font-size:16px; padding:0 40px 0 10px; font-family: 'Pretendard', sans-serif; cursor:pointer;}
.table_wrap3 dl dd .select_box select:focus{outline:none; border:0;}
.table_wrap3 dl dd input{width:100%; height:45px; border:1px solid #e1e1e1; font-family: 'Pretendard', sans-serif; font-weight:300; font-size:16px; padding:0 10px;}
.table_wrap3 dl dd textarea{width:100%; height:200px; border:1px solid #e1e1e1; resize:none; font-family: 'Pretendard', sans-serif; font-weight:300; font-size:16px; padding:10px; line-height:1.5;}
.table_wrap3 dl dd .filebox{display: flex; column-gap: 10px; justify-content: space-between; width:100%; max-width:400px;}
.table_wrap3 dl dd .filebox input.upload-name{border: 1px solid #ddd; height: 45px; padding: 5px; width: calc(100% - 120px); max-width: unset; font-size:16px; font-family: 'Pretendard', sans-serif;}
.table_wrap3 dl dd .filebox label{display: flex; align-items:center; justify-content:center; color: #fff; vertical-align: middle; background-color: var(--main-color); cursor: pointer; height: 45px; width: 110px;}
.table_wrap3 dl dd .filebox label:hover{background-color: #8281b7;}
.table_wrap3 dl dd .filebox input[type=file]{position: absolute; width: 0; height: 0; padding: 0; overflow: hidden; border: 0;}
.table_wrap3 dl.tr-download dd{flex-direction: column; align-items: flex-start; row-gap: 10px;}
.btn_wrap{display:flex; column-gap:10px; justify-content: center; margin-top:50px;}
.btn_wrap .btn{width:170px; height:50px; display:flex; align-items:center; justify-content:center; color:#fff; font-size:18px; font-weight:700;}
.btn_wrap .submit{background-color:var(--main-color); border:0; cursor:pointer;}
.btn_wrap .submit:hover{background-color: #8281b7;}
.btn_wrap .cancel{background-color:#cbcbcb;}
.btn_wrap .cancel:hover{background-color:#bd7d7d;}


@media (max-width:1024px){
	.table_wrap3 dl dt{width: 19vw; font-size: 1.6vw; padding:3vw;}
	.table_wrap3 dl dd{width: calc(100% - 19vw); padding: 1vw; font-size:1.6vw;}
	.table_wrap3 dl dd .select_box{height:4.5vw;}
	.table_wrap3 dl dd .select_box:after{width: 0.7vw; height: 0.7vw; right: 2vw; border-width: 0 0.2vw 0.2vw 0;}
	.table_wrap3 dl dd .select_box select{font-size:1.6vw; padding:0 4vw 0 1vw;}
	.table_wrap3 dl dd input{height:4.5vw; font-size:1.6vw; padding:0 1vw;}
	.table_wrap3 dl dd textarea{height:20vw; font-size:1.6vw; padding:1vw;}
	.table_wrap3 dl dd .filebox{column-gap: 1vw;}
	.table_wrap3 dl dd .filebox input.upload-name{height: 4.5vw; padding: 0.5vw; width: calc(100% - 12vw); font-size:1.6vw;}
	.table_wrap3 dl dd .filebox label{height: 4.5vw; width: 11vw;}
	.table_wrap3 dl.tr-download dd{row-gap: 1vw;}
	.btn_wrap{column-gap:1vw; margin-top:5vw;}
	.btn_wrap .btn{width:17vw; height:5vw; font-size:1.8vw;}
}

@media (max-width:767px){
	.table_wrap3 dl dt{font-size:2.2vw;}
	.table_wrap3 dl dd{font-size:2.2vw;}
	.table_wrap3 dl dd input{font-size:2.2vw; height:6vw; padding:0 1.5vw;}
	.table_wrap3 dl dd .select_box{max-width:unset; height:6vw;}
	.table_wrap3 dl dd .select_box:after{width: 1.2vw; height: 1.2vw; right: 2vw; border-width: 0 0.3vw 0.3vw 0;}
	.table_wrap3 dl dd .select_box select{font-size:2.2vw; padding: 0 4vw 0 1.5vw;}
	.table_wrap3 dl dd textarea{font-size:2.2vw; padding:1.5vw; height:25vw;}
	.table_wrap3 dl dd .filebox{max-width:unset;}
	.table_wrap3 dl dd .filebox input.upload-name{width:calc(100% - 14vw); height:6vw;}
	.table_wrap3 dl dd .filebox label{width:13vw; height:6vw;}
	.table_wrap3 dl dd .filebox label:hover{background-color: var(--main-color);}
    .btn_wrap .btn{width: 22vw; height: 7vw; font-size: 2.5vw;}
	.btn_wrap .submit:hover{background-color: var(--main-color);}
	.btn_wrap .cancel:hover{background-color:#cbcbcb;}
}

@media (max-width:480px){
	.table_wrap3 dl dt{font-size:2.8vw;}
	.table_wrap3 dl dd{font-size:2.8vw; padding:2vw;}
	.table_wrap3 dl dd input{font-size:2.8vw; height:8vw; padding:0 2vw;}
	.table_wrap3 dl dd .select_box{height:8vw;}
	.table_wrap3 dl dd .select_box:after{width: 1.5vw; height: 1.5vw; border-width: 0 0.5vw 0.5vw 0;}
	.table_wrap3 dl dd .select_box select{font-size:2.8vw; padding: 0 4vw 0 2vw;}
	.table_wrap3 dl dd textarea{font-size:2.8vw; padding:2vw; height:30vw;}
	.table_wrap3 dl dd .filebox input.upload-name{width:calc(100% - 15vw); height:8vw;}
	.table_wrap3 dl dd .filebox label{width:14vw; height:8vw;}
	.btn_wrap{margin-top:7vw; column-gap:2vw;}
    .btn_wrap .btn{width: 25vw; height: 9vw; font-size: 3.2vw;}
}
/* // 쓰기페이지 */







/* 상세페이지 */
.view_form .view_subject{font-size:40px; font-weight:800; margin-bottom:15px;}
.view_form .view_info{display:flex; flex-wrap:wrap; column-gap:30px; row-gap:20px;}
.view_form .view_info .category,
.view_form .view_info .writer,
.view_form .view_info .date,
.view_form .view_info .views{font-size:16px;}
.view_form .view_content{margin:50px 0 100px;}
.view_form .view_post{display:flex; flex-direction: column;}
.view_form .view_post > div{width:100%; display:flex; align-items:center; border-bottom:1px solid #eee; height:70px; padding:0 20px;}
.view_form .view_post > div:hover{background: #f6f6f6;}
.view_form .view_post > div .arrow{display:flex; width:30px;}
.view_form .view_post > div .arrow:after{content: ""; width: 7px; height: 7px; border: solid #666; position: relative; border-width: 0 2px 2px 0;}
.view_form .view_post > div .tit{font-size:16px; color:#666; font-weight:600; width:70px;}
.view_form .view_post > div .subject{font-size:16px; color:#666; width:calc(100% - 190px); overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
.view_form .view_post > div .subject a{font:inherit; color:inherit;}
.view_form .view_post > div .date{font-size:16px; color:#666; width:90px; text-align:right;}
.view_form .view_post .prev_post{border-top:1px solid #eee;}
.view_form .view_post .prev_post .arrow:after{transform: translateY(0) rotate(225deg);}
.view_form .view_post .next_post .arrow:after{transform: translateY(-50%) rotate(45deg);}
.btn_wrap .del{background-color:#bd7d7d;}
.btn_wrap .del:hover{background-color:#5f4242;}

@media (max-width:1024px){
	.view_form .view_subject{font-size:4vw;  margin-bottom:1.5vw;}
	.view_form .view_info{column-gap:3vw; row-gap:2vw;}
	.view_form .view_info .category,
	.view_form .view_info .writer,
	.view_form .view_info .date,
	.view_form .view_info .views{font-size:1.6vw;}
	.view_form .view_content{margin:5vw 0 10vw;}
	.view_form .view_post > div{height:7vw; padding:0 2vw;}
	.view_form .view_post > div .arrow{width:3vw;}
	.view_form .view_post > div .arrow:after{width: 0.7vw; height: 0.7vw;border-width: 0 0.2vw 0.2vw 0;}
	.view_form .view_post > div .tit{font-size:1.6vw; width:7vw;}
	.view_form .view_post > div .subject{font-size:1.6vw; width:calc(100% - 19vw);}
	.view_form .view_post > div .date{font-size:1.6vw; width:9vw;}
}

@media (max-width:767px){
	.view_form .view_subject{font-size:4.8vw;}
	.view_form .view_info .category,
	.view_form .view_info .writer,
	.view_form .view_info .date,
	.view_form .view_info .views{font-size:2.2vw;}

	.view_form .view_post > div{height:9vw;}
	.view_form .view_post > div .arrow{width:4vw;}
	.view_form .view_post > div .arrow:after{width: 1.2vw; height: 1.2vw;border-width: 0 0.3vw 0.3vw 0;}
	.view_form .view_post > div .tit{font-size:2.2vw; width:8vw;}
	.view_form .view_post > div .subject{font-size:2.2vw; width:calc(100% - 23vw);}
	.view_form .view_post > div .date{font-size:2.2vw; width:11vw;}
	.btn_wrap .del:hover{background-color:#bd7d7d;}
}

@media (max-width:480px){
	.view_form .view_subject{font-size:5.2vw; margin-bottom:3vw;}
	.view_form .view_info{column-gap:5vw; row-gap:2.5vw;}
	.view_form .view_info .category, .view_form .view_info .writer, .view_form .view_info .date, .view_form .view_info .views{font-size:3vw;}
	.view_form .view_content{margin:7vw 0 12vw;}
	.view_form .view_post > div{height:10vw;}
	.view_form .view_post > div .arrow:after{width: 1.5vw; height: 1.5vw; border-width: 0 0.5vw 0.5vw 0;}
	.view_form .view_post > div .tit{font-size:3vw; width:9.5vw;}
	.view_form .view_post > div .subject{font-size:3vw; width:calc(100% - 26vw);}
	.view_form .view_post > div .date{font-size:2.7vw; width:12.5vw;}
}
/* // 상세페이지 */