/*탭*/
.tab-nav{display: flex;  gap: 0.625rem; flex-wrap: wrap; margin-bottom: 1.875rem; align-items: center; }
.tab-nav a{position:relative; border: 0.0625rem solid #e7e7e7; border-radius: 0.3125rem; display: flex; align-items: center; justify-content: center; flex: 1 1 0; padding: 0.9375rem; text-align: center; transition: all .3s; color: #666;}
.tab-nav a[target="_blank"]:after{content: '';display: inline-block; transform: translateY(0.2rem); margin-left:0.3125rem; width: 0.9375rem ;height: 0.9375rem; background: url("../images/common/ico-link.svg") no-repeat;}
.tab-nav a.active{background: #891c21; color: #fff; border: 0.0625rem solid #891c21;}
.tab-nav a.active:hover{color: #fff;}
.tab-nav a:hover{border: 0.0625rem solid #891c21; color: #891c21;}
.tab-nav1 {display: flex; margin-bottom: 1.875rem; border-bottom: 0.0625rem solid #ddd; flex-wrap: wrap;}
.tab-nav1 a{padding: 0.625rem 1.25rem; position: relative; color: #888;}
.tab-nav1 a.active{color: #891c21;}
.tab-nav1 a.active:before{content: ''; position: absolute; width: 100%; height: 0.125rem; background: #891c21; left: 0; bottom: -0.0625rem;}
.tab-nav+.title-1{padding-top: 0;}
.tab-nav1+.title-1{padding-top: 0;}

/*테이블*/
.table-wrap.scroll{overflow-x: auto; overflow-y: hidden;}
.table{position: relative;width: 100%; border-top: 0.125rem solid #333;} figure.table{border-top: none;}
.table th{padding: 0.9375rem 0.625rem;border-bottom: 0.0625rem solid #E6E6E6; border-right: 0.0625rem solid #E6E6E6; text-align: center;word-break: break-all; background: #FBFBFB; font-weight: 500;}
.table th:last-child{border-right: 0;}
.table td {padding: 0.9375rem 0.625rem;border-bottom: 0.0625rem solid #E6E6E6; border-right: 0.0625rem solid #E6E6E6; text-align: center; }
.table td+td{border-left: 0.0625rem solid #e6e6e6;}
.table td:last-child {border-right: 0;}

/*게시판*/
.board {width: 100%; table-layout: fixed; text-align: center;}
.board-list {border-top: 0.125rem solid #333; width: 100%;}
.board th{padding: 0.9375rem 0.625rem; font-weight: 500; background: #fff; border-bottom: 0.0625rem solid #e1e1e1; font-size: 0.875rem; position: relative;}
.board th+th:before{content: ''; width: 0.0625rem; height: 1.25rem; background: #ddd; position: absolute; left: 0; top: 50%; transform: translateY(-50%)}
.board th.tit{width: 50%;}
.board th.num{width: 4.375rem}
.board th.file{width: 5rem;}
.board td{padding: 1.875rem 0.3125rem; border-bottom: 0.0625rem solid #e1e1e1; color: #555; font-size: .9rem;}
.board .td-tit {text-align: left !important; color: #333; font-size: 1rem;  }
.board .td-tit a{display: inline-block; max-width: 90%; font-weight: 500;}
.board .td-tit a {display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;word-break: break-all;}
.board .td-num .mark{display: inline-block;  color: #fff; background: #007764; border: 0; padding: 0.125rem 0.5rem; font-size: 0.875rem; font-weight: 600; border-radius: 3.125rem;}
.board .has-file {font-size: 1.2rem;color: #888;}
.board td.empty{ padding: 6.25rem 0;}
.board td.empty i{ font-size: 2rem; color: #ccc; display: block;}
.board-category{padding-bottom: 1rem;}
.board-category ul{display: flex; margin-left: -0.625rem; margin-right: -0.625rem;}
.board-category ul li{padding: 0 0.625rem; position: relative;}
.board-category ul li a{ color: #777; font-weight: 300;}
.board-category ul li.active a{color: #000; font-weight: 600;}
.board-category ul li+li:before{content: ''; width: 0.0625rem; height: 0.8125rem; background: #ddd; position: absolute; left: 0; top: 50%; transform: translateY(-50%);}
.board .btn-area{display: flex; justify-content: center; align-items: center;}
.board .btn-area .btn{padding: 0.9375rem 1.875rem;}
.tbl-btn{padding-top: 1.25rem ; text-align: center;}
.tbl-btn .btn button{color: #d93030;}
.tbl-btn .btn.gray{ background: #f5f5f5;border: 1px solid #ddd;}
.tbl-btn .btn.gray button{color: #333;}
.tbl-btn .btn-area{display: flex; gap: 5px; justify-content: center;}
.board_btn {display: flex; gap: 5px; align-items: center; justify-content: center; padding-top: 10px;}
.board_btn .btn_orange {display: inline-block; padding: 0.625rem 0.9375rem; border: 0.0625rem solid #ccc; background: #f7f8f9; border-radius: 0.3125rem;}
.board_btn .btn_orange button{color: #333;}
.board_btn .btn_orange.st03{background: #fff; border: 1px solid #d93030;}
.board_btn .btn_orange.st03 button{color: #d93030;}
.board_btn .btn_orange.st02{background: #fff; border: 1px solid #0b4391}
.board_btn .btn_orange.st02 button{color: #0b4391;}

    /* 게시판 공지사항, 웹진형,  */
.box_w{position:relative; width:100%; padding-bottom: 1.25rem;}
.box_w .inp_t{width: 12.5rem; height: 3.125rem; border: none; color:#555; background: #f4f4f4; border-radius: 0.625rem; padding: 0 1.25rem; outline: none;}
.box_w.tbl_btn form{display: flex; align-items: center; justify-content: flex-end; gap: 0.3125rem;}
.box_w.tbl_btn form input:last-child {padding: 0 1.25rem; position: absolute;}
.box_w.tbl_btn.write{padding:15px 0 0 0; border-bottom:0px solid #d0d0d0;}
.box_w.tbl_btn.write .btn_right{top:19px;}
.box_w select{min-width: 6.25rem; height: 3.125rem; border: none; border-radius: 0.625rem;  padding: 0 1.25rem; outline: none; background: #f4f4f4 url("../images/layout/board/ico_select.png") no-repeat 87% 50%/15px auto; background-size: 10px }

/*게시판 봉사활동*/
.volunteer_item{background: #fff;border: 0.0625rem solid #ddd;border-radius: 0.375rem;padding: 1.25rem;margin-bottom: 0.9375rem;display: flex;justify-content: space-between;align-items: center; gap: 0.625rem; flex-wrap: wrap;}
.volunteer_item .left-area{display: flex;flex-direction: column;gap: 0.5rem;width: 70%;}
.volunteer_item .title{font-size: 17px;font-weight: bold;color: #222;}
.volunteer_item .more_button span{font-size: 14px; display: inline-block; border-bottom: 1px solid #333;}
.volunteer_item .tag{background: #b71c1c;color: white;padding: 0.1875rem 0.525rem;border-radius: 0.3125rem;font-size: 0.75rem;display: inline-block; transform: translateY(-0.125rem)}
.volunteer_item .status{width: 5rem;height: 5rem;background: #333;color: white;border-radius: 0.375rem;display: flex;justify-content: center;align-items: center;font-size: 1.125rem;font-weight: bold;}
.volunteer_item .status a{display: block; width: 100%; text-align: center; padding: 1.5625rem 0;}
.volunteer_item .status.gray{background: #999;}
.volunteer_item .rate_info_text{font-size: 0.9375rem; padding-bottom: 0.625rem;font-family: 'Daeojamjil';  font-weight: 400; text-align: right;}
.volunteer_item .rate_bar{height: 0.5625rem;border-left: 0;background: #e9e9e9;border-radius: 0.3125rem;width: 14.0625rem;}
.volunteer_item .rate_bar_rating{background: #8A0E1A;height: 9px;border-radius: 5px;float: left;}
.volunteer_item .detail {padding: 20px; background: #f7f8f9; width: 100%;}

/*게시판 상세*/
.board-view{border-top: 0.125rem solid #333;}
.board-view .tit{ padding: 1.5625rem 0.9375rem; border-bottom: 0.0625rem solid #dedede; text-align: center;}
.board-view .tit small{font-weight: 600; font-size: .95rem; display: inline-block; margin-bottom: .5rem;}
.board-view .tit em{font-style: normal; color: #A09690; font-size: 1rem;}
.board-view .tit p{font-size: 1.7rem; font-weight:700; color: #333;}
.board-view .tit .info{padding: 1rem 0 0;}
.board-view .tit .info span{font-size: .95rem; position: relative; display: inline-block;  color: #777; font-weight: 300;}
.board-view .tit .info span + span:before{content: '';display: inline-block; width: 0.0625rem; height: 0.625rem; background:#ADADAD;margin: 0 0.9375rem; vertical-align: middle;}
.view-files {background:#fcfcfc; padding: 1.875rem 3.75rem;}
.view-files a:hover {text-decoration: underline;}
.view-files li {padding: 0.1875rem 0 0.1875rem 1.5625rem; font-size: .9rem; position: relative;}
.view-files li:before{ content: ''; position: absolute; top: 0.375rem; left: 0; width: 0.9375rem; height: 0.9375rem; background: url("../images/common/board-file.svg") center no-repeat;}
.view-files li {color: #555;}
.board-view .view-cont {padding: 3.125rem 1.875rem; line-height: 1.7;border-bottom: 0.0625rem solid #dedede;}
.board-view .view-cont img {max-width: 100%; height: auto!important;}
.board-view .view-more {display: flex;border-bottom: 0.0625rem solid #dedede; }
.board-view .view-more .prev:after{content: ''; position: absolute; right: 0; top: 0; width:0.0625rem; height: 100%; background: #dedede; }
.board-view .view-more .prev,.board-view .view-more .next{ width: 50%;position: relative; }
.board-view .view-more a{display: block; text-decoration: none;}
.board-view .view-more a span {font-size: 1.1rem; font-weight: 500;}
.board-view .view-more a p{ padding-top: 0.625rem; color: #4B4B4B; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.board-view .view-more li:hover a p{text-decoration: underline;}
.board-view .view-more .prev{padding: 1.5625rem 0.625rem 1.5625rem 7.5rem;}
.board-view .view-more .next{padding: 1.5625rem 7.5rem 1.5625rem 0.625rem; text-align: right;}
.board-view .view-more .icon{position: absolute; top: 0; display: inline-block; width:6.25rem; height: 100%; background-color: #f9f9f9; background-position: center; background-repeat: no-repeat;}
.board-view .view-more .prev .icon{left: 0;   background-image: url("../images/common/board-prev.svg");}
.board-view .view-more .next .icon{right: 0;  background-image: url("../images/common/board-next.svg");}
.board-view .btn-area{display: flex; justify-content: center; gap: 0.625rem;  margin-top: 1.875rem;}
.board-view .btn {padding: 0.9375rem 1.875rem;}

/*갤러리 게시판*/
.board-gallery{display: flex; gap: 1.5625rem; flex-wrap: wrap;}
.board-gallery .item{width: calc(100% / 3 - 1.0625rem)}
.board-gallery .item .thumb {position: relative; width: 100%; padding-bottom: 80%;}
.board-gallery .item .thumb-img {position: absolute; inset: 0; border-radius: 0.3125rem; overflow: hidden;}
.board-gallery .item .thumb-img img {position: absolute; display: block; width: 100%; height: 100% !important; object-fit: cover;} {position: absolute; display: block; width: 100%; height: 100%; object-fit: cover;}
.board-gallery .text {padding: 0.9375rem 0;}
.board-gallery .text .subject{width: 100%; font-size: 1.18rem; color: #333; font-weight:600; padding: 0 0 0.3125rem; min-height: 3.875rem;}
.board-gallery .text .category_id{color: #891c21; padding-bottom: 0.3125rem; font-size: .9rem; font-weight: 800;}
.board-gallery .text .info span{font-size: .9rem; position: relative; display: inline-block;  color: #666; font-weight: 300;}
.board-gallery .text .info span + span:before{content: '';display: inline-block; width: 0.0625rem; height: 0.625rem; background:#ADADAD;margin: 0 0.9375rem; vertical-align: middle;}
.board-gallery .empty{ padding: 6.25rem 0; width: 100%; text-align: center;}
.board-gallery .empty i{ font-size: 2rem; color: #ccc; display: block;}
.gallery-wrap .btn-area{display: flex; justify-content: center; gap: 0.3125rem;}
.gallery-wrap .btn {padding: 0.9375rem 1.875rem;}

/*글쓰기*/
.page-noti{background: #f5f9fc; padding: 1.875rem; margin-bottom: 1.25rem; }
.page-noti strong{ font-size: 1.5rem; margin-bottom: 0.625rem; display: block; font-weight: 800;}
.page-noti p{font-size: 1.1rem; line-height: 1.8; color: #444;}
.board-write{border-top: 0.125rem solid #333;}
.board-write .write-item {display: flex; align-items: center; border-bottom: 0.0625rem solid #e8e8e8;}
.board-write .w-category .select {width: 15.625rem; height: 3.125rem;}
.board-write .w-category .select select{border: 0.0625rem solid #cdcdcd;}
.board-write .w-tit input{width: 100%;}
.board-write strong {display: block; width: 10rem;  font-size: 1rem; font-weight: 500; padding: 0 0 0 1.25rem; border-bottom: 0; text-align: left;}
.board-write .text {width: calc(100% - 10rem); padding: 1.25rem; border-left: 0.0625rem solid #e8e8e8;}
.board-write .text .input-group.short {width: 15.625rem;}
.board-write .text.radio {display: flex; border-left: none !important; padding: 0 !important;}
.board-write .text.radio .checkbox:not(:last-child) {margin-right: 1.25rem;}
.board-write .w-edit {padding: 1.25rem 0; border-bottom: 0.0625rem solid #ddd;}
.board-write input[type="text"],
.board-write input[type="password"],
.board-write input[type="number"]{border: 0.0625rem solid #cdcdcd; height: 3.125rem; padding: 0.3125rem 1.25rem; line-height: 3.125rem; font-size: 1rem; width: 100%; border-radius: 0.3125rem;}
.board-write input[type="text"]:focus,
.board-write input[type="password"]:focus,
.board-write input[type="number"]:focus{border: 1px solid #333;}
.board-write textarea{border: 0.0625rem solid #cdcdcd; resize: none; min-height: 3.125rem; padding: 0rem 1.25rem; line-height: 3.125rem; font-size: 1rem; width: 100%; border-radius: 0.3125rem;}
.board-write textarea:focus {border: 1px solid #333;}
.input-group input{border: 0.0625rem solid #ddd; height: 3.125rem; padding: 0.3125rem 1.25rem; line-height: 3.125rem; font-size: 1rem; width: 100%; border-radius: 0.3125rem;}
.input-group input:focus {border: 0.0625rem solid #333;}
.input-group textarea{border: 0.0625rem solid #cdcdcd; resize: none; min-height: 3.125rem; padding: 0rem 1.25rem; line-height: 3.125rem; font-size: 1rem; width: 100%;}
.input-group textarea:focus {border: 0.0625rem solid #333;}
.input-desc{color: #777; font-weight: 300; font-size: .95rem; }
.input-desc span{color: #E94E1B;}
.up-file-list li{border: 0; position: relative; display: flex; align-items: center; gap: 0.625rem;}
.up-file-list .del{display: inline-block; font-size: 0; width: 0.9375rem; height: 0.9375rem; background: url("../images/common/delete1.svg") no-repeat;}
.up-file-list{ padding-top: 0.625rem;}
.btn-file {background: #2A5C94; color: #fff; font-size: 1rem; padding: 0.625rem 1.25rem; display: inline-block; margin-top: 0.625rem;}
.board-write .captha{display: flex; justify-content: center; padding: 1rem 0;}
.board-write .btn-area{display: flex; justify-content: center; gap: 0.3125rem; padding-top: 1.25rem;}
.board-write .btn{padding: 0.9375rem 1.875rem}

/*라디오버튼*/
[type="radio"] { vertical-align: middle; }
[type="radio"] { appearance: none; border: max(2px, 0.1em) solid gray; border-radius: 50%; height: 1.25em; transition: border 0.5s ease-in-out; width: 1.25em; }
[type="radio"]:checked { border: 0.4em solid #006bff; }
[type="radio"]:focus-visible { outline: max(2px, 0.1em) dotted #006bff; outline-offset: max(2px, 0.1em); }
[type="radio"]:hover { box-shadow: 0 0 0 max(4px, 0.2em) lightgray; cursor: pointer; }
[type="radio"]:hover + span { cursor: pointer; color: #222; }
[type="radio"]:disabled { background-color: lightgray; box-shadow: none; cursor: not-allowed; opacity: 0.7; }
[type="radio"]:disabled + span { cursor: not-allowed; opacity: 0.7; }

/*체크박스*/

/* 게시판-검색 */
.filter {display: flex; justify-content: space-between; margin-bottom: 1.25rem; background: #f6f7f9; align-items: center; padding:1.25rem; border-radius: 0.3125rem; border: 0.0625rem solid #eaeaea;}
.filter input{width: 21.875rem; height:2.8125rem; border:0.0625rem solid #eaeaea;box-sizing:border-box; padding:0.625rem 3.125rem 0.625rem 1.25rem;font-size: 0.9444rem; font-weight: 300; border-radius: 0.3125rem;}
.filter input::placeholder {color:#999;}
.filter input::-webkit-input-placeholder {color:#999;}
.filter input:-ms-input-placeholder {color:#999;}
.filter .btn-search{ display:inline-block; height: 2.8125rem; background: #007764;padding: 0.625rem 1.875rem;vertical-align:middle;border-radius:0.3125rem; box-sizing: border-box; color:#fff;font-size: 0.9444rem;}
.filter .count{color: #333; font-size: 0.9375rem;}
.filter .count span{color: #222; font-weight: 800;}
.board-search{display: flex; gap: 0.625rem; align-items: center;}
.select{position: relative;}
.select select{height: 2.8125rem;width: 100%;font-size: 1rem;background: #fff;padding: 0.625rem 1.25rem;border: 0.0625rem solid #eaeaea;cursor: pointer;transition: all 0.3s; color:#555; -webkit-text-fill-color: #555; border-radius: 0.3125rem;background: #fff url("../images/common/select.svg") center right no-repeat; }
.select select:focus{border: 0.0625rem solid #333;}
.select+.select {margin-left: 0.3125rem;}
.search-group {display: flex;}
.search-group .select{margin-right: 0.3125rem; min-width: 8.75rem;}
.select.type2 {width: 18.75rem;}
.select.type2 select{border: 0.0625rem solid #ddd; height: 3.125rem;}
.select.type2:before {background: #ddd;}

/* paging */
.paging { height:18px; font-size:13px; text-align:center;line-height:1.2; display: flex; align-items: center; justify-content: center; margin: 20px auto;}
.paging span.prebtn { padding-right:10px; }
.paging span.nextbtn { padding-left:10px; }
.paging span.prebtn a { width:auto;padding:0;}
.paging span.nextbtn a { width:auto;padding:0;}
.paging strong { font-size:14px; display:inline-block; width:auto; padding:0 10px; text-align:center; vertical-align:middle; color:#D12429; }
.paging a { font-size:14px; display:inline-block; width:auto;padding:0 10px; text-align:center; vertical-align:middle; color:#666; }


/*페이지네이션*/
.pagenation {padding: 1.875rem 0;text-align: center;line-height: normal; margin-top: 1.875rem; display: flex; justify-content: center; align-items: center; gap: 0.625rem;}
.pagenation a{display: inline-block; font-weight: 400; position: relative; width: 1.875rem; height: 1.875rem; font-size: .9rem;color: #333;line-height: 1.875rem;}
.pagenation a.active {color: #fff;  background: #1c2232; font-weight: 600; border-radius: 0.3125rem;}
.pagenation .page-btn{display: flex; align-items: center; gap: 0.3125rem;}
.pagenation .page-btn a {font-weight: normal;color: #767676;white-space: nowrap;width:1.875rem; height:1.875rem; display: inline-block; border: 0.0625rem solid #dedede; border-radius: 0.3125rem;}
.pagenation .prev-all{ background: url("../images/common/page-prev-all.svg") center no-repeat;}
.pagenation .prev{ background: url("../images/common/page-prev.svg") center no-repeat;}
.pagenation .next-all{ background: url("../images/common/page-next-all.svg") center no-repeat;}
.pagenation .next{ background: url("../images/common/page-next.svg") center no-repeat;}
.pagenation .direction span {font-weight: bold;}
.pagenation .direction:hover, .pagenation .direction:active, .pagenation .direction:focus {background-color: #fff ;color: #333;}

/*리스트*/
.dot-list li{position: relative; padding-left: 0.9375rem; line-height: 1.8; }
.dot-list li:before {content: '';  position: absolute; left: 0; top:0.75rem;  width: 0.25rem; height: 0.25rem; background: #d93030; border-radius: 3.125rem;color: #333;}
.num-list li {display:flex; line-height: 1.8;}
.num-list li .num{display: inline-block;  font-variant: tabular-nums; height: 1.25rem; vertical-align: top;  margin-right: 0.5rem; color: #c7c7c7; text-align: center; font-size: 1rem; font-weight: 900;}
.num-list li .text {display: inline-block; width: calc(100% - 1.875rem);color: #333;}

/*로그인*/
.content-login{display: flex; justify-content: center; padding: 6.25rem 0; background: #f1f1f1}
.login-box{ background: #fff; padding: 3.125rem; max-width: 43.75rem;}
.content-login .logo {display: flex; align-items: center; gap: 0.9375rem; padding-bottom: 1.25rem;}
.content-login .logo span{font-size: 1.4rem; font-weight: 700; color: #222;}
.content-login .input-group input{margin-bottom: 0.625rem;}
.content-login .input-group .btn{width: 100%; font-size: 1.1rem;padding: 0.75rem; }
.content-login p{font-size: 0.9375rem; padding: 1rem 0; color:#333;}
.content-login .find-password{text-align: right;}
.content-login .find-password button{color: #007764; font-weight: 700;}
.content-login .find-password button:hover{text-decoration: underline;}

/*비밀글*/
.secret-box{ text-align: center; padding: 3.125rem 0;}
.secret-box i{font-size: 2rem; color: #007764;}
.secret-box h4{font-size: 1.5rem; margin-bottom: 1.25rem; color: #007764; font-weight: 800;}
.secret-box .input-group{display: flex; align-items: center; justify-content: center;}
.secret-box b{padding-bottom: 0.3125rem; display: block;}
.secret-box p{font-weight:400; padding-bottom: 1.875rem;}
.secret-box input[type="password"]{border:0.0625rem solid #ddd; padding: 0.9375rem; height: 3.4375rem; background:#fafafa; width:20%; text-align: center;}
.secret-box .btn{display: inline-block; height: 3.4375rem; background: #007764; color: #fff; padding: 0.875rem 1.875rem; margin-left: 0.625rem; }

/*댓글*/
.comment-wrapper input,.comment-wrapper textarea,.comment-wrapper button {font-family: inherit;font-size: 14px;}
.comment-list {border-top: 2px solid #444;}
.comment-item {display: grid;grid-template-columns: 120px 1fr 80px 160px;gap: 10px;padding: 12px 0;border-bottom: 1px solid #ddd;align-items: center;}
.comment-name {margin-left: 20px;font-weight: bold;}
.comment-content {line-height: 1.4;word-break: break-word;}
.comment-update{width: 70px;}
.comment-update button {width: 50px;padding: 6px 0;border: none;background: #3498db;color: #fff;cursor: pointer;border-radius: 4px;}
.comment-update button:hover {background: #2980b9;}
.comment-delete{width: 70px;}
.comment-delete button {width: 50px;padding: 6px 0;border: none;background: #e74c3c;color: #fff;cursor: pointer;border-radius: 4px;}
.comment-delete button:hover {background: #c0392b;}
.comment-password input {width: 100%;padding: 6px;box-sizing: border-box;}
.comment-form {margin-top: 30px;padding: 20px;border: 1px solid #ccc;border-radius: 6px;background: #fafafa;}
.comment-form h3 {margin-bottom: 15px;font-size: 16px;}
.comment-form .form-row {margin-bottom: 10px;}
.comment-form input,.comment-form textarea {width: 100%;padding: 8px;box-sizing: border-box;}
.comment-form textarea {min-height: 80px;resize: vertical;}
.comment-form .form-actions {text-align: right;}
.comment-buttons{justify-content: flex-end;display:flex; gap:6px;}
.comment-form button {padding: 8px 20px;border: none;background: #333;color: #fff;cursor: pointer;border-radius: 4px;}
.comment-form button:hover {background: #000;}
.comment-guest-fields {display: grid;grid-template-columns: 1fr 1fr;gap: 10px;}

.btn-basic{text-align:center;margin-top:30px}
.btn-basic a{height:60px;background:#c0392b; color:#fff;display:inline-block; width:100%;max-width:250px;line-height:60px; border-radius:10px;font-weight:bold}
@media (max-width: 600px) {
    .comment-item {grid-template-columns: 1fr;gap: 6px;}
    .comment-guest-fields {grid-template-columns: 1fr;}
}

/*이전글 다음글 링크, 답변글 원본글 링크 공통 사용*/
.next_tbl {width: 100%;border-collapse: collapse;border-top: 1px solid #ccc;border-bottom: 1px solid #ccc;margin-top: 20px;}
.next_tbl tr {border-bottom: 1px solid #eee;}
.next_tbl th {background-color: #f9f9f9;color: #333;font-weight: bold;padding: 15px 20px;text-align: center;width: 20%;position: relative;}
.next_tbl tr.next th::before {content: '▲';font-size: 10px;margin-right: 5px;color: #888;}
.next_tbl tr.prev th::before {content: '▼';font-size: 10px;margin-right: 5px;color: #888;}
.next_tbl td {padding: 15px 20px;text-align: left;}
.next_tbl td a {text-decoration: none;color: #444;transition: color 0.2s;}
.next_tbl td a:hover {color: #000;text-decoration: underline;}
.next_tbl td a {display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;word-break: break-all;}

@media all and (max-width:767px){
  
    /*테이블*/
    .table_wrap.scroll .table{width: 43.75rem;}
    /*게시판*/
    .board thead{ position: absolute;top: 0;left: 0;width: 0.0625rem;height: 0.0625rem;overflow: hidden;}
    .board tbody tr{position: relative;overflow: hidden;display: block; padding: 1.25rem 0; width: 100vw;border-bottom: 0.0625rem solid #eaeaea;float: left;}
    .board td{border-bottom: 0; padding: 0.3125rem 0.4375rem; position: relative;}
    .board td:before{content: ''; display: inline-block; width: 0.0625rem; height: 0.625rem; background: #ddd; margin-right: 0.9375rem;}
    .board td.td-num:before,.board td.td-tit:before,.board td.td-write:before, td.td-file:before, td.no_data:before{display: none;}
    .board td.td-file .has_file:before{content: ''; display: inline-block; width: 0.0625rem; height: 0.6875rem; background: #ddd; position: absolute; left: 0.3125rem; top:0.375rem;}
    .board .td-num{float: left; width: 3.5rem;}
    .board .td-num .mark {padding: 0.0625rem 0.3125rem;}
    .board .td-tit{ width: calc(100% - 3.5rem);float: left; }
    .board .td-tit a {max-width: 100%;}
    .board .td-tit a {display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;word-break: break-all;}
    .board .td-file {}
    .board .td-file img{transform: translateY(2px)}
    .board .has_file{font-size: 1rem;}
    .board td.no_data{min-width: 100vw;}
    .board td.empty{width: 100vw;}
    .board td.empty:before{display: none;}
    /* 게시판-검색 */
    .filter{flex-direction: column; gap: 0.625rem;}
    .board_search{flex-direction: column; gap: 0.3125rem; width: 100%;}
    .filter .select{width: 100%;}
    .filter input{width: 100%;}
    .filter .btn_search{width: 100%}
    /*게시판상세*/
    .board-view .tit{padding: 1.5625rem 0.625rem;}
    .board-view .tit em {font-size: .9rem;}
    .board-view .tit p {font-size: 1.25rem;}
    .board-view .tit .info span {font-size: .85rem;}
    .board-view .tit .info span + span:before {margin: 0 0.5rem;}
    .board-view .view-files{padding: 1.25rem 0.625rem;}
    .board-view .view-files li{font-size: .95rem;}
    .board-view .view_cont{padding: 3.125rem 0; overflow-x: scroll;-ms-overflow-style: none; /* IE and Edge */scrollbar-width: none; /* Firefox */}
    .board-view .view_cont::-webkit-scrollbar {display: none; /* Chrome, Safari, Opera*/}
    .board-view .view-more {flex-wrap: wrap;}
    .board-view .view-more .icon{transform: rotate(90deg) translateX(-50%); background-color: transparent; width: 1.875rem; height: 1.875rem; background-size: 30%; top: 50%;}
    .board-view .view-more .prev, .board-view .view-more .next{width: 100%;}
    .board-view .view-more .prev{padding: 1rem 0.625rem 1rem 2.5rem; border-bottom: 0.0625rem solid #eaeaea;}
    .board-view .view-more .prev:after{display: none;}
    .board-view .view-more .next{padding: 1rem 0.625rem 1rem 2.5rem; text-align: left;}
    .board-view .view-more .next .icon{right: inherit; left: 0;}
    /*갤러리게시판*/
    .board-gallery .item{width: 100%;}
    /*글쓰기*/
    .board-write .write-item{flex-direction: column; padding: 0.625rem;}
    .board-write strong{width: 100%; padding: 0;}
    .board-write .text{width: 100%; padding: 0.625rem 0; border-left: 0;}
    .board-write .w-category .select{width: 100%;}
    .board-write .text .input-group.short{width: 100%;}
    .board-write tr{display: flex; width: 93vw; flex-direction: column;}
    .board-write th{border-right: 0;}
    /*게시판 봉사활동*/
    .volunteer_item{flex-direction: column; align-items: flex-start;}
    .volunteer_item .left-area{width: 100%; order: 1; }
    .volunteer_item .detail{order: 2}
    .volunteer_item .rate_info{width: 100%; order: 3;}
    .volunteer_item .rate_bar{width: 100%;}
    .volunteer_item .status{width: 100%; height: auto; padding:15px; order: 4;}
    .volunteer_item .status a {padding: 0;}
}