@charset "utf-8";

/* .bo_top_tiltle {width:100%;padding:60px;font-size:2rem;text-align:center;font-weight:500;} */
/* list.php  */
#bo_list {width:72.5%;min-height:500px;margin:0 auto;}
.samo_list {width:100%;padding:10px;}
ul.list_top {width:100%;display:flex;justify-content: space-between;flex-wrap:wrap;}
ul.list_top li {height:36px;line-height: 36px;font-size:0.85rem;font-weight:700;text-align:center;background-color:#2980B9;position:relative;color:#FFF;}
ul.list_top li:nth-child(1) {width:7%;} /* No */
ul.list_top li:nth-child(2) {width:63%;}/* 제목 */
ul.list_top li:nth-child(3) {width:10%;}/* 글쓴이 */
ul.list_top li:nth-child(4) {width:7%;}/* 조회 */
ul.list_top li:nth-child(5) {width:13%;}/* 날짜 */
div.top_line {display:none;}

.div_ul .list_contents:nth-child(odd) {background-color:#F2F2F2;}

.top_line {display:none;}

ul.list_contents {width:100%;display:flex;justify-content: space-between;flex-wrap:wrap;border-bottom:1px solid #EEE;}
ul.list_contents:hover {background-color: #ffdfee;}
ul.list_contents li {height:36px;line-height: 36px;font-size:0.8rem;font-weight:400;text-align:center;}

ul.list_contents li:nth-child(1) {width:7%;} /* No */
ul.list_contents li:nth-child(2) {width:63%;text-align:left;padding-left:10px;}/* 제목 */
ul.list_contents li:nth-child(3) {width:10%;}/* 글쓴이 */
ul.list_contents li:nth-child(4) {width:7%;}/* 조회 */
ul.list_contents li:nth-child(5) {width:13%;}/* 날짜 */
ul.list_contents li:nth-child(4) span,
ul.list_contents li:nth-child(5) span {display:none;}

/* write.skin.php  */
#write_rc {width:72.5%;margin:0 auto;}
.write_ul {display:flex;justify-content: space-between;align-items: center;flex-wrap:wrap;gap:10px;}
.write_ul li {width:48%;}
.write_ul li:last-child {width:100%;}
.reply {padding-left:18px;}
.reply_ch {padding-left:18px;height:auto;}
.reply_ch span {display:inline-block;margin-right:14px;}
.reply_ch label {display:inline-block;padding-right:20px;}
.write_ul li > div:first-child {border:1px solid #CCC;height:auto;padding:10px;line-height:2; font-size:0.85rem;font-weight:500;}
.write_ul li > div:first-child br {display:none;}

#write_rc .write_div {margin-bottom:10px;}

.reply_input {
    display: none;
    height:45px;
    line-height:45px;
    margin-top: 10px;
    padding-left:10px;
}
.reply_input p {font-size:0.85rem;font-weight:500;color:#140181}
.reply_input input {width:80%;}
.reply_input.active {
    display: block;
}

/* view.skin.php  */
#bo_v {margin-bottom:20px;box-sizing:border-box;width:72.5%;margin:0 auto;padding:10px;}


@media screen and (max-width:1024px) {
    #bo_list {width:100%;}
    #write_rc {width:100%;padding:10px;}
    #bo_v {width:100%;}

}

@media screen and (max-width:767px) {
    ul.list_top {display:none;}    
    ul.list_contents {width:100%;display:flex;justify-content: space-between;flex-wrap:wrap;}
    div.top_line {display:block;height:3px;width:100%;background-color:#2980B9;}
    ul.list_contents li {width:100%;height:auto;}
    
    ul.list_contents li:nth-child(1) {width:10%;;} /* No */
    ul.list_contents li:nth-child(2) {width:50%;text-align:left;padding-left:10px;overflow:hidden;font-weight:500;}/* 제목 */
    ul.list_contents li:nth-child(3) {width:18%;text-align:right;}/* 글쓴이 */
    ul.list_contents li:nth-child(4) {display:none;}/* 조회 */
    ul.list_contents li:nth-child(5) {width:17%;text-align:right;padding-right:5px;}/* 날짜 */
    ul.list_contents li:nth-child(4) span,
    ul.list_contents li:nth-child(5) span {display:inline-block;} 

    .write_ul li > div:first-child br {display:block;}
    .reply_input input {width:90%;}
}

@media screen and (max-width:475px){
    .reply_input input {width:98%;}
}