/*-----------------------------------------------------------------*/
/* 목록
/*-----------------------------------------------------------------*/

#boardlist .board_search {clear:both; margin-bottom:15px; padding:7px 0; border:1px solid #e0e0e0;}
#boardlist .board_search form {position:relative; padding:0 38px 0 75px;  text-align:center;}
#boardlist .board_search select {position:Absolute; left:0; top:0; border:0; width:70px;}
#boardlist .board_search input.form_input.search {border-width:0 1px;}
#boardlist .board_search .btn_search {position:absolute; right:0; top:0; display:inline-block; width:38px; height:34px; border:0; background:url('/board/_skin/basic_faq_mobile/img/btn_search.png') no-repeat center/18px; vertical-align:top; text-indent:-9999px; cursor:pointer;}
#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 {margin:15px 0; border-top:1px solid #dbdbdb;}
#boardlist .list > li {border-bottom:1px solid #dbdbdb;}
#boardlist .list > li:after {display:block; clear:both; content:'';}
#boardlist .list > li > .subject {padding:15px;}
#boardlist .list > li > .subject.prd {padding-left:82px;}
#boardlist .list > li > .subject > p {overflow:hidden; padding-top:5px; text-overflow:ellipsis; white-space:nowrap;}
#boardlist .list > li > .subject > p:first-child {padding-top:0;}
#boardlist .list > li > .subject > p.prdname a {color:#666;}
#boardlist .list > li > .subject > p.title img {width:auto; height:6px; margin-top:4px; vertical-align:top;}
#boardlist .list > li > .subject > p.stat,
#boardlist .list > li > .subject > p.stat * {color:#666; font-size:0.917rem;}
#boardlist .list > li > .content {padding:15px; border-top:1px solid #dbdbdb; background:#fafafa;}
#boardlist .list > li > .content .question {position:relative; min-height:45px; padding:0 0 15px 43px; border-bottom:1px solid #e1e1e1;}
#boardlist .list > li > .content .question:before {display:inline-block; position:absolute; left:0; top:0; width:29px; height:29px; border-radius:50%; background-color:#777474; color:#fff; font-family:'arial'; font-size:1.167rem; text-align:center; line-height:29px; content:'Q';}
#boardlist .list > li > .content .answer {position:relative; min-height:30px; margin:15px 0; padding-left:43px;}
#boardlist .list > li > .content .answer:before {display:inline-block; position:absolute; left:0; top:0; width:29px; height:29px; border-radius:50%; background-color:#ef6363; color:#fff; font-family:'arial'; font-size:1.167rem; text-align:center; line-height:29px; content:'A';}
#boardlist .list > li > .content .question img,
#boardlist .list > li > .content .answer img {max-width:100%; height:auto;}
#boardlist .list > li > .content .btn {padding-top:10px; text-align:left;}
#boardlist .list > li > .content .comment {padding-top:10px;}


/*-----------------------------------------------------------------*/
/* 열람
/*-----------------------------------------------------------------*/

#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 적용
/*-----------------------------------------------------------------*/