@charset "UTF-8";
*{margin: 0; padding: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
*:focus{outline: none;}
*::after,
*::before{margin: 0; padding: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
body{width: 100%; min-width: 1600px; height: auto; font-size: 16px; font-family: 'Pretendard', sans-serif; background-color: #1f1f1f;}
h1,
h2,
h3,
h4,
h5{font-size: 1rem;}
a{font-size: 1rem; font-weight: 400; color: #bbb; text-decoration: none;}
ul{list-style: none;}
input{font-family: 'Pretendard', sans-serif; font-size: 0.875rem; font-weight: 400; color: #bbb;}
input{-webkit-appearance: none; -moz-appearance: none; appearance: none; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0;}
input::-webkit-input-placeholder{font-size: 0.875rem; font-weight: 400; color: #7d7d7d;}
input:-moz-placeholder{font-size: 0.875rem; font-weight: 400; color: #7d7d7d;}
input::-moz-placeholder{font-size: 0.875rem; font-weight: 400; color: #7d7d7d;}
input:-ms-input-placeholder{font-size: 0.875rem; font-weight: 400; color: #7d7d7d;}
input::-ms-input-placeholder{font-size: 0.875rem; font-weight: 400; color: #7d7d7d;}
input::placeholder{font-size: 0.875rem; font-weight: 400; color: #7d7d7d;}
button{font-size: 0.875rem; font-weight: 400; font-family: 'Pretendard', sans-serif; cursor: pointer;}
table{font-size: 1rem; border-collapse: collapse;}
select{font-family: 'Pretendard', sans-serif; font-size: 0.875rem; font-weight: 400; background: url(img/select_arrows.png) no-repeat right 15px center; -webkit-appearance: none; -moz-appearance: none; appearance: none; color: #bbb;}
select::-ms-expand{display: none;}
textarea{font-family: 'Pretendard', sans-serif; font-size: 0.875rem; font-weight: 400; color: #bbb;}
textarea::-webkit-input-placeholder{font-size: 0.875rem; font-weight: 300; color: #7d7d7d;}
textarea:-moz-placeholder{font-size: 0.875rem; font-weight: 300; color: #7d7d7d;}
textarea::-moz-placeholder{font-size: 0.875rem; font-weight: 300; color: #7d7d7d;}
textarea:-ms-input-placeholder{font-size: 0.875rem; font-weight: 300; color: #7d7d7d;}
textarea::-ms-input-placeholder{font-size: 0.875rem; font-weight: 300; color: #7d7d7d;}
textarea::placeholder{font-size: 0.875rem; font-weight: 300; color: #7d7d7d;}

input[type="checkbox"] {position:absolute;top:12px;left:18px;width:15px;height:15px;display:block;margin:0;background:#fff;border:1px solid #d0d4df;border-radius:3px}
input[type="checkbox"]:checked{background:url(../../img/chk.png) no-repeat 50% 50% #3a8afd;border-color:#1471f6;border-radius:3px}
.list_chk{top:15px;left:18px}
.board_list table tbody td input[type="checkbox"] {position:absolute;top: 40%;left: 30%;width:15px;height:15px;display:block;margin:0;background:#fff;border:1px solid #d0d4df;border-radius:3px}
.board_list table tbody input[type="checkbox"]:checked{background:url(../../img/chk.png) no-repeat 50% 50% #3a8afd;border-color:#1471f6;border-radius:3px}
.hiddentag, .soundonly {overflow: hidden;position: absolute;border: 0;width: 1px;height: 1px;clip: rect(0 0 0 0);}





/*테이블공용*/
.th_num {width: 10%;}
.th_subject {width: 50%;}
.th_writer {width: 18%;}
.th_data {width: 12%;}
.th_view {width: 10%;}
.writer_box {width: auto;height: auto;position: relative;display: inline-block;}
.writer_box > a{display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; font-size: 0.875rem; color: #fff; font-weight: 400; word-break: keep-all;}
.writer_box > a > span {width: 18px;height: 18px;margin-right: 5px;}
.writer_box > a > span > img {width: 100%;max-width: 100%;height: 100%;}
.writer_box .writer_deps{width: 100%; height: auto; position: absolute; top: 30px; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); background-color: #1b1b1b; z-index: 999; width: 130px;}
.writer_box .writer_deps.on{display: block;}
.writer_box .writer_deps.off {display: none;}
.writer_box .writer_deps::before{content: ''; width: 0px; height: 0px; border-top: 8px solid transparent; border-bottom: 8px solid #1b1b1b; border-right: 8px solid transparent; border-left: 8px solid transparent; position: absolute; top: -16px; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%);}
.writer_box .writer_deps > li {width: auto;height: auto;position: relative;border-bottom: 1px solid #484848;}
.writer_box .writer_deps > li > a {display: block;font-size: 0.8125rem;font-weight: 500;padding: 5px;}
/*테이블공용 END*/


/*폼관련*/
.sch_select {width: 110px;height: 40px;position: relative;}
.sch_select > select {width: 100%;height: 100%;position: relative;padding: 0 10px;background-color: #1b1b1b;border: 1px solid #484848;}
.sch_input {width: 160px;height: 40px;position: relative;}
.sch_input > input {width: 100%;height: 100%;background-color: #1b1b1b;border: 1px solid #484848;border-right: 0;padding: 0 10px;color: #fff;}
.sch_button {width: 40px;height: 40px;position: relative;}
.sch_button > button{width: 100%; height: 100%; background-color: #1b1b1b; border: 1px solid #484848; border-left: 0; background-image: url(img/all_searh_icon.png); background-position: center; background-repeat: no-repeat; -webkit-background-size: auto auto; background-size: auto;}
/*폼관련 END*/

/*페이지 */
.paging_con {width: 100%;height: auto;position: relative;margin-top: 40px;}
.paging_con .paging_box{width: 100%; height: auto; position: relative; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; gap: 5px;}
.pg_wrap {clear:both;float:left;display:inline-block}
.pg_wrap:after {display:block;visibility:hidden;clear:both;content:""} 
.pg {text-align:center}
.pg_page, .pg_current {display:inline-block;vertical-align:middle;background:#eee;border:1px solid #eee}
.pg a:focus, .pg a:hover {text-decoration:none}
.pg_page {color:#959595;font-size:1.083em;height:30px;line-height:28px;padding:0 5px;min-width:30px;text-decoration:none;border-radius:3px}
.pg_page:hover {background-color:#fafafa}
.pg_start {text-indent:-999px;overflow:hidden;background:url('../../img/btn_first.gif') no-repeat 50% 50% #eee;padding:0;border:1px solid #eee}
.pg_prev {text-indent:-999px;overflow:hidden;background:url('../../img/btn_prev.gif') no-repeat 50% 50% #eee;padding:0;border:1px solid #eee}
.pg_end {text-indent:-999px;overflow:hidden;background:url('../../img/btn_end.gif') no-repeat 50% 50% #eee;padding:0;border:1px solid #eee}
.pg_next {text-indent:-999px;overflow:hidden;background:url('../../img/btn_next.gif') no-repeat 50% 50% #eee;padding:0;border:1px solid #eee}
.pg_start:hover,.pg_prev:hover,.pg_end:hover,.pg_next:hover {background-color:#fafafa}

.pg_current {display:inline-block;background:#3a8afd;border:1px solid #3a8afd;color:#fff;font-weight:bold;height:30px;line-height:30px;padding:0 10px;min-width:30px;border-radius:3px}
/*페이지 END */

/*글쓰기,글삭제버튼등*/
.btn{display:inline-block;font-weight:400;color:#212529;text-align:center;vertical-align:middle;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-color:transparent;border:1px solid transparent;padding:.375rem .75rem;font-size:1rem;line-height:1.5;border-radius:.25rem;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}
.btn_admin{background: orangered;}
#bo_btn_top{width: 100%}
#bo_btn_top .btn_bo_user{width: 100%;text-align: center;padding: 0 15px;margin-top: 20px;}
#bo_btn_top .btn_bo_user li{display: inline-block;}
#bo_btn_top .btn_bo_user .btn_b02 {width: 100px;}
.btn_bo_user a.btn,.btn_bo_user .btn {line-height: 35px;width: 80px;height: 35px;padding: 0 5px;text-align: center;font-weight: bold;color: #fff;border: 1px solid #2c2b53;border-radius: 10px;background-color: #6e6be7;}
.re100{border-radius: 100%;}


/*글쓰기,글삭제버튼등 END*/