@charset "UTF-8";
html { box-sizing: border-box; }

*, *::after, *::before { box-sizing: inherit; }

/* board list */
.board-basic-list .tb-row:hover { background-color: #ddd; }
.board-basic-list .responsetable { border-top: 1px solid #ededed; font-size: 1.4rem;}
.board-basic-list .responsetable .tb-body .tb-cell { border-bottom: 1px dashed #ccc; }
.board-basic-list .responsetable .tb-body .tb-row:last-child .tb-cell {border: none;}

.bo-menu { display: inline-block; vertical-align: middle; *vertical-align: auto; *zoom: 1; *display: inline; float: right; margin: 0; padding: 0;}
.bo-menu li { display: block; line-height: 3em; float: left; }
.bo-menu li { }
.bo-menu li a { display: inline-block; vertical-align: middle; *vertical-align: auto; *zoom: 1; *display: inline; padding: 0 1em;  text-align: center; line-height: 2em;opacity:.6 ;transition:.3s;}
.bo-menu li a:hover {opacity:1;}

.list-subejct { text-align: left !important; }

.subject-link { line-height: 1.6em; }

.bo-info { float: right; padding:9px;color:#999;}

.list-checkbox, .list-writer, .list-pop, .list-hit, .list-date, .list-num {text-align: center;padding: 0;min-width: 40px;padding: 0 30px;}

.list-subejct img { vertical-align: middle; }

.category-link {font-weight: 600;color: #00aeef;}

.comment_count { font-weight: 600; color: #007fff; }

.panel-content{width:100%;display:none;}
.panel-content.on{display:table-row}

/* view */
.view-contents { position: relative; }
.view-contents .view-info { padding: 5px; border-bottom: 1px solid #efefef; *zoom: 1; }
.view-contents .view-info:before, .view-contents .view-info:after { content: " "; display: table; }
.view-contents .view-info:after { clear: both; }

.view-contents-box { min-height: 200px; margin: 5em 0; }
.view-contents-box img { max-width: 855px;width:100% }

a.sv_member img { vertical-align: middle; }

.view-info li { display: inline-block; vertical-align: middle; *vertical-align: auto; *zoom: 1; *display: inline; padding: .5em; }
.view-info li li + li:before { padding: 0 5px; color: #ccc; content: "/\00a0"; }

.view-button { margin: 1em 0; }

.view-files { padding: 1em 1em .1em; background-color: #efefef; line-height: 2em; }

.view-links { padding: 10px; background-color: #efefef; line-height: 2em; }
.view-links li { white-space: normal; word-break: break-all; word-spacing: normal; }

.view-content-wrap {margin: 1em 0;padding: 0 0 2em 0;border-bottom: none;}

.view-sign { padding: 10px; background-color: #efefef; line-height: 2em; }

#bo_v_sns { display: block; overflow: hidden; margin-bottom: 2em; }
#bo_v_sns li { float: left; display: block; padding: .2em; }
#bo_v_sns li a { display: block; }

.board-actions { text-align: center; padding: 3em; }

/* write */
#autosave_wrapper { position: relative; }

#autosave_pop { display: none; z-index: 10; position: absolute; top: 24px; right: 117px; padding: 8px; width: 350px; height: auto !important; height: 180px; max-height: 180px; border: 1px solid #565656; background: #fff; overflow-y: scroll; }
#autosave_pop strong { position: absolute; font-size: 0; line-height: 0; }
#autosave_pop strong:before, #autosave_pop strong:after { content: " "; display: table; }
#autosave_pop strong:after { clear: both; }
#autosave_pop div { text-align: right; }
#autosave_pop button { margin: 0; padding: 0; border: 0; background: transparent; }
#autosave_pop ul { margin: 10px 0; padding: 0; border-top: 1px solid #efefef; list-style: none; }
#autosave_pop li { padding: 8px 5px; border-bottom: 1px solid #efefef; zoom: 1; }
#autosave_pop li:after { display: block; visibility: hidden; clear: both; content: ""; }
#autosave_pop a { display: block; float: left; }
#autosave_pop span { display: block; float: right; }

html.no-overflowscrolling #autosave_pop { height: auto; max-height: 10000px !important; }

/* overflow 미지원 기기 대응 */
.autosave_close { cursor: pointer; }

.autosave_content { display: none; }

.tb-text { white-space: nowrap; text-align: center; }

.cke_sc_def { border: 10px solid #efefef; padding: 10px; overflow: hidden; background-color: #fff; }
.cke_sc_def dt { color: #007fff; padding: 5px 0 5px 10px; }
.cke_sc_def dt:after { content: ' : \00a0'; }
.cke_sc_def dt, .cke_sc_def dd { float: left; }
.cke_sc_def dd { padding: 5px 10px 5px 0; }

.wr_content { background-color: #fff; }

#smart_editor2 { min-width: 100% !important; }

.write-table { background-color: #fff; }
.write-table .tb-row:nth-child(even) { background-color: #fff; }
.write-table .tb-cell { border-bottom: 1px solid #efefef; }

/* comment */
#bo_vc_w:before, #bo_vc_w:after { content: " "; display: table; }
#bo_vc_w:after { clear: both; }

.board-comments-wrap { padding: 1.5em 0; }
.board-comments-wrap article { margin: 1em 0 .5em 0; }

.comment-contents { padding: 1em; min-height: 100px; line-height: 1.8em; }

.comment-write-wrap {}

.wr_content {line-height: 1em;width: 100%;}

.captcha_box { display: block; width: 10em; line-height: 2em; height: 2em; }

#captcha legend { display: none; }

.comment-info { color: #007fff; font-size: .95em; }

textarea.comment_textarea { min-height: 10em !important; }

.comment-box { padding: .5em; background-color: #fafafa; border: 1px solid #dfdfdf; }
.comment-box:before, .comment-box:after { content: " "; display: table; }
.comment-box:after { clear: both; }

.comments-table { border-bottom: none !important; }

.list-subejct .tb-cell .pad50 { padding-left:50px; }

@media only screen and (min-width: 768px) and (max-width: 1100px) { .response-wrap .link-info, .response-wrap .file-info { display: none; } }
@media only screen and (max-width: 910px) { .response-wrap .view-button span { display: none; }
  .response-wrap .view_image img { width: 100%;height:auto;  } }
@media only screen and (max-width: 768px) { .response-wrap .tb-header .list-num {min-width: 20px;width: 20px;padding: 10px;white-space: nowrap;}
  .response-wrap .list-subejct .category-link, .response-wrap .list-subject .subject-link { display: inline-block; vertical-align: middle; *vertical-align: auto; *zoom: 1; *display: inline; }
  .response-wrap .mob-exclude { display: none !important; }
  .response-wrap .button-group { margin-left: 0 !important; }
  .response-wrap .mobi-hide { display: none; }
  .response-wrap .view-info li { padding: .5em 0; }
  .response-wrap #captcha button { display: block; float: right; }
  .list-subejct .tb-cell .pad50 { padding-left:0px; } 
  .list-subejct { padding-left: 5px; }
}
@media only screen and (max-width: 435px) { .response-wrap #autosave_pop { right: 0; }
  .response-wrap #btn_autosave { padding: .5em  1em !important; }
  .response-wrap #wr_content { min-height: 140px !important; }
  .response-wrap .view-button, .response-wrap .list-footer { margin-left: .5em !important; }
  .response-wrap .view-info li + li:before { content: " "; padding: 0; }
  .response-wrap .view-info li { display: block; float: none; border-bottom: 1px dashed #efefef; }
  .response-wrap .view-info li:last-child { border: none; }
  .response-wrap .mobi-hide { display: inline; }
  .response-wrap .file-info, .response-wrap .link-info { display: none; }
  .response-wrap .board-actions span { display: none; }
  .response-wrap .search-wrap input.button { width: 100%; padding: .75em !important; }
  .response-wrap #btn_autosave { width: 100%; }
  .response-wrap .wr-files .button { width: 100%; }
  .response-wrap .comments-table .tb-text { display: none; }
  .response-wrap audio { width: 100%; } }
@media only screen and (max-width: 320px) { .response-wrap #captcha button { display: block; } }