@charset "utf-8";

#soda-wrapper {margin:0 auto;}

/********** 목록공통 **********/

#bbs-category {position:relative; width:100%; margin-bottom:20px;}
#bbs-category > h2 {position:absolute; font-size:0; line-height:0; overflow:hidden;}
#bbs-category ul {width:100%;}
#bbs-category ul:after {display:block; clear:both; content:"";}
#bbs-category ul li {display:table; float:left; width:90px; height:50px; margin-right:10px;}
#bbs-category ul li:nth-child(10n) {margin-right:0;}
#bbs-category ul li a {display:table-cell; width:100%; height:100%; border:1px solid #ccc; text-align:center; cursor:pointer; vertical-align:middle; word-break:keep-all;}
#bbs-category #bo_cate_on {z-index:2; border:1px solid #333; background:#333; color:#fff;}

#bbs-list-shelf {position:relative; width:100%; height:30px; margin-bottom:10px;}
#bbs-list-shelf:after {display:block; clear:both; content:"";}
#bbs-list-shelf p.sum {float:left; padding-top:4px;}
#bbs-list-shelf p.sum span {font-weight:700;}

#bbs-function {position:relative; width:100%;}
#bbs-function:after {display:block; clear:both; content:"";}
#bbs-function.top {margin-bottom:20px;}
#bbs-function.btm {margin-top:20px;}
#bbs-function.center {text-align:center;}
#bbs-function ul:after {display:block; clear:both; content:"";}
#bbs-function ul.left-func {float:left;}
#bbs-function ul.right-func {float:right;}
#bbs-function ul li {float:left;}
#bbs-function ul li + li {margin-left:10px;}
#bbs-function button {width:90px; height:35px; line-height:1.0; box-sizing:border-box;}
#bbs-function button.type1 {background:#666; color:#fff;}
#bbs-function button.type2 {border:1px solid #666;}
#bbs-function button.type3 {background:#b1865b; color:#fff;} /* 웹사이트 포인트컬러 */
#bbs-function button + button {margin:0 3px;}
#bbs-function ul li a {display:inline-block; vertical-align:middle; cursor:pointer;}

#bbs-search {position:relative; width:100%; margin-top:50px; text-align:center;}
#bbs-search legend {position:absolute; font-size:0; line-height:0; overflow:hidden;}
#bbs-search select {height:30px; background:#f6f6f6; border:1px solid #ccc;}
#bbs-search input[type=text] {width:200px; height:30px; padding:0 5px; background:#f6f6f6; border:1px solid #ccc;}
#bbs-search button {width:80px; height:30px; background:#333; color:#fff;}
#bbs-search * {vertical-align:middle; box-sizing:border-box;}

/********** 목록 - 테이블형 **********/

#bbs-list-table {width:100%; border-collapse:collapse; border:0 none;}
#bbs-list-table th {height:50px; background:#333; font-weight:400; color:#fff;}
#bbs-list-table th a {color:#fff;}
#bbs-list-table td {height:50px; border-bottom:1px solid #e1e1e1; text-align:center;}
#bbs-list-table td.td-number span {font-weight:700; color:#c20000;}
#bbs-list-table td.td-subject {text-align:left;}
#bbs-list-table td.td-subject span {display:inline-block; margin-right:5px; padding:3px 5px; background:#b1865b; font-size:12px; color:#fff; vertical-align:middle;} /* 웹사이트 포인트컬러 */
#bbs-list-table td.td-empty {padding:150px 0 !important; border:0 none;}
#bbs-list-table td.td-subject img {margin-left:5px; vertical-align:middle;}
#bbs-list-table input[type=checkbox] {width:13px; height:13px; background:#fff; border:1px solid #ccc; vertical-align:middle;}

/********** 목록 - 갤러리형 **********/

#bbs-list-gallery {}
#bbs-list-gallery:after {display:block; clear:both; content:"";}
#bbs-list-gallery li {position:relative; float:left; margin-right:20px;}
#bbs-list-gallery li.li-empty {clear:both; width:100%; padding:150px 0 !important; text-align:center;}
#bbs-list-gallery li dl dt {line-height:0;}
#bbs-list-gallery li dl dt span {display:inline-block; background:#f6f6f6 url("../img/no-img.png") center center no-repeat; text-indent:-9999px;}
#bbs-list-gallery li dl dd:nth-child(2) {padding-top:10px;}
#bbs-list-gallery li dl dd:last-child {padding-bottom:30px; color:#999; font-size:11px; letter-spacing:0;}
#bbs-list-gallery li dl dd img {margin-left:5px; vertical-align:middle;}
#bbs-list-gallery li input[type=checkbox] {position:absolute; top:10px; left:10px;}
#bbs-list-gallery li span.current {position:absolute; top:0; left:25px; display:inline-block; padding:3px 5px; background:#b1865b; font-size:12px; color:#fff; vertical-align:middle;} /* 웹사이트 포인트컬러 */

/********** 목록 - 페이징 **********/

nav.pg_wrap {width:100%; padding:20px 0; text-align:center; line-height:0; vertical-align:middle;}
nav.pg_wrap a, nav.pg_wrap strong {display:inline-block; width:40px; height:40px; border:1px solid #e1e1e1; font-size:13px; line-height:40px; box-sizing:border-box;}
nav.pg_wrap a.pg_start {margin:0;}
nav.pg_wrap strong.pg_current {background:#b1865b; border:1px solid #b1865b; color:#fff;}

/********** 상세 **********/

#bbs-view-h1 {margin-top:30px; font-size:24px; font-weight:300; color:#b1865b; line-height:1.5;} /* 웹사이트 포인트컬러 */
#bbs-view-h1 span {display:inline-block; padding:3px 5px; background:#b1865b; font-size:13px; color:#fff; font-weight:400;} /* 웹사이트 포인트컬러 */

#bbs-view-info {padding:10px 0; border-bottom:1px solid #ddd; font-size:13px;}
#bbs-view-info:after {display:block; clear:both; content:"";}
#bbs-view-info p:first-child {float:left; color:#999;}
#bbs-view-info p:last-child {float:right; color:#999;}
#bbs-view-info strong {display:inline-block; margin-right:10px; font-weight:400; color:#333;}

.bbs-view-fnl {font-size:12px; color:#666; letter-spacing:0;}
.bbs-view-fnl > h2 {position:absolute; font-size:0; line-height:0; overflow:hidden;}
.bbs-view-fnl li {margin-top:10px;}
.bbs-view-fnl a {display:inline-block; word-wrap:break-word; vertical-align:middle;}
.bbs-view-fnl img {margin-right:10px; vertical-align:middle;}
.bbs-view-fnl-cnt {display:inline-block; margin:0 0 3px 16px;}

#bbs-view-content {width:100%; min-height:300px; height:auto !important; height:300px;}
#bbs-view-content > h2 {position:absolute; font-size:0; line-height:0; height:0; background:none; border:0 none; overflow:hidden;}

#bbs-view-cnt {width:auto; padding:50px 0; line-height:1.5em; word-break:break-all; overflow:hidden;}
#bbs-view-cnt img {max-width:100%; height:auto;}

#bbs-view-function {text-align:right;}
#bbs-view-function span.func-gng {display:inline-block; height:26px; padding:0 10px; border:1px solid #ccc; font-size:12px; line-height:26px; box-sizing:border-box; vertical-align:middle; color:#999;}
#bbs-view-function span.func-gng a {display:inline-block;}
#bbs-view-function span.func-gng a strong {color:#333 !important;}
#bbs-view-function span.func-gng b {display:inline-block; font-size:11px; color:#999;}
#bbs-view-function .btn-scrap {display:inline-block; width:60px; height:26px; text-align:center; background:#ccc; color:#fff; font-size:12px; line-height:26px; vertical-align:middle;}

/********** 쓰기 **********/

.cke_sc {display:none;} /* 스마트에디터 단축키 일람 */

#bbs-write-table {width:100%; border-collapse:collapse; border:0 none; table-layout:fixed; box-sizing:border-box;}
#bbs-write-table th {font-weight:700; text-align:left;}
#bbs-write-table td {height:30px; padding:5px 0;}
#bbs-write-table select {height:30px; background:#f6f6f6; border:1px solid #ccc; box-sizing:border-box;}
#bbs-write-table input[type=text], #bbs-write-table input[type=password] {height:30px; padding:0 5px; background:#f6f6f6; border:1px solid #ccc; vertical-align:middle; box-sizing:border-box;}
#bbs-write-table input[type=file] {height:30px; padding:0 5px; background:#f6f6f6; border:1px solid #ccc; vertical-align:middle; box-sizing:border-box;}
#bbs-write-table input[type=text].wr_link {width:100%;}
#bbs-write-table input[type=text].bf_file_name {width:calc(100% - 85px);}
#bbs-write-table textarea {height:200px; padding:0 5px; background:#f6f6f6; border:1px solid #ccc; box-sizing:border-box;}
#bbs-write-table span.bf_file_find {display:inline-block; width:80px; height:30px; margin-left:5px; background:#f6f6f6; border:1px solid #ccc; text-align:center; vertical-align:middle; box-sizing:border-box; line-height:30px;}

#bbs-write-warning {margin-top:10px; font-size:12px; color:#999;}

#wr_subject {width:85%;}
#autosave_wrapper {position:relative;}
#btn_autosave {position:absolute; right:0; width:15%; height:30px; font-size:12px;}
#autosave_pop {display:none; z-index:10; position:absolute; top:30px; right:-5px; padding:10px; width:350px; height:auto !important; height:180px; max-height:180px; border:1px solid #333; background:#fff; overflow-y:scroll;}
html.no-overflowscrolling #autosave_pop {height:auto; max-height:10000px !important;} /* overflow 미지원 기기 대응 */
#autosave_pop h1 {position:relative; height:24px; font-size:11px; font-weight:400; color:#999; line-height:26px;}
#autosave_pop button.autosave_close {position:absolute; top:4px; right:0; width:15px; height:14px; background:url("../img/btn_close.png") no-repeat; text-indent:-9999px;}
#autosave_pop li {height:18px; padding:10px; border-top:1px solid #e9e9e9; line-height:18px;}
#autosave_pop li:after {display:block; clear:both; content:"";}
#autosave_pop a {display:block; float:left; font-size:12px;}
#autosave_pop span {display:block; float:right; font-size:11px; color:#999; letter-spacing:0;}
#autosave_pop span button {width:12px; height:11px; background:url("../img/btn_delete.png") center center no-repeat; text-indent:-9999px; vertical-align:middle;}
.autosave_content {}