@import url(/gears/resource/common.css);
@import url(/gears/resource/jquery.calendar-0.3.css);

a.article-drop {text-decoration:line-through;}

.article-content {padding:10px 5px;}
.article-content p {padding:0;margin:0;}

/* fieldset */
.gears fieldset {padding:0;margin:0;clear:both;border:0;}

/* write form */
.board-panel .board-write {clear:both;}
.board-panel .board-write .mce-branding {display:none;}
.board-panel .board-write .mce-path {display:none;}
.board-panel .board-write .mce-resizehandle {width:100%;background:#eee;height:8px;border-top:solid 1px #ccc;}
.board-panel .board-write .mce-i-resize {display:none;}

/* file-drop */
.board-panel #file-drop {min-height:80px;background:#ddd;padding:5px;position:relative;}
.board-panel #file-drop .file-len {position:absolute;right:0;top:0;padding:5px;background:#000;color:#fff;font-size:12px;}
.board-panel #file-drop .file-item {line-height:1.8;padding:5px;}
.board-panel #file-drop .file-item a {text-decoration:none;color:#00f;}
.board-panel #file-drop .file-item em {margin:0 1em;}
.board-panel #file-drop .file-item a.file-remove {display:inline-block;font-size:9pt;padding:2px;background:#f00;color:#fff;line-height:1;}
.board-panel #file-drop .file-item:hover {background:#fff;}

.board-panel #file-drop.in {outline:solid 3px #d15700;}

.board-panel div.no-result {padding:2em 0;text-align:center;}

/* board-comments */
.board-panel .board-comments {clear:both;margin-top:1em;}
.board-panel .board-comments fieldset {display:block;background:#efefef;padding:1em;font-size:0.9em;}
.board-panel .board-comments fieldset legend {display:block;font-size:1.3em;color:#666;font-weight:600;padding:1em 0;}
.board-panel .board-comments textarea {font-family:Arial,sans-serif;}

/* board-category */
.board-panel div.top-category {padding-bottom:1em;overflow:auto;zoom:1;}
.board-panel ul.top-category {padding:0;margin:0;display:block;list-style:none none outside;font-size:0;}
.board-panel ul.top-category li {display:inline-block;margin:0;padding:0;font-size:11pt;margin-right:1px;}
.board-panel ul.top-category li a,
.board-panel ul.top-category li a:link,
.board-panel ul.top-category li a:visited {display:block;background:#eee;padding:1em 1.4em;line-height:1em;color:#000;text-decoration:none;font-weight:600;color:#000;border:solid 1px #ccc;}
.board-panel ul.top-category li a:hover {color:#fff;background:#777;border-color:#000;}
.board-panel ul.top-category li a.selected {color:#fff ! important;background:#4573B8;border-color:#075093;}

/* board-search */
.board-panel .board-header {zoom:1;overflow:auto;background:#f8f8f8;border:solid 1px #ddd;padding:1em;margin-bottom:1em;border-radius:10px;}
.board-panel .board-header * {vertical-align:middle;box-sizing:border-box;}
.board-panel .board-header .paging-info {font-size:1em;vertical-align:middle;margin-top:7px;display:inline-block;line-height:1;}
.board-panel .board-header input {font-size:1em;padding:6px;border:solid 1px #aaa;min-height:2.6em;}
.board-panel .board-header select {font-size:1em;padding:5px;border:solid 1px #aaa;min-height:2.6em;}
.board-panel .board-header button {font-size:1em;min-height:2.6em;}

.board-panel .board-footer {zoom:1;overflow:auto;margin-top:1em;padding-bottom:2px;}
.board-panel .board-footer * {vertical-align:middle;box-sizing:border-box;}
.board-panel .board-footer form.inline {vertical-align:top;}

/* board-detail */
.board-panel div.board-detail div.article-title {clear:both;}
.board-panel div.board-detail div.article-title h3 {display:block;margin:0;padding:0;font-size:1.5em !important;letter-spacing:-1px;word-spacing:0.3em;line-height:1.4; font-weight: 600;}
.board-panel div.board-detail div.article-title h3 span { margin-right: 20px; line-height: 40px !important;}
.board-panel div.board-detail div.article-title ul {display:block;list-style:none none outside;padding:0.5em 0;margin:0;border-top:solid 1px #ccc;}
.board-panel div.board-detail div.article-title ul li {display:inline-block;margin-right:0.5em;font-size:1em;white-space:nowrap;}
.board-panel div.board-detail div.article-title ul li a {color:#1a559b;}
.board-panel div.board-detail div.article-title ul li.article-files {float:right;margin-right:0;}
.board-panel div.board-detail ul.article-files {display:block;margin:0 0 1em 0;padding:0.5em 1em 0 1em;background:#f4f4f4;list-style:none none outside;text-align:left;}
.board-panel div.board-detail ul.article-files li {display:inline-block;margin-bottom:0.5em;}
.board-panel div.board-detail ul.article-files li a {font-size:0.9em;margin-right:1em;color:#1a559b;}
.board-panel div.board-detail div.article-media {display:block;margin:0 0 1em 0;}
.board-panel div.board-detail div.article-media ul {display:block;list-style:none none outside;padding:0;margin:0;}
.board-panel div.board-detail div.article-media ul li {display:inline;}
.board-panel div.board-detail div.article-media ul li a {font-size:1em;color:#1a559b;}
.board-panel div.board-detail div.article-media .media-frame {position:relative;width:100%;padding-bottom:60%;}
.board-panel div.board-detail div.article-media .media-frame iframe {position:absolute;left:0;top:0;width:100%;height:100%;}
.board-panel div.board-detail div.article-schedule {margin-bottom:1em;padding:0.5em 0;border-bottom:solid 1px #eee;}
.board-panel div.board-detail .article-content {padding:0 0 1em 0;margin:0 0 1em 0;clear:both;}
.board-panel div.board-detail .article-content:after {content:"";display:table;clear:both;}
.board-panel div.board-detail ul.next-prev {display:block;clear:both;font-size:1em;padding:0;margin:0;list-style:none none outside;}
.board-panel div.board-detail ul.next-prev li.next,
.board-panel div.board-detail ul.next-prev li.prev {display:block;padding:0.2em 0;padding-left:30px;background:url(arrow_dn.gif) no-repeat 3px 50%;}
.board-panel div.board-detail ul.next-prev li.next a,
.board-panel div.board-detail ul.next-prev li.prev a {color:#1a559b;letter-spacing:-1px;word-spacing:0.3em;}
.board-panel div.board-detail ul.next-prev li.next {border-bottom:solid 1px #ddd;background-image:url(arrow_up.gif);}

/* photo-detail */
.board-panel div.photo-detail div.article-title h3 {text-align:center;}
.board-panel div.photo-detail div.image-container {margin-bottom:2em;text-align:center;}
.board-panel div.photo-detail div.image-container img {max-width:100%;max-height:800px;}
.board-panel div.photo-detail div.article-content-body {border-top:solid 1px #ff6a00;padding-top:1em;}

/* comment-items */
.board-panel ul.comment-items {display:block;clear:both;margin-top:1em;padding:0;list-style:none none outside;}
.board-panel ul.comment-items li {display:block;padding:0;position:relative;margin-bottom:10px;}
.board-panel ul.comment-items li .comment-remove {position:absolute;top:0;right:0;}
.board-panel ul.comment-items li div.comment-content {border:dotted 1px #aaa;padding:1em;}

.board-panel .board-modal {position:fixed;top:10%;left:0;width:100%;z-index:65535;}
.board-panel .board-modal form {display:block;width:320px;border:solid 1px #d15700;background:#fff;padding:10px;margin:0 auto;box-shadow:#666 0 0 100px;}

/* webzine-list */
.board-panel div.webzine-list {clear:both;}
.board-panel div.webzine-list ul {display:block;float:left;margin:0;padding:0;list-style-type:none;list-style-position:outside;width:100%;}
.board-panel div.webzine-list ul li {display:block;width:100%;float:left;border-top:solid 1px #ccc;padding:10px 0;clear:both;}
.board-panel div.webzine-list ul li a.article_title {font-weight:bold;}
.board-panel div.webzine-list ul li.list0 {border-top:none;}
.board-panel div.webzine-list ul li img.thumb {float:left;margin-right:10px;max-width:100px;max-height:75px;}
.board-panel div.webzine-list ul li p {padding:0;margin:0;line-height:1.6;font-size:9pt;}
.board-panel div.webzine-list ul li p.content {font-size:9pt;}
.board-panel div.webzine-list ul li p.info span {margin-right:10px;}
.board-panel div.webzine-list ul li p.info span em {font-style:normal;margin-right:5px;color:#666;}

/* gallery-list */
.board-panel div.gallery-list {clear:both;}
.board-panel div.gallery-list ul {display:block;margin:0;padding:0;list-style:none none outside;zoom:1;padding-bottom:5px;}
.board-panel div.gallery-list ul:after {content:"";clear:both;display:table;}
.board-panel div.gallery-list ul.items-4 li {display:block;width:22%;float:left;margin:0 0 20px 4%;}
.board-panel div.gallery-list ul.items-4 li.item-0 {margin-left:0;clear:left;}
.board-panel div.gallery-list ul.items-3 li {display:block;width:30%;float:left;margin:0 0 20px 5%;}
.board-panel div.gallery-list ul.items-3 li.item-0 {margin-left:0;clear:left;}
.board-panel div.gallery-list ul li img.thumb {display:block;margin:0 auto 10px auto;width:100%;max-width:400px;}
.board-panel div.gallery-list ul li:hover img.thumb {outline:solid 1px #2ae515;}
.board-panel div.gallery-list ul li a.article-title {color:#333;font-size:1.1em;letter-spacing:-1px;font-weight:600;text-align:left;}
.board-panel div.gallery-list ul li a.article-title .category {color:#d15700;}
.board-panel div.gallery-list ul li div {display:block;padding:0;margin:2px 0;clear:both;font-size:0.9em;color:#333;}
.board-panel div.gallery-list ul li div span {margin-right:0.5em;}

.board-panel ul.gallery-notice {padding:5px 0;margin:0;display:block;list-style-type:none;list-style-position:outside;}
.board-panel ul.gallery-notice li {display:block;clear:both;padding-left:25px;background:url(warn.gif) no-repeat 2px 50%;}
.board-panel ul.gallery-notice li a img {margin-right:5px;}
.board-panel ul.gallery-notice li a {font-weight:bold;font-size:1em;}
.board-panel ul.gallery-notice li em {font-style:normal;font-size:0.9em;color:#333;}

/* faq-list */
.board-panel .faq-list {margin-top:10px;border-top:2px solid #252525;}
.board-panel .faq-list dl.faq-q {border-bottom:solid 1px #aaa}
.board-panel .faq-list dt.faq-q a {font-weight:600;color:#333;display:block;}
.board-panel .faq-list dt.faq-q a strong {color:#1a559b;margin-right:5px;}
.board-panel .faq-list dt.faq-q a span.toggle {float:right;margin-right:20px;display:inline-block;width:30px;height:30px;background:url(faq-plus.gif) no-repeat 50% 50%;}
.board-panel .faq-list dl.faq-q a span.collapse {background-image:url(faq-minus.gif);}
.board-panel .faq-list dt.faq-q {padding:6px 0 8px 80px;margin:12px 0;background:url(faq-q.png) no-repeat 20px 6px;font-size:16px;}
.board-panel .faq-list dd.faq-a {display:none;padding:20px 30px 20px 80px;margin:0;background:#f8f8f8 url(faq-a.png) no-repeat 20px 25px;border-top:solid 1px #aaa;}
.board-panel .faq-list dd.faq-a .article-content {padding:0;}

/* table-list */
.board-panel table.table-list {clear:both;border-spacing:0;width:100%;table-layout:fixed;font-size:0.9em;}
.board-panel table.table-list thead th {border-top:solid 1px #1a559b;padding:1em 0;text-align:center;background:#fff url(th-bg.png) repeat-x 0 100%;}
.board-panel table.table-list tbody td {padding:0.8em 0;text-align:center;word-break:keep-all;font-size:1em;}
.board-panel table.table-list .article-check {width:2em;}
.board-panel table.table-list .article-seq {width:3em;}
.board-panel table.table-list .article-title {text-align:left;word-break:break-all;font-size:1em;}
.board-panel table.table-list .article-title a {color:#333;font-size:1.2em;font-weight:600;}
.board-panel table.table-list th.article-title {text-align:center;}
.board-panel table.table-list .article-category {width:8em;font-size:1em;}
.board-panel table.table-list .article-file {width:3em;}
.board-panel table.table-list .article-writer-nm {width:10em;font-size:1em;}
.board-panel table.table-list .article-write-dt {width:6em;}
.board-panel table.table-list .article-schedule {width:15em;}
.board-panel table.table-list .article-hit {width:3em;}
.board-panel table.table-list tbody tr:nth-child(2n) td {background-color:#f6f6f6;}
.board-panel table.table-list tbody tr:hover td {background-color:#e1f3ff;}
.board-panel table.table-list tbody tr.notice td.article-seq,
.board-panel table.table-list tbody tr.notice td.article-file,
.board-panel table.table-list tbody tr.notice td.article-title a {color:#18549d;}
.board-panel table.table-list .article-title .article-inf {display:none;}

/* cal-container */
.board-panel .cal-container {display:table;width:100%;table-layout:fixed;border-spacing:0;border-collapse:collapse;}
.board-panel .cal-container .cal-left {display:table-cell;width:300px;padding-right:30px;box-sizing:border-box;}
.board-panel .cal-container .cal-right {display:table-cell;}

/* table-calendar */
.board-panel table.table-calendar .week0 {color:#f00;}
.board-panel table.table-calendar .week6 {color:#00f;}
.board-panel table.table-calendar tbody td {text-align:center;font-size:0.9em;padding:0;}
.board-panel table.table-calendar tbody td.today {outline:solid 1px #1a559b;}
.board-panel table.table-calendar tbody td:hover {outline:solid 1px #d15700;}
.board-panel table.table-calendar tbody td span,
.board-panel table.table-calendar tbody td a {padding:0.8em 0;text-align:center;display:block;}
.board-panel table.table-calendar tbody td a {background:#d15700;color:#fff;}
.board-panel table.table-calendar tbody td a.ymd {background:#f00;}
.board-panel div.ym-navigate {margin-right:1em;line-height:1;}
.board-panel div.ym-navigate span.y,
.board-panel div.ym-navigate span.m {color:#1a559b;font-weight:bold;font-size:2em;font-family:Verdana,sans-serif;}

/* article-extension */
.board-panel div.article-extension {zoom:1;overflow:auto;padding-bottom:1em;}
.board-panel div.article-extension .ext-left {width:40%;float:left;}
.board-panel div.article-extension .ext-left .thumb {position:relative;padding-bottom:70%;}
.board-panel div.article-extension .ext-left .thumb a {position:absolute;display:block;left:0;top:0;width:100%;height:100%;text-align:center;border:solid 1px #ccc;box-sizing:border-box;}
.board-panel div.article-extension .ext-left .thumb a img {max-width:100%;height:100%;}
.board-panel div.article-extension .ext-right {width:55%;float:right;}
.board-panel div.article-extension .ext-right dl {display:block;padding:0;margin:0;line-height:1.8;}
.board-panel div.article-extension .ext-right dl dt {display:inline-block;float:left;width:6em;padding-left:16px;background:url(/gears/resource/typicons/v2/16/333/media-record-outline.png) no-repeat 0 50%;}
.board-panel div.article-extension .ext-right dl dd {padding-left:6em;margin-bottom:0.7em;}
.board-panel div.article-extension ul.thumbs {clear:both;display:block;font-size:0;list-style:none none outside;padding:0 0 4% 0;margin:0;background:#f6f6f6;border:solid 1px #ccc;border-top:none;}
.board-panel div.article-extension ul li {display:inline-block;width:20%;padding-left:4%;padding-top:4%;}
.board-panel div.article-extension ul li img {width:100%;}

/* event-list */
.board-panel div.event-list {}
.board-panel div.event-list ul {display:block;margin:0;padding:0;list-style:none none outside;border-top:solid 1px #1a559b;}
.board-panel div.event-list ul li {display:block;border-bottom:solid 1px #ddd;padding:1em;clear:both;}
.board-panel div.event-list ul li:after {content:"";display:table;clear:both;}
.board-panel div.event-list ul li a.article-title {font-size:1.3em;font-weight:600;color:#333;line-height:1.3;padding:0;margin:0;}
.board-panel div.event-list ul li .event-thumb {float:left;width:20%;margin-right:3%;}
.board-panel div.event-list ul li .event-thumb img {width:100%;border-radius:5px;box-shadow:#ccc 0 5px 5px;}
.board-panel div.event-list ul li .event-ext {display:block;padding:0 0 0 23%;margin:0.5em 0 0 0;line-height:1.8;}
.board-panel div.event-list ul li .event-ext dt {display:inline-block;float:left;width:6em;padding-left:16px;background:url(/gears/resource/typicons/v2/16/333/media-record-outline.png) no-repeat 0 50%;}
.board-panel div.event-list ul li .event-ext dd {padding-left:6em;}
.board-panel div.event-list ul li .event-btn {text-align:right;}
.board-panel div.event-list ul li .event-btn a {display:inline-block;font-size:1em;line-height:1em;padding:0.5em 1em;background:#ff6a00;color:#fff;}

.board-panel div.article-content img{max-width:100%;}
div.addthis_toolbox{float:right;padding:2px 0;clear:both;}

/* mobile-list */
.board-panel.mobile {}
.board-panel.mobile div.mobile-list{}
.board-panel.mobile div.mobile-list p{clear:none;width:auto;padding:0;margin:0;}
.board-panel.mobile div.mobile-list ul{display:block;padding:0;margin:0;list-style:none none outside;}
.board-panel.mobile div.mobile-list ul li{padding:4px;line-height:1.6;display:block;}
.board-panel.mobile div.mobile-list ul li:nth-child(odd) {background-color:#f4f4f4;}
.board-panel.mobile div.mobile-list ul li a:link{text-decoration:none;display:block;margin-right:20px;}
.board-panel.mobile div.mobile-list ul li a span.thumb{float:left;display:block;border:none;width:80px;height:60px;margin-right:5px;text-align:center;}
.board-panel.mobile div.mobile-list ul li a span.thumb img{border:none;max-width:80px;max-height:60px;}
.board-panel.mobile div.mobile-list ul li a p.title{font-size:1.3em;}
.board-panel.mobile div.mobile-list ul li a p.title em{font-size:0.8em;font-style:normal;}
.board-panel.mobile div.mobile-list ul li a p.content{font-size:0.8em;}
.board-panel.mobile div.mobile-list ul li a p.info span {margin-right:3px;color:#666;}
.board-panel.mobile div.mobile-list ul li a p.info span em{color:#999;margin-right:3px;text-transform:capitalize;}
.board-panel.mobile div.mobile-list ul li a p.info span em:after{content:':';}
.board-panel.mobile div.mobile-list ul.notice li{border-bottom:solid 1px #ccc;}
.board-panel.mobile div.mobile-list ul.notice li a{display:block;padding-left:18px;background-image:url(warn.gif);background-repeat:no-repeat;background-position:0px 4px;}
.board-panel.mobile div.article-content iframe,
.board-panel.mobile div.article-content img{max-width:100%;}
.board-panel.mobile div.board-view div.article-title{height:auto;background-image:none;}
.board-panel.mobile div.board-view div.article-title h3{line-height:1.5;}
.board-panel.mobile div.board-view div.article-title em{line-height:1.5;}

@media (max-width: 640px)
{
  .responsive .board-panel {font-size:1em;}
  .responsive .board-panel .table-list {table-layout:auto;}
  .responsive .board-panel .table-list thead {position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0;}
  .responsive .board-panel .table-list .article-seq,
  .responsive .board-panel .table-list .article-file,
  .responsive .board-panel .table-list .article-category,
  .responsive .board-panel .table-list .article-hit,
  .responsive .board-panel .table-list .article-writer-nm,
  .responsive .board-panel .table-list .article-write-dt {display:none;}
  .responsive .board-panel .table-list .article-check {border-bottom:solid 1px #ddd;vertical-align:top;}
  .responsive .board-panel .table-list .article-title {border-bottom:solid 1px #ddd;}
  .responsive .board-panel .table-list .article-title a {display:block;font-size:1.4em;padding:0 10px;}
  .responsive .board-panel .table-list .article-title .article-inf {display:block;font-size:10pt;padding-top:10px;}


  .responsive .board-panel div.article-extension .ext-left {float:none;width:auto;margin-bottom:1em;}
  .responsive .board-panel div.article-extension .ext-right {float:none;width:auto;}
  .responsive .board-panel div.event-list ul li .event-thumb {float:none;width:auto;margin-bottom:1em;margin-right:0;}
  .responsive .board-panel div.event-list ul li .event-ext {padding-left:0;margin-bottom:1em;}
  .responsive .board-panel div.event-list ul li .event-btn {text-align:center;}
  
  .responsive .board-panel .gallery-list ul.items-3 li,
  .responsive .board-panel .gallery-list ul.items-4 li {display:block;width:100%;margin-left:0;}
  .responsive .board-panel .gallery-list ul li div.article-thumb {width:40%;float:left;padding-right:5%;}
  .responsive .board-panel .gallery-list ul li a.article-title {}
  .responsive .board-panel .gallery-list ul li div {clear:none;width:55%;float:right;}
  .responsive .board-panel .gallery-list ul li div span {display:block;}

  .responsive .board-panel table.table-calendar td {height:2em;min-height:2em;text-align:center;vertical-align:middle;}

  .responsive .board-panel .faq-list,
  .responsive .board-panel .faq-list * {box-sizing:border-box;}
  .responsive .board-panel .faq-list dt.faq-q {padding-left:40px;background-position:5px 4px;}
  .responsive .board-panel .faq-list dt.faq-q a {position:relative;padding-right:38px;}
  .responsive .board-panel .faq-list dt.faq-q a span.toggle {position:absolute;right:5px;top:0;margin:0;}
  .responsive .board-panel .faq-list dd.faq-a {padding:10px 10px 10px 40px;margin:0;background-position:5px 20px;border-top:solid 1px #aaa;}
  .responsive .board-panel .faq-list dd.faq-a .article-content {overflow-x:scroll;-webkit-overflow-scrolling:touch;}

  .responsive .paginate {margin:0;padding:0;}
  .responsive .paginate a {display:none;}
  .responsive .paginate a.pre1,
  .responsive .paginate a.next1 {display:inline-block;padding:0 !important;}
  .responsive .paginate a i.fa {font-size:16px;line-height:26px;height:26px;display:inline-block;padding:0 10px;margin:0;box-sizing:border-box;}
  .responsive .paginate strong {font-size:16px;line-height:28px;height:28px;display:inline-block;padding:0 10px;margin:0.5em 2px;box-sizing:border-box;}
    
   .board-panel div.board-detail div.article-title h3 span { display: inline-block; width: 100%; line-height: 0;}
}

@media (max-width: 414px)
{
  .responsive .board-panel .board-header .float-right * {display:block;width:100%;margin-top:0.5em;}
  .responsive .board-panel .board-footer .float-right .action-button {float:left;width:45%;margin-top:0.5em;margin-left:5%;}
  .responsive .board-panel .board-footer .float-right {}
}

div.cke_dialog_background_cover{opacity:0.6;filter:alpha(opacity=60);}