/*-----------------------------------------------------------------*/
/* 목록
/*-----------------------------------------------------------------*/
#cnt {margin-bottom:5.714rem;}
#boardlist .board_search {clear:both; margin:20px 0 1.429rem;}
#boardlist .board_search form {position:relative; font-size:0;}
#boardlist .board_search select {display:inline-block; width:9.286rem; height:3.286rem; border:1px solid #E9E9E9; border-radius:4px; color:#333;}
#boardlist .board_search input.form_input.search {display:inline-block; width:calc(100% - 11.786rem) !important; height:3.286rem; margin:0 0.357rem; border-radius:4px;}
#boardlist .board_search .btn_search {display:inline-block; width:1.500rem; height:3.286rem; margin-left:0.286rem; border:0; background:url('/_skin/bona/img/common/hd_search.png') no-repeat center/1.429rem; vertical-align:top; text-indent:-9999px; cursor:pointer;}
#boardlist .box_btn.write {width:100%;}
#boardlist .box_btn.write a {display:block; padding:0; border:0; border-radius:4px; background:#FD5000; text-align:center;}
#boardlist .box_btn.write a span {display:inline-block; height:3.571rem; padding-left:1.357rem; background:url('/_skin/bona/img/etc/btn_write.png')no-repeat left center/1.143rem; color:#fff; font-size:1.071rem; font-weight:600; line-height:3.571rem;}
#boardlist .box_btn.more {width:100%;}
#boardlist .box_btn.more a {width:100%; height:3.571rem; padding:0; border:1px solid #707070; border-radius:4px; background:none; color:#333333 !important; font-size:1.071rem; font-weight:600; line-height:3.571rem;}
#boardlist .category {width:100%; margin:15px 0; text-align:center;}
#boardlist .category > ul {border-top:1px solid #e0e0e0;}
#boardlist .category > ul > li {float:left; width:33.33%;}
#boardlist .category > ul > li > a {display:block; position:relative; height:34px; border:1px solid #e0e0e0; border-width:0 1px 1px 0; color:#888; line-height:34px;}
#boardlist .category > ul > li:nth-child(3n-2) > a {border-width:0 1px 1px 1px;}
#boardlist .category > ul > li.cate_all > a,
#boardlist .category > ul > li.selected > a {background:#fafafa; color:#333; font-weight:bold;}
#boardlist .category:after {display:block; clear:both; content:'';}
#boardlist .list {display:table; width:100%; margin:15px 0;}
#boardlist .list li {display:inline-block; width:50%; padding:0 5px 10px 0; text-align:center; vertical-align:top; cursor:pointer;}
#boardlist .list li:nth-child(2n) {padding:0 0 0 5px;}
#boardlist .list li .box .img {overflow:hidden;}
#boardlist .list li .box .img img {width:100%; height:auto;}
#boardlist .list li .box .subject {padding:10px 0 5px;}
#boardlist .list li .box .subject img {height:16px; vertical-align:top;}
#boardlist .list li .box .date {color:#888; font-size:0.917rem;}
#boardlist .list li.notice {position:relative; width:100%; padding:0 80px 10px 0; text-align:left;}
#boardlist .list li.notice .date {position:absolute; right:0; top:0;}
#boardlist .list:after {display:block; clear:both; content:'';}


/*-----------------------------------------------------------------*/
/* 열람
/*-----------------------------------------------------------------*/

#boardview > .info {border:1px solid #e0e0e0; border-width:1px 0;}
#boardview > .info .subject {padding:15px;}
#boardview > .info .subject p {padding-top:5px;}
#boardview > .info .subject p:first-child {padding-top:0;}
#boardview > .info .subject .title {width:100%;}
#boardview > .info .subject .title img {width:auto; height:10px; vertical-align:middle;}
#boardview > .info .subject .stat,
#boardview > .info .subject .stat a,
#boardview > .info .subject .file,
#boardview > .info .subject .file a,
#boardview > .info .subject .add {font-size:0.917rem;}
#boardview > .info .subject .stat img {width:auto; height:10px; vertical-align:middle;}
#boardview > .boxview {padding:15px; border-bottom:1px solid #e0e0e0; text-align:left;}
#boardview > .boxview .content {word-break:break-all; word-wrap:break-word;}
#boardview > .boxview .content * {font-family:inherit; font-size:inherit; text-align:inherit; line-height:inherit;}
#boardview > .boxview .content img {max-width:100%; height:auto;}
#boardview > .btn {padding-top:15px; text-align:right;}


/*-----------------------------------------------------------------*/
/* 쓰기
/*-----------------------------------------------------------------*/

#boardwrite fieldset > div {position:relative; margin-bottom:10px;}
#boardwrite fieldset > div:last-child {margin-bottom:0;}
#boardwrite fieldset > div > label {display:none;}
#boardwrite fieldset > div.name {min-height:34px; padding-right:180px; line-height:34px; font-weight:bold;}
#boardwrite fieldset > div.name .form_input {width:90%;}
#boardwrite fieldset > div.name .check {position:absolute; right:0; top:10px;}
#boardwrite fieldset > div.contents {background:#fff;}
#boardwrite fieldset select {width:100%;}
#boardwrite .btn {padding-top:15px;}

#boardwrite .filebox {position:relative; margin-bottom:0;}
#boardwrite .filebox .upload-name {display:inline-block; height:40px; padding:0 10px; vertical-align:middle; border:1px solid #dddddd; width:78%; color:#999999;}
#boardwrite .filebox label {display:inline-block; position:absolute; top:0; right:0; width:6.071rem; height:3.571rem; color:#FD5000; font-weight:600; cursor:pointer; text-align:center; line-height:3.571rem;}
#boardwrite .filebox label:after {position:absolute; top:0.786rem; left:0; width:1px; height:1.857rem; background:#E9E9E9; content:'';}
#boardwrite .filebox .fake {width:100%; height:3.571rem; margin-bottom:0.714rem; padding:0 1.071rem; border:1px solid #E9E9E9;}

#boardwrite .filebox input[type="file"] {position:absolute; width:0; height:0; padding:0; overflow:hidden; border:0;}
#boardwrite .filebox .file_del {position:absolute; top:1.143em; left:1.143em; color:#999; letter-spacing:-0.14px; font-weight:400;}
#boardwrite .filebox .file_del b {color:#999; letter-spacing:-0.14px; font-weight:400;}
#boardwrite .input-file-button {display:none; padding:6px 25px; background-color:#FF6600; border-radius:4px; color:white; cursor:pointer;}
#boardwrite .box_btn.cancel * {height:3.571rem; padding:0; border:1px solid #EEEEEE; border-radius:4px; background:#EEEEEE; color:#333 !important; font-size:1.071rem; font-weight:600; line-height:3.571rem; letter-spacing:-0.15px;}
#boardwrite .box_btn.ok * {height:3.571rem; padding:0; border:1px solid #FD5000; border-radius:4px; background:#FD5000; color:#fff !important; font-size:1.071rem; font-weight:600; line-height:3.571rem; letter-spacing:-0.15px;}

/*-----------------------------------------------------------------*/
/* 비밀번호 확인
/*-----------------------------------------------------------------*/

#boardpw {margin:15px; border:1px solid #e0e0e0; background:#fafafa; text-align:center !important;}
#boardpw h3 {padding-bottom:15px;}
#boardpw p {margin-bottom:10px; color:#888;}
#boardpw .form_input {margin-bottom:10px;}


/*-----------------------------------------------------------------*/
/* 댓글목록, 댓글쓰기 - 스킨공통css 적용
/*-----------------------------------------------------------------*/