/*-----------------------------------------------------------------*/
/* 목록
/*-----------------------------------------------------------------*/

#boardlist .category {margin-bottom: 30px;}
#boardlist .category > ul {display: flex; justify-content: center; align-items: center; gap: 10px; text-align:center;}
#boardlist .category > ul > li {display:inline-block; padding:0 10px; border-radius: 18px; border: 1px solid #E5E5E5;}
#boardlist .category > ul > li a {display: inline-block; padding-left: 21px; font-size: 1.083rem; font-weight: 500; line-height: 35px; color:#AFAFAF; background: url('/board/_skin/basic_general_mobile/img/icon_cate.svg') no-repeat left/17px auto;}
#boardlist .category > ul > li.cate_all > a,
#boardlist .category > ul > li.selected a {font-size: 1.083rem; font-weight: 600; color:#212121; background: url('/board/_skin/basic_general_mobile/img/icon_cate_on.svg') no-repeat left/17px auto;}
#boardlist .category:after {display:block; clear:both; content:'';}
#boardlist .list {margin:15px 0; border-top:1px solid #E5E5E5;}
#boardlist .list li {display: flex; gap: 10px; padding:10px 0; border-bottom:1px solid #E5E5E5;}
#boardlist .list li .no {display: flex; gap: 3px; align-items: flex-start; width:50px; text-align:center;}
#boardlist .list li .no strong {color: #CB1E22; font-size: 1.167rem; font-weight: 500;}
#boardlist .list li .subject .title {overflow:hidden; text-overflow:ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; font-size: 1.167rem; font-weight: 500;}
#boardlist .list li .subject .title img {width:auto; height:10px; margin-top:2px; vertical-align:top;}
#boardlist .list li .subject .stat {display: flex; align-items: center; gap: 10px; padding-top:3px; font-size: 1.083rem;}
#boardlist .list li .subject .stat * {color: #AFAFAF; font-size: 1.083rem;}
#boardlist .list li .subject .stat .date {font-size: 1rem;}
#boardlist .list li .subject .stat img {width:auto; height:10px; vertical-align:top;}
#boardlist .page_write {position:relative; min-height:34px; margin-top:30px;}
#boardlist .search_write {display: flex; justify-content: space-between; align-items: center; margin-top: 20px;}
#boardlist .board_search {position: relative; clear:both; text-align:center; margin-bottom: 15px;}
#boardlist .board_search form {display:flex; text-align:center;}
#boardlist .board_search select {width: 100px; height: 46px; padding: 0 15px; margin-right: 5px; font-size: 1.083rem; border-radius: 6px; border: 1px solid #E5E5E5;}
#boardlist .board_search input.form_input.search {width: 100%; flex: 1; flex-shrink: 1; height: 46px; border-radius: 6px; padding: 0 56px 0 15px; border: 1px solid #E5E5E5; font-size: 1.083rem;}
#boardlist .board_search input.form_input.search::placeholder {color: #AFAFAF; font-size: 1.083rem;}
#boardlist .board_search .btn_search {position: absolute; right: 0; display:inline-block; width:46px; height:46px; border:0; background:url('/board/_skin/basic_general/img/icon_search.svg') no-repeat center; vertical-align:top; text-indent:-9999px; cursor:pointer;}
#boardlist .paging {margin-top: 30px;}


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

#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;}


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

#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 적용
/*-----------------------------------------------------------------*/