@charset "euc-kr";
/*CSS Document*/
@import url(/m/css/reset.css);
@import url(/m/css/common.css);
@import url(/m/css/respon.css);
.clearfix::after{content:''; display:block; clear:both;}
/* 사용하려면 태그, 클래스명 수정
bbs > view.php 에서 아래 텍스트 추가
$prev = "이전 글이 없습니다.";
$next = "다음 글이 없습니다.";
.no 클래스에 폰트색 변경
코멘트 푸른빛 색상 배경 변경
#f0f7ff71 < 검색 후 색상 변경 해주면 됨
image 게시판에 file.gif 원하는 파일로 변경
faq list_foot.php 에 있는 javascript 그대로 옮기기
bbs > list.php에서 catname 태그 감싸기
$catname = "[".$row[catname]."]"
*/
/* 카테고리 */
.bbs-category{font-size:0; margin:-0.3rem -0.3rem 2rem;}
.bbs-category a{position:relative; display:inline-block; font-size:1.5rem; line-height:1.8; letter-spacing:-0.065rem; word-break:keep-all; margin:0.3rem; padding:0 0.7rem; background:#e2e2e2; border-radius:2px;}
.bbs-category a b{font-weight:600; color:#000;}
/* 페이징 */
.bbs-paging{margin:2rem auto 3rem;}
.bbs-paging th, .bbs-paging td{height:3rem; line-height:3rem; vertical-align:middle;}
.bbs-paging td{padding:0 .1rem;}
.bbs-paging a{display:inline-block;}
.bbs-paging .page-num, .bbs-paging .current-num{display:inline-block; width:25px; height:25px; margin:0 1px; border:1px solid #ddd; color:#333; font-size:14px; line-height:23px; text-align:center; box-sizing:border-box;}
.bbs-paging b{color:#000}
.bbs-paging .current-num{border-color:#333; background:#333; color:#fff;}
/* 리스트 하단 검색 */
.bbs-list-sch{margin:2rem 0; text-align:center; overflow:hidden;}
.bbs-list-sch select,
.bbs-list-sch input,
.bbs-list-sch button{float:left; height:4rem; line-height:3.8rem; font-size:1.5rem; letter-spacing:-0.065rem; padding-left:0.7rem; color:#000; vertical-align:middle; box-sizing:border-box; border-color:#ccc;}
.bbs-list-sch select{width:30%;}
.bbs-list-sch input{width:calc(70% - 50px); border-width:1px 0;}
.bbs-list-sch button{width:50px; color:#fff; text-align:center; padding:0; background:#444;}
/* 리스트 */
.bbs-list{border-top:1px solid #e6e6e6;}
.bbs-list li{position:relative;border-bottom:1px solid #e6e6e6; box-sizing:border-box; word-break:break-all;}
.bbs-list li .chkbox{position:absolute; left:0; top:0;}
.bbs-list li i{position:absolute; left:1rem; top:2rem; font-size:2.2rem; color:#333; font-weight:500; line-height:1;}
/* Q */
.bbs-list li .section-question{ background:url(./image/faq_off.png) right 1rem top 50% no-repeat; background-size:1.6rem auto;}
.bbs-list li .section-question.active{background-image:url(./image/faq_on.png);}
.bbs-list li .section-question > a{position:relative; display:block; padding:2rem 3.8rem; font-size:1.6rem; /* 1.7rem */ line-height:1.3; letter-spacing:-0.065rem; box-sizing:border-box;}
/* A */
.bbs-list li .section-reply{position:relative; padding:2rem 4rem; background:#f7f7f7; font-size:1.5rem; line-height:1.4; letter-spacing:-0.065rem; display:none;}
.bbs-list li .section-reply i{color:#e2370e;;}
.bbs-list li .section-reply .function{position:absolute; right:0; top:0;}
/* 인풋 */
.bbs-notice-txt{font-size:1.3rem; color:#666; line-height:1.3; letter-spacing:-0.065em; text-align:right; padding-bottom:2rem;}
.bbs-input-form{}
.bbs-input-form li{position:relative; overflow:hidden; padding-left:7rem; margin:0.5rem 0;}
.bbs-input-form li.border{border-top:1px solid #eee; padding:0; margin:2rem 0;}
.bbs-input-form li.border:nth-of-type(1){margin-top:0;}
.bbs-input-form li strong{position:absolute; left:0; top:0; display:inline-block; font-size:1.5rem; letter-spacing:-0.065rem; line-height:1.3; margin:1.3rem 0 0;}
.bbs-input-form li select,
.bbs-input-form li input[type="text"],
.bbs-input-form li input[type="password"]{width:100%; height:4rem; line-height:3.8rem; font-size:1.5rem; letter-spacing:-0.065rem; padding-left:1rem; margin:0.3rem 0; color:#000; vertical-align:middle; box-sizing:border-box; border-color:#ccc;}
.bbs-input-form li input:focus{border-color:#000;}
.bbs-input-form li .cmt{display:inline-block; font-size:1.3rem; color:#666; line-height:1.3; letter-spacing:-0.065em;}
.bbs-input-form li input[name="name"]{width:60%;}
.bbs-input-form li input[name="email"]{width:100%; letter-spacing:0;}
.bbs-input-form li input[name="wdate"]{width:60%; letter-spacing:0;}
.bbs-input-form li input[name="count"]{width:60%; letter-spacing:0;}
.bbs-input-form li input[name="passwd"]{width:60%; letter-spacing:0;}
.bbs-input-form li.file input{width:100%; /*height:4rem; line-height:3.8rem;*/ font-size:1.5rem; padding:0.6rem; margin:0.3rem 0; color:#000; vertical-align:middle; box-sizing:border-box; border:1px solid #ddd;}
/* 제목 */
.bbs-input-form li.subject{margin:2rem 0;}
.bbs-input-form li.subject select{width:auto; max-width:100%;}
.bbs-input-form li.subject input{width:100%;}
/* 평점 */
.bbs-input-form li.star{margin:2rem 0;}
.bbs-input-form li.star strong{margin-top:0.3rem;}
.bbs-input-form li.star label{display:inline-block; margin:0.3rem 0;}
.bbs-input-form li.star input[type="radio"]{height:1.5rem; vertical-align:top; margin-right:0.5rem;}
.bbs-input-form li.star img{height:1.5rem; vertical-align:top;}
/* 글 */
.bbs-input-form li.user-contents{margin:2rem 0; padding:0;}
.bbs-input-form li.user-contents .chk{margin:0 0 0.5rem;}
.bbs-input-form li.user-contents .chk label{display:inline-block; font-size:1.5rem; line-height:1.5rem; vertical-align:top; margin-left:1.5rem;}
.bbs-input-form li.user-contents .chk label:first-child{margin-left:0;}
.bbs-input-form li.user-contents .chk input[type="checkbox"]{height:1.5rem; vertical-align:top; margin-right:0.5rem;}
.bbs-input-form li.user-contents textarea{width:100%; height:15rem; font-size:1.5rem; line-height:1.6; letter-spacing:-0.065rem; padding:1rem; word-break:break-all; box-sizing:border-box;}
/* 스팸 */
.bbs-input-form li.spam{padding-left:0; overflow:hidden;}
.bbs-input-form li.spam strong{position:relative; display:block; margin:0 0 0.5rem;}
.bbs-input-form li.spam img{float:left; height:2rem; border-width:1rem 0!important; border-style:solid; border-color:#343df4;}
.bbs-input-form li.spam input{float:left; width:calc(100% - 80px); margin:0;}
.bbs-input-form li.spam .comment{display:none;}
/* 버튼 */
.bbs-btn{margin:2rem 0 0; overflow:hidden; text-align:center;}
.bbs-btn .left{float:left; text-align:left;}
.bbs-btn .right{float:right; text-align:right;}
.bbs-btn a, .bbs-btn button, .bbs-btn input[type="submit"] {display:inline-block; width:auto; height:3rem; line-height:calc(3rem - 2px); border:1px solid #ccc; text-align:center; font-family:'NotoSans',sans-serif; font-size:1.3rem; letter-spacing:-0.065rem; color:#999; padding:0 1rem; margin:0 2px; box-sizing:border-box; cursor:pointer;}
.bbs-btn a img{margin:0;}
.bbs-btn a:first-child, .bbs-btn input:first-child, .bbs-btn img:first-child{margin-left:0;}
.bbs-btn a:last-child, .bbs-btn input:last-child, .bbs-btn img:last-child{margin-right:0;}
/* passwd */
.bbs-passwd{text-align:center; margin:2rem 0;}
.bbs-passwd p{font-size:1.5rem; letter-spacing:-0.085rem; line-height:1.4; margin:0 0 1.5rem;}
.bbs-passwd input[type="password"]{width:80%; height:4rem; line-height:3.8rem; border:1px solid #ddd; text-align:center; font-size:1.5rem;}
.bbs-passwd .bbs-btn{margin:0.5rem 0 0;}
/* @media screen and (max-width:450px){
.bbs-list li .section-question > a{font-size:1.6rem;}
} */