@import url(/gears/resource/common.css);
@import url(/gears/resource/qq/fileuploader.css);
@import url(/gears/resource/jquery.calendar-0.2.css);
@import url('/gears/resource/fancybox/jquery.fancybox-1.3.4.css');

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

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

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

/* write form */
#FormBoard .board-write {clear:both;}

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

/* board-comments */
#FormBoard .board-comments {clear:both;margin-top:1em;}
#FormBoard .board-comments fieldset {display:block;background:#efefef;padding:1em;font-size:0.8em;}
#FormBoard .board-comments fieldset legend {display:block;font-size:1.3em;color:#7a7a60;font-weight:600;padding:1em 0;}

/* board-category */
#FormBoard div.top-category {padding-bottom:1em;overflow:auto;zoom:1;}
#FormBoard ul.top-category {padding:0;margin:0;display:block;list-style:none none outside;font-size:0;}
#FormBoard ul.top-category li {display:inline-block;margin:0;padding:0;font-size:11pt;margin-right:1px;}
#FormBoard ul.top-category li a,
#FormBoard ul.top-category li a:link,
#FormBoard 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;}
#FormBoard ul.top-category li a:hover {color:#fff;background:#777;border-color:#000;}
#FormBoard ul.top-category li a.selected {color:#fff ! important;background:#4573B8;border-color:#075093;}

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

#FormBoard .board-footer {zoom:1;overflow:auto;margin-top:1em;padding-bottom:2px;}
#FormBoard .board-footer * {vertical-align:middle;box-sizing:border-box;}
#FormBoard .board-footer .float-left .paginate {margin-left:6px;}

/* board-detail */
#FormBoard div.board-detail div.article-title {clear:both;}
#FormBoard div.board-detail div.article-title h3 {display:block;margin:0;padding:0;font-size:1.5em;letter-spacing:-1px;word-spacing:0.3em;}
#FormBoard 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;}
#FormBoard div.board-detail div.article-title ul li {display:inline-block;margin-right:0.5em;padding-left:18px;font-size:1em;white-space:nowrap;}
#FormBoard div.board-detail div.article-title ul li a {color:#2977d5;}
#FormBoard div.board-detail div.article-title ul li.article-writer-nm {background:url(/gears/resource/typicons/333/user.png) no-repeat 0 50%;}
#FormBoard div.board-detail div.article-title ul li.article-write-dt {background:url(/gears/resource/typicons/333/clock.png) no-repeat 0 50%;}
#FormBoard div.board-detail div.article-title ul li.article-hit {background:url(/gears/resource/typicons/333/eye.png) no-repeat 0 50%;}
#FormBoard div.board-detail div.article-title ul li.article-writer-ip {background:url(/gears/resource/typicons/333/warning.png) no-repeat 0 50%;}
#FormBoard div.board-detail div.article-title ul li.article-writer-mail {background:url(/gears/resource/typicons/333/mail.png) no-repeat 0 50%;}
#FormBoard div.board-detail div.article-title ul li.article-writer-home {background:url(/gears/resource/typicons/333/anchor.png) no-repeat 0 50%;}
#FormBoard div.board-detail div.article-title ul li.article-schedule {background:url(/gears/resource/typicons/333/calendar.png) no-repeat 0 50%;}
#FormBoard div.board-detail div.article-title ul li.article-files {float:right;margin-right:0;}
#FormBoard div.board-detail div.article-title ul li.article-files a {background:url(/gears/resource/typicons/333/download.png) no-repeat 0 50%;padding-left:18px;}
#FormBoard div.board-detail ul.article-files {display:none;margin:0 0 1em 0;padding:0.5em 1em 0 1em;background:#f4f4f4;list-style:none none outside;text-align:left;}
#FormBoard div.board-detail ul.article-files li {display:inline-block;margin-bottom:0.5em;}
#FormBoard div.board-detail ul.article-files li a {font-size:0.9em;padding-left:18px;margin-right:1em;background:url(/gears/resource/typicons/333/download.png) no-repeat 0 50%;color:#2977d5;}
#FormBoard div.board-detail div.article-media {display:block;margin:0 0 1em 0;}
#FormBoard div.board-detail div.article-media ul {display:block;list-style:none none outside;padding:0;margin:0;}
#FormBoard div.board-detail div.article-media ul li {display:inline;}
#FormBoard div.board-detail div.article-media ul li a {padding-left:18px;font-size:1em;color:#2977d5;background:url(/gears/resource/typicons/333/views.png) no-repeat 0 50%;}
#FormBoard div.board-detail div.article-media .media-frame {position:relative;width:100%;padding-bottom:60%;}
#FormBoard div.board-detail div.article-media .media-frame iframe {position:absolute;left:0;top:0;width:100%;height:100%;}
#FormBoard div.board-detail .article-content {padding:0 0 1em 0;margin:0 0 1em 0;clear:both;}
#FormBoard div.board-detail .article-content:after {content:"";display:table;clear:both;}
#FormBoard div.board-detail ul.next-prev {display:block;clear:both;font-size:1em;padding:0;margin:0;list-style:none none outside;}
#FormBoard div.board-detail ul.next-prev li.next,
#FormBoard 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%;}
#FormBoard div.board-detail ul.next-prev li.next a,
#FormBoard div.board-detail ul.next-prev li.prev a {color:#2977d5;letter-spacing:-1px;word-spacing:0.3em;}
#FormBoard div.board-detail ul.next-prev li.next {border-bottom:solid 1px #ddd;background-image:url(arrow_up.gif);}

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

/* comment-items */
#FormBoard ul.comment-items {display:block;clear:both;margin-top:1em;padding:0;list-style:none none outside;}
#FormBoard ul.comment-items li {display:block;padding:0;position:relative;}
#FormBoard ul.comment-items li span.comment-info {padding-left:18px;background-repeat:no-repeat;background-position:0 50%;}
#FormBoard ul.comment-items li span.comment-writer-nm {background-image:url(/gears/resource/typicons/333/user.png);}
#FormBoard ul.comment-items li span.comment-write-dt {background-image:url(/gears/resource/typicons/333/clock.png);}
#FormBoard ul.comment-items li span.comment-writer-ip {background-image:url(/gears/resource/typicons/333/warning.png);}
#FormBoard ul.comment-items li a.comment-remove {position:absolute;top:0.5em;right:0;}
#FormBoard ul.comment-items li div.comment-content {border:dotted 1px #aaa;padding:1em;}

/* paginate */
.paginate a.pre{ padding:3px 8px 1px 16px; background:url(bu_pg1_l1.gif) no-repeat 8px 6px !important; border:none; font-weight:normal; }
.paginate a.pre_end{ padding:3px 8px 1px 16px; background:url(bu_pg1_l2.gif) no-repeat 4px 6px !important; border:none; border-right:1px solid #ccc; font-weight:normal;}
.paginate a.next{ padding:3px 16px 1px 8px; background:url(bu_pg1_r1.gif) no-repeat 37px 6px !important; border:none; font-weight:normal; }
.paginate a.next_end{ padding:3px 16px 1px 8px; background:url(bu_pg1_r2.gif) no-repeat 37px 6px !important; border:none; border-left:1px solid #ccc; font-weight:normal;}

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

/* banner-list */
#FormBoard div.banner-list {clear:both;}
#FormBoard div.banner-list ul {display:block;margin:0;padding:0;list-style:none none outside;padding-bottom:5px;}
#FormBoard div.banner-list ul li {padding:10px 0;}
#FormBoard div.banner-list ul li img.thumb {max-width:100%;display:block;margin:0 auto;border:solid 1px #aaa;box-sizing:border-box;}
#FormBoard div.banner-list ul li a.article-title {color:#333;font-size:1.1em;letter-spacing:-1px;font-weight:600;text-align:left;}
#FormBoard div.banner-list ul li a.article-title .category {color:#d15700;}
#FormBoard div.banner-list ul li div {display:block;padding:0;margin:2px 0;clear:both;font-size:0.9em;color:#333;}
#FormBoard div.banner-list ul li div span {padding-left:16px;background-repeat:no-repeat;background-position:0 50%;margin-right:0.5em;}
#FormBoard div.banner-list ul li div span.article-writer-nm {background-image:url(/gears/resource/typicons/333/user.png);}
#FormBoard div.banner-list ul li div span.article-write-dt {background-image:url(/gears/resource/typicons/333/clock.png);}
#FormBoard div.banner-list ul li div span.article-hit {background-image:url(/gears/resource/typicons/333/eye.png);}

/* gallery-list */
#FormBoard div.gallery-list {clear:both;}
#FormBoard div.gallery-list ul {display:block;margin:0;padding:0;list-style:none none outside;zoom:1;overflow:auto;padding-bottom:5px;}
#FormBoard div.gallery-list ul.items-4 li {display:block;width:22%;float:left;margin:0 0 20px 4%;}
#FormBoard div.gallery-list ul.items-4 li.item-0 {margin-left:0;clear:left;}
#FormBoard div.gallery-list ul.items-3 li {display:block;width:30%;float:left;margin:0 0 20px 5%;}
#FormBoard div.gallery-list ul.items-3 li.item-0 {margin-left:0;clear:left;}
#FormBoard div.gallery-list ul li img.thumb {display:block;margin:0 auto 10px auto;width:100%;max-width:400px;border-radius:5px;box-shadow:#ccc 0 5px 5px;}
#FormBoard div.gallery-list ul li a.article-title {color:#333;font-size:1.1em;letter-spacing:-1px;font-weight:600;text-align:left;}
#FormBoard div.gallery-list ul li a.article-title .category {color:#d15700;}
#FormBoard div.gallery-list ul li div {display:block;padding:0;margin:2px 0;clear:both;font-size:0.9em;color:#333;}
#FormBoard div.gallery-list ul li div span {padding-left:16px;background-repeat:no-repeat;background-position:0 50%;margin-right:0.5em;}
#FormBoard div.gallery-list ul li div span.article-writer-nm {background-image:url(/gears/resource/typicons/333/user.png);}
#FormBoard div.gallery-list ul li div span.article-write-dt {background-image:url(/gears/resource/typicons/333/clock.png);}
#FormBoard div.gallery-list ul li div span.article-hit {background-image:url(/gears/resource/typicons/333/eye.png);}

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

/* table-list */
#FormBoard table.table-list {clear:both;border-spacing:0;width:100%;table-layout:fixed;font-size:0.9em;}
#FormBoard table.table-list thead th {border-top:solid 1px #2977d5;padding:1em 0;text-align:center;background:#fff url(th-bg.png) repeat-x 0 100%;}
#FormBoard table.table-list tbody td {padding:0.5em 0;text-align:center;word-break:keep-all;font-size:0.9em;border-bottom:dotted 1px #aaa;}
#FormBoard table.table-list .article-check {width:2em;}
#FormBoard table.table-list .article-seq {width:3em;}
#FormBoard table.table-list .article-title {text-align:left;word-break:break-all;font-size:1em;}
#FormBoard table.table-list .article-title a {color:#333;}
#FormBoard table.table-list th.article-title {text-align:center;}
#FormBoard table.table-list .article-category {width:8em;font-size:1em;}
#FormBoard table.table-list .article-file {width:3em;}
#FormBoard table.table-list .article-writer-nm {width:8em;font-size:1em;}
#FormBoard table.table-list .article-write-dt {width:6em;}
#FormBoard table.table-list .article-hit {width:3em;}
#FormBoard table.table-list tbody tr:nth-child(2n) td {background-color:#f6f6f6;}
#FormBoard table.table-list tbody tr:hover td {background-color:#e1f3ff;}

/* table-calendar */
#FormBoard table.table-calendar .week0 {color:#f00;}
#FormBoard table.table-calendar .week6 {color:#00f;}
#FormBoard table.table-calendar tbody td {text-align:left;vertical-align:top;padding:0.5em;font-size:1em;min-height:7em;height:7em;}
#FormBoard table.table-calendar tbody td a {font-size:1em;color:#333;}
#FormBoard div.ym-navigate {margin-right:1em;line-height:1;}
#FormBoard div.ym-navigate span.y,
#FormBoard div.ym-navigate span.m {color:#2977d5;font-weight:bold;font-size:2em;font-family:Verdana,sans-serif;}

/* article-extension */
#FormBoard div.article-extension {zoom:1;overflow:auto;padding-bottom:1em;}
#FormBoard div.article-extension .ext-left {width:40%;float:left;}
#FormBoard div.article-extension .ext-left .thumb {position:relative;padding-bottom:70%;}
#FormBoard 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;}
#FormBoard div.article-extension .ext-left .thumb a img {max-width:100%;height:100%;}
#FormBoard div.article-extension .ext-right {width:55%;float:right;}
#FormBoard div.article-extension .ext-right dl {display:block;padding:0;margin:0;line-height:1.8;}
#FormBoard 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%;}
#FormBoard div.article-extension .ext-right dl dd {padding-left:6em;margin-bottom:0.7em;}
#FormBoard 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;}
#FormBoard div.article-extension ul li {display:inline-block;width:20%;padding-left:4%;padding-top:4%;}
#FormBoard div.article-extension ul li img {width:100%;}

/* event-list */
#FormBoard div.event-list {}
#FormBoard div.event-list ul {display:block;margin:0;padding:0;list-style:none none outside;border-top:solid 1px #2977d5;}
#FormBoard div.event-list ul li {display:block;border-bottom:solid 1px #ddd;padding:1em;clear:both;}
#FormBoard div.event-list ul li:after {content:"";display:table;clear:both;}
#FormBoard 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;}
#FormBoard div.event-list ul li .event-thumb {float:left;width:20%;margin-right:3%;}
#FormBoard div.event-list ul li .event-thumb img {width:100%;border-radius:5px;box-shadow:#ccc 0 5px 5px;}
#FormBoard div.event-list ul li .event-ext {display:block;padding:0 0 0 23%;margin:0.5em 0 0 0;line-height:1.8;}
#FormBoard div.event-list ul li .event-ext dt {display:inline-block;float:left;width:4em;padding-left:16px;background:url(/gears/resource/typicons/v2/16/333/media-record-outline.png) no-repeat 0 50%;}
#FormBoard div.event-list ul li .event-ext dd {padding-left:2em;}
#FormBoard div.event-list ul li .event-btn {text-align:right;}
#FormBoard 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;}

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

/* mobile-list */
#FormBoard.mobile {}
#FormBoard.mobile div.mobile-list{}
#FormBoard.mobile div.mobile-list p{clear:none;width:auto;padding:0;margin:0;}
#FormBoard.mobile div.mobile-list ul{display:block;padding:0;margin:0;list-style:none none outside;}
#FormBoard.mobile div.mobile-list ul li{padding:4px;line-height:1.6;display:block;}
#FormBoard.mobile div.mobile-list ul li:nth-child(odd) {background-color:#f4f4f4;}
#FormBoard.mobile div.mobile-list ul li a:link{text-decoration:none;display:block;margin-right:20px;}
#FormBoard.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;}
#FormBoard.mobile div.mobile-list ul li a span.thumb img{border:none;max-width:80px;max-height:60px;}
#FormBoard.mobile div.mobile-list ul li a p.title{font-size:1.3em;}
#FormBoard.mobile div.mobile-list ul li a p.title em{font-size:0.8em;font-style:normal;}
#FormBoard.mobile div.mobile-list ul li a p.content{font-size:0.8em;}
#FormBoard.mobile div.mobile-list ul li a p.info span {margin-right:3px;color:#666;}
#FormBoard.mobile div.mobile-list ul li a p.info span em{color:#999;margin-right:3px;text-transform:capitalize;}
#FormBoard.mobile div.mobile-list ul li a p.info span em:after{content:':';}
#FormBoard.mobile div.mobile-list ul.notice li{border-bottom:solid 1px #ccc;}
#FormBoard.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;}
#FormBoard.mobile div.article-content iframe,
#FormBoard.mobile div.article-content img{max-width:100%;}
#FormBoard.mobile div.board-view div.article-title{height:auto;background-image:none;}
#FormBoard.mobile div.board-view div.article-title h3{line-height:1.5;}
#FormBoard.mobile div.board-view div.article-title em{line-height:1.5;}

@media (max-width: 540px)
{
  .responsive #FormBoard {font-size:0.95em;}
  .responsive #FormBoard .table-list .article-seq,
  .responsive #FormBoard .table-list .article-file,
  .responsive #FormBoard .table-list .article-hit {display:none;}
  .responsive #FormBoard .table-list .article-writer-nm,
  .responsive #FormBoard .table-list .article-write-dt {width:4em;}
  .responsive #FormBoard .table-list td.article-writer-nm,
  .responsive #FormBoard .table-list td.article-write-dt {font-size:0.5em;letter-spacing:-1px;}

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

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

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

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