@import url(/resource/common/common.css);
@import url(/resource/common/button.css);
@import url(/resource/js/datepicker/datepicker.css);

div.board-container {font-size:1em;}
div.board-container a {color:#000000;}
div.board-container span.button a {color:#000;}
div.board-container a:link,
div.board-container a:visited {text-decoration:none;}
div.board-container a:hover {text-decoration:underline;}
div.board-container .fsmall {
  font-size:1em;
  font-style:normal;
  color:#002ec3;
}
div.board-container .gsmall {
  font-size:0.9em;
  font-style:normal;
  color:#da2c00;
}
div.board-container .fleft {text-align:left ! important;}
div.board-container .clear-left {
  padding-left:0px ! important;
  margin-left:0px ! important;
  border-left:none ! important;
}
div.board-container form {
  padding:0;
  margin:0;
}
div.board-container select {
  font-size:1em;
}
div.board-container input.txt,
div.board-container textarea.txt {
  border-right:solid 1px #eeeeee;
  border-bottom:solid 1px #eeeeee;
  border-top:solid 1px #cfcfcf;
  border-left:solid 1px #cfcfcf;
  font-size:1em;
}
div.board-container .full {width:100%;}
div.board-container .top-line {border-top:solid 1px #cfcfcf;}

div.board-container table.board-post {
  width:100%;
  table-layout:fixed;
  border:solid 2px #f4f4f4;
}
div.board-container table.board-post th {
  padding:3px;
  background:#f4f4f4;
}
div.board-container table.board-post td {padding:3px 6px 3px 3px;}
div.board-container table.board-post td label,
div.board-container table.board-post td input,
div.board-container table.board-post td select,
div.board-container table.board-post td img {
  vertical-align:middle;
}
a#captcha img {
  border:0px;
}
div.board-container table.board-post span#secret_option {
  border-left:solid 1px #f0f0f0;
  margin-left:5px;
  padding-left:5px;
  display:none;
}
div.board-container table.board-post span#secret_option span {
  font-size:0.9em;
  color:#666;
}
div.board-container table.board-post #article_secret_pw {
  ime-mode:disabled;
}
div.board-container div.command-bar {
  text-align:right;
  margin-bottom:10px;
  clear:both;
  margin-top:5px;
}
div.board-container .ellipsis {
  display:block;
  width:100%;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

div.board-container div.board-password strong {
  display:block;
  text-align:center;
  padding:3px 0;
  margin-bottom:10px;
  background:#f4f4f4;
  border-top:solid 1px #f0f0f0;
}
div.board-container div.board-password div {
  text-align:center;
  margin-bottom:10px;
}
/* calendar list */
div.board-container span.calendar-ym {font-size:0.8em;font-family:"malgun gothic","Verdana";line-height:1.3;}
div.board-container span.calendar-ym span.y {font-size:1.8em;font-weight:bold;color:#438CCB;}
div.board-container span.calendar-ym span.m {font-size:1.5em;font-weight:bold;color:#5573B7;}
div.board-container a.prev-ym,
div.board-container a.next-ym {font-size:0.9em;font-family:"Verdana";font-weight:bold;color:#EE1D24;}
div.board-container table.board-calendar {
  table-layout:fixed;
  width:100%;
  clear:both;
}
div.board-container table.board-calendar thead tr th {
  height:30px;
  border-top:solid 1px #ccc;
  border-bottom:solid 1px #ccc;
}
div.board-container table.board-calendar tbody tr td {
  border-bottom:solid 1px #f2f2f2;
  vertical-align:top;
}
div.board-container table.board-calendar tbody tr td div.date {
  min-height:40px;_height:40px;
  overflow-y:visible;
}
div.board-container table.board-calendar tbody tr td strong.date {
  font-size:1em;font-family:Verdana,Serif;
}
div.board-container table.board-calendar thead tr th.sun,
div.board-container table.board-calendar tbody tr td strong.sun {
  color:#FF3300;
}
div.board-container table.board-calendar thead tr th.sat,
div.board-container table.board-calendar tbody tr td strong.sat {
  color:#6666FF;
}
div.board-container table.board-calendar tbody tr td strong.other {
  color:#999;
}
div.board-container table.board-calendar tbody tr td div.row {
  margin-top:5px;padding-right:5px;
}
div.board-container table.board-post input.date {
  background:url(/resource/image/calendar.gif) no-repeat right;
}
/* webzine list */
div.board-container ul.board-webzine {
  display:block;
  float:left;
  width:100%;
  list-style-type:none;
  list-style-position:outside;
  padding:0;
  margin:0;
  border-bottom:solid 1px #cccccc;
}
div.board-container ul.board-webzine li {
  display:block;
  clear:both;
  border-top:solid 1px #cccccc;
  padding-top:10px;
  padding-bottom:10px;
}
div.board-container ul.board-webzine li span.split {
  overflow:hidden;
  height:1px;
  line-height:1px;
  font-size:1px;
  color:#ffffff;
  clear:both;
  margin:0px;
  padding:0px;
  display:block;
}
div.board-container ul.board-webzine li a {
  font-size:1.2em;
  font-family:'malgun gothic',dotum,gulim;
  letter-spacing:-0.1em;
  font-weight:bolder;
}
div.board-container ul.board-webzine li img.thumb {
  float:left;
  margin-right:5px;
}
div.board-container ul.board-webzine li span.desc {
  display:block;
  line-height:1.4;
  color:#444;
  text-align:justify;
}
div.board-container ul.board-webzine li em {
  margin-left:3px;
  padding-left:10px;
  border-left:solid 1px #ddd;
  color:#666666;
  font-size:0.9em;
  font-style:normal;
}
/* gallery list */
div.board-container ul.gallery-list {
  border-top:solid 1px #cccccc;
  width:100%;
  display:block;
  float:left;
  list-style-type:none;
  list-style-position:outside;
  padding:10px 0 0 0;
  margin:0;
}
div.board-container ul.gallery-list li {
  width:23%;
  display:block;
  float:left;
  padding-left:1.5%;
}
div.board-container ul.gallery-list li.item0 {
  clear:left;
}
div.board-container ul.gallery-list li.split {
  width:100%;
  padding-left:0px;
  float:none;
  display:block;
  clear:both;
  font-size:1px;
  height:1px;
  line-height:1px;
  overflow:hidden;
  color:#f1f1f1;
  background:#f1f1f1;
  margin:10px 0;
}
div.board-container ul.gallery-list li img.thumb {
  /*max-width:200px;*/
  max-width:100%;
  _width:100%;
  border:0px;
  display:block;
  margin-bottom:5px;
}
div.board-container ul.gallery-list li span.article-info {
  display:block;
}

/* photo list */
div.board-container ul.photo-list {
  border-top:solid 1px #cccccc;
  width:100%;
  display:block;
  float:left;
  list-style-type:none;
  list-style-position:outside;
  padding:10px 0 0 0;
  margin:0;
}
div.board-container ul.photo-list li {
  width:23%;
  display:block;
  float:left;
  padding-left:1.5%;
}
div.board-container ul.photo-list li.item0 {
  clear:left;
}
div.board-container ul.photo-list li.split {
  width:100%;
  padding-left:0px;
  float:none;
  display:block;
  clear:both;
  font-size:1px;
  height:1px;
  line-height:1px;
  overflow:hidden;
  color:#f1f1f1;
  background:#f1f1f1;
  margin:10px 0;
}
div.board-container ul.photo-list li img.thumb {
  /*max-width:200px;*/
  max-width:100%;
  _width:100%;
  border:0px;
  display:block;
  margin:0px;
  border:0px;
}
div.board-container ul.photo-list li a:hover img.thumb {
  border:solid 6px #000;
  margin:-6px;
}
div.board-container ul.photo-list li span.article-title {
  margin-top:8px;
  display:block;
}
div.board-container ul.photo-list li span.article-info {
  display:block;
}

/* photo view */
div.photo-title {
  text-align:center;padding:10px;font-size:1.6em;font-family:"malgun gothic","nanum gothic",dotum,gulim;
}
div.article-photo {
  text-align:center;clear:both;
}
img.photo-file {
  border:0px;
  max-width:100%;
  _widht:100%;
  -ms-interpolation-mode:bicubic;
}
dl.exif-info {
  text-align:left;padding:5px;margin:0;
  position:absolute;display:none;
  background:#000;color:#fff;float:left;
}
dl.exif-info dt {
  display:block;padding:0;margin:0;margin-right:3px;line-height:1.4;font-weight:bold;
  float:left;clear:left;
}
dl.exif-info dd {
  display:block;padding:0;margin:0;margin-right:10px;line-height:1.4;
}
div.article-photo div.desc {
  text-align:center;
}
div.photo-info {
  display:block;clear:both;float:left;width:100%;
  border-top:solid 1px #f0f0f0;
}
div.photo-info dl {
  display:block;padding:10px;margin:0;line-height:1.4;
  float:left;clear:left;width:39%;
}
div.photo-info dl dt {
  float:left;clear:left;display:block;padding:0;margin:0;margin-right:10px;
}
div.photo-info dl dd {
  display:block;padding:0;margin:0;
}
div.board-container div.photo-info div.article-content {
  float:right;width:55%;clear:none;border-bottom:0px;
}

/* board list */
div.rows-count {
  font-size:1.3em;
  font-weight:bold;
  color:#666;
}
div.rows-count strong {
  color:orange;
  font-style:italic;
  font-family:verdana;
}
div.rows-count a img {
  border:solid 1px #ccc;
  vertical-align:middle;
  margin-left:-3px;
  margin-bottom:1px;
  padding:2px 4px;
}
div.rows-count a.template img {
  border:solid 1px #444;
  background-color:#777;
}
div.board-container table.board-list {
  clear:both;
  width:100%;
  border-collapse:collapse;
}
div.board-container table.board-list thead th {
  text-align:center;
  padding:8px 0;
  border-top:solid 1px #cccccc;
  border-bottom:solid 1px #cfcfcf;
}
div.board-container table.board-list tbody td {
  text-align:center;
  padding:6px 0;
  border-bottom:solid 1px #f2f2f2;
}
div.board-container table.board-list thead th.check,
div.board-container table.board-list tbody td.check {
  padding:0px;
}
div.board-container table.board-list tbody td a.new {
  padding-right:12px;
  background:url(img/new.gif) no-repeat right top;
}
div.board-container table.board-list tbody tr.current td {
  background:#f8f8f8;
}
div.board-container div.search-bar {
  float:left;
  width:100%;
  clear:both;
  margin-top:10px;
}
div.board-container div.search-bar input,
div.board-container div.search-bar a,
div.board-container div.search-bar strong {
  vertical-align:middle;
}
div.board-container div.left-align {
  text-align:left;
  float:left;
}
div.board-container div.right-align {
  text-align:right;
  float:right;
}
div.board-container div.center-align {
  text-align:center;
}
div.board-container span.cat { /* category in title */
  margin-right:5px;
  color:#888;
  letter-spacing:-0.1em;
  font-size:0.9em;
}

/* board view */
div.board-container div.article-title { /* title area */
  float:left;
  clear:both;
  width:100%;
  border-top:solid 1px #f1f1f1;
  border-bottom:solid 1px #f1f1f1;
  padding:5px 0;
}
div.board-container div.article-title strong {  /* title */
  float:left;
  font-size:1.2em;
  display:block;
}
div.board-container div.article-title strong.category { /* category */
  color:#666;
}
div.board-container div.article-title em { /* date */
  float:right;
  margin-left:10px;
  padding-left:10px;
  border-left:solid 1px #dfdfdf;
}
div.board-container div.article-title dl {  /* hits and votes */
  text-align:right;
  padding:0;
  margin:0;
}
div.board-container div.article-title dl dt {
  display:inline;
  margin-left:10px;
}
div.board-container div.article-title dl dd {
  display:inline;
  padding:0;
  margin:0;
}
div.board-container dl.article-attach,
div.board-container dl.article-tag { /* attachments, tags */
  display:block;
  clear:both;
  text-align:left;
  padding:5px 0;
  margin:0px;
  border-bottom:solid 1px #f0f0f0;
}
div.board-container div.article-content dl.article-tag {
  border-bottom:0px;
}
div.board-container dl.article-attach dt,
div.board-container dl.article-tag dt {
  display:inline;
  padding:0;
  margin:0 5px 0 0;
}
div.board-container dl.article-attach dd,
div.board-container dl.article-tag dd {
  display:inline;
  border-left:solid 1px #dfdfdf;
  padding:0 5px;
  margin:0;
}
div.board-container div.article-writer {
  clear:both;
  padding:5px 0;
}
div.board-container div.article-writer em {
  margin-left:10px;
  padding-left:10px;
  border-left:solid 1px #dfdfdf;
}
div.board-container div.article-content {
  clear:both;
  float:left;
  width:100%;
  line-height:1.6;
  padding:10px 0;
  border-bottom:solid 1px #f0f0f0;
  color:#333;
}
div.board-container div.article-content p {
  color:#333;
  padding:0;
  margin:0;
  line-height:1.6;
}
div.board-container div.user-profile div.center-align {
  padding-left:110px;
  text-align:left;
}
div.board-container div.user-profile img.user-img2 {
  width:100px;
}
/* board comments */
div.board-container div.comments {
  clear:both;
  float:left;
  width:100%;
}
div.board-container div.comments div.comment-form {
  border:solid 1px #f1f1f1;
  background:#f8f8f8;
  padding:10px;
  text-align:left;
}
div.board-container div.comments div.comment-form span,
div.board-container div.comments div.comment-form button,
div.board-container div.comments div.comment-form label,
div.board-container div.comments div.comment-form input,
div.board-container div.comments div.comment-form img {
  vertical-align:middle;
}
div.board-container div.comments div.comment-form img {
  border:0px;
}
div.board-container div.comments div.comment-form textarea {
  line-height:1.5;
}
div.board-container div.comments div.comment {
  padding:10px 10px 0px 10px;
  clear:both;
  display:block;
}
div.board-container div.comments div.comment div.left-align {
  width:100px;
}
div.board-container div.comments div.comment div.right-align {
  width:100px;
}
div.board-container div.comments div.comment div.center-align {
  margin-left:120px;
  line-height:1.6;
  text-align:left;
}
div.board-container div.comments div.comment div.split {
  height:1px;line-height:1px;overflow:hidden;font-size:1px;margin-top:10px;background:#f1f1f1;clear:both;
}
div.board-container div.comments div.comment img.user-img {
  width:100px;
}

/* mobile list */
ul.mobile-list {
  display:block; padding:0px; margin:0px; clear:both;
  border-top:solid 2px #ededed; list-style-type:none; list-style-position:outside;
}
ul.mobile-list li {
  display:block; list-style-type:none; list-style-position:outside;
}
ul.mobile-list li a:link,
ul.mobile-list li a:active,
ul.mobile-list li a:visited,
ul.mobile-list li a:hover {
  display:block; border-bottom:solid 1px #f1f1f1; vertical-align:middle;
  font-size:1.1em; font-family:"Malgun Gothic", Sans-Serif; color:#000; background:url(/resource/board/img/mobile_arrow.gif) no-repeat right;
  padding:5px 20px 5px 5px;
}
ul.mobile-list li a:active {
  background-color:#f6f6f6;
}
ul.mobile-list li a em {
  font-size:0.9em; color:#888; font-style:normal;
}
ul.mobile-list li a img {
  border:0px;
}
ul.mobile-list li a:hover {
  text-decoration:none;
}
div.mobile-comment-content {
  clear:both;
}

/* mobile view */
div.board-container div.mobile div.article-writer {
  padding:3px 0 0 0;
}
div.board-container div.mobile div.mobile-thumb {
  margin-bottom:0px; margin-bottom:5px; text-align:center;
}
div.board-container div.mobile div.mobile-thumb img {
  border:solid 1px #f0f0f0; padding:3px;
}
div.board-container div.mobile div.comment-form label.box {width:60px;font-weight:bold;display:inline-block;}
div.board-container div.mobile div.comment-form input.txt {height:16px;}
div.board-container div.mobile div.comment-form input.box {width:120px;}

/* category */
div.board-container a#trigger-categories {font-size:0.8em;font-weight:normal;vertical-align:middle;height:1em;display:inline-block;border-left:solid 1px #ffa500;padding-left:5px;padding-right:8px;background:url(img/arrow_right.gif) no-repeat right;}
div.board-container a#trigger-categories.left-arrow {background:url(img/arrow_left.gif) no-repeat right;}
div.board-container div#categories {display:none;font-size:0.8em;position:absolute;z-index:100;padding-left:7px;background:url(img/category_bg.gif) no-repeat left top;left:0px;top:0px;}
div.board-container div#categories ul {display:block;margin:0;padding:0;list-style-type:none;list-style-position:outside;border:solid 1px #3366CC;border-left:0px;background:#fff;}
div.board-container div#categories ul li {display:block;padding:0px;margin:0px;}
div.board-container div#categories ul li a {display:block;padding:3px 5px;}
div.board-container div#categories ul li a:link,
div.board-container div#categories ul li a:visited {text-decoration:none;background:#fff;}
div.board-container div#categories ul li a:hover {text-decoration:none;background:#f4f4f4;}

/* edit tools */
#edit-tools {height:32px;line-height:32px;background:#f1f1f1 url(img/tools_bg.gif) repeat-x left top;width:100%;color:#666;padding-top:0px;padding-left:4px;}
#edit-tools a img {border:0px;}

/* tag clouds */
div.board-container a#trigger-clouds {font-size:0.8em;font-weight:normal;vertical-align:middle;height:1em;display:inline-block;border-left:solid 1px #ffa500;padding-left:5px;}
div.board-container div.clouds {padding:10px;clear:both;margin-bottom:10px;line-height:140%;}
div.board-container div.clouds a {text-decoration:underline;margin:0 5px;}
div.board-container a#trigger-clouds span.tag {padding-left:24px;background:url(img/tag.gif) no-repeat left;}
div.board-container a#untrigger-clouds {color:#f00;font-size:0.8em;}

/* floater */
#floater {width:100px;display:block;padding:3px;margin:0;list-style-type:none;list-style-position:outside;background:#777;border:solid 1px #eee;z-index:999;position:absolute;display:none;}
#floater li {display:block;}
#floater li a:link,
#floater li a:visited {display:block;color:#fff;padding:2px;text-decoration:none;}
#floater li a:hover {display:block;color:#fff;background:#444;padding:2px;text-decoration:none;}

/* photo genres */
td.genre {background:#fff;border:solid 1px #ccc;}
ul.genre {float:left;display:block;padding:5px;margin:0;list-style-type:none;list-style-position:outside;}
ul.genre li {float:left;display:block;width:110px;}
ul.genre li a {display:block;line-height:2.0;padding-left:10px;background:url(/coding/images/notice_bl.gif) no-repeat 4px 48%;}
ul.genre li a:hover {background-color:#f1f1f1;text-decoration:none;}
ul.genre li a.selected {font-weight:bold;color:#ACD372;}

input.comment-submit,
button.comment-submit {width:80px;height:70px;border:solid 1px #ccc;background:#f6f6f6;color:#000;font-size:9pt;cursor:pointer;}

div.board-container img.newicon {width:10px;height:9px;background:url(img/new.gif) no-repeat 0 0;}
div.board-container img.commented {width:10px;height:9px;background:url(img/commented.gif) no-repeat 0 0;}