@charset 'utf-8'; .rainboard-wrapper{ font-size: 12px; } .rainboard-wrapper ul, .rainboard-wrapper li, .rainboard-wrapper ol { list-style: none; } .rainboard-wrapper button, .rainboard-wrapper input, .rainboard-wrapper optgroup, .rainboard-wrapper select, .rainboard-wrapper textarea{ margin: 0; } .rainboard-wrapper table { border-collapse: collapse; border-spacing: 0; } .rainboard-wrapper table th, .rainboard-wrapper table td { border: 0; } .rainboard-style-wrap > div.head-area:after { content: ''; display: block; clear: both; } .rainboard-wrapper input[type="text"], .rainboard-wrapper select { padding: 0 5px; margin: 0; } .rainboard-style-wrap div.head-area .rainboard-logo { float: left; width: 240px; } .rainboard-style-wrap .head-area .rainboard-logo img { width: 100%; margin-right: 5px; } .rainboard-style-wrap .head-area .rainboard-title { float: left; font-size: 18px; line-height: 42px; vertical-align: middle; } .rainboard-wrapper div.settings-panel .setting-title { border-bottom: 1px solid #e1e1e1; padding-right: 15px; margin-bottom: 0; } .rainboard-wrapper div.settings-panel .setting-title .handlediv { padding:0; right:0; } .rainboard-wrapper div.settings-panel .setting-content { padding: 20px; } .rainboard-wrapper div.settings-panel .setting-content:after { content: ''; display: block; clear: both; } .rainboard-wrapper { font-family: "�뗭�", Dotum, Gulim, Helvetica, Arial, sans-serif; font-size: 12px; position: relative; display: block; padding-bottom: 10px; color: #424242; font-weight: 500; } .rainboard-wrapper:after { content: ''; display: block; clear: both; } .rainboard-wrapper div.rainboard-preview { float: left; width: 58%; min-width: 300px; padding: 0; } .rainboard-wrapper .rainboard-dashboard { float: right; width: 40%; } .rainboard-wrapper > p { height: 0; margin: 0; } .rainboard-wrapper a{ border-bottom: none; } caption.blind { overflow: hidden; position: absolute; top: 0; left: 0; width: 1px; height: 1px; font-size: 0; line-height: 0 } div.rainboard-wrapper div.rainboard-section-button-wrapper { display: block; margin: 0 0 10px 0; } div.rainboard-wrapper div.rainboard-section-button-wrapper a.active { background: #424242 !important; color: #fff !important; } div.rainboard-wrapper div.rainboard-section-button-wrapper a.active:hover { box-shadow: none !important; } div.rainboard-wrapper div#rainboard-read-table { display: block; margin: 0; padding: 0; border: 0; } div.rainboard-wrapper div#rainboard-read-table div.title-section { display: block; padding: 10px; border-top: 1px solid #cecece; background: #FCFCFC; } div.rainboard-wrapper div#rainboard-read-table div.writer-section { display: block; padding: 8px 10px; border-top: 1px solid #cecece; border-bottom: 1px solid #f1f1f1; background: #fff; text-align: left; } div.rainboard-wrapper div#rainboard-read-table div.content-section { display: block; padding: 20px 10px; line-height: 1.5; font-size: 15px; word-wrap: break-word; border-bottom: 1px solid #cecece; background: #fff; color: #424242; } div.rainboard-wrapper div#rainboard-read-table div.content-section img{ max-width: 100%; } div.rainboard-wrapper div#rainboard-read-table div.content-section div.content-tags { display: block; margin-top: 20px; } div.rainboard-wrapper div#rainboard-read-table div.content-section div.content-tags span.each-tag { display: inline-block; vertical-align: middle; font-size: 11px; line-height: 11px; padding: 5px; background: #f1f1f1; color: gray; border: 1px solid #e0e0e0; cursor: pointer; } div.rainboard-wrapper div#rainboard-read-table div.content-section div.content-tags span.each-tag:hover { color: #424242; } div.rainboard-wrapper div#rainboard-read-table div.content-section div.content-section-attach { display: block; background: #f1f1f1; border: 1px solid #e0e0e0; margin-top: 10px; text-align: left; } div.rainboard-wrapper div#rainboard-read-table div.content-section div.content-section-attach div { display: inline-block; padding: 5px; } div.rainboard-wrapper div#rainboard-read-table div.content-section div.content-section-attach div.attachment-title { vertical-align: top; padding-top: 8px; padding-left: 10px; } div.rainboard-wrapper div#rainboard-read-table div.content-section div.content-section-attach div.attachment-list {} div.rainboard-wrapper div#rainboard-read-table div.content-section div.content-section-attach div.attachment-list div.each-attach { display: block; padding: 2px 0 } div.rainboard-wrapper div#rainboard-read-table div.content-section div.content-section-attach div.attachment-list div.each-attach span.each-attach-span { display: inline-block; vertical-align: middle; line-height: 12px; } div.rainboard-wrapper div#rainboard-read-table div.content-section div.content-section-attach div.attachment-list div.each-attach span.each-attach-span a { text-decoration: none; } div.rainboard-wrapper div#rainboard-read-table div.comment-section { display: block; margin-top: 20px; } div.rainboard-wrapper div#rainboard-read-table div.comment-section div.comment-editor { display: block; border: 0px solid #e0e0e0; background: #fff; } div.rainboard-wrapper div#rainboard-read-table div.comment-section div.comment-editor div.comment-editor-top { display: block; text-align: left; } div.rainboard-wrapper div#rainboard-read-table div.comment-section div.comment-editor div.comment-editor-top span { vertical-align: middle; } div.rainboard-wrapper div#rainboard-read-table div.comment-section div.comment-editor div.comment-editor-top span strong { color: #424242; width: auto; } div.rainboard-wrapper div#rainboard-read-table div.comment-section div.comment-editor div.comment-editor-content { margin: 5px 100px 0 60px; position: relative; } div.rainboard-wrapper div#rainboard-read-table div.comment-section div.comment-editor div.write-comment-captcha { display: inline-block; margin-top: 10px; margin-left: 60px; } div.rainboard-wrapper div#rainboard-read-table div.comment-section div.comment-editor div.comment-editor-content span.comment-editor-avatar { position: absolute; top: 0; left: -60px; } div.rainboard-wrapper div#rainboard-read-table div.comment-section div.comment-editor div.comment-editor-content div.comment-editor-text { display: block; } div.rainboard-wrapper div#rainboard-read-table div.comment-section div.comment-editor div.comment-editor-content div.comment-editor-text textarea { width: 100%; height: 80px; line-height: 1.5 !important; font-size: 12px !important; box-sizing: border-box; background: #ffffff !important; border-style: solid; border-width: 1px; border-color: #b6b6b6 #d7d7d7 #d7d7d7 #b6b6b6; padding: 10px; line-height: 1.5; box-shadow: none; border-radius: 0; } div.rainboard-wrapper div#rainboard-read-table div.comment-section div.comment-editor div.comment-editor-content span.comment-editor-avatar img { background: #fff; padding: 2px; border: 1px solid #e0e0e0; border-radius: 50px; } div.rainboard-wrapper div#rainboard-read-table div.comment-section div.comment-editor div.comment-editor-content button.button-comment-write { position: absolute; right: -100px; top: 0; height: 80px; width: 95px; text-align: center; } div.rainboard-wrapper div#rainboard-read-table div.comment-section div.comment-editor div.comment-editor-content-input { margin-top: 5px; overflow-y: hidden; height: 0; display: none; } div.rainboard-wrapper div#rainboard-read-table div.comment-section div.comment-editor div.comment-editor-content-input input { display: inline-block; width: 150px; padding: 8px 3px !important; border: 1px solid #e0e0e0; background: #f7f7f7; height: auto !important; line-height: 12px !important; box-shadow: none; border-radius: 0; } div.rainboard-wrapper div.rainboard-comment-modify-wrapper { display: block; position: relative; margin: 0 80px 0 0; height: 80px; } div.rainboard-wrapper div.rainboard-comment-modify-wrapper textarea { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; box-sizing: border-box; background: #f7f7f7; border: 1px solid #e0e0e0; } div.rainboard-wrapper div.rainboard-comment-modify-wrapper button { position: absolute; top: 0; right: -80px; height: 100%; width: 77px; } div.rainboard-wrapper div.comment-checker-wrapper { display: block; } div.rainboard-wrapper div.comment-checker-wrapper div.comment-checker { width: 250px; margin: 0 auto; display: block; text-align: center; } div.rainboard-wrapper div.comment-checker-wrapper div.comment-checker label { display: block; font-size: 14px; font-weight: 700; margin-bottom: 10px; } div.rainboard-wrapper div.comment-checker-wrapper div.comment-checker div.comment-checker-input { position: relative; display: block; margin: 0 60px 0 0; height: 30px; } div.rainboard-wrapper div.comment-checker-wrapper div.comment-checker div.comment-checker-input input { display: block; position: absolute; width: 100%; height: 100%; } div.rainboard-wrapper div.comment-checker-wrapper div.comment-checker div.comment-checker-input button { position: absolute; top: 0; right: -60px; height: 100%; width: 55px; } div.rainboard-wrapper div#rainboard-read-table div.rainboard-comment-list { display: block; margin-top: 20px; background: #fff; } div.rainboard-wrapper div#rainboard-read-table div.rainboard-comment-list div.list-header { display: block; font-size: 12px; border-top: 1px solid #e0e0e0; border-bottom: 1px solid #e0e0e0; padding: 8px 10px; position: relative; } div.rainboard-wrapper div#rainboard-read-table div.rainboard-comment-list .list-wrapper { display: block; padding-left: 0; margin-top: 0; } div.rainboard-wrapper div#rainboard-read-table div.rainboard-comment-list .list-wrapper .each-comment { position: relative; padding: 10px 0; border-bottom: 1px solid #e0e0e0; } div.rainboard-wrapper div#rainboard-read-table div.rainboard-comment-list .list-wrapper .children { margin-top: 10px; padding-left: 15px; } div.rainboard-wrapper div#rainboard-read-table div.rainboard-comment-list .list-wrapper .children .each-comment { border-top: 1px solid #e0e0e0; border-bottom: none; } div.rainboard-wrapper div#rainboard-read-table div.rainboard-comment-list .list-wrapper .children .each-comment.deleted-comment::before { height: 18px; } div.rainboard-wrapper div#rainboard-read-table div.rainboard-comment-list .list-wrapper .children .each-comment::before { content: ''; display: block; float: left; width: 15px; height: 55px; background: url('../images/icon-reply.gif') no-repeat 0 center; } div.rainboard-wrapper div#rainboard-read-table div.rainboard-comment-list > span.comment-read-denied { display: block; padding: 10px; color: #797979; } div.rainboard-wrapper div#rainboard-read-table div.rainboard-comment-list .list-wrapper .each-comment div.comment-box { position: relative; } div.rainboard-wrapper div#rainboard-read-table div.rainboard-comment-list .list-wrapper .each-comment div.comment-box:after { content: ''; display: block; clear: both; } div.rainboard-wrapper div#rainboard-read-table div.rainboard-comment-list .list-wrapper .each-comment div.comment-box span.comment-avatar { float: left; display: inline-block; margin-right: 10px; line-height: 0; } div.rainboard-wrapper div#rainboard-read-table div.rainboard-comment-list .list-wrapper .each-comment div.comment-box span.comment-avatar img { padding: 2px; border: 1px solid #e0e0e0; border-radius: 50px; width: 50px; height: 50px; } div.rainboard-wrapper div#rainboard-read-table div.rainboard-comment-list .list-wrapper .each-comment div.comment-box div.comment-content { display: block; padding: 0 10px; font-size: 12px; line-height: 1.5; word-wrap: break-word; margin: 0; } div.rainboard-wrapper div#rainboard-read-table div.rainboard-comment-list .list-wrapper .each-comment div.comment-box div.comment-content div.comment-content-writer { display: inline-block; padding: 3px 0; } div.rainboard-wrapper div#rainboard-read-table div.rainboard-comment-list .list-wrapper .each-comment div.comment-box div.comment-content div.comment-content-writer span.author { color: #444; font-weight: 400; } div.rainboard-wrapper div#rainboard-read-table div.rainboard-comment-list .list-wrapper .each-comment div.comment-box div.comment-content div.comment-content-writer span.date { font: 11px Tahoma, Geneva, sans-serif; color: #888; padding: 0 12px; } div.rainboard-wrapper div#rainboard-read-table div.rainboard-comment-list .list-wrapper .each-comment div.comment-box div.comment-content div.comment-content-text { font-size: 12px; line-height: 1.5; padding: 0; color: #424242; } div.rainboard-wrapper div#rainboard-read-table div.rainboard-comment-list .list-wrapper .each-comment div.comment-box div.comment-content div.comment-content-text h2.rainboard-read-h2{ display: inline; } div.rainboard-wrapper div#rainboard-read-table div.rainboard-comment-list .list-wrapper .each-comment div.comment-controller { position: absolute; top: 7px; right: 10px; opacity: 1; } div.rainboard-wrapper div#rainboard-read-table div.rainboard-comment-list .list-wrapper .each-comment div.comment-controller span { display: inline-block; margin: 0 0 0 5px; cursor: pointer; } div.rainboard-wrapper div#rainboard-read-table div.rainboard-comment-list .list-wrapper .each-comment div.comment-controller span span { vertical-align: middle; font-size: 11px; } div.rainboard-wrapper div#rainboard-read-table div.rainboard-comment-list .list-wrapper .each-comment div.comment-controller span span:last-child { margin: 0; } div.rainboard-wrapper div#rainboard-read-table div.rainboard-comment-list .list-wrapper .each-comment div.comment-reply { position: relative; } div.rainboard-wrapper div#rainboard-read-table div.rainboard-comment-list .list-wrapper .each-comment div.comment-reply a.btn-rainboard-comment-reply-close{ cursor: pointer; } div.rainboard-wrapper div#rainboard-read-table div.rainboard-comment-list .list-wrapper .each-comment div.comment-reply textarea { display: block; height: 80px; width: 100%; margin-top: 3px; background: #f7f7f7; border: 1px solid #e0e0e0; box-sizing: border-box; } div.rainboard-wrapper div#rainboard-read-table div.rainboard-comment-list .list-wrapper .each-comment div.comment-reply div.comment-reply-input { position: relative; margin-top: 3px; min-height: 30px; text-align: right; } div.rainboard-wrapper div#rainboard-read-table div.rainboard-comment-list .list-wrapper .each-comment div.comment-reply div.comment-reply-input button { position: absolute; height: 100%; right: 0; top: 0; } div.rainboard-wrapper div#rainboard-read-table div.rainboard-comment-list .list-wrapper .each-comment div.comment-reply input { display: inline-block; width: 119px; padding: 8px 3px !important; border: 1px solid #e0e0e0; background: #f7f7f7; height: auto !important; line-height: 12px !important; font-size: 12px; } div.rainboard-wrapper div#rainboard-read-table div.rainboard-comment-list .list-wrapper .each-comment div.comment-reply div.comment-reply-header span a { cursor: pointer; } div.rainboard-wrapper div#rainboard-read-table div.rainboard-comment-list .list-wrapper .each-comment div.comment-reply div.comment-reply-header span a span { position: absolute; right: 0; top: -25px; font-size: 11px; display: inline-block; vertical-align: middle; } div.rainboard-wrapper div#rainboard-read-table div.writer-section div.regist-writer { display: inline-block; text-align: left; } div.rainboard-wrapper div#rainboard-read-table div.writer-section div.regist-info { float: right; } div.rainboard-wrapper div#rainboard-read-table div.writer-section div.regist-info span { color: #888; display: inline-block; font-size: 11px; position: absolute; right: 0; } div.rainboard-wrapper div#rainboard-read-table div.writer-section div.regist-info span b { color: #666; padding-left: 2px; font-family: Tahoma, Geneva, Sans-serif; } div.rainboard-wrapper div#rainboard-read-table div.title-section div.regist-date { float: right; font-size: 12px; line-height: 12px; vertical-align: middle; padding-left: 10px; position: relative; top: -18px; margin: 0; } div.rainboard-wrapper div#rainboard-read-table div.title-section h1.rainboard-read-h1 { font-size: 14px; color: #424242; margin: 0; font-weight: 700; display: block; overflow: hidden; line-height: 1.5; display: block; clear: inherit; text-align: left; } div.rainboard-wrapper h2.rainboard-read-h2 { font-size: 12px; color: #424242; margin: 0; font-weight: 400; display: inline-block; line-height: 1.5; } .rainboard-wrapper img { border: 0; box-shadow: none; border-radius: 0; padding: 0; margin: 0; } .rainboard-wrapper select { font-size: 12px; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; margin: 0 !important; } .rainboard-wrapper button { font-size: 12px; line-height: 100%; } .rainboard-wrapper a:not(#insert-media-button) { text-decoration: none; } .rainboard-wrapper a:hover { color: #5480cb; } .rainboard-wrapper .rainboard-section-wrapper { margin: 0 0 10px; } .rainboard-wrapper a.section_tab { background: #fff none repeat scroll 0 0; border: 1px solid #e0e0e0; border-radius: 0; box-shadow: none; color: #424242; cursor: pointer; display: inline-block; font-size: 11px; line-height: 11px; padding: 7px 10px 6px; text-decoration: none; vertical-align: top; width: auto; margin: 1px; } .rainboard-wrapper a.section_tab.active { background: #424242; color: #fff; } div.rainboard-wrapper .rainboard-button { display: inline-block; height: 27px; padding: 0 10px; background: #fff; border-radius: 3px; border: 1px solid #a9a9a9; font-size: 12px; line-height: 27px; text-decoration: none; vertical-align: middle; cursor: pointer; box-shadow: none; color: #424242; width: auto; } div.rainboard-wrapper .rainboard-button:hover { opacity: 0.7; box-shadow: 0 1px 1px rgba(0, 0, 0, .1); } div.rainboard-wrapper div.rainboard-search div.rainboard-search-buttons { display: inline-block; position: absolute; height: 100%; min-width: 300px; text-align: left; } div.rainboard-wrapper div.rainboard-search div.rainboard-search-buttons a.rainboard-button { padding: 9px 10px 8px 10px !important; } div.rainboard-wrapper div.rainboard-search span.btn-rainboard-search { border: 1px solid #e0e0e0; padding: 4px 10px !important; font-size: 11px; line-height: 1.6; letter-spacing: -1px; box-shadow: none; background: #fff; position: relative; margin-right: 4px; display: inline-block; height: 100%; min-width: 47px; vertical-align: top; box-sizing: border-box; } div.rainboard-wrapper div.rainboard-search span.rainboard-section-span { display: inline-block; height: 20px; line-height: 1.6; vertical-align: top; padding: 0; position: relative; height: 30px; width: inherit; float: inherit; margin: 0; } div.rainboard-wrapper div.rainboard-search span.rainboard-section-span select { width: auto; display: inline-block; font-size: 12px; background: #fff; line-height: 1.5; box-sizing: border-box; height: 100%; border-radius: 0 !important; border: 1px solid #e0e0e0; } div.rainboard-wrapper div.rainboard-search span.btn-rainboard-search label { vertical-align: middle; height: 20px; line-height: 20px; text-align: center; width: 30px; display: inline-block; font-size: 12px; } div.rainboard-wrapper div.rainboard-search span.btn-rainboard-search input.rainboard-keyword { position: absolute; cursor: pointer; } div.rainboard-wrapper .rainboard-list-icon { display: inline-block; vertical-align: middle; padding: 0; } div.rainboard-wrapper .rainboard-attach { width: 15px; height: 16px; background: url('../images/icons.png') -36px 0px no-repeat; margin: 0 2px; color: transparent !important; } div.rainboard-wrapper .rainboard-secret { width: 11px; height: 16px; background: url('../images/icons.png') -139px 0px no-repeat; margin: 0 2px; color: transparent !important; } div.rainboard-wrapper .rainboard-notice { width: 15px; height: 15px; background: url('../images/icons.png') 0px 0px no-repeat; color: transparent !important; } div.rainboard-wrapper .rainboard-current-post { width: 15px; height: 15px; background: url('../images/icons.png') -105px 0px no-repeat; } div.rainboard-wrapper .rainboard-tag { width: 15px; height: 16px; background: url('../images/icons.png') -18px 0px no-repeat; } div.rainboard-wrapper .rainboard-search { width: 15px; height: 15px; } div.rainboard-wrapper .rainboard-write { width: 14px; height: 15px; background: url('../images/icons.png') -53px -1px no-repeat; } div.rainboard-wrapper .rainboard-people { width: 15px; height: 15px; background: url('../images/icons.png') -169px -1px no-repeat; } div.rainboard-wrapper .rainboard-comment-modify { width: 12px; height: 12px; background: url('../images/icons.png') -28px 0px no-repeat; } div.rainboard-wrapper .rainboard-comment-delete { width: 12px; height: 12px; background: url('../images/icons.png') -42px 0px no-repeat; } div.rainboard-wrapper .rainboard-comment-reply { width: 13px; height: 12px; background: url('../images/icons.png') -13px 0px no-repeat; } div.rainboard-wrapper .rainboard-comment-close { width: 12px; height: 12px; background: url('../images/icons.png') -55px 0px no-repeat; margin-right: 3px; } span.icon-reply { background: url('../images/icon-reply.gif') no-repeat 0 center; display: inline-block; height: 10px; padding-left: 10px; color: #5480cb; font-weight: bold; } div.comment-edit { margin-left: 65px; } div.comment-edit .comment-edit-input input { width: 119px; height: 24px; padding: 0 3px; border: 1px solid #e0e0e0; background: #f7f7f7; line-height: 24px; font-size: 12px; } div.comment-edit .comment-edit-input button { display: inline-block; height: 26px; padding: 0 8px; background: #fff; border-radius: 3px; border: 1px solid #C9C9C9; font-size: 12px; line-height: 26px; text-decoration: none; vertical-align: middle; cursor: pointer; box-shadow: none; color: #424242; width: auto; cursor: pointer; } div.comment-edit .comment-edit-input button:hover { opacity: 0.6; } div.rainboard-wrapper table#rainboard-table { background: #fff; margin-bottom: 0; width: 100%; border: 0; color: #424242; border-spacing: 1px; } div.rainboard-wrapper table#rainboard-table tr { border: 0; background: #fff; background-color: #fff; } div.rainboard-wrapper table#rainboard-table thead tr th { background: #fcfcfc; border-top: 1px solid #cecece; border-bottom: 1px solid #cecece; text-align: center; padding: 10px 0; height: 14px; } div.rainboard-wrapper table#rainboard-table tbody tr.entry-notice { background: #f8f8f8; } div.rainboard-wrapper table#rainboard-table thead tr th span { display: block; margin: 0; font-size: 13px; line-height: 13px; font-weight: 500; color: #424242; } div.rainboard-wrapper table#rainboard-table thead tr th:first-child span { border-left: 0px; height: 14px; } div.rainboard-wrapper table#rainboard-table thead tr th span { display: block; padding: 0 15px; border-left: 1px solid #e0e0e0; } div.rainboard-wrapper table#rainboard-table th:first-child span { border-left: 0px solid #F00 !important; } div.rainboard-wrapper table#rainboard-table tbody tr td { padding: 10px 0; vertical-align: middle; color: #424242; border-width: 0 0 1px 0; border-color: #e8e8e8; border-style: solid; border-collapse: collapse; font-size: 12px; line-height: 1.2; } div.rainboard-wrapper table#rainboard-table tbody tr:hover { background: #f8f8f8; } div.rainboard-wrapper table#rainboard-table tbody tr.current { background: #f8f8f8; } div.rainboard-wrapper table#rainboard-table thead tr th.entry-th-number { width: 80px; } div.rainboard-wrapper table#rainboard-table thead tr th.entry-th-title { width: auto; } div.rainboard-wrapper table#rainboard-table thead tr th.entry-th-writer { width: 100px; } div.rainboard-wrapper table#rainboard-table thead tr th.entry-th-section { width: 100px; } div.rainboard-wrapper table#rainboard-table thead tr th.entry-th-date { width: 100px; } div.rainboard-wrapper table#rainboard-table thead tr th.entry-th-hit { width: 80px; } div.rainboard-wrapper table#rainboard-table tbody tr td.rainboard-list-number { text-align: center; font: 11px Tahoma, Geneva, sans-serif; color: #555; } div.rainboard-wrapper table#rainboard-table tbody tr td.rainboard-list-section { text-align: center; color: gray; } div.rainboard-wrapper table#rainboard-table tbody tr td.rainboard-list-date { text-align: center; font: 11px Tahoma, Geneva, sans-serif; color: #767676; } div.rainboard-wrapper table#rainboard-table tbody tr td.rainboard-list-hit { text-align: center; font: 11px Tahoma, Geneva, sans-serif; color: #767676; } div.rainboard-wrapper table#rainboard-table tbody tr td.rainboard-list-writer { text-align: center; } div.rainboard-wrapper table#rainboard-table tbody tr td.rainboard-list-writer span { max-width: 90%; line-height: 14px; overflow: hidden; text-overflow: ellipsis; display: -webkit-inline-box; display: -moz-inline-blox; -webkit-box-orient: vertical; -webkit-line-clamp: 1; /* number of lines to show */ vertical-align: middle; } div.rainboard-wrapper table#rainboard-table tbody tr:last-child td { border-bottom: 1px solid #cccccc; } div.rainboard-wrapper table#rainboard-table tbody tr td.rainboard-list-title { text-align: left; padding: 10px 0 10px 20px; } div.rainboard-wrapper table#rainboard-table tbody tr td:hover { background: inherit; } div.rainboard-wrapper table#rainboard-table tbody tr.entry-notice td.rainboard-list-title { font-weight: bold; } div.rainboard-wrapper table#rainboard-table tbody tr td.rainboard-list-title a { display: inline-block; text-decoration: none; color: #424242; max-width: 90%; line-height: 1.2; vertical-align: middle; overflow: hidden; /* number of lines to show */ font-weight: inherit; text-transform: none; } div.rainboard-wrapper table#rainboard-table > tbody > tr > td.rainboard-list-title > a { max-width: 100%; } div.rainboard-wrapper table#rainboard-table tbody tr td.rainboard-list-title a span.rainboard-list-icon:first-child { margin-left: 5px; } div.rainboard-wrapper table#rainboard-table tbody tr td.rainboard-list-title a:hover { color: #5480cb; } div.rainboard-wrapper table#rainboard-table tbody .rainboard-list-title div.mobile-writer-info { display: none; } .rainboard-wrapper > #rainboard-table tbody .rainboard-list-title > .entry_thumbnail_image { display: inline-block; border: 1px solid #f1f1f1; margin-right: 5px; width: 22px; height: 22px; overflow-y: hidden; line-height: 0px; vertical-align: middle; } .rainboard-wrapper > #rainboard-table tbody .rainboard-list-title > .entry_thumbnail_image img { margin: 0; width: 22px !important; height: auto !important; line-height: 0px; } .rainboard-wrapper > #rainboard-table tbody .rainboard-list-title > a:hover { color: #000; } .rainboard-wrapper > .rainboard-copyrights { clear: both; color: gray; font-weight: normal; margin-top: 10px; } .rainboard-wrapper > .rainboard-copyrights a { color: gray; font-weight: normal; text-decoration: none; font-size: 12px; color: #424242 !important; } .rainboard-wrapper > .rainboard-copyrights a:hover { color: #424242; } div.rainboard-wrapper div.rainboard-controller { display: block; margin-top: 7px; position: relative; height : 30px; } div.rainboard-wrapper div.rainboard-controller a.write-button { /*position:absolute; right:0;*/ height: 100%; display: inline-block; box-sizing: border-box; } .rainboard-button.write-button { position: absolute; right: 0; top: 0px; } .rainboard-wrapper span.write-span div.file-upload { display: block; margin: 0 100px 0 0; position: relative; height: 30px; } .rainboard-wrapper span.write-span div.file-upload input.text { display: block; position: inherit; } .rainboard-wrapper span.write-span div.file-upload div.upload-btn { position: absolute; top: 0; right: -100px; } .rainboard-wrapper span.write-span div.file-upload div.upload-btn input.file { position: absolute; width: 90px; top: 0; right: 0; height: 30px; cursor: pointer; opacity: 0; filter: alpha(opacity=0); -ms-filter: "alpha(opacity=0)"; -khtml-opacity: 0; -moz-opacity: 0; } .rainboard-wrapper span.write-span div.file-upload div.upload-btn button { position: relative; width: 90px !important; height: 30px; } .rainboard-wrapper span.write-span input.text { width: 300px; height: 23px; padding: 0 6px; border: 1px solid #b5b5b5; cursor: pointer; } div.rainboard-wrapper div.rainboard-write-wrapper { display: block; border-top: 1px solid #cecece; } div.rainboard-wrapper div.rainboard-write-wrapper div.textarea-box { display: block; margin-bottom: 10px; } div.rainboard-wrapper div.rainboard-write-wrapper div.textarea-box span.write-span { float: inherit; } div.rainboard-wrapper div.rainboard-write-wrapper div.textarea-box textarea:not(.wp-editor-area) { display: block; margin-top: 10px; width: 100%; min-height: 200px; border: 1px solid #e0e0e0; background: #f1f1f1; color: #424242; padding: 10px; line-height: 1.5; font-size: 12px; box-sizing: border-box; } div.rainboard-wrapper div.rainboard-write-wrapper div.added-file { display: block; margin-top: 40px; position: relative; } div.rainboard-wrapper div.rainboard-write-wrapper div.added-file div.added-file-box { display: block; background: #f1f1f1; border: 1px solid #c9c9c9; padding: 10px; position: relative; margin: 30px 0 0 0; border-radius: 3px; } div.rainboard-wrapper div.rainboard-write-wrapper div.added-file span.added-file-label { position: absolute; top: -30px; right: 42px; background: #f1f1f1; height: 30px; vertical-align: middle; line-height: 30px; padding: 0 10px; border: 1px solid #c9c9c9; border-radius: 3px 0px 0 0; font-size: 11px; } div.rainboard-wrapper div.rainboard-write-wrapper div.added-file span { display: inline-block; vertical-align: middle; } div.rainboard-wrapper div.rainboard-write-wrapper div.added-file span.added-file-thumbnail { padding: 5px; background: #fff; border: 1px solid #e0e0e0; margin-right: 10px; } div.rainboard-wrapper div.rainboard-write-wrapper div.added-file span.added-file-content { padding: 10px 0; } div.rainboard-wrapper div.rainboard-write-wrapper div.added-file span.added-file-remove { position: absolute; top: -30px; right: 10px; background: #f1f1f1; height: 30px; vertical-align: middle; line-height: 30px; padding: 0 10px; border: 1px solid #c9c9c9; border-left: 1px dashed #c9c9c9; border-radius: 0px 3px 0 0; cursor: pointer; } div.rainboard-wrapper div.rainboard-write-wrapper div.added-file span.added-file-remove:hover { background: #e0e0e0; } div.rainboard-wrapper div.rainboard-write-wrapper div.write-box { display: block; margin: 10px 0 10px 100px; position: relative; padding: 0; height: 30px; border: 0 } div.rainboard-wrapper div.rainboard-write-wrapper div.write-box-devider { display: block; padding: 0; border-bottom: 1px solid #e0e0e0; } div.rainboard-wrapper div.rainboard-write-wrapper div.check-box { height: 15px; } div.rainboard-wrapper div.rainboard-write-wrapper div.attach-message-box { display: block; margin-top: 10px; font-size: 12px; color: gray; } div.rainboard-wrapper div.rainboard-write-wrapper div.popular-tag-list { display: none; position: relative; height: 0px; margin: 0 0 0 100px; } div.rainboard-wrapper div.rainboard-write-wrapper div.popular-tag-list span.each-tag { display: inline-block; margin: 0 0 3px; width: 23%; min-width: 100px; } div.rainboard-wrapper div.rainboard-write-wrapper div.rows-more { display: block; height: 35px; position: relative; width: 100%; background: #f1f1f1; border-top: 1px solid #c9c9c9; margin-bottom: 10px; text-align: center; } div.rainboard-wrapper div.rainboard-write-wrapper div.rows-more > a { position: relative; display: block; margin: 0 auto !important; width: 100px; height: 35px; text-align: center; background: #fff !important; border-top: 1px solid#fff; margin-top: -1px !important; border-left: 1px solid #c9c9c9; border-right: 1px solid #c9c9c9; border-bottom: 1px solid #c0c0c0; vertical-align: middle; line-height: 33px !important; cursor: pointer; } div.rainboard-wrapper div.rainboard-write-wrapper div.write-box label { position: absolute; display: inline-block; top: 0; left: -100px; width: 100px; height: 100%; text-align: left; margin: 0; font-weight: 700; padding-left: 10px; } div.rainboard-wrapper div.rainboard-write-wrapper div.write-box label span { display: table-cell; height: 30px; vertical-align: middle; line-height: 12px; font-size: 12px; } div.rainboard-wrapper div.rainboard-write-wrapper div.write-box label span span.label-required { display: inline-block; color: #da2128; height: auto; margin: -3px 0 0 3px; width: auto; } div.rainboard-wrapper div.rainboard-write-wrapper div.check-box label span { height: 20px; } div.rainboard-wrapper div.rainboard-write-wrapper div.write-box span.write-span { display: table-cell; height: 30px; vertical-align: middle; text-align: left; float: inherit; } div.rainboard-wrapper div.rainboard-write-wrapper div.write-box span.write-span div.selection-box { border: 1px solid #e0e0e0; background: #f1f1f1; padding: 0; min-width: 200px; position: relative; z-index: 9999; } div.rainboard-wrapper div.rainboard-write-wrapper div.write-box span.write-span div.selection-box div.current { padding: 5px; } div.rainboard-wrapper div.rainboard-write-wrapper div.write-box span.write-span div.selection-box ul.options { list-style: none; margin: 0; padding: 0; } div.rainboard-wrapper div.rainboard-write-wrapper div.write-box span.write-span div.selection-box ul.options li:first-child { display: none; } div.rainboard-wrapper div.rainboard-write-wrapper div.write-box span.write-span div.selection-box ul.options li { padding: 5px 0 5px 10px; border-top: 1px solid #e0e0e0; cursor: pointer; } div.rainboard-wrapper div.rainboard-write-wrapper div.write-box span.write-span div.selection-box ul.options li:hover { background: #e0e0e0; } div.rainboard-wrapper div.rainboard-write-wrapper div.check-box span.write-span { display: table-cell; height: 20px; vertical-align: middle; } div.rainboard-wrapper div.rainboard-write-wrapper div.write-box span.write-span input {} div.rainboard-wrapper div.rainboard-write-wrapper div.check-box span.write-span input[type='checkbox'] { position: absolute; top: 0; left: 0; width: 0px; height: 0px; margin: 0; padding: 0; border: 0; } div.rainboard-wrapper div.rainboard-write-wrapper div.check-box span.write-span > span.toggle-checkbox-image { display: inline-block; opacity: 1; cursor: pointer; } div.rainboard-wrapper div.rainboard-write-wrapper div.check-box span.write-span input[type='checkbox']:before { display: inline-block; content: ''; opacity: 1; } div.rainboard-wrapper div.rainboard-write-wrapper div.check-box span.write-span input[type='checkbox']:checked:before { display: inline-block; content: ''; width: 20px; height: 20px; } div.rainboard-wrapper div.rainboard-write-wrapper div.write-box span.write-span input[type='text'] { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #ffffff !important; border-style: solid; border-width: 1px; border-color: #b6b6b6 #d7d7d7 #d7d7d7 #b6b6b6; font-size: 12px; color: #424242; padding: 0 10px; box-sizing: border-box; } div.rainboard-wrapper div.rainboard-write-wrapper div.write-box span.write-span input[type='password'] { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 1px solid #e0e0e0; background: #f1f1f1; font-size: 12px; color: #424242; padding: 0 10px; font-size: 14px; box-sizing: border-box; } .rainboard-wrapper #rainboard-read-table { table-layout: fixed; border: 0; border-top: 1px solid #cecece; border-collapse: collapse; margin-bottom: 15px; width: 100%; display: inline-table; } .rainboard-wrapper #rainboard-read-table th { border: 0px; border-bottom: 1px solid #e0e0e0; padding: 5px 0; font-weight: 500; font-size: 12px; margin: 0; text-align: left; background: #fff; color: #424242; vertical-align: middle; } .rainboard-wrapper #rainboard-read-table td { border: 0px; } .rainboard-wrapper #rainboard-read-table .write-info { background: #f4f4f4; } .rainboard-wrapper #rainboard-read-table td { border: 0px; padding: 12px 22px; } .rainboard-wrapper #rainboard-read-table td:hover { background: none; } .rainboard-wrapper #rainboard-read-table .write-content { height: 200px; vertical-align: top; text-align: left; background: #fff; background-color: #fff; color: #424242; } .rainboard-wrapper #rainboard-read-table .write-content:hover { background: #fff; background-color: #fff; } .rainboard-wrapper #rainboard-read-table .write-info .write-info-td { border-bottom: 1px solid #e0e0e0; } .rainboard-wrapper #rainboard-read-table .write-info .write-info-td ul { margin: 0; padding: 0; list-style: none; } .rainboard-wrapper #rainboard-read-table .write-info .write-info-td ul > li { float: left; font-size: 12px; list-style: none; margin: 0; color: #424242; } .rainboard-wrapper #rainboard-read-table .write-info .write-info-td ul > .write-info-title-writer { padding: 0 20px 0 0; } .rainboard-wrapper #rainboard-read-table .write-info .write-info-td ul > .write-info-writer { padding: 0 50px 0 0; } .rainboard-wrapper #rainboard-read-table .write-info .write-info-td ul > .write-info-title-date { padding: 0 20px 0 0; } .rainboard-wrapper #rainboard-read-table .write-info .write-info-td ul > .write-info-date { padding: 0 50px 0 0; } .rainboard-wrapper #rainboard-read-table .write-info .write-info-td ul > .write-info-title-hit { padding: 0 20px 0 0; } v.rainboard-wrapper #rainboard-read-table .write-info .write-info-td ul > .write-info-hit { padding: 0 50px 0 0; } .rainboard-wrapper .attachment-tr .attachment-controller { position: absolute; top: 13px; right: 10px; } .rainboard-wrapper .attachment-tr .attachment-controller > img { margin: 0; } .rainboard-wrapper .entry_attachment_title { padding: 3px 0; border-bottom: 1px solid #e0e0e0; } .rainboard-wrapper .entry_each_attach { padding: 5px 0 5px 5px; border-bottom: 1px dashed #e0e0e0; } .rainboard-wrapper .entry_each_attach > a { text-decoration: none; } .rainboard-wrapper .entry_each_attach .entry_attach_remove { float: right; margin-right: 10px; cursor: pointer; } div.rainboard-wrapper .rainboard-search { display: inline-block; height: 100%; width: 100% } div.rainboard-wrapper .rainboard-search form { display: block; position: relative; } div.rainboard-wrapper .rainboard-search select { width: auto; padding: 0 5px !important; height: 29px; border: 1px solid #a9a9a9; vertical-align: middle; display: inline !important; } div.rainboard-wrapper .rainboard-search .rainboard-keyword { width: 148px; height: 27px; vertical-align: middle; } .rainboard-wrapper .rainboard-search .rainboard-search-table { table-layout: auto; border: 0; float: right; margin: 0; } .rainboard-wrapper .rainboard-search-table .rainboard-search-td-section { padding-right: 10px !important; } .rainboard-wrapper .rainboard-search-table > tbody > tr { border: 0; border-bottom: 0; } .rainboard-wrapper .rainboard-searh .rainboard-search-table tr { border: 0; border-bottom: 0; } .rainboard-wrapper .rainboard-search .rainboard-search-table td { border: 0; vertical-align: middle; padding: 0; } .rainboard-wrapper .rainboard-search .rainboard-search-table td input { max-width: 175px; height: auto; } .rainboard-wrapper .rainboard-controller-left { float: left; } .rainboard-wrapper .rainboard-controller-right { float: right; } div.rainboard-wrapper span.entry_comment_count { color: #5480cb; font-family: helvetica, sans-serif; font-size: 12px; line-height: 12px; font-weight: normal; } .rainboard-wrapper .rainboard-read-verifying-wrapper { margin-top: 10px; } .rainboard-wrapper .rainboard-read-verifying-table { border: 0; table-layout: auto; width: auto; margin: 0 !important; } .rainboard-wrapper .rainboard-read-verifying-table td { border: 0; margin: 0; padding: 0; vertical-align: middle; } .rainboard-wrapper .rainboard-read-verifying-table td input[type='password'] { border: 1px solid #e0e0e0; background: #f1f1f1; color: #424242; height: 26px; margin: 0; padding: 0; } .rainboard-wrapper .rainboard-read-verifying-table td a.button-verify-submit { vertical-align: middle !important; } .rainboard-comment-wrapper { padding: 10px 10px; background: #f9f9f9; border: 1px solid #f1f1f1; border-radius: 5px; } .rainboard-comment-wrapper .each-comment-reply { margin-top: 10px; margin-left: 30px; position: relative; } .rainboard-comment-wrapper .rainboard-comment_reply_icon { position: absolute; left: -20px; top: 0; width: 15px; height: auto; } .rainboard-comment-wrapper .each-comment-reply ul { list-style: none; margin: 0; padding: 0; } .rainboard-comment-wrapper .each-comment-reply ul table { border: 0; width: 100%; } .rainboard-comment-wrapper .each-comment-reply ul table td { border: 0; vertical-align: top; } div.rainboard-comment-wrapper table.comment-author-table { width: auto !important; table-layout: auto; border: 0; margin: 0; } div.rainboard-comment-wrapper table.comment-author-table td { padding: 0px 5px !important; vertical-align: middle; border: 0 !important; line-height: 12px; } .rainboard-wrapper .comments-count { padding-left: 10px; font-size: 12px; text-align: left; display: inline-block; } .rainboard-wrapper .comments-sorting { display: inline-block; float: right; margin-right: 10px; font-size: 12px; text-align: right; } div.rainboard-wrapper a { text-decoration: none; box-shadow : none; } div.rainboard-wrapper a.comment-reply-button { cursor: pointer; font-size: 11px } div.rainboard-wrapper a.comment-modify-button { cursor: pointer; font-size: 11px } div.rainboard-wrapper a.comment-delete-button { cursor: pointer; font-size: 11px } .rainboard-wrapper .comments-count > .total-comments-count { color: orange; font-weight: bold; } .rainboard-comment-wrapper .comment-author-table .icon-comment-reply { position: relative; width: 10px; top: 0px; height: auto; margin-right: 3px; } .rainboard-comment-wrapper .each-comment { border-bottom: 1px dashed #cecece; padding-top: 10px; padding-bottom: 3px; position: relative; } .rainboard-comment-wrapper .each-comment .each-comment-content { padding: 0px 33px 5px 33px; } .rainboard-comment-wrapper .comment-author-table .comment-author-date { font-size: 11px; color: #666; } .rainboard-comment-wrapper .comment-author-table td { border: 0; } .rainboard-comment-wrapper .avatar { border-radius: 0 !important; } .rainboard-comment-wrapper .rainboard-comment-input { background: #fff !important; } .rainboard-comment-wrapper > .comments-add { margin-top: 10px; } .rainboard-comment-wrapper > .comments-add > ul { list-style: none; margin: 10px 0 !important; padding: 0; text-align: left; } .rainboard-comment-wrapper .comments-add-ul { margin-top: 0px !important; } .rainboard-comment-wrapper .comments-add-ul > li { margin: 0 10px; font-size: 12px; } .rainboard-comment-wrapper .rainboard-comment-input-ul { margin-bottom: 0 !important; } .rainboard-comment-wrapper > .comments-add > ul > li { display: inline-block; margin: 0px; font-size: 12px !important; list-style: none; color: #424242; } .rainboard-comment-wrapper > .comments-add > ul > li:before { border: none; content: ''; } .rainboard-comment-wrapper > .comments-add > ul > li:after { border: none; content: ''; } .rainboard-comment-wrapper .comments-reply-ul li { display: inline-block; margin: 0 10px; } .rainboard-comment-wrapper > .comments-add .rainboard-comment-content-li { clear: both; max-width: 100%; width: 100%; } .rainboard-comment-wrapper > .comments-add .rainboard-comment-content-li .rainboard-comment-content-table { border: 0px !important; margin: 0; width: 100%; border-spacing: 0px !important; } .rainboard-comment-wrapper > .comments-add .rainboard-comment-content-li .rainboard-comment-content-table tbody tr { border: 0 !important; background: none !important; } .rainboard-comment-wrapper > .comments-add .rainboard-comment-content-li .rainboard-comment-content-table td { border: 0 !important; padding: 0; background: transparent; } .rainboard-comment-wrapper > .comments-add .rainboard-comment-content-li .rainboard-comment-content-table td.rainboard-comment-content-td textarea.rainboard-comment-content { display: block; background: #fff; line-height: 1.5; height: 60px; min-height: inherit; } .rainboard-comment-wrapper .rainboard-comment-button-td { width: 80px; vertical-align: middle !important; background: none; padding: 0; } .rainboard-comment-wrapper .rainboard-comment-button-td > input { border-color: none; background: none; background-color: none; } .rainboard-comment-wrapper > .comments-add .rainboard-comment-content-li textarea { max-width: 100%; min-height: 64px; } /* 횞창??챗쨍? */ #rainboard-latest-wrapper { width: 100%; height: auto; } #rainboard-latest-wrapper #rainboard-latest-table { border: 0; width: 100%; } #rainboard-latest-wrapper #rainboard-latest-table th { font-size: 12px; border: 0; border-top: 1px solid #cecece; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; border-bottom: 1px solid #e0e0e0; padding: 10px 10px; } #rainboard-latest-wrapper #rainboard-latest-table td { border: 0; font-size: 12px; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; border-bottom: 1px solid #e3e3e3; padding: 10px 10px; } #rainboard-latest-wrapper #rainboard-latest-table td a { text-decoration: none; color: #424242; border: 0; } #rainboard-latest-wrapper #rainboard-latest-table td.rainboard-latest-td-date { text-align: center; color: gray; } .rainboard-search button.rainboard-button { height: 29px; line-height: 29px; } .reply-list-title { padding-left: 10px !important; } .reply-list-title img { height: auto; position: relative; top: 0px; margin-right: 5px !important; display: inline-block; line-height: 0; vertical-align: top } .rainboard-wrapper .noti-td .noti-icon { background: #5480cb; color: #fff; padding: 1px 2px; border-radius: 3px; vertical-align: middle; } .rainboard-wrapper .prenext { padding: 10px 0px; } .rainboard-wrapper .prenext th span { display: none !important; } div.rainboard-wrapper .prenext table#rainboard-table thead tr th { height: 1px; padding: 0; border-top: 0px solid #cecece; } .rainboard-wrapper .paging-area { position: relative; height: 40px; } .rainboard-wrapper .pagingNav { font-family: Tahoma; font-size: 11px; margin: 15px auto; text-align: center; } .rainboard-wrapper .pagingNav a, .rainboard-wrapper .pagingNav strong { border: 1px solid #ddd; color: #999; display: inline-block; padding: 0px 5px; vertical-align: top; height: 22px; line-height: 20px !important; } .rainboard-wrapper .pagingNav strong { border: 1px solid #6c93fd; color: #6c93fd; font-weight: normal; } .rainboard-wrapper .pagingNav .pre_end, .rainboard-wrapper .pagingNav .pre, .rainboard-wrapper .pagingNav .next, .rainboard-wrapper .pagingNav .next_end { background: rgba(0, 0, 0, 0) url("../images/btn_paging.gif") no-repeat scroll 0 0; border: 1px solid #fff; overflow: hidden; padding: 2px 5px; width: 2px; } .rainboard-wrapper .pagingNav .pre_end span, .rainboard-wrapper .pagingNav .pre span, .rainboard-wrapper .pagingNav .next span, .rainboard-wrapper .pagingNav .next_end span { display: inline-block; height: 20px; line-height: 100px; overflow: hidden; vertical-align: bottom; } .rainboard-wrapper .pagingNav .pre_end { background-position: left 8px; } .rainboard-wrapper .pagingNav .pre { background-position: left -21px; } .rainboard-wrapper .pagingNav .next { background-position: left -71px; } .rainboard-wrapper .pagingNav .next_end { background-position: left -47px; } .rainboard-wrapper .pagingNav .pre_end.nolink { background-position: right 8px; } .rainboard-wrapper .pagingNav .pre.nolink { background-position: right -21px; } .rainboard-wrapper .pagingNav .next.nolink { background-position: right -71px; } .rainboard-wrapper .pagingNav .next_end.nolink { background-position: right -47px; } .rainboard-wrapper .pagingNav a:hover { opacity: 0.6; } .rainboard-wrapper .pageNav { height: 16px; margin-top: -10px; padding-bottom: 10px; text-align: center; } .rainboard-wrapper .pageNav a, .rainboard-wrapper .pageNav strong { border-left: 1px solid #d5d5d5; border-right: 1px solid #d5d5d5; color: #606060; display: inline-block; font-family: Tahoma; font-size: 11px; height: 16px; line-height: 16px; margin-left: -1px; padding: 0 6px; vertical-align: middle; } .rainboard-wrapper .pageNav strong { background: #f4f4f4; font-weight: bold; line-height: 16px; } .rainboard-wrapper .pageNav a.pre, .pageNav a.next { background: url("../images/btn_paging.gif") no-repeat scroll 2px -25px; border: medium none; display: inline-block; height: 16px; overflow: hidden; padding: 0; width: 20px; } .rainboard-wrapper .pageNav a.next { background: url("../images/btn_paging.gif") no-repeat scroll 8px -75px; } .rainboard-wrapper .pageNav a.pre span, .pageNav a.next span { display: inline-block; text-indent: -100px; } .rainboard-wrapper .dot_paging { text-align: center; } .rainboard-wrapper .dot_paging a { background: rgba(0, 0, 0, 0) url("../backend/bg_popup.png") no-repeat scroll left -204px; display: inline-block; height: 8px; overflow: hidden; width: 8px; } .rainboard-wrapper .dot_paging a.on { background: rgba(0, 0, 0, 0) url("../backend/bg_popup.png") no-repeat scroll right -204px; } rainboard-wrapper .page a { background: rgba(0, 0, 0, 0) url("../backend/bg_popup.png") no-repeat scroll right -108px; display: block; height: 29px; overflow: hidden; position: absolute; top: 100px; width: 17px; } .rainboard-wrapper .page a.pre { left: 20px; } .rainboard-wrapper .page a.next { background-position: left -108px; right: 20px; } .rainboard-wrapper .page a:hover { background-position: right -68px; } .rainboard-wrapper .page a.next:hover { background-position: left -68px; } .rainboard-wrapper .search-center { text-align: center; } .rainboard-wrapper .input-text, .rainboard-wrapper input[type="text"], .rainboard-wrapper #tribe-bar-form input[type="text"] { width: auto; } .rainboard-wrapper .board_detail .attachFile { float: right; margin-left: 10px; position: relative; top: 1px; } .rainboard-wrapper .board_detail .attachFile a { display: block; width: auto; padding: 10px 0px 0px 0px; } .rainboard-wrapper .board_detail .attachFile a em { div.rainboard-wrapper table#rainboard-table > tbody > tr > td.rainboard-list-title > a font-weight: bold; font-style: normal; } .rainboard-wrapper .board_detail .attachFile .attach_layer { position: relative; z-index: 9; } .rainboard-wrapper .board_detail .attachFile .innerList { background: #ffffff; border: 1px solid #a8a8a8; box-shadow: 1px 1px #dddddd; display: none; padding: 9px 20px 7px 10px; position: absolute; right: 0; width: 248px; } .rainboard-wrapper .board_detail .attachFile .innerList li { background: rgba(0, 0, 0, 0); border-bottom: medium none; margin-bottom: 2px; list-style: none; padding: 3px 0; } .rainboard-wrapper .board_detail .attachFile .innerList li.item a { background: rgba(0, 0, 0, 0) url("../images/icon_set.png") no-repeat scroll 1px -365px; color: #333; overflow: hidden; padding: 0px 1px 3px 15px; line-height: 100%; word-wrap: normal; text-decoration: none; } .rainboard-wrapper .board_detail .attachFile .innerList li.item a:hover { opacity: 0.7; } .rainboard-wrapper .board_detail .attachFile .innerList li.toparrow { background: rgba(0, 0, 0, 0) url("../images/front/arrow_set.png") no-repeat scroll center -51px; border-bottom: medium none; position: absolute; right: 37px; top: -5px; width: 7px; height: 15px; } .rainboard-wrapper .board_detail .attachFile .innerList li.btn_close { height: 20px; position: absolute; right: 3px; top: 3px; width: 20px; cursor : pointer; } .rainboard-wrapper .board_detail .attachFile .innerList li.btn_close a { background: rgba(0, 0, 0, 0) url("../images/front/button_set.png") no-repeat scroll 4px -268px; height: 20px; overflow: hidden; width: 20px; } .comment-editor .comment-reply-input { text-align: right; margin: 10px 0; } .comment-editor div.comment-reply-input input { background: #f7f7f7; border: 1px solid #e0e0e0; display: inline-block !important; font-size: 12px; height: auto !important; line-height: 12px !important; padding: 8px 3px !important; width: 119px; } div.rainboard-wrapper div#rainboard-read-table div.writer-section div.regist-info { text-align: right; background: #FF3; float: right } div.rainboard-wrapper .head-st { padding: 10px; background: #f6f6f6; border: 1px solid #e2e2e2; border-radius: 5px; margin-bottom: 20px; } div.rainboard-wrapper .head-st h2 { font-size: 16px; } div.rainboard-wrapper .head-st .text { padding: 10px; } div.rainboard-wrapper .head-st .text:after { content: ''; display: block; clear: both; } div.rainboard-wrapper .powered_mark{ color : #ccc; padding: 20px 0; text-align: center; } div.rainboard-wrapper .powered_mark a{ color : #ccc; } /* errorWrap */ .rainboard-error { width: 400px; padding: 10px; margin: 50px auto 10px auto; } .rainboard-error .error_title { padding: 50px 0 20px 0; text-align: center; font-size: 20px; color: #f96d63; font-weight: bold; } .rainboard-error .error_title:before { content: ''; display: block; width: 46px; height: 42px; margin: 0 auto 10px auto; background: #f96d63 url(../images/front/icon_warning.png) no-repeat center 0; } .rainboard-error .error_title span { color: #333333; } .rainboard-error .error_desc { margin-bottom: 15px; color: #999; } /* popup */ #rainboard-transparent-layer { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; height: 100vh; background: rgba(0, 0, 0, 0.3); overflow: hidden; z-index: 30; } .rainboard-layer { position: absolute; left: 50%; width: 300px; background: #fff; border: 1px solid #7B7B7B; } .rainboard-layer .layer-head { position: relative; height: 32px; border: 0; background: #f5f5f5; color: #ccc; line-height: 32px; } .rainboard-layer .layer-head h3 { padding: 0 10px; margin: 0; height: 32px; font-size: 14px; color: #333; line-height: 32px; } .rainboard-layer .layer-head a.btn_close { display: block; position: absolute; right: 10px; top: 0; font-family: Arial, sans-serif; line-height: 32px; text-decoration: none; box-shadow: none; } .rainboard-layer .layer-head a.btn_close:hover { opacity: 0.7; } .rainboard-layer .layer-body { padding: 20px 10px; font-size: 13px; } .rainboard-layer .rainboard-input { margin-bottom: 15px; } .rainboard-layer .rainboard-input input { border: 1px solid #a9a9a9; } .rainboard-layer .rainboard-controller { text-align: center; } .rainboard-error .rainboard-button, .rainboard-controller .rainboard-button { display: inline-block; height: 27px; padding: 0 10px; background: #fff; border-radius: 3px; border: 1px solid #a9a9a9; font-size: 12px; line-height: 27px; text-decoration: none; vertical-align: middle; cursor: pointer; box-shadow: none; color: #424242; width: auto; } .rainboard-error .rainboard-button:hover, .rainboard-controller .rainboard-button:hover { opacity: 0.7; box-shadow: 0 1px 1px rgba(0, 0, 0, .1); } /* color pick */ .rainboard-wrapper .color-box { border: 1px solid #a9a9a9; } /*2016.04.04 �묒꽦�� �덉씠��*/ .m_writer_layer {} .rainboard-wrapper .writer_layer { position: relative; z-index: 9; top:-1px; } .rainboard-wrapper .writer_layer .innerList { background: #ffffff; border: 1px solid #a8a8a8; box-shadow: 1px 1px #dddddd; display: none; padding: 2px 5px 2px 5px; position: absolute; width:110px; left:-20px; top : 3px; } .rainboard-wrapper .m_writer_layer .writer_layer .innerList { top:10px; left:0px } .rainboard-wrapper .writer_layer .innerList li { background: rgba(0, 0, 0, 0); border-bottom: medium none; margin-bottom: 2px; list-style: none; padding: 3px; text-align:left; } .rainboard-wrapper .writer_layer .innerList li.item a { color: #333; overflow: hidden; padding: 1px 1px 1px 10px; line-height: 100%; word-wrap: normal; text-decoration: none; max-width: 100% !important; } .rainboard-wrapper .writer_layer .innerList li.item a:hover { opacity: 0.7; } .rainboard-wrapper .writer_layer .innerList li.toparrow { background: rgba(0, 0, 0, 0) url("../images/front/arrow_set.png") no-repeat scroll center -51px; border-bottom: medium none; position: absolute; right: 37px; top: -5px; width: 7px; height: 15px; } .rainboard-read-h2 .writer_layer {top:-5px;} .rainboard-read-h2 .writer_layer .innerList li.toparrow { background: rgba(0, 0, 0, 0) url("../images/front/arrow_set.png") no-repeat scroll center -51px; right:70px; } .rainboard-wrapper .writer_layer .innerList li.btn_close { height: 20px; position: absolute; right: 3px; top: 3px; width: 20px; cursor : pointer; } .rainboard-wrapper .writer_layer .innerList li.btn_close { background: rgba(0, 0, 0, 0) url("../images/front/button_set.png") no-repeat scroll 4px -268px; height: 20px; overflow: hidden; width: 20px; } .rainboard-wrapper iframe.wp-embedded-content { width: 98%; } .rainboard_blank { background-color: #000; opacity: 0.5; height: 100%; left: 0; position: fixed; top: 0; width: 100%; z-index: 99999; } .rainboard_loding { color: #fff; display: inline-block; font-family: dashicons; font-size: 80px; font-style: normal; font-weight: 400; position: absolute; width:120px; left:0; right:0; margin-left:auto; margin-right:auto; height:120px; top: 0; bottom:0; margin-top:auto; margin-bottom:auto; text-align: center; background-image:url("../images/front/loading.gif"); } div.rainboard-wrapper div.rainboard-write-wrapper div.fileThumbArea { border: 1px solid #dfdfdf; width: auto; height: auto; } .rainboard-wrapper .fileThumbArea ul{ margin: 0 0 0 10px; } .rainboard-wrapper .fileThumbArea ul, .rainboard-wrapper .fileThumbArea li{ list-style: none; } .rainboard-wrapper .fileThumbArea li { background: rgba(0, 0, 0, 0) none repeat scroll 0 0; float: left; margin: 10px 8px 10px 0; white-space: nowrap; width: 55px; cursor: pointer; } .rainboard-wrapper .fileThumbArea li p{ margin : 0; line-height: 0; } .rainboard-wrapper .fileThumbArea li.featured { border: 1px solid; } .rainboard_thumb_layer_btn{ height: 100%; left: 0; position: fixed; top: 0; width: 100%; z-index: 99999; } .rainboard_thumb_layer_btn .thumb_layer_btn { color: #fff; display: inline-block; font-family: dashicons; font-style: normal; font-weight: 400; position: absolute; width:30%; left:0; right:0; margin-left:auto; margin-right:auto; text-align: center; top: 40%; } .rainboard_thumb_layer_btn .thumb_layer_btn .layer_btn{ background: #0087be none repeat scroll 0 0; border-color: #0073a5; box-shadow: 0 1px 0 rgba(255, 255, 255, 0.25) inset, 0 1px 0 #0073a5; cursor: pointer; font-size: 1.2em; height: auto; margin-top: 1%; padding: 0.75em 1.5em; } .rainboard_thumb_layer_btn .layer_bg{ background-color: #000; height: 100%; width: 100%; opacity: 0.5; position: absolute; } /* Media Query */ @media(max-width:768px) { div.rainboard-wrapper div#rainboard-read-table div.title-section h1.rainboard-read-h1 { margin: 0 0 20px; white-space: normal; } .rainboard-wrapper .rainboard-table .entry-th-number { display: none; } .rainboard-wrapper .rainboard-table .entry-th-date { display: none; } .rainboard-wrapper .rainboard-table .entry-th-hit { display: none; } .rainboard-wrapper .rainboard-table .entry-th-section { display: none; } .rainboard-wrapper .rainboard-table .rainboard-list-section { display: none; } .rainboard-wrapper .rainboard-table .rainboard-list-number { display: none; } .rainboard-wrapper .rainboard-table .rainboard-list-date { display: none; } .rainboard-wrapper .rainboard-table .rainboard-list-hit { display: none; } .rainboard-wrapper .rainboard-table .rainboard-list-title { padding-left: 10px !important; text-align: left; } .pagingNav { text-align: left; } .rainboard-wrapper div.rainboard-preview, .rainboard-wrapper div.rainboard-dashboard { float: none; width: 100%; } .rainboard_thumb_layer_btn .thumb_layer_btn { width:50%; } } @media(max-width:480px) { div.rainboard-wrapper div.rainboard-write-wrapper div.write-captcha { display: block; margin: 10px 0; text-align: center; } div.rainboard-wrapper div#rainboard-read-table div.comment-section div.comment-editor div.write-comment-captcha { margin-left: 15px; } div.rainboard-wrapper div.rainboard-write-wrapper div.write-captcha span.write-span { display: inline-block; height: inherit; } div.rainboard-wrapper div.rainboard-write-wrapper div.write-captcha label { display: none !important; } .rainboard-wrapper #rainboard-write-table .captcha-title-th { display: none; } .rainboard-wrapper .rainboard-search-table .rainboard-search-td-section { display: none; } .rainboard-wrapper #rainboard-read-table > tbody > tr > th { font-size: 18px; font-weight: 400; padding: 12px 10px; } .rainboard-wrapper #rainboard-read-table .write-content { font-size: 14px; padding: 12px 10px; } .rainboard-wrapper #rainboard-read-table .write-content img { max-width: 100% !important; height: auto; } .rainboard-comment-wrapper .comments-add > ul > li { display: block; margin: 0; } .rainboard-comment-wrapper .comments-add > ul > .comments-add-email { margin-top: 10px; margin-left: 0px !important; } .rainboard-wrapper > #rainboard-table tbody td { padding: 5px 0; } .rainboard-wrapper .rainboard-table .rainboard-list-title > a { font-size: 14px !important; position: relative; top: 4px; line-height: 20px !important; font-style: normal; overflow: hidden; text-overflow: ellipsis; display: -webkit-inline-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; /* number of lines to show */ vertical-align: top !important; margin-bottom: 3px; } .rainboard-wrapper .rainboard-table .rainboard-list-title { font-size: 18px; font-weight: 400; text-align: left; line-height: 18px; } .rainboard-wrapper > #rainboard-table tbody .rainboard-list-title > .mobile-writer-info { display: inline-block !important; width: 100%; margin-top: 0; } .rainboard-wrapper > #rainboard-table tbody .rainboard-list-title > .mobile-writer-info > ul { margin: 0; padding: 0; list-style: none; margin-top: 5px; line-height: 12px; } .rainboard-wrapper > #rainboard-table tbody .rainboard-list-title > .mobile-writer-info > ul > li { float: left; font-size: 11px; margin: 0px 10px 0px 0px; color: gray; list-style: none; white-space: nowrap; } .rainboard-wrapper #rainboard-read-table .write-info .write-info-td { padding: 12px 15px; } .rainboard-wrapper #rainboard-read-table .write-info .write-info-td ul > li:after { content: ''; border: none; } .rainboard-wrapper #rainboard-read-table .write-info .write-info-td ul > li:before { content: ''; border: none; } .rainboard-wrapper #rainboard-read-table .write-info .write-info-td ul > .write-info-title-date { clear: both; } .rainboard-wrapper #rainboard-read-table .write-info .write-info-td ul > .write-info-writer { padding: 0; } .rainboard-wrapper #rainboard-read-table .write-info .write-info-td ul > .write-info-date { padding: 0; } .rainboard-wrapper #rainboard-read-table .write-info .write-info-td ul > .write-info-hit { padding: 0; } .rainboard-wrapper #rainboard-read-table .write-info .write-info-td ul > .write-info-title-hit { clear: both; } .rainboard-wrapper .rainboard-table > thead > tr { display: none; } .rainboard-wrapper .rainboard-table .entry-th-writer { display: none; } .rainboard-wrapper .rainboard-table .rainboard-list-section { display: none; } .rainboard-wrapper .rainboard-table .rainboard-list-writer { display: none; } .rainboard-wrapper .pagingNav { text-align: left; } div.rainboard-wrapper div#rainboard-read-table div.rainboard-comment-list .list-wrapper .each-comment div.comment-controller { position: relative; left: 65px; top: -10px; } div.rainboard-wrapper div#rainboard-read-table div.rainboard-comment-list .list-wrapper .children .each-comment div.comment-controller { left: 80px; } div.rainboard-wrapper div#rainboard-read-table div.rainboard-comment-list .list-wrapper .each-comment div.comment-controller span { margin: 0 5px 0 0; } div.rainboard-wrapper div#rainboard-read-table div.comment-section div.comment-editor div.comment-editor-content span.comment-editor-avatar { display: none; } div.rainboard-wrapper div#rainboard-read-table div.comment-section div.comment-editor div.comment-editor-content { margin-left: 0; } .rainboard_thumb_layer_btn .thumb_layer_btn { width:80%; } }