/* 게시판*/
#board {width:100%; position:relative; margin-top: 6rem;}

#board .board_top .search {padding:8px 0;}
#board .board_top .search ul {float:right; display:inline-block; padding-bottom:25px; list-style: none;}
#board .board_top .search li {float:left; padding:0 3px;}
#board .board_top .search li select {border:1px solid #ccc; height:30px; width:65px; padding-left:8px;}
#board .board_top .search li input {border:1px solid #ccc; height:28px; padding:0 10px; max-width:300px;}
#board .board_top .search li button {border:1px solid #494949; height:30px; padding:0 10px; background-color:#494949;color:#fff;}
#board .board_top .search ul:after {clear:both; display:block; content:"";}

#board .board_top .result {padding:5px 0; font-size:13px; font-weight:bold; display:inline-block;}
#board .board_top .result li {float:left; padding:0 3px; list-style: none;}
#board .board_top .result li span {color:#ff6600; padding:0 2px;}
#board .board_top .result:after {clear:both; display:block; content:"";}
@media (min-width: 500px) and (max-width: 650px) {
#board .board_top {margin: 0 auto; width: 90%;}
#board .board_top .search {padding:8px 0;}
#board .board_top .search ul {float:right; display:inline-block;}
#board .board_top .search li {list-style:none; float:left; padding:0 3px;}
#board .board_top .search li select {border:1px solid #ccc; height:30px; width:60px; padding-left:8px;}
#board .board_top .search li input {border:1px solid #ccc; height:28px; width:100px; padding:0 10px;}
#board .board_top .search li button {border:1px solid #494949; height:30px; padding:0 10px; background-color:#494949;color:#fff;}
#board .board_top .search ul:after {clear:both; display:block; content:"";}

#board .board_top .result {padding:8px 0; font-size:12px; font-weight:bold; display:inline-block;}
#board .board_top .result li {float:left; padding:0 3px; list-style: none;}
#board .board_top .result li span {color:#ff6600; padding:0 2px;}
#board .board_top .result:after {clear:both; display:block; content:"";}
}
@media (max-width: 499px) {
#board .board_top .search {padding : 0;}
#board .board_top .search ul {margin: 0; padding: 0; float:right; display:inline-block; margin-right: 10px;}
#board .board_top .search li {list-style:none; float:left; padding:0 3px;}
#board .board_top .search li select {border:1px solid #ccc; height:30px; width:60px; padding-left:8px;}
#board .board_top .search li input {border:1px solid #ccc; height:28px; width:60px; padding:0 10px;}
#board .board_top .search li button {border:1px solid #494949; height:30px; padding:0 10px; background-color:#494949;color:#fff;}
#board .board_top .search ul:after {clear:both; display:block; content:"";}

#board .board_top .result {margin : 0; padding: 0; font-size:11px; font-weight:bold; display:inline-block; text-align: center}
#board .board_top .result ul {padding: 0.5rem 0 0 8px; margin: 0 auto; text-align: center;}
#board .board_top .result li {list-style:none; float:left; padding:0 3px;}
#board .board_top .result li span {color:#ff6600; padding:0 2px;}
#board .board_top .result:after {clear:both; display:block; content:"";}
}

#board .gallery_top { margin: 0 auto; width: 80%; /*border-bottom:2px solid #dcdcdc;*/ }
#board .gallery_top .search {margin:15px 0;}
#board .gallery_top .search ul {float:right; display:inline-block;}
#board .gallery_top .search li {list-style:none; float:left; padding:0 3px;}
#board .gallery_top .search li select {border:1px solid #ccc; height:30px; width:65px; padding-left:8px;}
#board .gallery_top .search li input {border:1px solid #ccc; height:28px; padding:0 10px;}
#board .gallery_top .search li button {border:1px solid #494949; height:30px; padding:0 10px; background-color:#494949;color:#fff;}
#board .gallery_top .search ul:after {clear:both; display:block; content:"";}

#board .gallery_top .result {padding:8px 0; font-size:13px; font-weight:bold; display:inline-block;}
#board .gallery_top .result li {list-style:none; float:left; padding:0 3px;}
#board .gallery_top .result li span {color:#ff6600; padding:0 2px;}
#board .gallery_top .result:after {clear:both; display:block; content:"";}
@media (min-width: 500px) and (max-width: 650px) {
#board .gallery_top { margin: 0 auto; width: 90%;}
#board .gallery_top .search {margin:15px 0;}
#board .gallery_top .search ul {float:right; display:inline-block;}
#board .gallery_top .search li {list-style:none; float:left; padding:0 3px;}
#board .gallery_top .search li select {border:1px solid #ccc; height:30px; width:60px; padding-left:8px;}
#board .gallery_top .search li input {border:1px solid #ccc; height:28px; width:100px; padding:0 10px;}
#board .gallery_top .search li button {border:1px solid #494949; height:30px; padding:0 10px; background-color:#494949;color:#fff;}
#board .gallery_top .search ul:after {clear:both; display:block; content:"";}

#board .gallery_top .result {padding:8px 0; font-size:12px; font-weight:bold; display:inline-block;}
#board .gallery_top .result li {list-style:none; float:left; padding:0 3px;}
#board .gallery_top .result li span {color:#ff6600; padding:0 2px;}
}
@media (max-width: 499px) {
#board .gallery_top {width: 100%;}
#board .gallery_top .search {padding: 0;}
#board .gallery_top .search ul {margin: 0; padding: 0; float:right; display:inline-block; margin-right: 10px;}
#board .gallery_top .search li  {list-style:none; float:left; padding:0 3px;}
#board .gallery_top .search li select {border:1px solid #ccc; height:30px; width:60px; padding-left:8px;}
#board .gallery_top .search li input {border:1px solid #ccc; height:28px; width:60px; padding:0 10px;}
#board .gallery_top .search li button {border:1px solid #494949; height:30px; padding:0 10px; background-color:#494949;color:#fff;}
#board .gallery_top .search ul:after {clear:both; display:block; content:"";}

#board .gallery_top .result  {margin : 0; padding: 0; font-size:11px; font-weight:bold; display:inline-block; text-align: center}
#board .gallery_top .result ul {padding: 0.5rem 0 0 8px; margin: 0 auto; text-align: center;}
#board .gallery_top .result li {list-style:none; float:left; padding:0 3px;}
#board .gallery_top .result li span {color:#ff6600; padding:0 2px;}
}



/* 게시판 페이지 */

#board .page { }
#board .page ul {float:right; position:relative; left:-50%;}
#board .page li {float:left; position:relative; left:50%; margin:0 4px; list-style: none; }
#board .page li a {display:inline-block; padding:3px;}
#board .page li.on a {color:#ed6d06; font-weight:bold;}
#board .page li.arrow a {margin:0;}
#board .page:after {clear:both; display:block; content:"";}
#board .btn {width:80%; height:55px; padding:0; margin: 1.5rem 0 0 0; box-sizing:border-box;}
#board .btn span {float:right; margin-left:5px;}
#board .btn span a {text-decoration: none;}
#board .btn2 {width:90%; height:55px; margin: 0.5rem 0; padding:0; box-sizing:border-box;}
#board .btn2 span {float:right; margin-left:5px;}
#board .btn2 span a {text-decoration: none;}
@media (max-width:500px){
#board .page li a {display:inline-block; padding:2px;}
}
@media (min-width: 400px) and (max-width: 600px){
#board .page { }
#board .page ul {float:right; position:relative; left:-50%;}
#board .page li {float:left; position:relative; left:50%; margin:0 4px; list-style: none; }
#board .page li a {display:inline-block; padding:3px;}
#board .page li.on a {color:#ed6d06; font-weight:bold;}
#board .page li.arrow a {margin:0;}
#board .page:after {clear:both; display:block; content:"";}
#board .btn {width:100%; height:50px; margin: 0.5rem 0; padding:0; display: flex; align-items: center; justify-content: center; box-sizing:border-box;}
#board .btn span { margin-left:5px;}
#board .btn span a {text-decoration: none; font-size: 13px;}
#board .btn2 {width:100%; height:50px; margin: 0.5rem 0; padding:0; display: flex; align-items: center; justify-content: center; box-sizing:border-box;}
#board .btn2 span {margin-left:5px;}
#board .btn2 span a {width: 5rem; text-decoration: none; font-size: 13px;}
}
@media (max-width: 399px){
#board .page { }
#board .page ul {float:right; position:relative; left:-50%;}
#board .page li {float:left; position:relative; left:50%; margin:0 4px; list-style: none; }
#board .page li a {display:inline-block; padding:3px;}
#board .page li.on a {color:#ed6d06; font-weight:bold;}
#board .page li.arrow a {margin:0;}
#board .page:after {clear:both; display:block; content:"";}
#board .btn {width:100%; height:45px; margin: 0.5rem 0; padding:0; display: flex; align-items: center; justify-content: center; box-sizing:border-box;}
#board .btn span {margin-left:3px;}
#board .btn span a {width: 3rem; text-decoration: none; font-size: 10px;}
#board .btn2 {width:100%; height:45px; margin: 0.5rem 0; padding:0; display: flex; align-items: center; justify-content: center; box-sizing:border-box;}
#board .btn2 span {margin-left:3px;}
#board .btn2 span a {width: 3rem; text-decoration: none; font-size: 10px;}
}

/*버튼 */
a.btn01 {background-color:#42596d; color:#fff; display:inline-block; text-align:center; width:100px; padding:8px 0; font-size:inherit;}
a.btn01:hover {background-color:#32485a; color:#fff; display:inline-block; text-align:center; width:100px; padding:8px 0; font-size:inherit;}
a.btn02 {background-color:#2269a5; color:#fff; display:inline-block; text-align:center; width:100px; padding:8px 0; font-size:inherit;}
a.btn02:hover {background-color:#13538a; color:#fff; display:inline-block; text-align:center; width:100px; padding:8px 0; font-size:inherit;}
a.btn03 {background-color:#26b7ca; color:#fff; display:inline-block; text-align:center; width:100px; padding:8px 0; font-size:inherit;}
a.btn03:hover {background-color:#0ba0b4; color:#fff; display:inline-block; text-align:center; width:100px; padding:8px 0; font-size:inherit;}
a.btn04 {background-color:#2269a5; color:#fff; display:inline-block; text-align:center; width:100px; padding:8px 0; font-size:inherit;}
a.btn04:hover {background-color:#13538a; color:#fff; display:inline-block; text-align:center; width:100px; padding:8px 0; font-size:inherit;}
a.btn06 {background-color:#efefef; color:#6a6b6c; border:1px solid #cfcfcf; display:inline-block; text-align:center; width:100px; padding:7px 0; font-size:inherit;}
a.btn06:hover {background-color:#e4e4e4; color:#6a6b6c; display:inline-block; text-align:center; width:100px; padding:7px 0; font-size:inherit;}
a.btn07 {background-color:#26b7ca; color:#fff; display:inline-block; text-align:center; width:100px; padding:8px 0; font-size:inherit;}
a.btn07:hover {background-color:#0ba0b4; color:#fff; display:inline-block; text-align:center; width:100px; padding:8px 0; font-size:inherit;}
a.btn08 {background-color:#42596d; color:#fff; display:inline-block; text-align:center; width:100px; padding:32px 0; font-size:inherit;}
a.btn08:hover {background-color:#32485a; color:#fff; display:inline-block; text-align:center; width:100px; padding:32px 0; font-size:inherit;}

.btn01 {background-color:#04335c; color:#fff; display:inline-block; text-align:center; width:126px; padding:10px 0 10px 0; font-size:inherit;}
.btn01:hover {background-color:#002444; color:#fff; display:inline-block; text-align:center; width:126px; padding:10px 0 10px 0; font-size:inherit;}
.btn02 {background-color:#2269a5; color:#fff; display:inline-block; text-align:center; width:126px; padding:6px 0 6px 0; font-size:inherit;}
.btn02:hover {background-color:#13538a; color:#fff; display:inline-block; text-align:center; width:126px; padding:6px 0 6px 0; font-size:inherit;}
.btn03 {background-color:#26b7ca; color:#fff; display:inline-block; text-align:center; width:126px; padding:6px 0 6px 0; font-size:inherit;}
.btn03:hover {background-color:#0ba0b4; color:#fff; display:inline-block; text-align:center; width:126px; padding:6px 0 6px 0; font-size:inherit;}
.btn04 {background-color:#4c4a5e; color:#fff; display:inline-block; text-align:center; width:126px; padding:6px 0 6px 0; font-size:inherit;}
.btn04:hover {background-color:#3c3a4e; color:#fff; display:inline-block; text-align:center; width:126px; padding:6px 0 6px 0; font-size:inherit;}
.btn05 {background-color:#4c4a5e; color:#fff; display:inline-block; text-align:center; width:100px; height:32px; font-size:inherit;}
.btn05:hover {background-color:#3c3a4e; color:#fff; display:inline-block; text-align:center; width:100px; height:32px; font-size:inherit;}
.btn06 {background-color:#4c4a5e; color:#fff; display:inline-block; text-align:center; width:100px; padding:4px 0 4px 0; font-size:inherit;}
.btn06:hover {background-color:#3c3a4e; color:#fff; display:inline-block; text-align:center; width:100px; padding:4px 0 4px 0; font-size:inherit;}
.btn08 {background-color:#42596d; color:#fff; display:inline-block; text-align:center; width:100px; padding:32px 0; font-size:inherit;}
.btn08:hover {background-color:#32485a; color:#fff; display:inline-block; text-align:center; width:100px; padding:32px 0; font-size:inherit;}

/* 게시판 목록 */
#contents .Clause {margin:30px 0 15px 0; color:#9145bf; text-align:center; font-weight:bold; background:#f9f9f9; line-height:200%;}
#board .board_list {width: 100%; margin: 1rem 0; padding: 3rem 0; border-top:2px solid #253551; display: grid; grid-template-columns: repeat(auto-fill, minmax(550px, auto)); gap: 2rem;}
#board .board_list .list_title {position:relative; border-bottom:1px solid #bebebe; font-size:15px; display: none;}
#board .board_list .list_title li {padding:10px 120px 10px 80px; max-width:710px; font-weight:bold; text-align:center;background:#f1f1f1;}
#board .board_list .list_title li.numb {position:absolute; left:0; top:0; width:80px; text-align:center; padding:10px 0;}
#board .board_list .list_title li.name {position:absolute; right:200px; top:0; width:120px; text-align:center; padding:10px 0;}
#board .board_list .list_title li.date {position:absolute; right:80px; top:0; width:120px; text-align:center; padding:10px 0;}
#board .board_list .list_title li.hit {position:absolute; right:0; top:0; width:80px; text-align:center; padding:10px 0;}
.L-image {margin: 0 auto;}

@media (min-width: 1200px) {
#board .board_list {width: 100%; margin: 1rem 0; padding: 3rem 0; border-top:2px solid #253551; display: grid; grid-template-columns: repeat(auto-fill, minmax(550px, auto)); gap: 2rem;}
#board .board_list .list_view { margin: 2rem;}
#board .board_list .list_view ul { height: 13.7rem; padding:0; margin: 0; list-style: none; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); display: flex; justify-content: space-between;}
#board .board_list .list_view ul li {width: 20rem;  padding: 1rem; background-color: #fff;  }
#board .board_list .list_view  a { font-size: 1.5rem; font-weight: 500; color: #253551; text-decoration: none; word-wrap: break-word;}
#board .board_list .list_view ul li.L-name { width:50px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; color:#6b6b6b;}
#board .board_list .list_view ul li.L-date { width:100px; color:#6b6b6b;}
#board .board_list .list_view ul li.L-hit { width:80px; color:#6b6b6b;}
.L-image {width: 100%; max-width: 100%; height: 13.7rem; background-repeat: no-repeat; background-size: cover; background-position: center;}
}
@media (min-width: 992px) and (max-width: 1199px) {
#board .board_list {width: 100%; margin: 1rem 0; padding: 3rem 0; border-top:2px solid #253551; display: grid; grid-template-columns: repeat(auto-fill, minmax(400px, auto)); gap: 2rem;}
#board .board_list .list_view { margin: 2rem;}
#board .board_list .list_view ul { height: 13.7rem; padding:0; margin: 0; list-style: none; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); display: flex; justify-content: space-between;}
#board .board_list .list_view ul li {width: 20rem;  padding: 1rem; background-color: #fff;  }
#board .board_list .list_view  a { font-size: 1.5rem; font-weight: 500; color: #253551; text-decoration: none; word-wrap: break-word;}
#board .board_list .list_view ul li.L-name { width:50px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; color:#6b6b6b;}
#board .board_list .list_view ul li.L-date { width:100px; color:#6b6b6b;}
#board .board_list .list_view ul li.L-hit { width:80px; color:#6b6b6b;}
.L-image {width: 10rem; height: 13.7rem; background-repeat: no-repeat; background-size: cover; background-position: center;}
}
@media (min-width: 768px) and (max-width: 991px) {
#board .board_list {width: 80%; margin: 1rem auto; padding: 3rem 0; border-top:2px solid #253551; display: grid; grid-template-columns: repeat(auto-fill, minmax(550px, auto)); gap: 2rem;}
#board .board_list .list_view { margin: 2rem;}
#board .board_list .list_view ul { height: 13.7rem; padding:0; margin: 0; list-style: none; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); display: flex; justify-content: space-between;}
#board .board_list .list_view ul li {width: 20rem;  padding: 1rem; background-color: #fff;  }
#board .board_list .list_view  a { font-size: 1.5rem; font-weight: 500; color: #253551; text-decoration: none; word-wrap: break-word;}
#board .board_list .list_view ul li.L-name { width:50px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; color:#6b6b6b;}
#board .board_list .list_view ul li.L-date { width:100px; color:#6b6b6b;}
#board .board_list .list_view ul li.L-hit { width:80px; color:#6b6b6b;}
.L-image {width: 100%; max-width: 100%; height: 13.7rem; background-repeat: no-repeat; background-size: cover; background-position: center;}
 }
@media (min-width: 651px) and (max-width: 767px) {
#board .board_list {width: 100%; margin: 1rem 0; padding: 3rem 0; border-top:2px solid #253551; display: grid; grid-template-columns: repeat(auto-fill, minmax(550px, auto)); gap: 2rem;}
#board .board_list .list_view { margin: 2rem;}
#board .board_list .list_view ul { height: 13.7rem; padding:0; margin: 0; list-style: none; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); display: flex; justify-content: space-between;}
#board .board_list .list_view ul li {width: 20rem;  padding: 1rem; background-color: #fff;  }
#board .board_list .list_view  a { font-size: 1.5rem; font-weight: 500; color: #253551; text-decoration: none; word-wrap: break-word;}
#board .board_list .list_view ul li.L-name { width:50px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; color:#6b6b6b;}
#board .board_list .list_view ul li.L-date { width:100px; color:#6b6b6b;}
#board .board_list .list_view ul li.L-hit { width:80px; color:#6b6b6b;}
.L-image {width: 100%; max-width: 100%; height: 13.7rem; background-repeat: no-repeat; background-size: cover; background-position: center;}
 }
@media (min-width: 500px) and (max-width: 650px) {
#board .board_list {width: 100%; margin: 1rem 0; padding: 3rem 0; border-top:2px solid #253551; display: grid; grid-template-columns: repeat(auto-fill, minmax(550px, auto)); gap: 2rem;}
#board .board_list .list_view { margin: 2rem;}
#board .board_list .list_view ul { height: 13.7rem; padding:0; margin: 0; list-style: none; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); display: flex; justify-content: space-between;}
#board .board_list .list_view ul li {width: 20rem;  padding: 1rem; background-color: #fff;  }
#board .board_list .list_view  a { font-size: 1.5rem; font-weight: 500; color: #253551; text-decoration: none; word-wrap: break-word;}
#board .board_list .list_view ul li.L-name { width:50px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; color:#6b6b6b;}
#board .board_list .list_view ul li.L-date { width:100px; color:#6b6b6b;}
#board .board_list .list_view ul li.L-hit { width:80px; color:#6b6b6b;}
.L-image {width: 12.5rem; height: 13.7rem; background-repeat: no-repeat; background-size: cover; background-position: center;}
 }

@media (min-width: 460px) and (max-width: 560px) {
#board .board_list {width: 100%; margin: 1rem 0; padding: 3rem 0; border-top:2px solid #253551; display: grid; grid-template-columns: repeat(auto-fill, minmax(450px, auto)); gap: 2rem;}
#board .board_list .list_view {margin: 0 auto;}
#board .board_list .list_view ul {width: 25rem; height: 13rem; padding:0; margin: 0; list-style: none; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); display: flex;}
#board .board_list .list_view ul li {width: 22rem;  padding: 1rem; background-color: #fff;  }
#board .board_list .list_view div {font-size: 0.9rem;}
#board .board_list .list_view li.numb a { font-size: 1.1rem; font-weight: 500; color: #253551; text-decoration: none; word-wrap: break-word;}
#board .board_list .list_view ul li.L-name { width:80px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; color:#6b6b6b;}
#board .board_list .list_view ul li.L-date { width:80px; color:#6b6b6b;}
#board .board_list .list_view ul li.L-hit { width:80px; color:#6b6b6b;}
.L-image {display: none;}
}
@media (min-width: 400px) and (max-width: 459px){
#board .board_list {width: 100%; margin: 1rem 0; padding: 3rem 0; border-top:2px solid #253551; display: grid; grid-template-columns: repeat(auto-fill, minmax(350px, auto)); gap: 2rem;}
#board .board_list .list_view {margin: 0 auto;}
#board .board_list .list_view ul {width: 24rem; height: 12rem; padding:0; margin: 0; list-style: none; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); display: flex; flex-direction: column; }
#board .board_list .list_view ul li {width: 20rem;  padding: 1rem; background-color: #fff; font-size: 0.8rem; }
#board .board_list .list_view div {font-size: 0.75rem;}
#board .board_list .list_view li.numb a { font-size: 0.9rem; font-weight: 500; color: #253551; text-decoration: none; word-wrap: break-word;}
#board .board_list .list_view ul li.L-name { width:80px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; color:#6b6b6b;}
#board .board_list .list_view ul li.L-date { width:80px; color:#6b6b6b;}
#board .board_list .list_view ul li.L-hit { width:80px; color:#6b6b6b;}
.L-image {display: none;}
}
@media (max-width: 399px){
#board .board_list {width: 100%; margin: 1rem 0; padding: 3rem 0; border-top:2px solid #253551; display: grid; grid-template-columns: repeat(auto-fill, minmax(250px, auto)); gap: 2rem;}
#board .board_list .list_view {margin: 0 auto;}
#board .board_list .list_view ul {width: 20rem; height: 12rem; padding:0; margin: 0; list-style: none; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); display: flex; flex-direction: column; }
#board .board_list .list_view ul li {width: 17rem;  padding: 1rem; background-color: #fff; font-size: 0.7rem; }
#board .board_list .list_view li.numb a { font-size: 0.8rem; font-weight: 500; color: #253551; text-decoration: none; word-wrap: break-word;}
#board .board_list .list_view div {padding: 0; font-size: 0.5rem;}
#board .board_list .list_view ul li.L-name { width:60px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; color:#6b6b6b;}
#board .board_list .list_view ul li.L-date { width:60px; color:#6b6b6b;}
#board .board_list .list_view ul li.L-hit { width:60px; color:#6b6b6b;}
.L-image {display: none;}
}


/* 게시판 뷰 */
#board .board_view {margin: 0 auto; width: 80%;}
#board .board_view .title {font-weight:bold; padding:10px 5px 30px 5px; position:relative; border:1px solid #ddd; background-color:#efefef;}
#board .board_view .title p {font-size: 1.3rem; font-weight:bold; padding: 0.5rem 5px; color:#253551; border-bottom:1px solid #ccc;}
#board .board_view .title span {font-weight:normal; font-size:13px; position:absolute; bottom:8px;}
#board .board_view .title span.name {left:15px; font-weight:bold; color:#666;}
#board .board_view .title span.date {right:20px; color:#666; top:15px;}
#board .board_view .title span.hit {top: 74%; right:20px; color:#999;}
#board .board_view .body {min-height:250px; padding:5px; position:relative; width:100%; box-sizing:border-box;}
#board .board_view .body .text {padding:10px; width:100%; box-sizing:border-box;}
#board .board_view .body .text p {line-height:2.2em;}
#board .board_view .body .text img {max-width:1098px;}
@media (max-width:1098px){
	#board .board_view .body .text img {width:100%;}
}

#board .board_view .body .file {min-height:20px; margin-top:10px; border:1px solid #efefef; padding:5px; margin-bottom:10px; width:98%;}
#board .board_view .body .file ul {padding: 0;}
#board .board_view .body .file li {background:url('/img/common/file_bl.png') 15px center no-repeat; padding:7px 50px; text-align:left; border-bottom:1px dashed #efefef; list-style: none;}
#board .board_view .body .file li:last-child {border-bottom:0;}
#board .board_view .bottom {padding:10px 5px; position:relative; border-top:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5;}
#board .board_view .bottom p {padding:5px 0; text-indent:-80px; padding-left:80px;}
#board .board_view .bottom p a{color:#999; text-decoration-line: none;}
#board .board_view .bottom p a:hover {color:#252525;}
#board .board_view .bottom p span {font-weight:bold; padding:10px; color:#6b6b6b;}
#board .board_view .bottom p img {vertical-align:middle; margin-left:5px;}

@media (min-width: 400px) and (max-width: 600px){
#board .board_view {margin: 0 auto; width: 80%;}
#board .board_view .title {font-weight:bold; padding:10px 5px 30px 5px; position:relative; border:1px solid #ddd; background-color:#efefef;}
#board .board_view .title p {font-size: 1.1rem; font-weight:bold; padding: 0.5rem 5px; color:#253551; border-bottom:1px solid #ccc;}
#board .board_view .title span {font-weight:normal; font-size:11px; position:absolute; bottom:8px;}
#board .board_view .title span.name { left:15px; font-weight:bold; color:#666;}
#board .board_view .title span.date {right:20px; color:#666; top:15px;}
#board .board_view .title span.hit {top: 76%; right:20px; color:#999;}
#board .board_view .body {min-height:250px; padding:5px; position:relative; width:100%; box-sizing:border-box;}
#board .board_view .body .text {padding:10px; width:100%; box-sizing:border-box;}
#board .board_view .body .text p {line-height:2.2em;}
#board .board_view .body .text img {max-width:1098px;}

#board .board_view .body .file {min-height:20px; margin-top:10px; border:1px solid #efefef; padding:5px; margin-bottom:10px; width:98%;}
#board .board_view .body .file ul {padding: 0; font-size: 0.9rem;}
#board .board_view .body .file li {background:url('/img/common/file_bl.png') 15px center no-repeat; padding:7px 50px; text-align:left; border-bottom:1px dashed #efefef; list-style: none;}
#board .board_view .body .file li:last-child {border-bottom:0;}
#board .board_view .bottom {padding:10px 5px; position:relative; border-top:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5; font-size: 13px;}
#board .board_view .bottom p {padding:5px 0; text-indent:-80px; padding-left:80px;}
#board .board_view .bottom p a{color:#999; text-decoration-line: none;}
#board .board_view .bottom p a:hover {color:#252525;}
#board .board_view .bottom p span {font-weight:bold; padding:10px; color:#6b6b6b;}
#board .board_view .bottom p img {vertical-align:middle; margin-left:5px;}
}
@media (max-width: 399px){
#board .board_view {margin: 0 auto; width: 80%;}
#board .board_view .title {font-weight:bold; padding:10px 5px 30px 5px; position:relative; border:1px solid #ddd; background-color:#efefef;}
#board .board_view .title p {font-size: 0.85rem; font-weight:bold; padding: 0.5rem 5px; color:#253551; border-bottom:1px solid #ccc;}
#board .board_view .title span {font-weight:normal; font-size:9px; position:absolute; bottom:8px;}
#board .board_view .title span.name { left:15px; font-weight:bold; color:#666;}
#board .board_view .title span.date {right:20px; color:#666; top:15px;}
#board .board_view .title span.hit {top: 75%; right:20px; color:#999;}
#board .board_view .body {min-height:250px; padding:5px; position:relative; width:100%; box-sizing:border-box;}
#board .board_view .body .text {padding:10px; width:100%; box-sizing:border-box;}
#board .board_view .body .text p {line-height:2.2em;}
#board .board_view .body .text img {max-width:1098px;}

#board .board_view .body .file {min-height:20px; margin-top:10px; border:1px solid #efefef; padding:5px; margin-bottom:10px; width:98%;}
#board .board_view .body .file ul {padding: 0; font-size: 0.8rem;}
#board .board_view .body .file li { background:url('/img/common/file_bl.png') 15px center no-repeat; padding: 5px 5px; text-align:left; border-bottom:1px dashed #efefef; list-style: none;}
#board .board_view .body .file li:last-child {border-bottom:0;}
#board .board_view .bottom {padding:10px 5px; position:relative; border-top:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5; font-size: 10px;}
#board .board_view .bottom p {padding:5px 0; text-indent:-80px; padding-left:80px;}
#board .board_view .bottom p a{color:#999; text-decoration-line: none;}
#board .board_view .bottom p a:hover {color:#252525;}
#board .board_view .bottom p span {font-weight:bold; padding:10px; color:#6b6b6b;}
#board .board_view .bottom p img {vertical-align:middle; margin-left:5px;}
}


/* 댓글작성 */
#board .board_reple .reple_write {width: 80%; background-color:#f8f8f8; padding:15px 25px; margin: 1rem auto; position:relative;}
#board .board_reple .reple_write p.title {font-size: 1.5rem;font-weight:bold; padding:5px 5px 15px 5px;}
#board .board_reple .reple_write p.title span {float:right; display:inline-block; font-size:0.9em; color:#999; font-weight:normal;}
#board .board_reple .reple_write p.title:after {clear:both; display:block; content:"";}
#board .board_reple .reple_write p.info {margin:0 0 10px 0;}
#board .board_reple .reple_write p.info span {display:inline-block; margin-left:5px;}
#board .board_reple .reple_write p.info span.pw {display:inline-block; margin-left:20px;}
#board .board_reple .reple_write p.info span input {width:100px;}
#board .board_reple .reple_write p.input {width:100%; text-align:center;}
#board .board_reple .reple_write p.input textarea { width:87%; height: 2rem; border:1px solid #ccc; padding:1%; resize:none; color:#999; float:left; }
@media (min-width:320px) and (max-width:866px){
#board .board_reple .reple_write p.input textarea { width:98%;border:1px solid #ccc; padding:1%; resize:none; color:#999; float:left; }
}
#board .board_reple .reple_write p.input span.btn {margin-top:8px;}
#board .board_reple .reple_write p.input span.btn a {display: inline-block; padding: 10px 20px; background-color: #253551; color: #ffffff; border-radius: 10px 0 10px 0; text-decoration: none; box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.2); transition: background-color 0.3s, color 0.3s; }
#board .board_reple .reple_write p.input:after {clear:both; display:block; content:"";}
#board .board_reple .reple_write p.total {padding:10px;}
#board .board_reple .reple_write p.nonmember {padding:10px;}
#board .board_reple .reple_write p.nonmember input {border:1px solid #ccc;}
#board .board_reple .reple_write p.nonmember input#name {width:100px; height:20px; margin-right:20px;}
#board .board_reple .reple_write p.nonmember input#password {width:150px; height:20px; margin-right:10px;}
#board .board_reple .reple_write span.secret {padding:10px;}
#board .board_reple .reple_list {width: 80%; margin: 0 auto;}
#board .board_reple .reple_list li {border-bottom:1px solid #ccc; margin: 0 0 0.5rem 0; padding:10px 10px; position:relative; list-style: none;}
#board .board_reple .reple_list li p.name {font-size: 1.3rem; font-weight:bold; padding:3px 0; color:#428BCA;}
#board .board_reple .reple_list li p.text {padding:5px 0;}
#board .board_reple .reple_list li p.date {text-align:right; font-size:0.8em; color:#999;}
#board .board_reple .reple_list li span.delet {position:absolute; top:10px; right:5px; font-size:0.8em; padding:4px 0;}
#board .board_reple .reple_list li span.delet a {padding:3px 10px; border:1px solid #ccc; background-color:#f8f8f8; position:relative; top:0; text-decoration-line: none;}
#board .board_reple .reple_list p.confirm {position:absolute; top:10px; right:90px; font-size:0.8em;}
#board .board_reple .reple_list p.confirm input {width:100px; height:20px; margin:0 7px; border:1px solid #ccc;}
#board .board_reple:after {clear:both; display:block; content:"";}
@media (min-width: 400px) and (max-width: 600px){
#board .board_reple .reple_write {width: 80%; background-color:#f8f8f8; padding:15px 25px; margin: 1rem auto; position:relative;}
#board .board_reple .reple_write p.title {font-size: 1.1rem;font-weight:bold; padding:5px 5px 15px 5px;}
#board .board_reple .reple_write p.title span {float:right; display:inline-block; font-size:0.9em; color:#999; font-weight:normal;}
#board .board_reple .reple_write p.title:after {clear:both; display:block; content:"";}
#board .board_reple .reple_write p.info {margin:0 0 10px 0;}
#board .board_reple .reple_write p.info span {display:inline-block; margin-left:5px;}
#board .board_reple .reple_write p.info span.pw {display:inline-block; margin-left:20px;}
#board .board_reple .reple_write p.info span input {width:100px;}
#board .board_reple .reple_write p.input {width:100%; text-align:center;}
#board .board_reple .reple_write p.input textarea { width:97.5%; height: 2rem; border:1px solid #ccc; padding:1%; resize:none; color:#999; float:left; }

#board .board_reple .reple_write p.input span.btn {margin-top:8px;}
#board .board_reple .reple_write p.input span.btn a {width: 5rem; height:1.5rem; margin: 0.5rem 0 0 0; display: inline-block; padding: 10px 20px; background-color: #253551; color: #ffffff; border-radius: 10px 0 10px 0; text-decoration: none; box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.2); transition: background-color 0.3s, color 0.3s; }
#board .board_reple .reple_write p.input:after {clear:both; display:block; content:"";}
#board .board_reple .reple_write p.total {padding:10px; font-size: 0.9rem;}
#board .board_reple .reple_write p.nonmember {padding:10px;}
#board .board_reple .reple_write p.nonmember input {border:1px solid #ccc;}
#board .board_reple .reple_write p.nonmember input#name {width:100px; height:20px; margin-right:20px;}
#board .board_reple .reple_write p.nonmember input#password {width:150px; height:20px; margin-right:10px;}
#board .board_reple .reple_write span.secret {padding:10px;}
#board .board_reple .reple_list {width: 80%; margin: 0 auto;}
#board .board_reple .reple_list li {border-bottom:1px solid #ccc; margin: 0 0 0.5rem 0; padding:10px 10px; position:relative; list-style: none;}
#board .board_reple .reple_list li p.name {font-size: 1.3rem; font-weight:bold; margin: 0; padding:3px 0; color:#428BCA;}
#board .board_reple .reple_list li p.text {padding:5px 0;}
#board .board_reple .reple_list li p.date {text-align:right; font-size:0.8em; color:#999;}
#board .board_reple .reple_list li span.delet {position:absolute; top:10px; right:5px; font-size:0.8em; padding:4px 0;}
#board .board_reple .reple_list li span.delet a {padding:3px 10px; border:1px solid #ccc; background-color:#f8f8f8; position:relative; top:0; text-decoration-line: none;}
#board .board_reple .reple_list p.confirm {position:absolute; top:10px; right:90px; font-size:0.8em;}
#board .board_reple .reple_list p.confirm input {width:100px; height:20px; margin:0 7px; border:1px solid #ccc;}
#board .board_reple:after {clear:both; display:block; content:"";}
}
@media (max-width: 399px){
#board .board_reple .reple_write {width: 80%; background-color:#f8f8f8; padding:15px 25px; margin: 1rem auto; position:relative;}
#board .board_reple .reple_write p.title {font-size: 0.9rem;font-weight:bold; padding:5px 5px 15px 5px;}
#board .board_reple .reple_write p.title span {float:right; display:inline-block; font-size:0.9em; color:#999; font-weight:normal;}
#board .board_reple .reple_write p.title:after {clear:both; display:block; content:"";}
#board .board_reple .reple_write p.info {margin:0 0 10px 0;}
#board .board_reple .reple_write p.info span {display:inline-block; margin-left:5px;}
#board .board_reple .reple_write p.info span.pw {display:inline-block; margin-left:20px;}
#board .board_reple .reple_write p.info span input {width:100px;}
#board .board_reple .reple_write p.input {width:100%; text-align:center;}
#board .board_reple .reple_write p.input textarea { width:97.5%; height: 2rem; border:1px solid #ccc; padding:1%; resize:none; color:#999; float:left; font-size: 0.7rem;}

#board .board_reple .reple_write p.input span.btn {margin-top:8px;}
#board .board_reple .reple_write p.input span.btn a {width: 4rem; height:1.5rem; margin: 0.5rem 0 0 0; display: inline-block; padding: 10px 20px; background-color: #253551; color: #ffffff; border-radius: 10px 0 10px 0; text-decoration: none; box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.2); transition: background-color 0.3s, color 0.3s; font-size: 0.7rem; }
#board .board_reple .reple_write p.input:after {clear:both; display:block; content:"";}
#board .board_reple .reple_write p.total {padding:10px; font-size: 0.75rem;}
#board .board_reple .reple_write p.nonmember {padding:10px;}
#board .board_reple .reple_write p.nonmember input {border:1px solid #ccc;}
#board .board_reple .reple_write p.nonmember input#name {width:100px; height:20px; margin-right:20px;}
#board .board_reple .reple_write p.nonmember input#password {width:150px; height:20px; margin-right:10px;}
#board .board_reple .reple_write span.secret {padding:10px;}
#board .board_reple .reple_list {width: 80%; margin: 0 auto; padding: 0;}
#board .board_reple .reple_list li {border-bottom:1px solid #ccc; margin: 0 0 0.3rem 0; padding:10px 10px; position:relative; list-style: none;}
#board .board_reple .reple_list li p.name {font-size: 1rem; font-weight:bold; margin: 0; padding:3px 0; color:#428BCA;}
#board .board_reple .reple_list li p.text {padding:5px 0; font-size: 0.7rem;}
#board .board_reple .reple_list li p.date {text-align:right; font-size:0.6em; color:#999;}
#board .board_reple .reple_list li span.delet {position:absolute; top:10px; right:5px; font-size:0.6em; padding:4px 0; }
#board .board_reple .reple_list li span.delet a {padding:3px 10px; border:1px solid #ccc; background-color:#f8f8f8; position:relative; top:0; text-decoration-line: none;}
#board .board_reple .reple_list p.confirm {position:absolute; top:10px; right:90px; font-size:0.8em;}
#board .board_reple .reple_list p.confirm input {width:100px; height:20px; margin:0 7px; border:1px solid #ccc;}
#board .board_reple:after {clear:both; display:block; content:"";}
}
.nonmember

/* 게시판 작성 */
#board .board_write {border-top:2px solid #3598db;}
#board .board_write dt {height:20px; font-size:15px; font-weight:bold; color:#333; padding:7px 20px 0 17px; position:relative;}
#board .board_write dt span {font-size:0.9em;}
#board .board_write dt span input[type=checkbox] {position:relative; top:3px; margin-right:5px;}
#board .board_write dt span.bold {position:absolute; right:110px; top:7px;}
#board .board_write dt span.bold label {width:auto; height:50px;}
#board .board_write dt span.notice {position:absolute; right:20px; top:7px;}
#board .board_write dt span.notice label {width:auto;}
#board .board_write dt span.secret {position:absolute; right:20px; top:7px;}
#board .board_write dt span.secret label {width:auto;}
#board .board_write dd {padding:2px 3px 7px 0; text-align:center;}
#board .board_write dd input {width:95%; height:18px; border:1px solid #ccc; background-color:#fff; padding:3px 1%;}
#board .board_write dd textarea {width:95%; border:1px solid #ccc; padding:1%; resize:none;}
#board .board_write dd span.file input {width:95%; height:25px; border:1px solid #ccc; background-color:#fff; padding:0 1% 5px 1%;}
#board .board_write dd .button-container input {width:99%; height:25px; border:1px solid #ccc; background-color:#eee; padding:0 1% 5px 1%;}
#board .board_write dd ul.file_list {width:93%; border:1px solid #ccc; background-color:#fff; padding:10px 2%; margin:0 auto 10px auto;}
#board .board_write dd ul.file_list li {padding:10px; text-align:left; border-bottom:1px dashed #ccc; list-style: none;}
#board .board_write dd ul.file_list li:last-child {border-bottom:0;}

/* 갤러리 리스트 */

#board .gallery_list ul {padding: 0;}

@media (min-width: 1200px) { 

.event { width: 60%; padding: 2rem 0; margin: 0 auto; list-style-type: none; border-bottom: 2px solid #ddd; }
.event a { text-decoration: none; list-style-type: none; color: #000000; }
.event-link { display: flex; justify-content: space-evenly; }
.event-info { display: flex; flex-direction: column; justify-content: center; text-decoration: none; }
.event-title {width: 20rem; font-size: 1.5rem; font-weight: 500; margin-bottom: 0.5rem;  color: #253551;}
.paragraph { margin: 0; padding: 0; line-height: 1.5; width: 30rem; margin: 1rem 0; font-size: 1rem; }
.image { width: 360px; height: 270px; }
#board .gallery_list ul li p.info {font-size:12px; padding:7px 3px;}
#board .gallery_list ul li p.info span {display:inline-block; padding:4px 8px; border:1px solid #efefef; border-radius:3px; margin-right: 0.5rem;}
#board .gallery_list ul li p.info span.name {font-size: 16px; float:left; padding:5px 9px; font-weight:bold;  box-sizing:border-box; color:#8c8c8c;}
#board .gallery_list ul li p.info span.hit {color:#8c8c8c;}
#board .gallery_list ul li p.info span.date {color:#8c8c8c;}
#board .gallery_list ul li p span.reple_icon {background:url('/img/common/reple_bl.png') no-repeat;  padding:0; color:#fff; font-size:10px;}
#board .gallery_list ul li p.info:after {clear:both; display:block; content:"";}
#board .gallery_list ul:after {clear:both; display:block; content:"";}
#board .gallery_list .btn {padding:20px 1%; text-align:right;}
#board .gallery_list .btn span {padding:0 2px;}

}
@media (min-width: 992px) and (max-width: 1199px) {
	
.event { width: 65%; padding: 2rem 0; margin: 0 auto; list-style-type: none; border-bottom: 2px solid #ddd; }
.event a { text-decoration: none; list-style-type: none; color: #000000; }
.event-link { display: flex; justify-content: space-evenly; }
.event-info { display: flex; flex-direction: column; justify-content: center; text-decoration: none; }
.event-title {width: 18rem; font-size: 1.3rem; font-weight: 500; margin-bottom: 0.5rem;  color: #253551;}
.paragraph { margin: 0; padding: 0; line-height: 1.5; width: 30rem; margin: 1rem 0; font-size: 1rem; }
.image { width: 320px; height: 240px; }
#board .gallery_list ul li p.info {font-size:12px; padding:7px 3px;}
#board .gallery_list ul li p.info span {display:inline-block; padding:4px 8px; border:1px solid #efefef; border-radius:3px; margin-right: 0.5rem;}
#board .gallery_list ul li p.info span.name {font-size: 16px; float:left; padding:5px 9px; font-weight:bold;  box-sizing:border-box; color:#8c8c8c;}
#board .gallery_list ul li p.info span.hit {color:#8c8c8c;}
#board .gallery_list ul li p.info span.date {color:#8c8c8c;}
#board .gallery_list ul li p span.reple_icon {background:url('/img/common/reple_bl.png') no-repeat;  padding:0; color:#fff; font-size:10px;}
#board .gallery_list ul li p.info:after {clear:both; display:block; content:"";}
#board .gallery_list ul:after {clear:both; display:block; content:"";}
#board .gallery_list .btn {padding:20px 1%; text-align:right;}
#board .gallery_list .btn span {padding:0 2px;}

}
@media (min-width: 768px) and (max-width: 991px) {
	

.event { width: 80%; padding: 2rem 0; margin: 0 auto; list-style-type: none; border-bottom: 2px solid #ddd; }
.event a { text-decoration: none; list-style-type: none; color: #000000; }
.event-link { display: flex; justify-content: space-evenly; }
.event-info { display: flex; flex-direction: column; justify-content: center; text-decoration: none; }
.event-title {width: 15rem; font-size: 1.1rem; font-weight: 500; margin-bottom: 0.5rem;  color: #253551;}
.paragraph { margin: 0; padding: 0; line-height: 1.5; width: 30rem; margin: 1rem 0; font-size: 1rem; }
.image { width: 280px; height: 210px; }
#board .gallery_list ul li p.info {font-size:12px; padding:7px 3px;}
#board .gallery_list ul li p.info span {display:inline-block; padding:4px 8px; border:1px solid #efefef; border-radius:3px; margin-right: 0.5rem;}
#board .gallery_list ul li p.info span.name {font-size: 16px; float:left; padding:5px 9px; font-weight:bold;  box-sizing:border-box; color:#8c8c8c;}
#board .gallery_list ul li p.info span.hit {color:#8c8c8c;}
#board .gallery_list ul li p.info span.date {color:#8c8c8c;}
#board .gallery_list ul li p span.reple_icon {background:url('/img/common/reple_bl.png') no-repeat;  padding:0; color:#fff; font-size:10px;}
#board .gallery_list ul li p.info:after {clear:both; display:block; content:"";}
#board .gallery_list ul:after {clear:both; display:block; content:"";}
#board .gallery_list .btn {padding:20px 1%; text-align:right;}
#board .gallery_list .btn span {padding:0 2px;}
  
}
@media (min-width: 651px) and (max-width: 767px) {
	
.event { width: 80%; padding: 2rem 0; margin: 0 auto; list-style-type: none; border-bottom: 2px solid #ddd; }
.event a { text-decoration: none; list-style-type: none; color: #000000; }
.event-link { display: flex; justify-content: space-evenly; }
.event-info { display: flex; flex-direction: column; justify-content: center; text-decoration: none; }
.event-title {width: 15rem; font-size: 1rem; font-weight: 500; margin-bottom: 0.5rem;  color: #253551;}
.paragraph { margin: 0; padding: 0; line-height: 1.5; width: 30rem; margin: 1rem 0; font-size: 1rem; }
.image { width: 240px; height: 180px; }
#board .gallery_list ul li p.info {font-size:12px; padding:7px 3px;}
#board .gallery_list ul li p.info span {display:inline-block; padding:4px 8px; border:1px solid #efefef; border-radius:3px; margin-right: 0.5rem;}
#board .gallery_list ul li p.info span.name {font-size: 1px; float:left; padding:5px 9px; font-weight:bold;  box-sizing:border-box; color:#8c8c8c;}
#board .gallery_list ul li p.info span.hit {color:#8c8c8c;}
#board .gallery_list ul li p.info span.date {color:#8c8c8c;}
#board .gallery_list ul li p span.reple_icon {background:url('/img/common/reple_bl.png') no-repeat;  padding:0; color:#fff; font-size:10px;}
#board .gallery_list ul li p.info:after {clear:both; display:block; content:"";}
#board .gallery_list ul:after {clear:both; display:block; content:"";}
#board .gallery_list .btn {padding:20px 1%; text-align:right;}
#board .gallery_list .btn span {padding:0 2px;}
  
}
@media (min-width: 500px) and (max-width: 650px) {
	
.event { width: 80%; padding: 2rem 0; margin: 0 auto; list-style-type: none; border-bottom: 2px solid #ddd; }
.event a { text-decoration: none; list-style-type: none; color: #000000; }
.event-link { display: flex; justify-content: space-evenly; }
.event-info { display: flex; flex-direction: column; justify-content: center; text-decoration: none; }
.event-title {width: 13rem; font-size: 1rem; font-weight: 500; margin-bottom: 0.5rem;  color: #253551;}
.paragraph { margin: 0; padding: 0; line-height: 1.5; width: 30rem; margin: 1rem 0; font-size: 1rem; }
.image { width: 200px; height: 150px; }
#board .gallery_list ul li p.info {font-size: 10px; padding:7px 3px;}
#board .gallery_list ul li p.info span {display:inline-block; padding:4px 8px; border:1px solid #efefef; border-radius:3px; margin-right: 0.5rem;}
#board .gallery_list ul li p.info span.name {font-size: 10px; float:left; padding:5px 9px; font-weight:bold;  box-sizing:border-box; color:#8c8c8c;}
#board .gallery_list ul li p.info span.hit {color:#8c8c8c;}
#board .gallery_list ul li p.info span.date {color:#8c8c8c;}
#board .gallery_list ul li p span.reple_icon {background:url('/img/common/reple_bl.png') no-repeat;  padding:0; color:#fff; font-size:10px;}
#board .gallery_list ul li p.info:after {clear:both; display:block; content:"";}
#board .gallery_list ul:after {clear:both; display:block; content:"";}
#board .gallery_list .btn {padding:20px 1%; text-align:right;}
#board .gallery_list .btn span {padding:0 2px;}
  
}
@media (max-width: 499px) {
	
.event { width: 80%; padding: 0.5rem 0; margin: 0 auto; list-style-type: none; border-bottom: 1px solid #ddd; }
.event a { text-decoration: none; list-style-type: none; color: #000000; }
.event-link { text-align: center; }
.event-info { display: flex; flex-direction: column; justify-content: center; align-items: center; text-decoration: none; }
.event-title { font-size: 1.1rem; font-weight: 500; margin: 0.3rem 0; text-align: center;}
.paragraph { margin: 0; padding: 0; line-height: 1.5; width: 30rem; margin: 1rem 0; font-size: 1rem; }
.image { width: 200px; height: 150px; display: inline-block; max-width: 100%; }
#board .gallery_list ul li p.info {font-size:12px; padding:7px 3px;}
#board .gallery_list ul li p.info span {display:inline-block; padding:4px 8px; border:1px solid #efefef; border-radius:3px; margin-right: 0.5rem;}
#board .gallery_list ul li p.info span.name {font-size: 10px; float:left; padding:5px 9px; font-weight:bold;  box-sizing:border-box; color:#8c8c8c;}
#board .gallery_list ul li p.info span.hit {color:#8c8c8c;}
#board .gallery_list ul li p.info span.date {color:#8c8c8c;}
#board .gallery_list ul li p span.reple_icon {background:url('/img/common/reple_bl.png') no-repeat;  padding:0; color:#fff; font-size:10px;}
#board .gallery_list ul li p.info:after {clear:both; display:block; content:"";}
#board .gallery_list ul:after {clear:both; display:block; content:"";}
#board .gallery_list .btn {padding:20px 1%; text-align:right;}
#board .gallery_list .btn span {padding:0 2px;}
  
}

/* 게시판 삭제 or 보기 */ 
#board .pop {width:75%; height:100%; margin:35px auto; background:url('/img/common/bg_black50.png') 0 0 repeat; left:10%; top: 10%; position:absolute; } 
#board .pop .form {background-color:#fff; padding:10px 0;}
#board .pop .form p.title {font-weight:bold; padding:10px 20px; color:#185c94; background-color:#e1effb; font-size:18px;}
#board .pop .form p.name {font-weight:bold; padding:10px 20px; color:#243f91; border-bottom:1px solid #efefef;}
#board .pop .form p.text {padding:10px 20px; font-size:0.9em; line-height:140%; border-bottom:1px solid #efefef;}
#board .pop .form p.text span {padding-top:10px; display:block; font-size:12px; color:#ff0000; position:relative; padding-left:15px;}
#board .pop .form p.input {text-align:center; padding:0 10px;}
#board .pop .form p.input input[type=password] {width:97%; border:1px solid #ccc; border-radius:5px; padding:10px 1%;}
#board .pop .form p.btn {padding:10px 10px 20px 10px; text-align:center;}
#board:after {clear:both; display:block; content:"";}