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

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

/* board list */
.webzine-list{border:1px solid #ededed;border-top:1px solid #666;padding:20px 50px 50px;margin-bottom:50px;background:#fff;clear:both;}
.webzine-list .item{border-bottom:1px solid #ededed;padding:10px;margin:10px 0;clear:both;position:relative;background:#fff;border-radius:.2em;}
.webzine-list .item h2{padding:0;margin:0;font-size:150%;letter-spacing: -0.5px;line-height:1.8em;font-weight:bold;}
.bo-menu { float:right}
.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 {padding:9px;color:#999;float:left;}

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

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

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

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

/* view */
.view-contents { position: relative; }
.view-contents .view-info { padding:0 5px;  *zoom: 1; text-align:right;color:#999; }
.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-images-box{border:1px solid #dfdfdf;background:#fafafa;padding:20px;text-align:center;}
.view-images-box img{height:auto;}

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

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

#bo_v_sns { display: block; overflow: hidden; background:#fff;width:260px;margin:0 auto;}
#bo_v_sns li {  display:inline-block;}
#bo_v_sns li a { display: block; width:60px;height:60px;border-radius:30px;background:#fff;overflow:hidden;margin:0 10px;}

.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; border-top:2px solid #666;padding-bottom:50px;}
.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 { padding: .5em; line-height: 1em; height: 150px; 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: 5em !important; }

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

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

@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 { white-space: nowrap; }
  .webzine-list{border:1px solid #ededed;padding:20px;margin:0 -21px;}
  .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; } }
@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; } }