/* BASIC css start */
/***************************** listPackage *****************************/
.board-listpackage{}

/* 글쓰기 버튼 */
#titleArea3 a.btnStrong{position:absolute; right:0px; top:0px;}

/* 공지사항 */
.board-notice{font-size:11px; margin:18px 14px 18px;}
.board-notice li{position:relative; color:#757575; padding-left:30px; height:20px; overflow:hidden; line-height:20px; margin-bottom:4px;}
.board-notice li i{position:absolute; left:10px; top:1px; font-size:16px; color:#da6025;}
.board-notice a{display:block; color:#757575;}
.board-notice .summary > a > span{padding:0 6px 0 0;}
.board-notice .subject{display:block; padding:0 0 0px; font-size:11px; line-height:20px; color:#444; font-weight:normal; font-family:맑은 고딕;}
.board-notice .comment{color:#da6025;}
.board-notice .subject img,
.board-notice .point img{width:auto; height:11px; vertical-align:-1px;}

/* 게시글 */
.board-list{ font-size:11px; margin:17px 19px; background:#fafafa; padding:4px 14px;}
.board-list li{ position:relative; padding:13px 0; color:#757575; border-bottom:1px solid #eee;}
.board-list li:last-child{border-bottom:0;}
.board-list li i{color:#999}
.board-list a{display:block; color:#999; font-size:10px; font-family:맑은 고딕;}
.board-list .subject{  display:block; padding:0 0 5px; font-size:11px; letter-spacing:-0.5px; line-height:1.6em; color:#555; font-weight:normal; font-family:맑은 고딕;}
.board-list strong{font-weight:normal;}
.board-list .comment{color:#da6025;}
.board-list .thumb{float:left;}
.board-list .thumb img{width:54px; max-height:52px; margin:0 14px 0 4px; border-radius:6px;}

.board-list li .bl_depth0 {  }
.board-list li .bl_depth1 { float: left; height: 50px; padding-right: 10px; padding-left: 5px; }
.board-list li .bl_depth2 { float: left; height: 50px; padding-right: 10px; padding-left: 25px; }
.board-list li .bl_depth3 { float: left; height: 50px; padding-right: 10px; padding-left: 35px; }

.bl_iconNew,
.bl_iconHit {height: 13px;font-size: 0.8em;color: #ffffff;background-color: #da6025;line-height: 12px;padding: 0 3px;display: inline-block; vertical-align:middle; border-radius:2px;}
.bl_iconHit  {background-color:#1997f1;}

/* 게시글 없음 */
.board-empty{padding:28px 0; margin:14px 17px; text-align:center; font-size:12px;}



/* 갤러리리스트 */
.gallery-list{font-size:0; line-height:0; letter-spacing:0; margin:0 17px;}
.gallery-list li{display:inline-block; vertical-align:top; box-sizing:border-box; margin-bottom:14px;}
.gallery-list li .thumb{padding:0 2px; margin-bottom:5px;}
.gallery-list li .thumb img{max-width:100%;}
.gallery-list li .summary{margin:0 4px; line-height:1.2em;}
.gallery-list li .summary .subject,
.gallery-list li .summary .name,
.gallery-list li .summary .date{display:block; margin-bottom:10px; font-weight:400;}
.gallery-list li .comment{color:#da6025;}

.gallery-list.grid1 li{width:100%;}
.gallery-list.grid2 li{width:50%;}
.gallery-list.grid3 li{width:33.33%;}
.gallery-list.grid4 li{width:25%;}


/* 검색영역 */
.board-search{margin:0 17px;}
.board-search fieldset{font-size:0; line-height:0; letter-spacing:0;}
.board-search fieldset .category,
.board-search fieldset .keyword,
.board-search fieldset .btnStrong{font-size:11px; line-height:14px; display:inline-block; vertical-align:middle; font-weight:400; margin-right:1%;}
.board-search fieldset .category{width:24%;}
.board-search fieldset .category select{width:100%; height:27px;}
.board-search fieldset .keyword{width:59%;}
.board-search fieldset .keyword input{width:100%;}
.board-search fieldset .btnStrong{width:15%; margin-right:0; padding:7px 0; color:#fff;}









/***************************** readPackage *****************************/
.board-readpackage img{vertical-align:middle;}

.board-read{margin:0 17px; overflow:hidden;}
.board-read .label{font-weight:normal;}
.board-read .label.hide{display:none;}
.board-read .title{margin:14px 14px 0;}
.board-read .title h3{font-size:13px; line-height:25px; word-wrap:break-word; font-family:맑은 고딕; border-bottom:1px solid #ddd; padding-bottom:15px;}

/* 상단 */
.board-read .info{overflow:hidden; margin:7px 0 7px; padding:0 14px;}
.board-read .info p{position:relative; display:inline-block; padding:0 7px 0 8px; margin:7px 0 0; color:#828282; font-family:맑은 고딕;}
.board-read .info p:first-child{padding-left:0;}
.board-read .info p:before{display:block; content:""; position:absolute; top:2px; left:0; width:1px; height:11px; background:#d6d6d6;}
.board-read .info p:first-child:before{display:none;}
.board-read .info p.chk{width:100%; margin:0;}
.board-read .info p.vote a{margin:0 0 0 7px;}
.board-read .info .writer a{color:#757575;}
.board-read .info .rating img{margin:-4px 0 0; width:auto; height:11px;}
.board-read .info .btnIcon img{width:12px; height:12px;}

/* 상품정보 */
.rbItem{width:90%; border:1px solid #ddd; border-radius:3px; padding:10px; box-sizing:border-box; font-size:0; line-height:0; letter-spacing:0; margin:20px auto;}
.rbItem img,
.rbItem span{display:inline-block; vertical-align:middle; font-size:11px; line-height:1.2;}
.rbItem img{margin-right:10px; max-width:100px;}

/* 내용 */
.board-read .content{margin:-1px 0 0; padding:14px 14px 14px; word-wrap:break-word; font-size:12px; line-height:23px; word-wrap:break-word; font-family:맑은 고딕;}
.board-read .content span{line-height:23px;}
.board-read .content img{margin:0 auto 10px; max-width:100%;}

/* 버튼 */
.board-read .btns{width:100%; padding:7px 14px 14px; box-sizing:border-box; text-align:right;}
.board-read .btns2{padding:20px 17px 0 0; text-align:right;}









/***************************** commentPackage *****************************/
.board-commentpackage{overflow:hidden; margin:0 17px;}
.board-commentpackage .commentTitle{padding:14px 0;  border-top:1px solid #d5d5d5; margin-top:20px;}
.board-commentpackage .commentTitle h3{display:inline-block; background:#da6025; padding:5px 10px; border-radius:6px; color:#fff;}

/* 댓글목록 */
.board-comment{}
.board-comment .label{vertical-align:middle; letter-spacing:-1px;}
.board-comment .label.hide{display:none;}
.board-comment li{position:relative; padding:14px 0 0}
.board-comment li > div{padding:0;}
.board-comment li .info{overflow:hidden; margin:0 0 7px; color:#757575;}
.board-comment li .info .writer a{color:#757575;}
.board-comment li .info p{position:relative; display:inline-block; padding:0 7px 0 8px; font-size:11px;}
.board-comment li .info p:first-child{padding-left:0;}
.board-comment li .info p:before{display:block; content:""; position:absolute; top:2px; left:0; width:1px; height:11px; background:#d6d6d6;}
.board-comment li .info p:first-child:before{display:none;}
.board-comment li .content{padding:0; margin:15px 0 0; word-wrap:break-word;}
.board-comment li .content span img{width:13px; height:13px;}
.board-comment .btns{padding:0; text-align:right; margin-top:10px;}

/* 댓글쓰기 */
.board-commentwrite{margin:29px 17px 0;}
.board-commentwrite .inner{padding:19px; box-sizing:border-box; background:#fff; border-radius:10px; border:1px solid #dcdcdc;}
.board-commentwrite .name input,
.board-commentwrite .pass input{max-width:100px; margin-bottom:7px;}
.board-commentwrite .con textarea{width:100%; min-height:50px;}
.board-commentwrite .btns{padding:0; text-align:right; margin:10px 14px 0 0;}

/* 관련글 */
.board-chain{margin:25px 17px 0;}
.board-chain li{overflow:hidden; padding:6px 0; height:25px; line-height:25px; border-bottom:1px solid #b9b9b9;}
.board-chain li:last-child{border-bottom:0;}

.board-chain li .bold{width:50px; display:inline-block; color:#757575;}

/* 댓글삭제시 */
#comment_password{position:fixed !important; top:40% !important;}
#comment_password .head h5{font-size:11px !important; color:#222 !important; border:0 !important; background:#f7f7f7; border-radius:5px 5px 0 0;}
#comment_password .contents .form-wrap2{padding:0 !important;}
#comment_password .contents .form-wrap2 p:first-child label{font-size:11px; line-height:18px; font-weight:400;}
#comment_password .contents .form-wrap2 p:last-child a{font-size:11px !important; padding:4px 10px; background:#ececec;}








/***************************** writePackage *****************************/
.board-write{margin:0 17px;}
.board-write .rbItem{width:100%; background:#fff; border:0;}
.board-write table{margin:15px 0 0;}
.board-write table th,
.board-write table td{padding:7px 0; vertical-align:middle; text-align:left; font-weight:400;}
.board-write table input{width:100%;}
.board-write table .textArea textarea{width:100%; min-height:100px; font-family:맑은 고딕 !important;}
.board-write table .fixButtonR:after{content:""; display:block; clear:both;}
.board-write table .fixButtonR input{width:calc(100% - 70px);}
.board-write table .fixButtonR a{float:right; margin-top:2px;}
.board-write .btns a{margin:7px 0 0; width:100%;}

/* 약관 */
.board-write .agree {position:relative;}
.board-write .agree li {padding:5px 0; line-height:20px;}
.board-write .agree li .btn_White {position: absolute; right: 10px; width: 65px; top: 0;}
.board-write .agree input{width:auto; margin-right:3px;}
.board-write .agree label{min-height:inherit; margin-left:3px; line-height:20px;}
.board-write .agree .privacy-agree-btn {background-color: #fff; padding:8px 0; display:block; text-align:center; margin-top:6px;}
.board-write .agree .privacy-agree-btn strong {font-weight: normal;}









/***************************** pwPackage *****************************/
.board-pw{margin:20px 17px;}
.board-pw p{text-align:center; margin-bottom:20px;}
.board-pw .form-wrap{text-align:center;}
.board-pw .form-wrap input{margin-right:7px;}


/* BASIC css end */

