@charset "euc-kr";
/*CSS Document*/
@import url(/m/css/board_reset.css);
@import url(/m/css/respon.css);
.clearfix:after{content:''; display:block; clear:both;}
/* 사용하려면 태그, 클래스명 수정
bbs > view.php 에서 아래 텍스트 추가
$prev = "이전 글이 없습니다.";
$next = "다음 글이 없습니다.";
첨부파일 리스트로 꺼낼 시
image 게시판에 file.gif 원하는 파일로 변경
*/
/* category */
.category-area{margin-bottom:.6rem; color:#333; font-size:1.4rem; line-height:3rem; letter-spacing:-0.065rem;}
.category-area a{padding:0 .5rem;}
.category-area b{color:#1f72b8}
/* 페이징 */
.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-search-section{margin-bottom:2rem; text-align:center; overflow:hidden;}
.bbs-search-section select,
.bbs-search-section input,
.bbs-search-section 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-search-section select{width:30%;}
.bbs-search-section input{width:calc(70% - 50px); border-width:1px 0;}
.bbs-search-section button{width:50px; color:#fff; text-align:center; padding:0; background:#444;}
/* 리스트 */
.bbs-list{border-top:1px solid #000;}
.bbs-list li{position:relative; border-bottom:1px solid #e6e6e6; box-sizing:border-box; padding:1.5rem 0; line-height:2rem;}
.bbs-list li .chkbox{position:absolute; right:0; top:.5rem;}
.bbs-list li .no{display:block; color:#333; font-size:1.5rem; font-weight:700;}
.bbs-list li .subject{display:block; font-size:1.7rem; letter-spacing:-0.085rem; line-height:1.4; color:#000; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.bbs-list li .subject img{width:auto; height:auto; max-height:1.5rem;}
.bbs-list li .user_area{display:block; font-size:1.3rem; letter-spacing:-0.065rem; line-height:1.4; color:#999; margin:0.4rem 0 0;}
.bbs-list li .user_area, .bbs-list li .user_area *{vertical-align:middle;}
.bbs-list li .user_area b{display:inline-block; font-weight:normal; margin-left:0.5rem;}
.bbs-list li .user_area b:first-child{margin-left:0; letter-spacing:-0.065rem;}
.bbs-list li .user_area b img{height:1.2rem;}
.bbs-list li .user_area .status img{height:2.4rem;}
/* 인풋 */
.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 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-right:1.2rem; vertical-align:middle;}
.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; vertical-align:middle;}
.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-view-top{line-height:1.5; padding:1.7rem 0 2rem; border-bottom:1px solid #eee;}
.bbs-view-top p{font-size:2.5rem; line-height:1.4; letter-spacing:-0.085rem; font-weight:600;}
.bbs-view-top span{display:block;}
.bbs-view-top .name{font-size:1.7rem; letter-spacing:-0.085rem; margin:1.5rem 0 0;}
.bbs-view-top .name small{letter-spacing:0; font-size:1.3rem; font-weight:normal;}
.bbs-view-top .date{color:#999; font-size:1.3rem; letter-spacing:0;}
.bbs-view-top .file{overflow:hidden; margin:1rem -0.3rem 0 -0.3rem;}
.bbs-view-top .file a{float:left; font-size:1.3rem; color:#888; padding:0.3rem 1rem 0.3rem 2.5rem; margin:0.3rem; line-height:2rem; border-radius:3px; background:url(./image/clip2.png) 1rem 50% no-repeat #f0f0f0; background-size:auto 1rem; word-break:keep-all;}
/**/
.bbs-view-body{margin:2rem 0; line-height:1.4; font-size:1.5rem; box-sizing:border-box; letter-spacing:-0.045rem;}
.bbs-view-body img{width:auto; max-width:100%;}
.bbs-view-body .wiz_target_resize, .bbs-view-body table{max-width:100% !important;}
.bbs-view-body table{border:0 none;}
.bbs-view-body table th, .bbs-view-tb table td{height:auto; padding:0; border:0 none; background:none;}
.bbs-view-body .view-reply{margin-top:1rem; padding:1.5rem; border:1px solid #ddd; background:#f8f8f8; box-sizing:border-box;}
.bbs-view-body .view-reply .reply-tit{display:block; margin-bottom:1rem; font-weight:500;}
/**/
.bbs-view-related{font-size:1.5rem; letter-spacing:-0.065rem; line-height:1.4; padding:2rem 0; border-width:1px 0; border-style:solid; border-color:#eee;}
.bbs-view-related p{position:relative; padding:0 0 0 6rem; margin:1rem 0 0; height:2.1rem; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; word-break:break-all;}
.bbs-view-related p:first-child{margin:0;}
.bbs-view-related span{position:absolute; left:0; top:0; color:#999;}
.bbs-view-related small{color:#bbb;}
.bbs-view-related a{}
/* 코멘트 리스트 */
.bbs-cmt-item{position:relative; font-size:1.5rem; line-height:1.4; letter-spacing:-0.065rem; padding:2rem 0; margin-top:2rem; border-bottom:1px solid #eee;}
.bbs-cmt-item:before{content:'댓글'; display:block; padding:0 0 1rem; margin:0 0 2rem; font-size:1.7rem; font-weight:600; border-bottom:1px solid #ddd;}
.bbs-cmt-item + .bbs-cmt-item{margin-top:0;}
.bbs-cmt-item + .bbs-cmt-item:before{display:none;}
.bbs-cmt-item span{display:block;}
.bbs-cmt-item .name{font-weight:600;}
.bbs-cmt-item .name small{letter-spacing:0; font-size:1.3rem; color:#999; font-weight:normal;}
.bbs-cmt-item .cmt{margin:0.5rem 0 0; word-break:break-all;}
.bbs-cmt-item .date{font-size:1.3rem; letter-spacing:0; color:#999;}
.bbs-cmt-item .function{position:absolute; right:0; top:7.5rem;}
.bbs-cmt-item + .bbs-cmt-item .function{top:2rem;}
/* 코멘트 폼 */
.bbs-cmt-input{position:relative; font-size:1.5rem; letter-spacing:-0.065rem; border:1px solid #ccc;}
.bbs-cmt-input input[name="name"],
.bbs-cmt-input input[name="passwd"]{float:left; height:3.5rem; line-height:3.5rem; width:50%; letter-spacing:-0.065rem; padding:0 0 0 1rem; border-width:0 0 0 1px; border-style:solid; border-color:#e9e9e9; box-sizing:border-box;}
.bbs-cmt-input input[name="name"]{border-left:0 none;}
.bbs-cmt-input textarea{clear:both; width:100%; height:8rem; line-height:1.4; padding:1rem; letter-spacing:-0.055rem; border-width:1px 0 0; border-style:solid; border-color:#e9e9e9; box-sizing:border-box; vertical-align:top;}
.bbs-cmt-input button{position:absolute; right:-1px; bottom:-1px; width:60px; height:34px; line-height:34px; text-align:center; background:#555; font-size:1.3rem; color:#fff; letter-spacing:-0.065rem;}
.bbs-cmt-input .spam{display:block; height:22px; padding:5px 0.5rem; vertical-align:top; border-top:1px solid #e9e9e9;}
.bbs-cmt-input .spam img{vertical-align:top;}
.bbs-cmt-input .spam input[name="vcode"]{vertical-align:top; height:22px;}
.bbs-cmt-input .spam .comment{display:none; /*font-size:1.3rem; color:#999; line-height:22px;*/}
/* 상품 */
.bbs-input-prd-summary{margin-top:3rem; padding:2rem; margin-bottom:3rem; border:1px solid #ddd; box-sizing:border-box;}
.bbs-input-prd-summary .inner{position:relative; padding-bottom:6rem; box-sizing:border-box;}
.bbs-input-prd-summary .thum-cover{float:left; width:5rem; }
.bbs-input-prd-summary .thum-cover img{width:5rem; height:5rem;}
.bbs-input-prd-summary .info-cover{float:left; width:calc(100% - 5rem);}
.bbs-input-prd-summary .info-cover{padding-left:2rem; box-sizing:border-box;}
.bbs-input-prd-summary .info-cover .prd-name{margin-bottom:.5rem; color:#333; font-size:1.8rem; font-weight:600; line-height:1.3;}
.bbs-input-prd-summary .info-cover .prd-desc{color:#666; font-size:1.4rem; line-height:1.3;}
.bbs-input-prd-summary .lnk-prd{position:absolute; left:0; bottom:0; width:100%; border:1px solid #005eae; border-radius:2px; -webkit-border-radius:2px; -moz-border-radius:2px; -ms-border-radius:2px; -o-border-radius:2px; color:#005eae; font-size:1.5rem; font-weight:500; letter-spacing:-0.065rem; line-height:3.3rem; text-align:center; box-sizing:border-box;}
/* 버튼 */
.bbs-btn{margin:2rem 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 input, .bbs-btn img{display:inline-block; margin:2px; vertical-align:top;}
.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-pw-btn{margin:0.5rem 0 0; text-align:center;}
.bbs-pw-btn a , .bbs-pw-btn button{display:inline-block; margin:0 2px; border:1px solid #ddd; padding:0 1.5rem; font-size:1.4rem; letter-spacing:-0.065rem; line-height:3.3rem; box-sizing:border-box; vertical-align:middle;}
.bbs-pw-btn .btnA{background:#666; border-color:#666; color:#fff;}