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

/* paginate */
.paginate *{ margin:0; padding:0;}
.paginate a,
.paginate strong{ font-weight:bold; display:inline-block; padding:3px 8px 1px 7px; color:#fff; border-left:1px solid #ccc; border-right:1px solid #ccc; text-decoration:none; line-height:normal; font:bold 12px µ¸¿ò, Dotum, ±¼¸², Gulim, AppleGothic, Sans-serif;}
.paginate strong{ color:#ff8600 !important;}
.paginate a:hover{ background:#777; }
.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 25px 6px !important; border:none; border-left:1px solid #ccc; font-weight:normal;}

.single strong{ color:#666 !important; font-size:1.2em; }
.single strong em { color:#efefef !important; font-style:normal; }

div.board-container {font-size:1em;color:#fff;}
div.board-container a {color:#fff;}
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:visited {color:#ccc;}
div.board-container a:hover {text-decoration:underline;color:#fff;}
div.board-container .fsmall {
  font-size:8pt;
  font-style:normal;
  color:#efefef;
}
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:9pt;
}
div.board-container select.txt {
  background:#333;
  color:#fff;
}
div.board-container input.txt,
div.board-container textarea.txt {
  border-right:solid 1px #aaa;
  border-bottom:solid 1px #aaa;
  border-top:solid 1px #888;
  border-left:solid 1px #888;
  background:#333;
  color:#fff;
  font-size:9pt;
}
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 #757575;
}
div.board-container table.board-post th {
  padding:3px;
  background:#616161;
}
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:8pt;
  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;
  padding-top:5px;
}
div.board-container .ellipsis {
  display:block;
  width:100%;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

div.board-password {
  text-align:center;
}
div.board-password strong {
  display:block;
  text-align:center;
  padding:3px 0;
  margin-bottom:10px;
  background:#888;
  border-top:solid 1px #f0f0f0;
}
div.board-password div {
  text-align:center;
  margin-bottom:10px;
}

/* user photo */
div.board-container div.user-profile img.user-img,
div.board-container div.comments div.comment img.user-img {
  width:94px;
}

/* user link */
div.board-container a.user-link,
div.board-container a.user-link2 {font-weight:normal;color:#fff;}
div.board-container a.user-link span,
div.board-container a.user-link2 span {font-size:8pt;font-weight:normal;color:#fff;}

/* 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:#fff;}
div.board-container span.calendar-ym span.m {font-size:1.5em;font-weight:bold;color:#fff;}
div.board-container a.prev-ym,
div.board-container a.next-ym {font-size:0.9em;font-family:"Verdana";font-weight:bold;color:#ccc;}
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 #555;
  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:9pt;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:#FF7777;
}
div.board-container table.board-calendar thead tr th.sat,
div.board-container table.board-calendar tbody tr td strong.sat {
  color:#AAAAFF;
}
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 #555;
}
div.board-container ul.board-webzine li {
  display:block;
  clear:both;
  border-top:solid 1px #555;
  padding-top:10px;
  padding-bottom:10px;
}
div.board-container ul.board-webzine li span.split {
  overflow:hidden;
  height:1px;
  line-height:5px;
  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;
  width:120px;
}
div.board-container ul.board-webzine li span.desc {
  display:block;
  line-height:1.4;
  color:#ccc;
  text-align:justify;
}
div.board-container ul.board-webzine li em {
  margin-left:3px;
  padding-left:10px;
  border-left:solid 1px #ddd;
  color:#efefef;
  font-size:8pt;
  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:5px;
  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 #555;
  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%;
  text-align:center;
}
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:5px;
  overflow:hidden;
  color:#555;
  background:#555;
  margin:10px 0;
}
div.board-container ul.photo-list li img.thumb {
  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 #f4f4f4;
  margin:-6px;
}
div.board-container ul.photo-list li span.article-title {
  margin-top:8px;
  display:block;
  text-align:left;
}
div.board-container ul.photo-list li span.article-title a.new {
  padding-right:12px;
  background:url(img/new.gif) no-repeat right top;
}
div.board-container ul.photo-list li span.article-info {
  display:block;
  text-align:left;
}
div.board-container ul.photo-list li span.article-info span.lbl {
  color:#ffff99;
  margin-right:2px;
}

/* 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 #555;
}
img.user-img2 {
  width:100px;
  float:left;
  margin:10px;
}
div.photo-info2 {
  float:left;
}
div.photo-info dl {
  display:block;padding:10px;margin:0;line-height:1.4;
  float:left;clear:left;
}
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 0 0 50px;margin:0;
}
div.board-container div.photo-info div.article-content {
  float:right;width:500px;clear:none;border-bottom:0px;
}
div.board-container dl.article-tag {
  width:100%;
}

/* board list */
div.rows-count {
  font-size:1.3em;
  font-weight:bold;
  color:#bbb;
}
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 #fff;
  background-color:#fff;
}
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;
  color:#fff;
  font-size:9pt;
}
div.board-container table.board-list tbody td {
  text-align:center;
  padding:6px 0;
  border-bottom:solid 1px #555;
  border-top:solid 1px #515151;
}
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:#444;
}
div.board-container div.search-bar {
  float:left;
  width:100%;
  clear:both;
  margin-top:10px;
}
div.board-container div.search-bar select,
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:#ccc;
  letter-spacing:-0.1em;
  font-size:0.9em;
}
/* user profile */
div.board-container div.user-profile {
  clear:both;
  padding:10px;
}
div.board-container div.user-profile div.center-align {
  margin-left:120px;
  line-height:1.6;
  text-align:left;
}
/* 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:gold;
}
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;
}
/* board comments */
div.board-container div.comments {
  clear:both;
  float:left;
  width:100%;
}
div.board-container div.comments div.comment-form {
  clear:both;
  margin-top:10px;
  border:solid 1px #555;
  background:#555;
  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.comment-info a,
div.board-container div.comments div.comment div.comment-info em {
  color:#FFCC00 ! important;
}
div.board-container div.comments div.comment div.split {
  height:1px;line-height:5px;overflow:hidden;font-size:1px;margin-top:10px;background:#555;clear:both;
}

/* 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;
}
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;color:#444;}
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.9em;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;}

/* photo genres */
td.genre {background:#686868 url(img/genre_bg_r.gif) no-repeat right top;border:solid 1px #ccc;}
ul.genre {float:left;display:block;padding:5px;margin:0;list-style-type:none;list-style-position:outside;background:url(img/genre_bg_l.gif) no-repeat left top;}
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:#454545;text-decoration:none;}
ul.genre li a.selected {font-weight:bold;color:#ACD372;}

a.prev_page_arrow span,
a.next_page_arrow span {display:none;}

a.prev_page_arrow:hover,
a.next_page_arrow:hover {background-color:#333;}

p.plain-image img {margin-bottom:10px;}

strong.policy1 {display:block;color:orange;margin:10px 0;font-size:11pt;font-family:malgun gothic,gulim,dotum;}
strong.policy2 {display:block;}

.joinForm {display:block;border:solid 4px #777;padding:40px;}
.joinForm table {border-top:solid 1px orange;table-layout:fixed;}
.joinForm table caption {line-height:1.8;background:#666;color:#f1f1f1;font-weight:bold;display:block;text-align:left;padding-left:10px;}
.joinForm table th,
.joinForm table td {border-bottom:solid 1px #666;}
.joinForm table td {padding-right:10px;}
.joinForm table td * {vertical-align:middle;}
.joinForm .txt {border:solid 1px #999;font-size:9pt;background:#333;color:#fff;}
.joinForm .full {width:100%;}
.joinForm .scroll {margin:10px 2px 10px 10px;height:100px;overflow:auto;line-height:1.6;}
.joinForm .scroll p {padding:0;margin:0;}
.joinForm .scroll strong.policy1 {margin:0;font-size:10pt;}

div.photo {}
div.photo span.button,
div.photo span.button a,
div.photo span.button button,
div.photo span.button input { background-image:url(/resource/common/buttonBlack.gif); color:#fff;}
div.photo span.button.green,
div.photo span.button.green a,
div.photo span.button.green button,
div.photo span.button.green input { background-image:url(/resource/common/buttonGreen.gif); color:#000;}
div.photo span.button.white,
div.photo span.button.white a,
div.photo span.button.white button,
div.photo span.button.white input { background-image:url(/resource/common/buttonWhite.gif); color:#000;}
div.photo span.button.red,
div.photo span.button.red a,
div.photo span.button.red button,
div.photo span.button.red input { background-image:url(/resource/common/buttonRed.gif); color:#000;}

td.scrap {text-align:left ! important;}
td.scrap a {color:#4e4;font-size:8pt;}

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

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