@charset "UTF-8";
/* Reset */
.bd, .bd input, .bd textarea, .bd select, .bd button, .bd table {
  font-size: 13px;
  line-height: 1.5;
}

.bd {
  color: #444;
}

.bd a {
  text-decoration: none;
  color: #333;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
  *cursor: pointer;
}

.bd a:hover {
  text-decoration: underline;
  color: #000;
}

.bd fieldset {
  margin: 0;
  padding: 0;
  border: 0;
}

.bd label, .bd button {
  cursor: pointer;
}

.fl {
  float: left;
}

.fr {
  float: right;
}

.bd .clear {
  display: block;
  position: relative;
  clear: both;
  *zoom: 1;
}

.bd .clear:after {
  content: "";
  display: block;
  clear: both;
}

.bd hr.clear {
  margin: 0;
  border: 0;
  *border: 1px solid transparent;
  *margin: -0.8em 0;
}

.blind {
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 0;
  padding: 0;
  font-size: 0;
  line-height: 0;
}

.bd_tb {
  width: 100%;
  border-collapse: collapse;
}

/* Common */
.bd, .bd input, .bd textarea, .bd select, .bd button, .bd table {
  font-family: -apple-system, BlinkMacSystemFont, "Malgun Gothic", "맑은 고딕", helvetica, "Apple SD Gothic Neo", sans-serif;
}

/* Form */
.bd_btn, .bd textarea, .bd .itx, .bd select, .btn_img {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: border 0.4s, background 0.4s;
  transition: border 0.4s, background 0.4s;
  *zoom: 1;
}

.bd_btn, .btn_img {
  display: inline-block;
  position: relative;
  height: 28px;
  margin: 0;
  padding: 4px 20px;
  background: #F3F3F3 url(../img/ie/btn.png) repeat-x;
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FFF), to(#F3F3F3));
  background: linear-gradient(to bottom, #FFF 0%, #F3F3F3 100%);
  border: 1px solid;
  border-color: #CCC #C6C6C6 #C3C3C3 #CCC;
  border-radius: 3px;
  white-space: nowrap;
  cursor: pointer;
  text-decoration: none !important;
  text-align: center;
  text-shadow: 0 1px 0 #FFF;
  box-shadow: inset 0 0 1px 1px #FFF, 0 1px 1px rgba(0, 0, 0, 0.1);
  *display: inline;
  *zoom: 1;
}

.btn_img {
  padding: 5px 14px 4px 10px;
  font-size: 11px;
  border-color: #CCC;
  background: #FCFCFC;
  letter-spacing: -1px;
  box-shadow: none;
}

.btn_img.no {
  padding: 6px 18px;
}

.bd_btn.blue {
  font-weight: 700;
  color: #FFF;
  text-shadow: 0 1px 0 #000;
  border-color: #669 !important;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
  background: #55B url(../img/ie/btn_blue.gif) repeat-x;
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#77C), to(#55B));
  background: linear-gradient(to bottom, #77C 0%, #55B 100%);
}

.bd_btn:hover, .bd_btn:focus, .btn_img:hover, .btn_img:focus {
  border-color: #AAA;
  box-shadow: 0 1px 4px #CCC;
}

.bd_btn[disabled=disabled] {
  box-shadow: none !important;
}

.bd .itx, .bd select {
  display: inline-block;
  margin: 0;
  padding: 4px 6px;
  background: #FAFAFA;
  border-radius: 3px;
  border: 1px solid;
  border-color: #BBB #DDD #DDD #BBB;
  *display: inline;
  *zoom: 1;
}

.bd .itx {
  height: 28px;
}

.bd .itx_wrp {
  position: relative;
}

.bd .itx_wrp label {
  position: absolute;
  top: -1px;
  left: 8px;
  *top: 10px;
}

.bd textarea {
  overflow: auto;
  width: 100%;
  margin: 0;
  padding: 4px;
  border: 1px solid;
  border-color: #CCC #DDD #DDD #CCC;
  border-radius: 3px;
  box-shadow: inset 1px 1px 4px rgba(0, 0, 0, 0.06);
}

.bd .itx:hover, .bd .itx:focus, .bd textarea:hover, .bd textarea:focus {
  background-color: #FFF;
  border-color: #AAA;
}

/* Bg */
.bd .bg_f_f9 {
  background: #F9F9F9 url(../img/ie/bg_f_f9.gif) repeat-x;
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FFF), to(#F9F9F9));
  background: linear-gradient(to bottom, #FFF 0%, #F9F9F9 100%);
}

/* Arrow */
.bd .arrow {
  display: inline-block;
  margin: 1px 3px;
  border-left: 3px solid transparent;
  border-right: 3px solid transparent;
  *height: 3px;
  *vertical-align: middle;
}

.bd .arrow.up {
  border-bottom: 3px solid #666;
}

.bd .arrow.down {
  border-top: 3px solid #666;
}

/* Icon */
.bd .ico_16px, .bd .ico_24px, .bd .ico_32px, .bd .ico_sns16, .bd .ico_sns, .bd .ui-icon {
  display: inline-block;
  overflow: hidden;
  width: 16px;
  height: 16px;
  font-size: 0;
  line-height: 0;
  vertical-align: top;
  text-indent: -100px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  *text-indent: 0;
}

.bd.hover_effect a:hover .ico_16px, .bd.hover_effect a:focus .ico_16px, .bd.hover_effect a:hover .ico_24px, .bd.hover_effect a:focus .ico_24px, .bd.hover_effect a:hover .ico_sns, .bd.hover_effect a:focus .ico_sns, .bd.hover_effect a:hover .ui-icon, .bd.hover_effect a:focus .ui-icon {
  -webkit-transform: rotate(360deg);
  transform: rotate(360deg);
}

.bd .ico_16px {
  background-repeat: no-repeat;
}

.bd .ico_16px.reply {
  background-position: 0 -32px;
}

.bd .ico_16px.search {
  background-position: 0 -64px;
}

.bd .ico_16px.write {
  background-position: 0 -96px;
}

.bd .ico_16px.setup {
  background-position: 0 -128px;
}

.bd .ico_16px.delete {
  background-position: 0 -160px;
}

.bd .ico_16px.re {
  background-position: 0 -192px;
}

.bd .ico_16px.home {
  background-position: 0 -224px;
}

.bd .ico_16px.list {
  background-position: 0 -384px;
}

.bd .ico_24px {
  width: 24px;
  height: 24px;
}

.bd .ico_32px {
  width: 32px;
  height: 32px;
}

.bd .ico_32px.deco2 {
  background-position: 0 -64px;
}

.bd .ico_sns16 {
  border-radius: 3px;
  background-image: url(../img/sns_16.png);
  opacity: 0.8;
}

.bd .ico_sns16.facebook {
  background-position: 0 -16px;
}

.bd .ico_sns16.google {
  background-position: 0 -32px;
}

.bd .ico_sns16.pinterest {
  background-position: 0 -48px;
}

.bd .ico_sns {
  width: 32px;
  height: 32px;
  margin: 2px;
  background-image: url(../img/sns.png);
  opacity: 0.9;
}

.bd .ico_sns:hover {
  opacity: 1;
}

.bd .ico_sns.facebook {
  background-position: 0 -32px;
}

.bd .ico_sns.google {
  background-position: 0 -64px;
}

.bd .ico_sns.pinterest {
  background-position: 0 -96px;
}

.bd .ico_sns.line {
  background-position: 0 -128px;
}

.bd .ico_sns.kakao {
  background-position: 0 -160px;
}

/* Jquery UI */
/* Toggle */
.tg_cnt2 {
  display: none;
}

.tg_blur2, .bd .blur {
  position: absolute;
  top: 0;
  left: 0;
  border: 0;
  background: none;
  width: 1px;
  height: 1px;
  overflow: hidden;
}

.bd .tg_close2 {
  position: absolute;
  top: 0;
  right: 0;
  border: 0;
  background: transparent;
  font: 20px Tahoma, AppleGothic, sans-serif;
  color: #999;
}

/* Bubble */
.bubble {
  position: relative;
}

.bubble .wrp {
  display: none;
  position: absolute;
  left: 50%;
  bottom: 100%;
  z-index: 100;
  margin: 8px 0;
  font-size: 11px;
  background: #FFF;
  border: 1px solid #999;
  border-radius: 5px;
  white-space: nowrap;
  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2);
  *text-decoration: none;
}

.bubble .speech {
  display: block;
  padding: 3px 6px;
  font-weight: 400;
  line-height: 1.5em;
  text-decoration: none;
}

.bubble .edge {
  display: block;
  position: absolute;
  bottom: -6px;
  left: 50%;
  width: 9px;
  height: 6px;
  margin-left: -5px;
  background-image: url(../img/white/edge.png);
  background-repeat: no-repeat;
}

.bubble.right .wrp {
  top: 0;
  left: 100%;
  bottom: auto;
  margin: 0 8px;
}

.bubble.right .edge {
  top: 50%;
  left: -1px;
  bottom: auto;
  width: 6px;
  height: 9px;
  margin-top: -5px;
  background-position: 0 -32px;
}

.bubble.btm .wrp {
  top: 100%;
  bottom: auto;
}

.bubble.btm .edge {
  top: -6px;
  bottom: auto;
  background-position: 0 -64px;
}

.bubble.left .wrp, .rd_nav_side .wrp {
  top: 0;
  right: 100%;
  bottom: auto;
  left: auto;
  margin: 0 8px;
}

.bubble.left .edge, .rd_nav_side .edge {
  top: 50%;
  right: -6px;
  bottom: auto;
  left: auto;
  width: 6px;
  height: 9px;
  margin-top: -5px;
  background-position: 0 -96px;
}

/* Menu */
.bd .img_tx a {
  font-size: 11px;
  line-height: 16px;
  letter-spacing: -1px;
  text-decoration: none;
  *cursor: pointer;
}

/* Text Image */
.bd .tx_ico_chk {
  display: inline-block;
  padding: 0 3px;
  font: bold 12px/10px Arial;
  color: #77A;
  box-shadow: 0 4px 5px -4px #669;
}

.bd .tx_ico_circ {
  display: inline-block;
  width: 1.2em;
  height: 1.2em;
  border-radius: 2em;
  line-height: 1.2em;
  text-align: center;
  text-decoration: none !important;
  color: #FFF;
  opacity: 0.75;
}

.bd .tx_ico_circ:hover {
  opacity: 1;
}

/* Font */
.fontcheckWrp p {
  float: left;
  font-size: 72px;
}

.bd.ui_font, .bd .ui_font, .no_img, .tx_ico_circ {
  font-family: Gulim, "Gulim", "Segoe UI", Meiryo, "나눔고딕", NanumGothic, ng, "맑은 고딕", "Malgun Gothic", Tahoma, AppleGothic, sans-serif;
}

.bd.tahoma, .bd .tahoma {
  font-family: Gulim, Tahoma, AppleGothic, sans-serif;
}

.bd.ng, .bd .ng {
  font-family: Gulim, "Gulim", "나눔고딕", NanumGothic, ng, Tahoma, AppleGothic, sans-serif;
}

.bd.window_font, .bd .window_font {
  font-family: Gulim, "Gulim", "Segoe UI", Meiryo, "맑은 고딕", "Malgun Gothic", Tahoma, AppleGothic, sans-serif;
}

.bd .ngeb {
  font-weight: 700;
  font-family: Gulim, "Gulim", "Segoe UI", Meiryo, "나눔고딕 ExtraBold", "NanumGothic ExtraBold", ngeb, "맑은 고딕", "Malgun Gothic", "나눔고딕", NanumGothic, ng, "Trebuchet MS", "돋움", dotum, AppleGothic, sans-serif;
  *font-family: Gulim, "Gulim", "나눔고딕 ExtraBold", "NanumGothic ExtraBold", "맑은 고딕", "Malgun Gothic", "나눔고딕", NanumGothic, ng, "Trebuchet MS";
}

.bd .nmeb {
  font-weight: 700;
  font-family: Gulim, "Gulim", "나눔명조 ExtraBold", "NanumMyeongjo ExtraBold", nmeb, "나눔명조", NanumMyeongjo, nm, "Times New Roman", Times, serif;
}

.bd .np {
  font-family: Gulim, "Gulim", "Nanum Pen Script", "나눔손글씨 펜", np, "휴먼편지체", "Times New Roman", Times, serif;
}

/* NanumPen */
.use_np .np {
  font-size: 1.3em;
}

.use_np .np .np_18px, .use_np .np.np_18px {
  font-size: 1.5em;
}

.use_np .rd_hd .board .np h1 {
  font-weight: 400;
}

/* Header */
.bd_hd {
  padding: 3px 0 15px;
}

.small_lst_btn .bd_hd {
  padding-right: 82px;
}

.small_lst_btn.select_lst_cloud .bd_hd {
  padding-right: 105px;
}

/* Breadcrumb */
.bd_bc {
  font-size: 11px;
  color: #999;
}

.bd_bc a {
  display: inline-block;
  padding: 0 4px;
  color: #444;
}

.bd_bc em {
  font-weight: 700;
}

/* Setting */
.bd_set a {
  float: left;
  padding: 1px 6px;
  font-size: 11px;
  line-height: 16px;
  text-decoration: none !important;
  color: #555;
}

.bd_set a b {
  margin-right: 1px;
}

.bd_set .bg_f_f9 {
  min-width: 55px;
  margin: -3px 0 -3px 18px;
  padding: 3px 14px 3px 11px;
  border-width: 1px;
  border-style: solid;
  border-color: #DDD #CCC #BBB #D6D6D6;
  border-radius: 3px;
  letter-spacing: -1px;
  text-align: center;
  color: #666;
  text-shadow: 0 1px 0 #FFF;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
}

.bd_set em {
  position: relative;
  top: 1px;
  font: bold 13px/1em Arial;
}

.bd_set .font_select {
  position: relative;
}

.bd_set .font_select b {
  font-size: 14px;
  font-family: Gulim, "Times New Roman", Times, serif;
  position: relative \9 ;
  top: 1px \9 ;
}

.bd_set .font_select .bd_font_select {
  right: 0;
  left: auto;
  top: 30px \9 ;
}

.bd_set .iCheck {
  margin: 0;
  vertical-align: middle;
}

.viewer_with {
  margin-right: 12px;
}

.viewer_with strong {
  font-weight: 400;
}

.viewer_with.on:before {
  content: "";
  display: block;
  position: absolute;
  bottom: 0px;
  left: 4px;
  width: 95%;
  height: 2px;
  opacity: 0.7;
}

.viewer_with em {
  display: none;
  filter: alpha(opacity=70);
  opacity: 0.7;
}

.viewer_with.on em {
  display: inline-block;
}

.viewer_with .wrp {
  width: 226px;
  white-space: normal;
  text-align: center;
}

.bd_font {
  position: relative;
  margin: -3px 0 -3px 18px;
  font-size: 11px;
  line-height: 22px;
}

.bd .bd_font a {
  text-decoration: none;
}

.bd_font .select {
  display: inline-block;
  width: 84px;
  height: 22px;
  border: 1px solid #CCC;
  border-radius: 3px;
  background: #FFF;
  *cursor: pointer;
}

.bd_font b {
  padding: 0 4px 0 6px;
  font: bold 12px "Times New Roman", Times, serif;
}

.bd_font strong {
  font-weight: 400;
}

.bd_font .arrow {
  position: absolute;
  top: 10px;
  right: 4px;
}

.bd_font_select {
  display: none;
  position: absolute;
  z-index: 20;
  top: 24px;
  left: 1px;
  width: 84px;
  background: #FFF;
}

.bd_font_select ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.bd_font_select li {
  position: relative;
  margin: -1px;
  padding-left: 18px;
  border: 1px solid #DDD;
  line-height: 20px;
  *zoom: 1;
}

.bd_font_select li:hover {
  z-index: 30;
  border-color: #CCC;
  background: #F6F6F6;
}

.bd .bd_font_select a {
  float: none;
  padding: 0;
  box-shadow: none;
}

.bd_font_select em {
  display: none;
  position: absolute;
  top: 0;
  left: 5px;
  font: 11px Arial;
}

.bd_font_select .on em {
  display: block;
}

#install_ng2 {
  display: none;
  position: absolute;
  top: 50px;
  left: 50%;
  z-index: 100;
  width: 280px;
  margin-left: -151px;
  padding: 30px;
  border: 1px solid #CCC;
  border-radius: 8px;
  text-align: center;
  background: #FFF;
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.1);
}

#install_ng2 a {
  margin: 3px;
}

#install_ng2 p {
  padding: 15px 0;
}

#install_ng2 b {
  font-size: 1.1em;
  color: #2AAE1E;
}

#install_ng2 .close {
  padding: 5px 20px;
  background: #FFF;
}

/* Title */
.bd_tl {
  float: left;
  margin: 4px 16px 28px;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.05);
  *padding-bottom: 24px;
}

.bd_tl h1, .bd_tl h2 {
  margin: 0;
  padding: 0 20px;
  font-size: 16px;
  line-height: 22px;
}

.bd_tl a {
  float: left;
  text-decoration: none;
  color: #555;
}

.bd_tl i {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 12px;
  height: 22px;
  border-radius: 2px;
}

.bd_tl h2 {
  margin-top: 2px;
  font-size: 11px;
  line-height: 11px;
  color: #888;
}

.bd_tl h2 i {
  height: 12px;
  filter: alpha(opacity=70);
  opacity: 0.7;
}

/* Search */
.bd_faq_srch {
  display: none;
  float: left;
  margin: 4px 0 20px;
  padding: 3px;
  background: #FAFAFA;
  border: 1px solid #CCC;
  border-radius: 5px;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
  *height: 36px;
}

.bd_faq_srch .itx_wrp {
  padding: 0 3px;
}

.bd_faq_srch.m_srch .itx_wrp {
  width: 100%;
}

.bd_faq_srch .itx {
  width: 100%;
  background: #FFF;
}

.bd_faq_srch .select {
  width: auto;
}

.bd_faq_srch select {
  padding: 1px 0;
  background: #FFF;
  border: 0;
  box-shadow: none !important;
}

.bd_faq_srch.clear {
  display: block;
  float: none;
  margin-bottom: 24px;
  padding: 20px;
  border-radius: 8px;
}

.bd_faq_srch.clear .itx_wrp {
  width: 100%;
  padding: 0 4px;
}

.bd_faq_srch.clear .itx, .bd_faq_srch.clear .bd_btn {
  height: 32px;
}

/* List Style */
.cnb_n_list {
  position: relative;
  margin-bottom: 10px;
}

.small_lst_btn .cnb_n_list {
  position: static;
}

.lst_btn {
  position: absolute;
  top: 8px;
  right: 10px;
  background: #FFF;
}

.small_lst_btn .lst_btn {
  top: 0;
  right: 0;
}

.small_lst_btn1 .lst_btn {
  display: none;
}

.lst_btn ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.lst_btn li {
  float: left;
}

.lst_btn a {
  display: block;
  margin-left: -1px;
  padding: 6px;
  border: 1px solid #BBB;
  opacity: 0.5;
  filter: alpha(opacity=50);
  background-image: url(../img/blank.gif);
  *text-decoration: none !important;
}

.small_lst_btn .lst_btn a {
  padding: 5px;
}

.lst_btn li:first-child a {
  border-radius: 3px 0 0 3px;
  *margin: 0;
}

.lst_btn li:last-child a {
  border-radius: 0 3px 3px 0;
}

.lst_btn a:hover, .lst_btn a:focus, .lst_btn .on a {
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
  filter: alpha(opacity=100);
  opacity: 1;
}

.lst_btn b {
  display: block;
  overflow: hidden;
  width: 11px;
  height: 0;
  padding-top: 11px;
  background: url(../img/white/list_style.png) no-repeat;
}

.lst_btn .zine b {
  background-position: -11px 0;
}

.lst_btn .gall b {
  background-position: -22px 0;
}

.lst_btn .cloud b {
  background-position: -33px 0;
}

/* Category List */
.bd_cnb {
  position: relative;
}

.bd_cnb ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.bd_cnb li {
  float: left;
  position: relative;
}

.bd_cnb a {
  display: block;
  text-decoration: none !important;
  white-space: nowrap;
  *zoom: 1;
}

.bd_cnb .a1 {
  position: relative;
  height: 23px;
  margin: 1px;
  padding: 3px 10px;
  font-weight: 700;
  color: #777;
  border: 1px dashed transparent;
  line-height: 23px;
}

.bd_cnb .a1.on, .bd_cnb .a1:hover, .bd_cnb .a1:focus {
  border: 1px dashed #888;
  border-radius: 100% 70%;
  background: #FFF;
  color: #333;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
}

.bd_cnb .a1:active, .bd_cnb .a1.on {
  border: 1px solid;
  border-color: #BBB #888 #777 #AAA;
  box-shadow: inset -1px -1px 2px #FFF, inset 1px 1px 3px rgba(0, 0, 0, 0.1), 1px 1px 3px rgba(0, 0, 0, 0.1);
}

.bd_cnb .a1.on {
  margin: 1px 0;
  padding: 3px 11px;
}

.bd_cnb .a1.on:before {
  content: "";
  display: block;
  position: absolute;
  top: -2px;
  left: -2px;
  width: 100%;
  height: 100%;
  padding: 1px;
  border: 1px solid;
  border-color: #CCC #BBB #AAA;
  border-radius: 80% 100%;
}

.bd_cnb ul ul {
  display: none;
  position: absolute;
  white-space: nowrap;
}

.bd_cnb .li2 {
  float: none;
  display: inline-block;
  margin: 0 6px;
}

.bd_cnb .li2 a {
  color: #888;
}

.bd_cnb .li2.on a, .bd_cnb .li2 a:hover, .bd_cnb .li2 a:focus {
  font-weight: 700;
  color: #222;
}

.bd_cnb small, .cTab small {
  padding-left: 1px;
  font: 10px Tahoma, AppleGothic, sans-serif;
  color: #777;
}

.bd .cnbMore {
  visibility: hidden;
  float: right;
}

.cnbMore a {
  margin: 7px 0 7px 5px;
  padding: 1px 1px 0;
  border: 1px solid;
  border-color: #AAA;
  border-radius: 4px;
  background: #FFF;
  line-height: 16px;
}

.cnbMore i {
  -webkit-transition: none;
  transition: none;
}

.bd_cnb .cnb_hide {
  display: none;
}

.bd_cnb.open .cnb_hide {
  display: block;
  visibility: visible;
}

/* Gradation Style */
.bd_cnb {
  margin: 0 1px 1px;
  padding: 0 0 0 58px;
  border: 1px solid #DDD;
  border-radius: 5px;
  background: #FFF;
  box-shadow: 0 1px 1px #AAA;
}

.bd_cnb .bg_f_f9 {
  overflow: hidden;
  height: 33px;
  padding: 3px 90px 3px 11px;
  border-left: 1px solid #CCC;
  border-radius: 4px;
  box-shadow: -1px 0 2px #DDD;
}

.bd_cnb.open .bg_f_f9 {
  height: auto;
}

.select_lst_cloud .bd_cnb .bg_f_f9 {
  padding-right: 114px;
}

.if_lst_btn .bd_cnb .bg_f_f9 {
  padding-right: 5px;
}

.bd_cnb .bubble:after {
  content: "";
  display: block;
  clear: both;
}

.bd_cnb a.home {
  position: absolute;
  top: 0;
  left: 0;
  width: 64px;
  height: 100%;
  *min-height: 39px;
}

.bd_cnb i.home {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -8px -11px;
}

.bd_cnb ul.wrp {
  bottom: 26px;
  left: -5px;
  z-index: 10;
  padding: 5px;
  font-size: 11px;
}

.bd_cnb ul.flip {
  top: 28px;
  right: -8px;
  bottom: auto;
  left: auto;
  white-space: normal;
  text-align: center;
}

.bd_cnb ul.wrp .edge {
  display: block;
  position: absolute;
  left: 0;
  bottom: -8px;
  width: 100%;
  height: 8px;
  background: url(../img/white/edge.png) no-repeat 24px 0;
}

.bd_cnb ul.flip .edge {
  top: -6px;
  left: 5px;
  background-position: 50% -64px;
}

/* Tab Style */
.bd .cTab {
  position: relative;
  margin: 0 1px 40px;
  padding: 0;
  border-bottom: 1px solid #AAA;
}

.bd .cTab li {
  float: left;
  list-style: none;
  margin-right: -1px;
  border: 1px solid #DDD;
  border-top: 0;
  border-bottom: 0;
  background: #FDFDFD;
}

.bd .cTab li.on {
  margin: -1px 0 -1px 1px;
  border: 1px solid #AAA;
  border-top: 0;
  border-bottom: 1px solid #FFF;
  background: transparent;
}

.bd .cTab li.home {
  margin-left: 0;
}

.bd .cTab li a {
  position: relative;
  top: -1px;
  border-top: 1px solid #DDD;
  float: left;
  height: 25px;
  line-height: 25px;
  padding: 0 20px;
  color: #888;
  text-decoration: none;
}

.bd .cTab li.on a {
  padding-top: 1px;
  font-weight: 700;
  color: #000;
  border-top: 1px solid #AAA;
}

.bd .cTab ul {
  display: none;
  position: absolute;
  bottom: -30px;
  left: 0;
  overflow: hidden;
  margin: 0;
  padding: 0;
  white-space: nowrap;
}

.bd .cTab li.on ul {
  display: block;
}

.bd .cTab li.on ul li {
  position: relative;
  left: 1px;
  float: none;
  display: inline;
  margin: 0;
  padding: 0 15px;
  border: 0;
  border-right: 1px solid #DDD;
  background: none;
}

.bd .cTab li.on ul li a {
  border: 0;
  top: 0;
  float: none;
  line-height: none;
  padding: 0;
  font-weight: 400;
}

.bd .cTab li.on ul li.on_ a {
  font-weight: 700;
  color: #000;
}

/* Box Style */
.cnb3 {
  margin: 0 0 0 -2px;
  padding: 0;
}

.cnb3 li {
  list-style: none;
  float: left;
}

.cnb3 a {
  display: block;
  overflow: hidden;
  padding: 5px 16px;
  margin: 2px;
  border: 1px solid #DDD;
  border-radius: 3px;
  background: #EEE;
  white-space: nowrap;
  text-decoration: none !important;
  text-align: center;
  color: #666;
}

.cnb3 .on > a, .cnb3 a:hover, .cnb3 a:focus {
  border-color: #999;
  background: #BBB;
  color: #FFF;
  text-shadow: 0 0 1px rgba(0, 0, 0, 0.5);
}

.cnb3 .on > a {
  font-weight: 700;
}

.cnb4 a {
  border: 1px solid #999;
  background: none !important;
}

.cnb4 .on > a, .cnb4 a:hover, .cnb4 a:focus {
  border-color: #333;
  color: #333;
  text-shadow: none;
}

.cnb3.center {
  text-align: center;
}

.cnb3.center li {
  float: none;
  display: inline-block;
  *display: inline;
  *zoom: 1;
}

/* List Bottom */
.btm_mn {
  position: relative;
  margin-top: -1px;
  padding: 0;
  border-top: 1px solid #CCC;
  padding-top: 10px;
}

.btm_mn .fl .btn_img {
  margin-right: 4px;
}

.bd_srch_btm {
  display: inline;
}

.bd .bd_srch_btm_itx {
  position: absolute;
  top: -1px;
  left: -1px;
  width: 100%;
  height: 100%;
  border: 0;
  box-shadow: none;
  background: none;
  cursor: pointer;
}

.bd .bd_srch_btm label {
  display: inline;
  position: static;
  font-size: 11px;
  line-height: 16px;
}

.bd_srch_btm button {
  background-color: transparent;
  border: 0;
}

.bd_srch_btm.on .itx_wrp {
  float: left;
  width: 140px;
  overflow: visible \9  !important;
}

.on .bd_srch_btm_itx {
  width: 136px;
  padding-left: 4px;
  cursor: auto;
  line-height: 28px \9 ;
}

.bd_srch_btm.on .search {
  position: absolute;
  top: 5px;
  right: 5px;
  padding: 0;
}

.bd_srch_btm.on label {
  visibility: hidden !important;
}

.bd_srch_btm .select {
  display: none;
  float: left;
  padding: 4px;
}

.bd_srch_btm select {
  margin: 0;
  padding: 0;
  border: 0;
  background: #FCFCFC;
}

.bd_srch_btm .bg_f_f9 {
  padding: 5px 15px;
  border: 1px solid #BBB;
}

.bd_srch_btm.on .select {
  display: block;
}

/* Pagnation */
.bd_pg {
  padding: 24px 0;
  text-align: center;
}

.bd_pg a, .bd_pg strong {
  display: inline-block;
  min-width: 12px;
  height: 24px;
  padding: 0 6px;
  border: 1px solid transparent;
  border-radius: 2px;
  font: bold 12px/2em Tahoma, AppleGothic, sans-serif;
  letter-spacing: -1px;
  *display: inline;
  *zoom: 1;
}

.bd_pg a {
  color: #999;
  text-decoration: none !important;
}

.bd_pg .this, .bd_pg a:hover, .bd_pg a:focus {
  background: #F9F9F9;
  border-color: #AAA;
  color: #555;
}

.bd_pg .frst_last {
  color: #555;
}

.bd_pg .direction {
  margin: 0 4px;
  color: #555;
  letter-spacing: 0;
  font-weight: 400;
}

.bd_pg strong.direction {
  color: #999;
}

.bd .bd_go_page {
  left: -47px;
  padding: 8px 2px;
  border-color: #AAA;
  *vertical-align: top;
}

.bd_go_page .itx, .bd_go_page .bd_btn {
  height: 24px;
  margin: 0 6px;
  padding: 2px 8px;
  text-align: center;
  vertical-align: middle;
}

.bd_go_page .itx {
  width: 32px;
  padding: 2px 8px;
}

/* Read */
.rd {
  margin: 0 auto;
  padding: 0 0px;
}

/* Read Header */
.rd_hd .btm_area span, .rd_hd .board .cate {
  padding: 0 6px;
  font-size: 11px;
  color: #888;
}

.rd_hd b {
  letter-spacing: 0;
}

.rd_hd small {
  color: #AAA;
}

/* Board Style */
.rd_hd .board .top_area {
  padding: 11px;
  border-top: 1px solid #CCC;
  border-bottom: 1px solid #CCC;
  background: #FCFCFC;
  line-height: 1.5em;
  white-space: nowrap;
}

.rd_hd .board h1 {
  overflow: hidden;
  text-overflow: ellipsis;
  margin: 0;
  padding: 0 8px;
  font-size: 12px;
}

.rd_hd .board .img {
  width: 68px;
  height: auto;
  margin: 4px 0 4px 6px;
  padding: 3px;
  border: 1px solid #DDD;
  background: #FFF;
}

.rd_hd .board .btm_area {
  position: static;
  border-bottom: 1px solid #EEE;
}

.rd_hd .board .side {
  display: inline-block;
  padding: 9px;
}

.rd_hd .board .side.fr {
  *margin-top: -34px;
}

.rd_hd .board .btm_area span {
  letter-spacing: -1px;
}

.rd_hd .board b {
  padding-left: 2px;
  color: #666;
}

.rd_hd .board .link {
  padding: 0 8px;
  font-size: 10px;
  color: #999;
}

.rd_hd .board .nick {
  padding: 0 8px;
  font-size: 11px;
}

.rd_hd .board .date {
  font-weight: 400;
  letter-spacing: 0 !important;
}

.rd_hd .xe_v3 .top_area {
  margin: 0 1px 1px;
  border: 1px solid #DDD;
  border-radius: 5px;
  box-shadow: 0 1px 1px #AAA;
}

.rd_hd .xe_v3 .btm_area {
  margin: 0 3px;
  background: #F9F9F9;
}

/* Blog Style */
.rd_hd .blog {
  padding: 12px 3%;
  border-top: 3px solid #333;
  border-bottom: 1px solid #666;
}

.rd_hd .blog.v2 {
  border-top: 1px solid #333;
  border-bottom: 0;
}

.rd_hd .blog.v3 {
  border: 10px solid #EEE;
}

.rd_hd .blog.v4 {
  padding: 0;
  border: 0;
}

.rd_hd .blog h1 {
  margin: 0.8em 4px 1em;
  font-size: 2.3em;
  line-height: 1;
  letter-spacing: -1px;
  color: #222;
  -webkit-text-stroke: 0.25px;
  -webkit-animation-duration: 2s;
  -webkit-animation-timing-function: ease-in-out;
  animation-duration: 2s;
  animation-timing-function: ease-in-out;
}

@-webkit-keyframes rd_h1_v {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
}
@keyframes rd_h1_v {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
}
@-webkit-keyframes rd_h1_v2 {
  0% {
    opacity: 0;
  }
  50% {
    -webkit-transform: rotateX(0deg);
  }
  100% {
    -webkit-transform: rotateX(360deg);
  }
}
@keyframes rd_h1_v2 {
  0% {
    opacity: 0;
  }
  50% {
    transform: rotateX(0deg);
  }
  100% {
    transform: rotateX(360deg);
  }
}
.rd_hd .blog small {
  padding-right: 2px;
  font-weight: 400;
  font-style: italic;
  font-size: 11px;
}

.rd_hd .blog .top_area span {
  display: inline-block;
  padding: 16px 6px 0;
  *display: inline;
  *zoom: 1;
}

.rd_hd .blog .btm_area span {
  display: inline-block;
  padding: 0 6px 16px;
  *display: inline;
  *zoom: 1;
}

.rd_preview {
  margin: 20px 6px;
  font-size: 11px;
  color: #888;
}

.rd_hd .blog .date {
  font-variant: small-caps;
}

.rd_hd .blog .cate {
  color: #999;
}

.rd_hd .blog b {
  font-size: 12px;
}

.rd_hd .btm_area.nmeb span {
  font-size: 1em;
}

.rd_hd .blog .np b {
  font-weight: 400;
}

/* Read Navi */
.bd .rd_nav {
  position: relative;
  margin: 15px 10px 0;
}

.rd_nav_style2 .rd_nav, .rd_nav_side .rd_nav {
  border: 1px solid #D3D3D3;
  border-radius: 4px;
  background: #FCFCFC;
}

.rd_nav a {
  float: left;
  padding: 6px;
  width: 16px;
  text-align: center;
}

.rd_nav a:hover, .rd_nav a:focus {
  position: relative;
  z-index: 10;
}

.rd_nav_style2 .rd_nav a:hover, .rd_nav_style2 .rd_nav a:focus {
  box-shadow: 0 0 6px #999;
}

.rd_nav_style2 .rd_nav .edit {
  padding-right: 8px;
  border-left: 1px solid #DDD;
}

.rd_nav .bubble:hover .wrp, .rd_nav .bubble:focus .wrp {
  display: block;
}

.rd_nav .text {
  display: inline-block;
  width: 16px;
  font-weight: 700;
  font-family: Gulim, Georgia, "Times New Roman", Times, serif;
  text-align: center;
  color: #999;
  *display: inline;
  *zoom: 1;
}

.rd_nav .help {
  float: left;
  cursor: help;
}

.rd_nav .help .wrp {
  margin-top: -23px;
  padding: 3px;
}

#viewer .rd_nav .help .wrp {
  margin-top: -32px;
}

.rd_nav .help h4 {
  margin: 0 0 4px;
}

.rd_nav .help p {
  margin: 2px 0;
}

.rd_nav .help strong {
  display: inline-block;
  width: 28px;
  margin-right: 6px;
  background: #EEE;
  border: 1px solid #DDD;
  border-radius: 4px;
  text-align: center;
}

.rd_nav .tg_btn2 {
  padding: 6px 1px 6px 5px;
  font-size: 10px;
  color: #666;
}

.rd_nav .tg_btn2 .arrow {
  border-top-color: #888;
}

.rd_nav_side {
  position: absolute;
  z-index: 100;
  right: 0;
}

.rd_nav_side .rd_nav {
  display: none;
  position: fixed;
  top: auto !important;
  bottom: 12px;
  width: 28px;
  margin: 0;
}

.rd_nav_side .edit, .rd_nav_side .files, .rd_nav_side .action, .rd_nav_side .tg_btn2 {
  display: none;
}

.rd_nav b {
  display: none;
}

.rd_nav_tx {
  line-height: 16px;
  letter-spacing: -1px;
}

.rd_nav_tx b {
  display: inline;
  font-weight: 400;
}

.bd_hd .rd_nav {
  margin: 0;
  *clear: none;
}

.bd_hd .rd_nav a {
  padding: 2px 6px 0;
  box-shadow: none;
}

.bd_hd .rd_nav .tg_btn2 {
  padding: 2px 1px 0 6px;
}

.bd_hd .rd_nav .help .wrp {
  top: 100%;
  left: auto;
  right: auto;
  margin: 8px 0 0 -34px;
}

.bd_hd .rd_nav .help .edge {
  top: -6px;
  right: auto;
  left: 50%;
  width: 9px;
  height: 6px;
  margin-top: 0;
  background-position: 0 -64px;
}

#viewer .rd_nav_side .rd_nav {
  display: block !important;
  right: 12px;
}

.rd_nav_blk .rd_nav_side .rd_nav {
  border-color: #666;
  background: #111;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.9);
}

.rd_nav_blk .rd_nav_side a {
  color: #DDD;
}

.rd_nav_blk .rd_nav_side .wrp {
  background: #000;
  color: #DDD;
}

.rd_nav_blk .rd_nav_side .edge {
  background-image: url(../img/black/edge.png);
}

.rd_nav_blk .rd_nav_side .help strong {
  background: #222;
  border-color: #666;
}

/* Read Body */
.rd_body {
  margin-bottom: 30px;
  padding: 0px 10px;
}

.xe_content {
  word-wrap: break-word;
}

.rd_gallery img {
  margin: 5px;
}

/* Tag */
.rd_tag {
  padding: 30px 0 0 50px;
}

.rd_tag div {
  float: left;
  margin: 4px 0 2px -50px;
  padding: 0 5px 0 7px;
  font: 10px/12px "Courier New", Courier, Tahoma, AppleGothic, sans-serif;
  letter-spacing: -1px;
  color: #FFF;
  border: 1px solid;
  border-radius: 3px 7px 7px 3px;
  opacity: 0.8;
}

.rd_tag ul {
  margin: 0;
  padding: 0;
}

.rd_tag li {
  display: inline-block;
  padding-right: 6px;
  font-size: 11px;
  line-height: 20px;
  *display: inline;
  *zoom: 1;
}

.rd li:last-child .comma {
  display: none;
}

/* Read Footer */
/* Sign */
.rd_sign {
  position: relative;
  width: 86%;
  max-width: 780px;
  margin: 0 auto 30px;
  padding: 14px 19px;
  background: #FCFCFC;
  border: 1px solid #DDD;
  border-radius: 7px;
  box-shadow: 0 1px 9px -3px rgba(0, 0, 0, 0.1);
}

.rd_sign h4 {
  position: relative;
  margin: 0 0 10px;
  font-size: 13px;
  color: #666;
}

.rd_sign .tx_ico_circ {
  margin-right: 6px;
}

.rd_sign .img {
  width: 60px;
  height: auto;
  border: 1px solid #CCC;
}

.rd_sign .get_sign {
  margin-left: 80px;
  word-wrap: break-word;
  font-size: 11px;
  color: #888;
}

/* Prev-Next */
.bd_prev_next {
  padding-bottom: 35px;
}

.bd_prev_next p {
  margin: 0;
}

.bd_prev_next a {
  max-width: 50%;
  text-decoration: none !important;
}

.bd_prev_next .fl .wrp {
  left: -10px;
}

.bd_prev_next .fr .wrp {
  left: auto;
  right: -10px;
}

.bd_prev_next .wrp {
  max-width: 280px;
  margin: -2px -2px 8px;
}

.bd_prev_next b {
  overflow: hidden;
  text-overflow: ellipsis;
  font-weight: 400;
}

.bd_prev_next .link {
  margin: 0 6px;
  font-weight: 700;
}

.bd_prev_next img {
  max-width: 240px;
  max-height: 240px;
  height: auto;
}

.prev_next .speech {
  padding: 9px;
  font-size: 11px;
  letter-spacing: 0;
  text-align: center;
}

.prev_next .speech b {
  display: block;
  margin: 4px 0;
  font-weight: 400;
}

.prev_next .speech span {
  color: #777;
}

.prev_next small {
  padding-left: 5px;
  color: #AAA;
}

#viewer .bd_prev_next {
  display: block !important;
  position: fixed;
  top: 50%;
  left: 0;
  z-index: 20;
  width: 100%;
  padding: 0;
}

#viewer .bd_prev_next div {
  position: relative;
  max-width: 740px;
  margin: -32px auto;
  padding: 0 96px;
}

#viewer .bd_prev_next a {
  position: absolute;
}

#viewer .bd_prev_next .wrp {
  left: 100%;
}

#viewer .bd_prev_next .fr .wrp {
  left: auto;
  right: 100%;
}

#viewer .bd_prev_next .fl {
  left: -46px;
}

#viewer .bd_prev_next .fr {
  right: -46px;
}

#viewer .bd_prev_next p {
  display: none;
}

.bd_prev_next .tx_arrow {
  display: none;
  width: 64px;
  font-style: normal;
  font-size: 64px;
  line-height: 1;
  text-align: center;
  color: #999;
  -webkit-transition: color 0.4s;
  transition: color 0.4s;
}

#viewer .bd_prev_next .tx_arrow {
  display: block;
}

.bd_prev_next a:hover .tx_arrow, .bd_prev_next a:focus .tx_arrow, .viewer_style2 .bd_prev_next .tx_arrow {
  color: #DDD;
}

.viewer_style2 .bd_prev_next a:hover .tx_arrow, .viewer_style2 .bd_prev_next a:focus .tx_arrow {
  color: #666;
}

/* Vote */
.rd_vote {
  padding-bottom: 30px;
  text-align: center;
}

.bd .rd_vote a {
  display: inline-block;
  margin: 0 5px;
  padding: 5px 10px;
  text-decoration: none;
  border-radius: 4px;
  *display: inline;
  *zoom: 1;
}

.rd_vote a.blamed {
  border: 2px solid #BBB;
  color: #AAA;
}

.rd_vote b {
  display: block;
  padding-top: 7px;
  font: bold 17px/1 Arial, sans-serif;
}

.rd_vote p {
  margin: 0;
  font-weight: 700;
  font-size: 16px;
}

/* SNS */
.bd .to_sns.big {
  padding: 0 15px 30px;
  text-align: center;
}

.bd .to_sns.small {
  padding: 6px;
}

.bd .to_sns .fl {
  margin: 3px;
}

.bd .to_sns a {
  letter-spacing: 0;
  text-decoration: none;
}

.bd .to_sns strong {
  font-weight: 400;
}

.bd .to_sns .bubble strong {
  display: none;
}

/* File, Trackback, Etc */
.rd_fnt, .rd_ft_nav {
  border-top: 1px solid #DDD;
}

.bd .rd_fnt {
  font-size: 11px;
}

.fnt_count {
  font-weight: 400;
  font-size: 12px;
}

.rd_fnt b {
  font: bold 12px/17px Tahoma;
}

.rd_file th, .rd_file td {
  padding: 8px 12px;
}

.rd_file th {
  padding-right: 0;
  white-space: nowrap;
}

.rd_file td {
  width: 100%;
}

.rd_file ul {
  list-style: none;
  float: left;
  margin: 0;
  padding: 0;
}

.rd_file li {
  float: left;
  padding: 2px 8px 2px 0;
}

.rd_file .wrp {
  font-size: 10px;
}

.rd_hd .rd_file {
  margin: -1px 0;
  border-bottom: 1px solid #DDD;
}

.rd_hd .rd_file th {
  padding-left: 15px;
}

.rd_file a, .rd_trb .link {
  color: #666;
}

.rd_trb {
  padding: 10px 12px;
  background: #FCFCFC;
}

.rd_trb a {
  margin-right: 16px;
}

.rd_ft_nav {
  padding-bottom: 15px;
  padding-top: 15px;
}

.rd_ft_nav .btn_img {
  height: 30px;
  margin: 15px 2px 0 8px;
  padding-top: 6px;
}

.rd_ft .fdb_lst {
  border: 0;
}

/* FeedBack */
.bd .profile {
  float: left;
  width: 50px;
  height: auto;
  line-height: 50px;
  padding: 2px;
  font-size: 32px;
  border: 1px solid #DDD;
}

.fdb_lst_wrp {
  margin-bottom: 20px;
  *zoom: 1;
}

.fdb_lst_wrp.fdb_v2 {
  padding: 10px;
  background: #F3F3F3;
  border: 1px solid #E6E6E6;
}

.fdb_lst {
  position: relative;
  *zoom: 1;
}

.fdb_lst_ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.fdb_v2 .fdb_lst {
  padding: 52px 20px 12px;
  background: #FFF;
  border: 1px solid #E6E6E6;
}

.fdb_tag {
  position: relative;
  z-index: 10;
  margin: -1px;
  padding: 10px 16px;
  font-size: 11px;
  border-top: 1px solid #CCC;
  border-bottom: 1px solid #CCC;
  background: #FCFCFC;
  *zoom: 1;
}

.fdb_tag b {
  font-size: 12px;
}

.fdb_tag .cmt_pg {
  float: right;
  *margin-top: -1.5em;
}

.fdb_tag .cmt_pg a, .fdb_tag .cmt_pg .this {
  padding: 0 3px;
}

.fdb_tag .cmt_pg .this {
  font-size: 13px;
  text-decoration: underline;
}

.fdb_tag .cmt_pg span {
  display: none;
}

.cmt_wrt_btm .fdb_tag {
  border: 1px solid #CCC;
  border-radius: 5px;
}

.bd .nametag {
  position: absolute;
  top: 10px;
  left: -22px;
  background: #FFF;
  text-decoration: none !important;
  *cursor: pointer;
}

.bd .nametag strong {
  display: block;
  height: 28px;
  padding: 0 15px;
  font-size: 14px;
  line-height: 28px;
  letter-spacing: -1px;
  border-radius: 2px;
  color: #FFF;
  filter: alpha(opacity=60);
  opacity: 0.6;
}

.bd .nametag b {
  font-size: 16px;
}

.cmt_editor_tl, .editor_select {
  position: relative;
  margin-bottom: 10px;
}

.cmt_editor_tl em {
  position: absolute;
  bottom: -1px;
  left: 5px;
  font: bold 17px sans-serif;
  opacity: 0.8;
}

.cmt_editor_tl strong {
  padding-left: 24px;
  text-shadow: 0 0 1px rgba(0, 0, 0, 0.2);
}

.editor_select {
  font-size: 11px;
}

#editor_select {
  margin-left: -40px;
  padding: 4px 8px;
}

#editor_select a {
  display: block;
  text-decoration: none;
}

#editor_select em {
  visibility: hidden;
}

#editor_select .on em, #editor_select a:hover em {
  visibility: visible;
}

.cmt_editor {
  margin-bottom: 0px;
  padding: 12px 16px 20px;
  background: #FCFCFC;
  border: 1px solid #DDD;
  border-bottom-color: #CCC;
  border-radius: 8px;
  box-shadow: 0 1px 3px -1px rgba(0, 0, 0, 0.1);
  *zoom: 1;
  margin-top: 30px;
}

.fdb_v2 .cmt_editor {
  clear: both;
  margin-bottom: 10px;
  padding: 0;
  border: 0;
  background: none;
  box-shadow: none;
}

.fdb_itm {
  position: relative;
  margin: -1px 0;
  padding: 12px 12px 16px 88px;
  border-top: 1px solid #EEE;
  border-bottom: 1px solid #EEE;
  -webkit-transition: background 0.5s;
  transition: background 0.5s;
  *zoom: 1;
}
.fdb_itm.mine {
  background: #E7F1F7;
}

.fdb_v2 .fdb_itm {
  padding-left: 72px;
  border-bottom: 0;
}

.fdb_v2 .fdb_itm:first-child {
  margin-top: 30px;
}

.cmt_wrt_btm .fdb_itm:first-child {
  margin-top: 0;
  border: 0;
}

.fdb_nav_btm .fdb_itm {
  padding-bottom: 15px;
}

.trb_lst h4 {
  margin: 0 0 6px;
}

.fdb_v2 .fdb_itm.re {
  margin-bottom: 12px;
  padding: 12px 12px 12px 80px;
  border: 1px solid #EEE;
  border-radius: 4px;
}

.fdb_v2 .fdb_itm.bg1 {
  background: #FAFAFA;
}

.fdb_itm.re:hover {
  background: none;
}

.ico_16px.re {
  position: absolute;
  top: 16px;
  left: -8px;
}

.ico_16px.rere {
  top: 6px;
  left: -12px;
}

.fdb_v2 .ico_16px.re {
  top: 8px;
  left: -24px;
}

.fdb_v2 .ico_16px.rere {
  top: 18px;
  left: -22px;
}

.fdb_itm .profile {
  margin-left: -72px;
}

.fdb_v2 .fdb_itm.re .profile {
  margin-left: -68px;
}

.fdb_itm .meta {
  margin-bottom: 8px;
}

.fdb_itm .meta a {
  font-weight: 700;
  color: #444;
}

.fdb_itm .meta .date {
  padding: 0 12px;
  font-size: 11px;
  color: #888;
}

.fdb_nav {
  position: absolute;
  top: 12px;
  right: 8px;
}

.fdb_nav_btm .fdb_nav {
  position: static;
  height: 18px;
  margin: 4px -4px -4px;
  text-align: right;
}

.fdb_nav a {
  display: inline-block; /*overflow:hidden;*/
  height: 1px;
  padding: 0 4px;
  -webkit-transition: -webkit-transform 0.5s;
  transition: transform 0.5s;
}

.fdb_nav_btm .vote {
  display: block !important;
  position: absolute;
  top: 12px;
  right: 8px;
}

.fdb_itm .vote a {
  height: auto !important;
  font-weight: 700;
  font-size: 13px;
  color: #BBB;
  opacity: 1;
}

.fdb_itm .vote b {
  font-size: 16px;
}

.fdb_itm .fdb_nav_ico {
  font-size: 14px;
  color: #BBB;
}

.fdb_itm:hover .fdb_nav a, .fdb_nav a:focus, .fdb_nav_btm .re_comment {
  height: auto !important;
}

.fdb_itm:hover .vote {
  display: none;
}

.trb_lst .fdb_itm, .no_profile .fdb_itm {
  padding: 12px !important;
}

.no_profile .fdb_nav {
  top: 12px;
}

.no_profile .fdb_nav_btm .vote {
  top: 12px;
  right: 8px;
}

.no_profile .fdb_nav_btm .fdb_nav {
  margin: 5px -5px -4px;
}

.fdb_itm .meta .tg_btn2 {
  font-weight: 400;
  font-size: 11px;
  color: #666;
}

.cmt_files {
  position: relative;
  display: block;
  margin: 10px 0 15px;
  padding: 10px;
  border: 1px solid #DDD;
}

.cmt_files ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.cmt_files li {
  display: inline;
  margin-left: 8px;
}

.bd .cmt_files a {
  font-weight: 400;
  font-size: 11px;
}

.cmt_files .speech {
  font-size: 10px;
}

.cmt_files .tg_close2 {
  font: 11px/16px Tahoma;
}

/* Write */
.bd_wrt_hd .itx, .bd_wrt .tag .itx {
  width: 100%;
}

.opt_chk, .edit_opt {
  margin-top: 8px;
}

.opt_chk * {
  vertical-align: middle;
}

.opt_chk .section {
  display: inline-block;
  height: 24px;
  margin: 4px 12px 4px 0;
  *display: inline;
  *zoom: 1;
}

.opt_chk label {
  margin-right: 8px;
}

.opt_chk input {
  margin: 0;
}

.edit_opt .itx {
  width: 22%;
  margin: 4px 0;
}

.edit_opt .bd_btn {
  margin: 4px 0;
}

.fdb_lst .opt_chk {
  margin: 0 0 0 4px;
  font-size: 11px;
}

.simple_wrt {
  position: relative;
  margin: 0 60px;
  *zoom: 1;
  margin-left: 0px;
}

.simple_wrt .profile {
  position: absolute;
  top: 0;
  left: -60px;
}

.simple_wrt textarea {
  display: block;
  min-height: 56px;
}

.simple_wrt .bd_btn {
  position: absolute;
  top: 0;
  right: -60px;
  width: 56px;
  height: 56px;
  line-height: 56px;
  margin: 0;
  padding: 0;
}

.cmt_disable {
  display: block;
  height: 46px;
  padding: 4px 8px;
  border: 1px solid #DDD;
  border-radius: 2px;
  box-shadow: inset 1px 1px 4px rgba(0, 0, 0, 0.06);
  background: #FFF;
  text-decoration: none !important;
  color: #999 !important;
}

/* Recomment */
#re_cmt {
  display: none;
  margin: 15px -2px 0;
  padding: 15px 2px 0;
  border-top: 1px solid #EEE;
}

#re_cmt .close {
  margin-left: 15px;
}

#re_cmt .cmt_editor_tl {
  margin-bottom: 15px;
}

#re_cmt .cmt_editor_tl strong {
  padding-left: 4px;
}

#re_cmt .ico_16px.re {
  position: static;
}

#re_cmt .simple_wrt {
  margin: 0;
}

#re_cmt .edit_opt {
  margin: 8px 0 0;
}

#re_cmt .btn_img {
  margin: 5px -2px;
}

/* Color Box */
.bd_wrt .color_wrp {
  position: relative;
  float: left;
  margin-right: 16px;
  background: #FFF;
  border-radius: 3px;
}

.bd_wrt .color_wrp * {
  vertical-align: top;
}

.bd_wrt .color_wrp label {
  top: 3px;
}

#title_color {
  width: 80px;
  height: 24px;
  margin-right: -2px;
}

/* Editor fix */
.get_editor {
  margin: 12px 0;
}

.get_editor a {
  -webkit-transition: none;
  transition: none;
}

.bd .xpress-editor select {
  font-size: 13px;
  margin: 0;
  padding: 0;
  border-radius: 0;
}

/* Daum Editor temp */
.tx-attach-top .bd_btn {
  margin: 0;
  padding: 3px 9px;
  line-height: 15px;
}

/* Context */
.secretMessage {
  margin: 20px;
  text-align: center;
}

.rd_body .secretMessage {
  margin: 0 0 40px;
  padding: 20px 0 40px;
  border-bottom: 1px solid #CCC;
}

.cmt_line {
  padding: 20px;
  text-align: center;
}

.context_data {
  clear: both;
  padding: 12px 24px;
  background: #F9F9F9;
  border-top: 2px solid #666;
}

.secretMessage h3, .context_data h3, .context_data p {
  margin: 12px 0;
}

.context_data p.author strong {
  font-weight: 400;
}

.context_message {
  text-align: center;
  border-top: 2px solid #666;
}

.context_message h1 {
  font-size: 1.3em;
  margin: 1.6em;
}

.context_message .btnArea {
  margin: 20px;
  text-align: center;
}

.context_message .bd_btn {
  min-width: 92px;
  height: 34px;
  margin: 4px;
  font-size: 14px;
}

/* List Style */
.bd_lst {
  clear: both;
  margin: 0;
  padding: 0;
  list-style: none;
  *zoom: 1;
}

.bd_tb_lst td, .bd_zine li {
  border-bottom: 1px solid #EEE;
}

.bd_tb_lst .notice td, .bd_zine li.notice, .bd_tb_lst .select, .bd_tb_lst tbody tr:hover {
  background: #F9F9F9;
  border-color: #DDD;
}

.bd_tb_lst.common_notice {
  margin-top: 0;
  padding: 0 2px;
}

.bd_lst input[type=checkbox] {
  position: relative;
  z-index: 30;
}

.bd .no_doc {
  clear: both;
  padding: 20px;
  text-align: center;
}

.bd .attached_image {
  display: inline-block;
  width: 12px;
  height: 11px;
  background: url(../../../../document/tpl/icons/image.gif);
  vertical-align: middle;
  *display: inline;
  *zoom: 1;
}

.bd .replyNum, .bd .trackbackNum {
  margin-left: 4px;
  font: bold 11px Tahoma, AppleGothic, sans-serif;
  white-space: nowrap;
}

.bd .replyNum {
  color: #C66;
}

.bd.fdb_count .replyNum {
  padding: 1px 5px 2px;
  border-radius: 2px;
  font-weight: 400;
  text-decoration: none;
  color: #FFF !important;
}

.bd.fdb_count .replyNum {
  background: #BBB;
}

.bd.fdb_count .trackbackNum {
  background: #666;
}

.fdb_count .bd_tb_lst .replyNum, .fdb_count .bd_tb_lst .trackbackNum {
  float: left;
  margin: 1px 8px 0 0;
}

.fdb_count2 .bd_tb_lst .replyNum, .fdb_count2 .bd_tb_lst .trackbackNum {
  float: right;
  margin: 1px 0 0 4px;
}

.bd_lst img, .bd_lst input {
  vertical-align: middle;
}

/* Thumb */
.no_img {
  display: block;
  overflow: hidden;
  position: relative;
  margin: 0 auto;
  background: #F3F3F3;
  font-weight: 700;
  font-size: 1.1em;
  color: #CCC;
  text-align: center;
  white-space: nowrap;
  *margin: 0;
}

.tmb_wrp {
  display: inline-block;
  position: relative;
  margin: 0 auto;
  *display: inline;
  *zoom: 1;
}

.tmb_wrp img.tmb {
  display: block;
  position: relative;
  margin: 0 auto;
  background: #FFF;
  *margin: 0;
}

.tmb_wrp .loading {
  background: url(../img/white/loading.gif) no-repeat 50% 50%;
}

.bd_lst.img_load .tmb_wrp {
  visibility: hidden;
}

.bd_lst.img_load .fin_load {
  visibility: visible;
}

.bd_lst.img_load2 img.tmb, .fin_load .loading {
  display: none;
}

.bd_lst.img_load2 .fin_load img.tmb {
  display: block !important;
  *display: inline !important;
}

.tmb_wrp .fixed {
  display: block;
  position: absolute;
  color: #EEE;
}

.tmb_wrp a {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  text-decoration: none !important;
  background-image: url(../img/blank.gif);
  *cursor: pointer;
}

.tmb_wrp .info_wrp {
  display: block;
  position: relative;
  overflow: hidden;
  height: 100%;
}

.tmb_wrp .info {
  display: block;
  width: 100%;
  height: 100%;
  font-size: 11px;
  line-height: 1.5;
  background: url(../img/ie/blk_op5.png);
  background: rgba(0, 0, 0, 0.5);
}

.tmb_wrp .info.st, .tmb_wrp .info.st1 {
  filter: alpha(opacity=0);
  opacity: 0;
}

.tmb_wrp .info.st2 {
  top: -100%;
}

.tmb_wrp .info.st3 {
  left: -100%;
}

.tmb_wrp .info.st4 {
  top: -100%;
  left: -100%;
}

.tmb_wrp a:focus .info {
  position: static !important;
  opacity: 1 !important;
}

.tmb_wrp .padding {
  padding: 6%;
  *color: #EEE;
}

.tmb_wrp .info {
  display: block;
  position: relative;
  white-space: nowrap;
  text-align: left;
  line-height: 1.4em;
  color: #EEE;
  color: rgba(255, 255, 255, 0.9);
}

.tmb_wrp .info span {
  display: block;
}

.tmb_wrp .tl {
  display: block;
  padding-bottom: 7px;
  font-size: 13px;
  line-height: 14px;
  white-space: normal;
  letter-spacing: -1px;
  color: #FFF;
}

.tmb_wrp .ribbon {
  display: block;
  position: absolute;
  top: -1px;
  left: -1px;
  width: 60px;
  height: 60px;
  background: url(../img/ribbon/default.png);
  font-size: 11px;
  text-align: center;
  color: #FFF;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
}

.tmb_wrp .ribbon i {
  display: block;
  overflow: hidden;
  position: relative;
  font-style: normal;
  line-height: 1;
  text-overflow: ellipsis;
  color: #FFF;
}

.tmb_wrp .ribbon .date {
  width: 24px;
  padding: 5px;
  text-transform: uppercase;
}

.tmb_wrp .ribbon .cate {
  white-space: normal;
}

.tmb_wrp .ribbon b {
  font-size: 16px;
  font-family: Gulim, "Times New Roman", Times, serif;
}

.tmb_wrp .ribbon small {
  display: block;
}

.tmb_wrp .nnu i {
  width: 36px;
  height: 36px;
  padding: 0 !important;
  font-size: 10px;
  line-height: 36px;
}

.ribbon_v .ribbon.nnu {
  width: 60px;
  height: 60px;
}

.ribbon_v .ribbon.new {
  background: url(../img/ribbon/new.png);
}

.ribbon_v .ribbon.nnu.new i {
  font-weight: 700;
  font-size: 11px;
}

.ribbon_v .ribbon.notice {
  background: url(../img/ribbon/notice.png);
}

.ribbon_v .ribbon.update {
  background: url(../img/ribbon/update.png);
}

.ribbon_v .ribbon i {
  padding: 4px 24px 4px 0;
  white-space: nowrap;
  *padding-right: 24px !important;
}

.ribbon_v2 .ribbon {
  right: -1px;
  left: auto;
  width: auto;
  height: auto;
  max-width: 80%;
  background: #837df4;
  border: 1px solid #837df4;
  box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
}

.ribbon_v2 .ribbon.new {
  background: #F33;
  border-color: #F33;
}

.ribbon_v2 .ribbon.notice {
  background: #36F;
  border-color: #36F;
}

.ribbon_v2 .ribbon.update {
  background: #FA0;
  border-color: #FA0;
}

.ribbon_v2 .ribbon:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(255, 255, 255, 0.2)), to(rgba(0, 0, 0, 0.01)));
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0.2) 0%, rgba(0, 0, 0, 0.01) 100%);
  box-shadow: inset 0 0 1px rgba(255, 255, 255, 0.4);
}

.ribbon_v2 .ribbon i {
  padding: 4px 6px;
}

/* Normal */
.bd_tb_lst th, .bd_tb_lst td {
  padding: 8px 12px;
  font-size: 11px;
  text-align: center;
  white-space: nowrap;
}

.bd_tb_lst th {
  padding: 9px 12px;
  border-top: 1px solid #CCC;
  border-bottom: 1px solid #BBB;
  box-shadow: inset 0 -1px 0 #FFF;
  color: #666;
  text-shadow: 0 0 1px rgba(0, 0, 0, 0.1);
}

.bd_tb_lst td, .bd_tb_lst .hx:visited {
  color: #555;
}

.bd_tb_lst .cate {
  padding: 8px;
  color: #666;
}

.bd_tb_lst .title {
  padding-right: 6px;
  width: 100%;
}

.bd_tb_lst td.title {
  text-align: left;
  font-size: 13px;
  white-space: normal;
  word-break: break-all;
}

.bd_lst td.title a {
  color: #222;
}

.bd_tb_lst .title img {
  vertical-align: middle;
}

.bd_tb_lst .wrp {
  left: 0;
  margin-left: 0 !important;
  white-space: normal;
}

.bd_tb_lst .edge {
  left: 20%;
}

.bd_tb_lst .speech {
  min-width: 240px;
  padding: 6px;
}

.bd_tb_lst .wrp img {
  display: block;
  margin: 0 auto;
  padding: 7px;
}

.bd_tb_lst .only_img .speech {
  display: none;
}

.bd_tb_lst .cate span, .bd_tb_lst .author span, .bd_tb_lst .last_post small {
  display: block;
  overflow: hidden;
  max-width: 90px;
  text-overflow: ellipsis;
  word-wrap: normal \9 ;
}

.bd_tb_lst .author img {
  max-width: none;
}

.bd_tb_lst .last_post {
  line-height: 12px;
}

.bd_tb_lst .extraimages {
  margin-left: 2px;
  white-space: nowrap;
}

.bd_tb_lst .link_url {
  text-align: left;
}

/* Webzine */
.bd_zine li {
  position: relative;
  margin: 0 auto;
  word-break: break-all;
  word-wrap: break-word;
}

.bd_zine.zine li {
  clear: both;
  margin: 0 2px;
  padding: 16px 8px 16px 16px;
  *zoom: 1;
}

.bd_zine.zine2 li {
  padding-left: 118px;
}

.bd_zine li > a {
  display: block;
  position: absolute;
  top: -2px;
  left: -2px;
  width: 100%;
  height: 100%;
  border: 2px solid transparent;
  background-image: url(../img/blank.gif);
  text-decoration: none;
}

.bd_zine .big_date {
  float: left;
  margin-left: -90px;
  text-align: center;
  white-space: nowrap;
}

.bd_zine .dd {
  font: bold 42px/48px Tahoma, AppleGothic, sans-serif;
  letter-spacing: -2px;
}

.bd_zine .mmyy {
  font: bold 14px/22px Tahoma, AppleGothic, sans-serif;
  letter-spacing: -1px;
  color: #777;
}

.bd_zine .yy {
  font-weight: 400;
}

.bd_zine .hh {
  letter-spacing: -1px;
  color: #888;
}

.bd_zine .tmb_wrp {
  text-align: center;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
}

.bd_zine.zine .tmb_wrp {
  float: left;
}

.bd_zine.zine .tmb_wrp img, .bd_zine .no_img {
  border: 1px solid #DDD;
}

.bd_zine h3 {
  margin: 0;
  font-size: 15px;
  letter-spacing: -1px;
  color: #444;
  text-shadow: 0 0 1px rgba(0, 0, 0, 0.08);
}

.bd_zine .cnt {
  margin-top: 8px;
  font-size: 11px;
}

.bd_zine .info {
  color: #888;
}

.bd_zine .info b {
  padding-left: 4px;
  color: #666;
}

.bd_zine.zine .info {
  font-size: 11px;
  line-height: 11px;
}

.bd_zine.zine .info .itm {
  display: inline-block;
  margin: 8px 7px 0 0;
  padding-right: 9px;
  border-right: 1px solid #DDD;
  *display: inline;
  *zoom: 1;
}

.bd_zine.zine .info .itm:last-child {
  border: 0;
}

.bd_zine.card li {
  float: left;
  line-height: 1.4em;
  padding: 9px;
  background: #FFF;
  border: 1px solid #DDD;
  border-bottom-color: #BBB;
}

.bd_zine.card2 li {
  padding: 10px;
  background: transparent;
  border: 0;
  box-shadow: none;
}

.bd_zine.card .hx, .bd_zine.card .notice a {
  border-style: solid;
  border-radius: 5px;
}

.bd_zine.card .tmb_wrp {
  width: 100%;
}

.bd_zine.card h3 {
  margin-top: 1.2em;
  font-size: 13px;
  letter-spacing: 0;
}

.bd_zine.card .cnt {
  margin-top: 1em;
}

.bd_zine.card .info {
  margin-top: 0.8em;
  font-size: 10px;
  line-height: 1.4;
}

.bd_zine.card .info b {
  padding: 0 4px 0 3px;
  font-weight: 400;
}

.bd_zine.card .info .br {
  display: block;
}

.bd_zine.card .info .br b {
  padding-left: 8px;
}

/* Gallery */
.bd_tmb_lst {
  padding: 24px 0;
  text-align: center;
}

.bd_tmb_lst li {
  position: relative;
  display: inline-block;
  vertical-align: top;
  *display: inline;
  *zoom: 1;
}

.bd_tmb_lst .tmb_wrp {
  border: 1px solid #DDD;
}

.bd_tmb_lst .bg, .bd_tmb_lst .bg2 {
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.bd_tmb_lst .bg2 {
  background: #FFF;
}

.bd_tmb_lst .bg:before, .bd_tmb_lst .bg:after {
  content: "";
  position: absolute;
  bottom: 15px;
  left: 5px;
  width: 50%;
  height: 20%;
  max-width: 300px;
  border: 0;
  box-shadow: 0 15px 10px rgba(0, 0, 0, 0.7);
  -ms-transform: rotate(-3deg);
  -webkit-transform: rotate(-3deg);
  transform: rotate(-3deg);
}

.bd_tmb_lst .bg:after {
  right: 5px;
  left: auto;
  -ms-transform: rotate(3deg);
  -webkit-transform: rotate(3deg);
  transform: rotate(3deg);
}

.bd_tmb_lst .tmb_wrp .trans_window {
  bottom: 0;
  right: 0;
  max-width: 80%;
  margin: 7%;
  padding: 1px 6px;
  font-size: 10px;
  background: url(../img/ie/blk_op7.png) \9 ;
  background: rgba(0, 0, 0, 0.7);
  border: 1px solid #222;
  border-radius: 2px;
}

.bd_tmb_lst .deco1 {
  top: -12px;
  left: -12px;
}

.bd_tmb_lst .deco2 {
  bottom: -12px;
  right: -12px;
}

.bd_tmb_lst .deco {
  top: -15px;
  left: 50%;
  width: 90px;
  height: 30px;
  margin-left: -45px;
  background: url(../img/deco/tape.png) center no-repeat;
}

.bd_tmb_lst .deco3 {
  background-image: url(../img/deco/tape.png);
}

.bd_tmb_lst p {
  overflow: hidden;
  margin: 8px;
  max-height: 45px;
  line-height: 15px;
  text-overflow: ellipsis;
}

.bd_tmb_lst p b {
  font-weight: 400;
  font-size: 11px;
}

.bd_tmb_lst.gall_style2 .tmb_wrp {
  padding: 5%;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.bd_tmb_lst .frame_tl {
  position: relative;
  margin: 16px 0 4px;
  white-space: nowrap;
  text-align: left;
}

.bd_tmb_lst .select .info {
  top: 0;
  left: 0;
  filter: alpha(opacity=70);
  opacity: 1;
}

/* Cloud Gallery */
.bd_cloud {
  margin: 0 auto;
}

.bd_cloud a {
  display: block;
  position: absolute !important;
  top: 50%;
  left: 50%;
  z-index: 1;
  padding: 16px 16px 32px;
  border: 1px solid;
  border-color: #EEE #E9E9E9 #DDD;
  background: #FFF;
  box-shadow: inset -2px -16px 32px -4px rgba(0, 0, 0, 0.03), 2px 4px 11px -4px #000;
  text-decoration: none !important;
  -webkit-transition: -webkit-transform 0.5s;
  transition: transform 0.5s;
}

.bd_cloud .tmb {
  border: 1px solid;
  border-color: #F3F3F3 #DDD #DDD #F3F3F3;
}

.bd_cloud .date {
  position: absolute;
  bottom: 8px;
  right: 16px;
  font-size: 1.2em;
  line-height: 1;
  color: #FFF;
}

.bd_cloud .ico_32px {
  position: absolute;
  background-image: url(../img/white/ico_32px.png) !important;
}

.bd_cloud .deco1 {
  top: -10px;
  left: -10px;
}

.bd_cloud .deco2 {
  bottom: -10px;
  right: -10px;
}

.bd_cloud em {
  display: block;
  margin: 8px 0 -12px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.bd_cloud.no_rd {
  padding: 32px 0;
}

.bd_cloud.no_rd a {
  float: left;
  margin: 12px;
}

.bd_cloud.no_rt a {
  -ms-transform: rotate(0deg) !important;
  -webkit-transform: rotate(0deg) !important;
  transform: rotate(0deg) !important;
}

.bd_cloud a:hover, .bd_cloud a:focus {
  z-index: 100 !important;
  -ms-transform: scale(1.3) rotate(0) !important;
  -webkit-transform: scale(1.3) rotate(0) !important;
  transform: scale(1.3) rotate(0) !important;
}

.bd_cloud.no_rd a:hover, .bd_cloud.no_rd a:focus {
  -ms-transform: scale(1.1) rotate(0) !important;
  -webkit-transform: scale(1.1) rotate(0) !important;
  transform: scale(1.1) rotate(0) !important;
}

.bd_cloud_btn {
  float: right;
  position: relative;
  z-index: 100;
  margin: 8px;
}

.bd_cloud_btn button {
  display: inline-block;
  margin-left: 2px;
  padding: 2px 6px;
  font-weight: 700;
  font-size: 10px;
  color: #999;
  background: #EEE;
  border: 1px solid #DDD;
  border-radius: 4px;
}

.bd_cloud_btn button.off {
  color: #FFF;
  background: #999;
  border-color: #666;
}

/* Guestbook */
.bd_guest .sum {
  margin: 0 20px 15px;
  padding-left: 30px;
  font: bold 15px Tahoma, AppleGothic, sans-serif;
  background: url(../img/ico_24px.png) no-repeat 0 -48px;
}

.bd_guest .sum a {
  color: #999;
}

.bd_guest .sum em {
  font-size: 20px;
}

.bd_guest .bd_wrt_main {
  margin: 0 20px 30px;
}

.bd_guest .bd_wrt_main textarea {
  min-width: 100%;
  height: 126px;
}

.bd_guest .bd_wrt_main .opt_chk {
  margin-bottom: 12px;
  font-size: 11px;
}

.bd_guest .bd_wrt_main .simple_wrt {
  margin: 0;
}

.bd_guest .bd_wrt_main .cmt_disable {
  height: 96px;
  font-size: 1.1em;
}

.guest_itm {
  padding: 20px 0 0 112px;
  border-top: 2px dashed #EEE;
}

.guest_profile .img {
  width: 60px;
  height: auto;
  margin-left: -90px;
  line-height: 60px;
}

.guest_meta {
  margin-bottom: 15px;
}

.guest_meta a {
  font-weight: 700;
  color: #444;
}

.guest_meta .date {
  padding: 0 15px;
  color: #888;
}

.ico_secret {
  margin-left: 8px;
  padding: 2px 6px;
  border-radius: 3px;
  background: #999;
  font-size: 0.8em;
  color: #FFF;
}

.guest_itm_nav {
  padding: 5px 15px 15px;
}

.guest_itm_nav em {
  position: relative;
  top: 1px;
  padding: 0 1px 0 4px;
  font-weight: 700;
}

.guest_itm:hover .fdb_nav a {
  height: auto !important;
}

.bd_guest .guest_cmt {
  margin: 0 0 20px -24px;
  background: #FAFAFA;
  border: 1px solid #EEE;
  border-radius: 10px;
}

.bd_guest .fdb_itm {
  padding: 15px 15px 15px 85px;
  border: 0;
  border-bottom: 1px solid #EEE;
}

.bd_guest .fdb_itm:first-child {
  margin: 0;
}

.bd_guest .fdb_itm.re {
  margin: 0;
  background: none;
  border-bottom: 1px dashed #DDD;
  border-radius: 0;
}

.bd_guest .no_profile .fdb_itm {
  padding-left: 15px;
}

.bd_guest .ico_16px.re {
  top: 20px;
  left: -5px;
}

.bd_guest .fdb_itm .fdb_nav {
  margin-right: -5px;
}

/* Blog */
.rd_blog {
  margin: 0 1px 60px;
  padding: 4%;
  background: #FFF;
  border-radius: 4px;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5);
}

.rd_blog.no_style {
  margin: 0 1px;
  padding: 0 2%;
  background: none;
  border-radius: 0;
  box-shadow: none;
}

.rd_blog .fdb_lst_wrp {
  margin-bottom: 0;
}

/* FAQ */
.bd_faq .li {
  padding: 14px 14px 14px 52px;
  border-top: 1px solid #EEE;
  color: #666;
  *zoom: 1;
}

.bd_faq .li:hover, .bd_faq .show, .bd_faq .notice {
  background: #FCFCFC;
}

.bd_faq .q {
  display: block;
  padding-right: 20px;
  font-size: 13px;
  text-decoration: none;
  cursor: pointer;
}

.bd_faq .mark {
  display: block;
  position: absolute;
  top: -2px;
  left: -38px;
  width: 22px;
  height: 22px;
  border: 1px solid #DDD;
  border-radius: 5px;
  background: #F9F9F9 url(../img/ie/bg_f_f9.gif) repeat-x;
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FFF), to(#EEE));
  background: linear-gradient(to bottom, #FFF 0%, #EEE 100%);
  text-align: center;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
  color: #ff8484;
  text-shadow: 0 1px 0 #ff3d3d;
}

.bd_faq .article .mark {
  font: bold 16px/22px Arial, Helvetica, sans-serif;
}

.bd_faq .notice .mark {
  white-space: nowrap;
}

.bd_faq .markA {
  left: -39px;
  color: #78a3da;
  text-shadow: 0 1px 0 #6990d1;
}

.bd_faq .mark span {
  display: none;
}

.bd_faq .cate {
  padding-right: 12px;
  color: #555;
}

.bd_faq .a {
  margin-top: 14px;
  padding: 20px;
  background: #FFF;
  border: 1px solid #EEE;
  border-radius: 5px;
}

.bd_faq .date, .bd_faq .nick {
  display: inline-block;
  min-width: 50px;
  padding: 0 8px;
  font-size: 11px;
  text-align: center;
  *display: inline;
  *zoom: 1;
}

.bd_faq .starRating {
  margin-right: 16px;
}

.bd_faq .fr {
  padding: 0 8px;
}

.bd_faq input {
  position: absolute !important;
  top: 12px;
  right: 4px;
}

.bd_faq .editArea {
  margin: 3px 0 24px;
  text-align: right;
}

.bd_faq .url {
  margin-right: 8px;
  border-bottom: 1px dotted #999;
  text-decoration: none;
  color: #666;
}

.bd_faq.faq_official .li {
  padding: 12px 0;
}

.bd_faq.faq_official .mark {
  display: inline-block;
  position: static;
  width: 40px;
  border: 0;
  background: none;
  box-shadow: none;
  *display: inline;
  *zoom: 1;
}

.bd_faq.faq_official .markA {
  float: left;
  margin-left: -41px;
}

.bd_faq.faq_official .mark span {
  display: inline;
}

.bd_faq .faq_arrow {
  display: block;
  position: absolute;
  top: 50%;
  right: 8px;
  width: 14px;
  height: 7px;
  margin-top: -4px;
  background: url(../img/faq_arrow.gif) no-repeat;
}

.bd_faq .hide .faq_arrow {
  background-position: 0 -7px;
}

.bd_faq.faq_official .a {
  margin: 10px 0 -13px;
  padding: 10px 10px 20px 40px;
  border-radius: 0;
}

/* Viewer */
body.viewer, body.viewer_blk {
  margin: 0;
  padding: 3% 0;
  background: #F3F3F3;
}

body.viewer_blk {
  background: #222;
}

#viewer .bd {
  position: relative;
  max-width: 740px;
  margin: 0 auto;
  padding: 3%;
  background: #FFF;
  box-shadow: 0 4px 48px rgba(0, 0, 0, 0.5);
}

#viewer.viewer_style2 .bd {
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.2);
}

#viewer .rd {
  margin: auto;
  padding: 0 !important;
}

#viewer .if_viewer {
  display: none;
}

#viewer .fdb_lst_wrp {
  margin: 30px 0 0;
}

#viewer_lst {
  position: fixed;
  top: 0;
  left: -455px;
  z-index: 20;
  width: 320px;
  height: 100%;
  padding: 0 20px 0 120px;
  background: #FFF;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.3), inset -12px 0 24px 0 rgba(0, 0, 0, 0.04);
}

#viewer_lst_tg {
  display: block;
  position: absolute;
  top: 50%;
  left: 100%;
  margin: -46px 0 0;
  padding: 16px 10px;
  border: 0;
  border-radius: 0 4px 4px 0;
  box-shadow: inset -1px 0 6px rgba(255, 255, 255, 0.2), inset 5px 0 8px rgba(0, 0, 0, 0.08), 1px 1px 3px rgba(0, 0, 0, 0.2);
  line-height: 15px;
  color: #FFF;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
  cursor: pointer;
}

#viewer_lst_tg .tx_open, .open #viewer_lst_tg .tx_close {
  display: block;
}

.open #viewer_lst_tg .tx_open, #viewer_lst_tg .tx_close {
  display: none;
}

#viewer_lst h3 {
  margin: 0;
  padding: 16px 8px 4px;
  border-bottom: 1px solid #666;
  color: #444;
}

#viewer_lst ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

#viewer_lst li a {
  display: block;
  position: relative;
  margin-top: -1px;
  padding: 8px;
  border-top: 1px solid #DDD;
  border-bottom: 1px solid #DDD;
  text-decoration: none;
  *margin-top: -4px;
}

#viewer_lst li:first-child a {
  border-top-color: transparent;
}

#viewer_lst .on, #viewer_lst li a:hover, #viewer_lst li a:focus {
  z-index: 1;
  background: #F9F9F9;
  border-color: #BBB;
}

#viewer_lst li span {
  display: block;
}

#viewer_lst li .tmb {
  overflow: hidden;
  float: left;
  max-height: 60px;
  margin-right: 8px;
  border: 1px solid #DDD;
}

#viewer_lst img {
  display: block;
  width: 60px;
  height: auto;
}

#viewer_lst .tl {
  overflow: hidden;
  padding-bottom: 2px;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: #333;
}

#viewer_lst b {
  padding-left: 5px;
  font-size: 11px;
  color: #F66;
}

#viewer_lst .meta {
  font-size: 11px;
  color: #999;
}

#viewer_lst strong {
  padding-right: 8px;
  color: #666;
}

#viewer_pn a, #viewer_pn strong {
  margin: 0 1px;
  padding: 0 4px;
  border: 0;
  border-bottom: 2px solid transparent;
  border-radius: 0;
  background: none;
}

#viewer_pn .this, #viewer_pn a:hover, #viewer_pn a:focus {
  border-color: #666;
  color: #555;
}

#viewer_lst_scroll, #viewer_pn {
  visibility: hidden;
}

#viewer .mCSB_buttonUp {
  background-position: -96px 0;
}

#viewer .mCSB_buttonDown {
  background-position: -96px -20px;
}

.open #viewer_lst_scroll, .open #viewer_pn {
  visibility: visible;
}

.bd_lst a button {
  display: none;
  position: absolute;
  z-index: 30;
  padding: 2px 20px;
  border: 0;
  box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.4);
  font-weight: 700;
  font-size: 13px;
  white-space: nowrap;
  text-align: center;
  text-decoration: none !important;
  color: #FFF;
  filter: alpha(opacity=70);
  opacity: 0.7;
  -ms-transform: rotate(-5deg);
  -webkit-transform: rotate(-5deg);
  transform: rotate(-5deg);
  transition: opacity 0.3s;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}

.bd_lst a:hover button {
  display: block;
}

.bd_lst a button:hover {
  filter: alpha(opacity=90);
  opacity: 0.9;
}

.bd_tb_lst a button {
  top: -4px;
  left: 98%;
}

.bd_zine a button {
  top: 10px;
  right: 10px;
  width: 48px;
  height: 48px;
  line-height: 48px;
  padding: 0;
  border-radius: 50%;
}

.bd_tmb_lst a button, .bd_cloud a button {
  right: -20px;
  top: 10px;
}

/* Link Board. Star Rating(from XEUI) */
.bd_tb_lst td.link_url {
  overflow: hidden;
  max-width: 240px;
  text-overflow: ellipsis;
}

.bd .starRating, .bd .starRating span {
  overflow: hidden;
  display: inline-block;
  height: 14px;
  background: transparent url(../img/white/iconStarRating.gif) no-repeat;
}

.bd .starRating {
  width: 79px;
  vertical-align: middle;
  text-align: left !important;
}

.bd .starRating span {
  font-size: 0;
  line-height: 0;
  vertical-align: top;
  text-indent: -100px;
  *text-indent: 0;
  background-position: 0 -14px;
}

.bd_zine.zine .info .starRating {
  margin-top: -4px;
}

.bd_zine.card .info .starRating {
  display: block;
  margin: 8px auto;
}

.link_modify {
  margin: 0 4px;
  font-size: 11px;
  border-bottom: 1px dotted #999;
}

.bd_zine .link_modify {
  position: relative;
  z-index: 100;
}

/* IE8- Fix */
.dummy_ie {
  display: none;
  *display: block;
  *width: 1px;
}

.ie8_only {
  display: none;
}

/* Mobile */
.m_editor {
  margin: 12px 0 8px;
}

.m_editor textarea {
  width: 100%;
}

/* ipad2+ */
@media only screen and (max-width: 768px) {
  .bd .ico_sns {
    background-image: url(../img/sns_64.png);
    background-size: 32px auto;
    opacity: 1;
  }
  .bd iframe, .bd video {
    max-width: 100%;
    min-width: 240px;
    margin: 0 auto;
  }
  .bd img {
    max-width: 100%;
    height: auto;
  }
  .bd_tb_lst th, .bd_tb_lst td {
    padding: 8px;
  }
}
/* android HD landscape */
@media screen and (max-width: 640px) {
  .bd_btn, .btn_img, .bd .itx, .bd select {
    height: 34px;
  }
  .btn_img {
    padding: 7px 14px 7px 10px;
    font-size: 12px;
  }
  .bd .itx, .bd .itx_wrp label {
    font-size: 13px;
  }
  .viewer_with, .bd_set .bg_f_f9 {
    display: none !important;
  }
  .bd_srch_btm select, .bd_faq_srch select {
    height: 24px !important;
  }
  .bd_faq_srch.clear {
    padding: 4px;
  }
  .bd_faq_srch.clear .itx_wrp {
    padding: 0 4px;
  }
  .bd_bc, .bd_set, .bd_set a {
    font-size: 13px;
  }
  .rd_hd .board h1, .xe_content {
    font-size: 14px;
  }
  .rd_hd .blog h1 {
    font-size: 20px;
  }
  .bd_pg a, .bd_pg strong {
    min-width: 20px;
    height: 34px;
    margin: 0;
    font: bold 14px/34px Tahoma;
  }
  .bd_zine {
    padding: 0 !important;
  }
  .bd_zine.zine li {
    padding: 10px;
  }
  .bd_zine.zine .rt_area {
    margin: 0 !important;
  }
  .bd_zine.zine .tmb_wrp {
    margin: 0 12px 6px 0 !important;
  }
  .bd_zine.zine .tmb_wrp img, .bd_zine.zine .no_img {
    width: 100px !important;
    height: auto;
    font-size: 12px !important;
  }
  .bd_zine.zine .no_img {
    height: 80px !important;
    margin: 0 auto;
    line-height: 80px !important;
  }
  .bd_zine h3 {
    font-size: 13px;
  }
  .bd_zine.zine .cnt {
    overflow: hidden;
    max-height: 36px;
    font-size: 12px;
    text-overflow: ellpisis;
  }
  .bd_zine.zine .info .itm {
    padding-right: 0;
    border: 0;
  }
  .bd_zine.card li {
    margin: 6px;
  }
  .bd_zine.card2 li {
    margin: 0;
  }
  .bd_zine.card li .tmb, .bd_cloud.no_rd .tmb_wrp, .bd_cloud.no_rd .tmb {
    width: 100%;
  }
  .bd_zine.card .info {
    font-size: 11px;
  }
  .bd_tmb_lst {
    overflow: hidden;
    padding: 16px 1%;
  }
  .bd_tmb_lst li {
    height: auto !important;
    padding-bottom: 5%;
  }
  .bd_tmb_lst .tmb_wrp {
    width: 90%;
  }
  .bd_tmb_lst.gall_style2 .tmb_wrp {
    width: 80%;
  }
  .bd_tmb_lst img.tmb, .bd_tmb_lst .no_img {
    width: 100% !important;
  }
  .bd_cloud {
    overflow: hidden;
    padding: 32px 4px;
    text-align: center;
  }
  .bd_cloud.no_rd a {
    width: 212px;
    margin: 8px;
  }
  .bd_cloud.no_rd a:hover {
    -ms-transform: scale(1) !important;
    -webkit-transform: scale(1) !important;
    transform: scale(1) !important;
  }
  .use_np .bd_cloud em {
    font-size: 18px;
  }
}
/* android 800x480 landscape */
@media screen and (max-width: 533px) {
  .m_no, .lst_btn, .show_srch, .bd .cTab li ul, #bd_srch, .simple_wrt .profile, .rd_hd .blog .wave, .rd_hd .board .side.fr,
  .bd_tb_lst .no, .bd_tb_lst .cate, #cloud_btn,
  .bd_wrt .color_wrp {
    display: none !important;
  }
  #re_cmt .editor_select {
    display: block !important;
  }
  .bd .bd_hd {
    padding: 0;
  }
  .bd_bc, .bd_set {
    padding-bottom: 8px;
  }
  .bd_set {
    padding-right: 6px;
  }
  .bd_set a {
    margin: 0 5px;
    padding: 0;
    border-bottom: 1px dotted #999;
  }
  .bd_cnb {
    padding-left: 48px;
  }
  .bd_cnb .bg_f_f9 {
    padding: 3px 7px !important;
  }
  .bd_cnb a.home {
    width: 52px;
  }
  .bd .cTab {
    border: 0;
  }
  .bd .cTab li {
    width: 20%;
    margin: 0 !important;
    border: 0 !important;
    text-align: center;
  }
  .bd .cTab li a {
    position: static;
    display: block;
    float: none;
    top: 0;
    margin: -1px -1px 0 0;
    padding: 0 !important;
    border: 1px solid #CCC;
  }
  .bd .cTab li.on a {
    position: relative;
    border-color: #999;
  }
  .cnb3 {
    margin: 0 2px;
  }
  .cnb3 > li {
    float: left !important;
    width: 20%;
  }
  .cnb3 > li > a {
    padding: 6px;
  }
  .btm_mn {
    padding: 10px 5px 0;
  }
  .rd {
    padding: 0;
    box-shadow: none;
  }
  .rd_hd {
    margin: 0 0 20px !important;
  }
  .rd_hd .board .top_area {
    margin: 0 0 1px;
    padding: 16px 8px;
  }
  .rd_hd .board h1 {
    overflow: auto;
    white-space: normal;
  }
  .rd_hd .board .date {
    position: absolute;
    right: 9px;
    bottom: 9px;
  }
  .rd_sign {
    padding: 4%;
  }
  .bd_prev_next {
    border-top: 1px solid #EEE;
  }
  .bd_prev_next a {
    clear: both;
    max-width: none;
    margin: 12px 2px 0;
  }
  .to_sns.big a {
    margin: 0 2px;
  }
  .bd .img_tx a {
    font-size: 12px;
  }
  .rd_ft_nav {
    padding-bottom: 20px;
  }
  .rd_ft_nav .btn_img {
    height: 36px;
    padding-top: 8px;
  }
  .rd_nav a {
    padding: 9px;
    opacity: 1;
  }
  .fdb_v2 .fdb_lst {
    padding: 52px 12px 12px;
  }
  .fdb_tag {
    margin: 0;
  }
  .fdb_itm, .bd_guest .fdb_itm {
    padding: 10px 10px 10px 60px !important;
  }
  .fdb_itm .profile {
    width: 40px;
    height: 40px;
    margin-left: -50px !important;
    padding: 0;
    border: 0;
    line-height: 40px;
  }
  .fdb_nav {
    position: static;
    padding-top: 5px;
    text-align: right;
  }
  .fdb_nav a, .fdb_nav_btm .re_comment {
    height: auto !important;
  }
  .cmt_editor {
    padding-bottom: 60px !important;
  }
  .simple_wrt {
    position: static;
    margin: 0;
  }
  .simple_wrt textarea {
    min-height: 96px;
  }
  .simple_wrt .bd_btn {
    position: absolute;
    top: 100%;
    right: -1px;
    width: 100%;
    height: 34px;
    margin-top: 12px;
    font-weight: 700;
    line-height: 32px;
  }
  .edit_opt {
    display: block !important;
  }
  .edit_opt .itx {
    width: 100%;
  }
  .bd_wrt_main {
    padding: 12px;
  }
  .bd_wrt_hd .category {
    max-width: 80px;
    margin-right: 4px;
  }
  .bd_wrt .regist .bd_btn {
    margin: 2px;
  }
  .bd_wrt .regist .cancle {
    position: static;
  }
  .context_data, .context_message {
    margin: 0;
  }
  .bd_tb_lst th {
    font-size: 13px;
  }
  .bd_tb_lst td {
    position: relative;
    padding: 12px 4px;
  }
  .bd_tb_lst td.title {
    padding: 8px;
  }
  .bd_tb_lst .title a {
    position: static;
    font-size: 13px;
  }
  .bd_tb_lst .extraimages {
    margin: 0;
  }
  .bd_tb_lst .hx:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
  }
  .bd_tb_lst .author {
    min-width: 50px;
    white-space: normal;
  }
  .bd_guest .sum {
    margin: 10px 5px;
  }
  .bd_guest .bd_wrt_main {
    margin: 0 12px 32px;
  }
  .bd_guest .guest_cmt {
    margin: 4px 0 20px;
  }
  .guest_itm {
    padding: 10px;
  }
  .guest_profile .img, .bd_guest .fdb_itm .profile {
    width: 40px;
    height: 40px;
    margin: 0 12px 0 0;
    line-height: 40px;
  }
  .guest_itm_nav {
    padding: 4px;
  }
  .bd_guest .cmt_editor {
    margin: 12px;
  }
  .rd_blog {
    margin: 0;
    padding: 0;
    box-shadow: none;
  }
  .bd_faq_srch_wrp, .bd_faq.faq_official .a {
    padding: 10px;
  }
  .bd_faq.faq_official .markA {
    float: none;
    margin-left: -11px;
  }
}
/* android HD */
@media screen and (max-width: 360px) {
  .cnb3 > li {
    width: 25%;
  }
  .bd_tb_lst img[alt=file] {
    display: none;
  }
  .bd_cloud.no_rd a {
    width: 260px;
  }
  .bd_zine.zine .tmb_wrp img, .bd_zine.zine .no_img {
    width: 80px !important;
  }
}
/* android 800x480, iphone */
@media screen and (max-width: 320px) {
  .hide_w320 {
    display: none !important;
  }
  .bd .cTab li {
    width: 25%;
  }
}
/* Viewer */
@media only screen and (max-width: 960px) {
  body.viewer {
    padding: 0;
  }
  #viewer .bd_prev_next, #viewer .rd_nav_side {
    display: none !important;
  }
  #viewer_lst {
    margin-left: -5px;
  }
}
@media only screen and (max-width: 420px) {
  #viewer_lst {
    display: none !important;
  }
}
/* LI-NA Edit */
.trb_lst .fdb_itm, .no_profile .fdb_itm {
  position: relative;
  padding: 10px !important;
}

.fdb_itm .meta {
  margin-bottom: 10px;
}

.fdb_itm .xe_content {
  margin-left: 10px;
}

.no_profile .fdb_nav_btm .fdb_nav {
  position: absolute;
  top: 0px;
}

.no_profile .fdb_nav_btm .fdb_nav > a > span {
  display: none;
}

.moveComent {
  color: #375472 !important;
  font-weight: 700;
}

.bd_tb_lst th, .bd_tb_lst td {
  padding: 8px 10px;
}

.bd .ico_16px {
  display: none;
}

.btn_img {
  padding-right: 10px !important;
}

.searchBtn {
  position: absolute;
  right: -2px;
  top: -2px;
  bottom: -2px;
  background-color: transparent;
  border: none;
  border-left: 1px solid #ccc;
  font-size: 11px;
  line-height: 26px;
  cursor: pointer;
}

#cmtPosition .show_more {
  padding: 10px;
  text-align: center;
  border: 1px solid #e1e1e1;
  background: #f1f1f1;
  margin-top: 10px;
  cursor: pointer;
  display: none;
}

.xe_content {
  color: #333;
}

.xe_content p {
  margin: 0;
}

#vote_button {
  color: #333;
}

#vote_button.active {
  background: #333;
  color: #fff;
}

.preface {
  color: #375472 !important;
}

.hide_notice tr.notice {
  display: none;
}

.hide_notice tr.notice.nofn {
  display: table-row;
}

.hide_notice tr.notice.nofn.nofnhide {
  display: none;
}

.notice_expand {
  display: none;
  cursor: pointer;
}

.hide_notice .notice_expand {
  display: table-row;
}

.btn_img.btn_best_img {
  background: #375472;
  color: #fff;
  text-shadow: none;
}

.btn_img.btn_best_img:hover {
  color: #fff696;
}

.bd_zine.zine li:first-child, .bd_tb_lst.common_notice tr:first-child td {
  margin-top: 2px;
  border-top: 1px solid #DDD;
}

.bd_tb_lst .cate span, .bd_tb_lst .author span, .bd_tb_lst .last_post small {
  max-width: px;
}

.ui-icon-arrow-1-n {
  background-position: 0 -32px;
}

.ui-icon-arrow-1-s {
  background-position: -64px -32px;
}

.ui-icon-arrowthickstop-1-s {
  background-position: -224px -48px;
}

.write_limit {
  font-size: 15px;
  line-height: 15px;
}
.write_limit a {
  color: #375472;
}

div.board_header {
  position: relative;
  margin-bottom: 10px;
}
div.board_header a {
  color: #000000;
}
div.board_header h2 {
  margin-top: 0px;
  font-size: 14px;
  font-family: sans-serif;
  letter-spacing: -1px;
  line-height: 22px;
  font-weight: normal;
  padding-bottom: 5px;
  border-bottom: 2px solid #375472;
}
div.board_header h2 span.browser_title {
  color: #375472;
}
div.board_header h2 span.best {
  color: #ff4a52;
  font-weight: bold;
}
div.board_header span.favorite_button {
  cursor: pointer;
}
div.board_header span.favorite_button i {
  font-weight: 400 !important;
}
div.board_header span.favorite_button i:before {
  content: "\f005";
}
div.board_header span.favorite_button:hover i, div.board_header span.favorite_button.active i {
  font-weight: 900 !important;
  color: #FFC311;
}
div.board_header ul.cnb3 {
  position: absolute;
  right: 0px;
  top: 0px;
}
div.board_header ul.cnb3 a {
  position: relative;
  padding: 2px 5px;
  padding-right: 6px;
  border-width: 0px;
}
div.board_header ul.cnb3 a:hover {
  border-radius: 5px;
  background: #f1f1f1 !important;
  text-shadow: 1px 0px 0px currentColor;
  padding-right: 6px;
}
div.board_header ul.cnb3 li.on a {
  border-radius: 5px;
  background: #f1f1f1 !important;
  font-weight: bold;
  padding-right: 6px;
}

table.bd_lst.bd_tb_lst thead.bg_f_f9 {
  background: #fff;
}

div.cmt_editor {
  border: none;
  border-radius: 0px;
  border-top: 1px solid #e2e2e2;
  box-shadow: none;
}
div.cmt_editor div.edit_opt .bd_btn {
  width: 100%;
  display: block;
  background: #375472;
  color: #fff;
  text-shadow: none !important;
  padding: 0px;
  height: 40px !important;
  line-height: 40px !important;
  border: none !important;
  box-shadow: none;
  font-size: 12px;
}

.bd .rd_hd .board .count_container {
  display: none;
  float: right;
  position: relative;
  top: 7px;
  margin-right: 10px;
  color: #777;
}
.bd .rd_hd .board .count_container i {
  color: #000;
  margin-right: 2px;
  margin-left: 5px;
}
.bd .admin_nick {
  font-size: 11px;
  color: #999;
}
.bd .ml5 {
  margin-left: 5px;
}
.bd td.title i.fab, .bd td.title i.fas {
  color: #777;
  margin-left: 3px;
}
.bd .rd_hd {
  margin-bottom: 30px;
}
.bd .rd_hd .btm_area {
  background: #fafafa;
  border-bottom: none;
}
.bd .rd_hd .btm_area .side {
  padding: 8px 10px;
}
.bd .rd_body article {
  margin-bottom: 30px;
}
.bd .theqoo_document_header {
  padding-bottom: 5px;
  padding-left: 10px;
  padding-right: 110px;
  border-bottom: 2px solid #e9e9e9;
}
.bd .theqoo_document_header strong {
  font-size: 14px;
  line-height: 20px;
  color: #375472;
  font-weight: normal;
}
.bd .theqoo_document_header strong:after {
  display: inline-block;
  width: 2px;
  height: 20px;
  background: #e9e9e9;
  content: "";
  position: relative;
  top: 4px;
  margin-left: 7px;
  margin-right: 5px;
}
.bd .theqoo_document_header span.title {
  font-weight: bold;
  font-size: 14px;
}
.bd .theqoo_document_header div.count_container {
  position: absolute;
  top: 6px;
  right: 5px;
  color: #777;
  letter-spacing: -1px;
}
.bd .theqoo_document_header div.count_container i {
  color: #000;
  margin-right: 2px;
  margin-left: 4px;
}
.bd .theqoo_pagination {
  clear: both;
}
.bd .comment_header_bar {
  border-bottom: 2px solid #e9e9e9;
  padding-bottom: 5px;
  padding-left: 10px;
  font-size: 14px;
}
.bd .comment_header_bar i {
  color: #375472;
}
.bd .comment_header_bar b {
  color: #375472;
}
.bd .refresh_new_comment {
  border-top: 2px solid #e2e2e2;
  margin-top: 10px;
  padding: 5px;
  text-align: center;
  background: #f2f2f2;
  cursor: pointer;
}
.bd .cmt_editor {
  margin-top: 0px;
}

.theqoo_board_search {
  margin-top: 15px;
  font-size: 0px;
  text-align: center;
  display: none;
}
.theqoo_board_search input[type=text] {
  padding: 0px 10px;
  height: 30px;
  line-height: 30px;
  font-size: 12px;
  width: 200px;
  border: 1px solid #ced4da;
  position: relative;
  top: 0px;
}
.theqoo_board_search input[type=submit] {
  margin-left: -1px;
  height: 32px;
  line-height: 30px;
  background: #375472 !important;
  color: #fff;
  border: 1px solid #375472;
  box-shadow: none;
  text-shadow: none;
  padding: 0 20px;
  cursor: pointer;
}
.theqoo_board_search select {
  border: 1px solid #ced4da;
  height: 32px;
  line-height: 32px;
  margin-right: -1px;
  text-align: center;
  padding: 0 10px;
  border-radius: 0px;
  background: #e9ecef;
  cursor: pointer;
}

table.theqoo_board_table thead tr th {
  border-top: none;
  border-bottom: 2px solid #e9e9e9;
  font-size: 12px;
  letter-spacing: -1px;
  font-weight: normal;
  color: #375472;
  text-shadow: none;
}
table.theqoo_board_table thead tr th.title {
  text-align: left;
  text-align: left;
}
table.theqoo_board_table td.cate {
  font-size: 11px;
  letter-spacing: -1px;
}
table.theqoo_board_table td.no {
  color: #777777;
}
table.theqoo_board_table a.replyNum {
  font-weight: bold;
  color: #dc3545;
}

.no_find_reply {
  color: #A70C00;
  margin-bottom: -5px;
  margin-top: 5px;
  text-align: center;
}

.bd_wrt select.category {
  padding: 6px 6px;
}
.bd_wrt div.regist {
  margin-top: 10px;
  border-top: 2px solid #e1e1e1;
  padding-top: 10px;
  text-align: center;
  position: relative;
}
.bd_wrt div.regist .cancel {
  position: absolute;
  right: 0px;
}

@media only screen and (max-width: 800px) {
  div.xpress-editor div.tool ul.type, div.xpress-editor div.tool ul.paragraph, div.xpress-editor div.tool ul.table, div.xpress-editor div.tool ul.extra1, div.xpress-editor div.tool ul.do.item {
    display: none;
  }
}
@media only screen and (max-width: 533px) {
  .bd div.theqoo_document_header {
    padding-right: 10px;
  }
  .bd div.theqoo_document_header div.count_container {
    display: none;
  }
  .bd .bd_wrt div.regist {
    text-align: left;
  }
  .rd_hd .board a.link {
    display: none;
  }
  .rd_hd .board .count_container {
    display: block !important;
  }
  div.board_header ul.cnb3 {
    position: relative;
    margin-top: 10px;
    margin-bottom: 10px;
  }
  div.board_header ul.cnb3:after {
    clear: both;
    display: block;
    content: "";
  }
  div.board_header ul.cnb3 li {
    box-sizing: border-box;
    height: 30px;
    line-height: 30px;
    width: 25%;
  }
  .theqoo_board_search input[type=text] {
    width: 140px;
  }
  .theqoo_board_search input[type=submit] {
    padding: 0 10px;
  }
  .theqoo_board_search select {
    padding: 0 5px;
  }
}
.bd_tb_lst tr.notice td.image_notice {
  padding: 0px;
  font-size: 0px;
}

table.et_vars {
  margin-top: 10px;
  width: 100%;
}
table.et_vars th {
  width: 20%;
  text-align: right;
  padding-right: 10px;
}
table.et_vars td {
  width: 80%;
}
table.et_vars td input[type=text] {
  width: 100%;
}

.button_ul {
  float: right;
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
}
.button_ul li {
  display: flex;
  float: left;
}

.share_container {
  display: none;
  position: absolute;
  margin-top: 30px;
  padding: 10px;
  overflow: hidden;
  margin-left: -7px;
  width: 80px;
  justify-content: space-between;
  z-index: 45;
}
.share_container a {
  display: block;
  width: 20px;
  height: 20px;
}
.share_container a:last-child {
  margin-right: 0;
}
.share_container a .kakao_img {
  width: 20px;
}
.share_container a .twitter_img {
  width: 19px;
}
.share_container a .copy_img {
  margin-top: 2px;
  width: 15px;
  height: 15px;
}

/*# sourceMappingURL=board.css.map */