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

#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 {display:flex; flex-wrap:wrap;}
#boardlist .category > ul > li {width: 33.3333%;}
#boardlist .category > ul > li > a {display:block; margin-top: -1px; margin-left: -1px; padding: 15px 0; border:1px solid #ddd; background-color:#fff; color:#777;font-size:1.083rem; letter-spacing:-0.4px; line-height: 1; text-align: center; transition:all 0.2s;}
#boardlist .category > ul > li.cate_all > a,
#boardlist .category > ul > li.selected > a {border-color:1px solid #000; background-color:#000; color:#fff; font-weight:700;}
#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 0;}
#boardlist .list > li > .subject.prd {padding-left:82px;}
#boardlist .list > li > .subject > p {overflow:hidden; padding-top:5px; font-size:1.083rem; 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:1rem; }
#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 * {background-color:transparent !important; font-family: 'Roboto Condensed', Pretendard, dotum,'돋움',sans-serif !important; font-size:1.083rem !important; color: #000 !important;}
#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; width:100%}
#boardlist .list > li > .content .btn {padding-top:0; text-align:left; font-size: 0;}
#boardlist .list > li > .content .btn a {display: inline-block; margin-right: 2px; padding: 5px 10px; font-size:1rem; }
#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 적용
/*-----------------------------------------------------------------*/