@charset "utf-8";

.boardWrap{margin: 60px auto 0;}
.cmt_btn{width: 100px;font-size:1em;}
.gnuboard_webzine_list {position:relative;overflow:hidden;/* background:#fff; */}
#bo_v_share .btn{color: #fff;border-color: transparent;}
#bo_v_share .btn:hover, #bo_v a.btn:hover {color: #fff;background: #992337;}
#bo_v_share .btn i{margin-right: 0;color: #fff;background-color: #ec5252;}
.bo_vc_w .btn_submit{height:auto;margin-bottom: 0;padding: 6px 12px;color:#fff;font-size: 14px;font-weight: normal;line-height: 1.42857143;background-color: #ec5252;border:none;}
.bo_vc_w .btn_submit:hover{background-color: #992337;}

.termModal{}
.termModal label {margin-left:8px;color:#666;}
.termModal label a{color:#000;border-bottom:1px solid #000;cursor:pointer;}

.privacyModal{margin-bottom:20px;}
.privacyModal label {margin-left:8px;color:#666;}
.privacyModal label a{color:#000;border-bottom:1px solid #000;cursor:pointer;}

.modalPop{display:none;}
.modalPop{position:fixed;top: 50%;left: 50%;width:100%;height: 100%;max-height: 580px;max-width: 970px;padding: 0 10px;z-index: 5000;transform: translate(-50%,-50%);box-sizing: border-box;}
.modalPop .modalContWrap{position: relative;height: 100%;padding: 20px 30px 50px;background-color: #fff;box-shadow: 0px 0px 4px #333;z-index: 10;}
.modalPop .modalTitle{font-size:22px;font-weight:bold;}
.modalPop .modalContent{height: 440px;margin: 10px 0 20px;padding:10px;font-size:14px;border:1px solid #ccc;overflow: auto;}
.modalPop .modalConfirm.btn{position: absolute;left: 30px;bottom: 20px;padding: 6px 24px;color:#fff;}
.modalPop a.modalClose{position:absolute;top: 14px;right:14px;display:block;padding: 3px 4px;font-size: 16px;font-weight:bold;line-height: 1;cursor:pointer;border: 1px solid #aaa;}
.modalPop a.modalConfirm.btn:hover{color:#fff;}

.btn {border:solid 1px #ddd !important;}
.btn:hover {color:#000 !important;background:#000 !important;}

#bo_w .bo_w_tit {position:relative}
#bo_w .bo_w_tit .frm_input {width: 100%;padding: 0 10px;line-height: 34px;border: 1px solid #ccc;}
.frm_input {width:auto;padding: 0 10px;line-height: 34px;border: 1px solid #ccc;}
#bo_w .bo_w_tit #btn_autosave {float: right; position:absolute; top: -40px; right: 0;padding: 0 10px;line-height: 34px;/* height:30px */}
#bo_w .bo_w_tit #btn_autosave:hover{color:#fff;}
#bo_w .wr_content.smarteditor2 iframe {background:#fff}
#bo_w .write_div {position: relative;margin: 10px 0;}
#bo_w .bo_w_link label {position:absolute;top:1px;left:1px;border-radius:3px 0 0 3px;line-height:38px;width: 40px;font-size:1.2em;text-align:center;color:#b2b2b2}
#bo_w .bo_w_link .frm_input {width: 100%;padding-left: 40px;line-height: 34px;border: 1px solid #ccc;}
#bo_w .bo_w_flie .lb_icon {position:absolute;top:0px;left:0px;border-radius:3px 0 0 3px;line-height: 38px;width: 40px;margin: 0;font-size:1.2em;text-align:center;color:#b2b2b2}
#bo_w .bo_w_flie .frm_file {width: 100%;padding-left: 40px;line-height: 22px;}
#bo_w .bo_w_flie .file_wr {position:relative;border:1px solid #ccc;background:#fff;color:#000;vertical-align:middle;border-radius:3px;padding:5px;height: 40px;margin:0}
#bo_w .bo_w_flie .frm_input {margin:10px 0 0}
#bo_w .bo_w_flie .file_del {position:absolute;top:10px;right:10px;font-size:0.92em;color:#7d7d7d}
#bo_w .bo_w_select select {border:1px solid #d0d3db;width:100%;height:40px;border-radius:3px}
#bo_w .btn_submit {padding:0 20px;/* font-size:1.167em; */line-height: 28px;}
#bo_w .btn_cancel {padding: 0 12px;border-radius:3px;/* font-size:1.167em; */line-height: 28px;}
#bo_w .btn_submit:hover, #bo_w .btn_cancel:hover{color:#fff;}

.frm_input[id='wr_name'] {width:30%;}
.frm_input[id='wr_password'] {width:30%;}
.frm_input[id='wr_email'] {width:39%;}




.gnuboard_webzine_list div,
.gnuboard_webzine_list ul,
.gnuboard_webzine_list li,
.gnuboard_webzine_list a,
.gnuboard_webzine_list p,
.gnuboard_webzine_list span,
.gnuboard_webzine_list input,
.gnuboard_webzine_list select,
.gnuboard_webzine_list textarea,
.gnuboard_webzine_list table,
.gnuboard_webzine_list td {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
.gnuboard_webzine_list ul,
.gnuboard_webzine_list ol,
.gnuboard_webzine_list li,
.gnuboard_webzine_list dl,
.gnuboard_webzine_list dd,
.gnuboard_webzine_list table,
.gnuboard_webzine_list th,
.gnuboard_webzine_list td {padding:0px; margin:0px; list-style:none; border:0px;}
.gnuboard_webzine_list a {color:#000; text-decoration:none;-webkit-transition: all .2s ease-in-out;-moz-transition: all .2s ease-in-out;-ms-transition: all .2s ease-in-out;-o-transition: all .2s ease-in-out;transition: all .2s ease-in-out;}


#bo_btn_top {  }
#bo_btn_top #bo_list_total {border:1px solid #ddd; border-radius:0px; line-height:35px; background:#fff;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}

.gnuboard_webzine_list { position:relative; margin-top:5px; overflow:visible; }
.gnuboard_webzine_list .document_list { position:relative; overflow:visible; }
.gnuboard_webzine_list .document_list > ul { position:relative; overflow:hidden; }
.gnuboard_webzine_list .document_list > ul > li {position:relative;overflow:hidden;/* border-bottom:1px solid #ddd; */display:block;margin-bottom: 20px;border-radius: 6px;}
.gnuboard_webzine_list .document_list > ul > li + li {}
.gnuboard_webzine_list .document_list > ul > li a {position:relative;padding: 30px 20px;overflow:hidden;background:#fff;display:block;}
.gnuboard_webzine_list .document_list > ul > li a:hover { background:#f7fcfa; }
.gnuboard_webzine_list .document_list > ul > li a div {position:relative;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.gnuboard_webzine_list .document_list > ul > li a .thumb_area {display: none;position:absolute;top:20px;left:10px;width:106px;height:72px;border:1px solid #efefef;}
.gnuboard_webzine_list .document_list > ul > li a .thumb_area img { width:104px; height:70px; float:left; }
.gnuboard_webzine_list .document_list > ul > li a .content_area {/* height:72px; *//* margin-left:130px; */}
.gnuboard_webzine_list .document_list > ul > li a .content_area > div { line-height:24px; }
.gnuboard_webzine_list .document_list > ul > li a .content_area > div.title {margin-bottom: 20px;padding-bottom: 14px;line-height:26px;font-size: 22px;color:#000;border-bottom: 1px solid #d7d7d7;}
.gnuboard_webzine_list .document_list > ul > li a .content_area > div.summary {display: -webkit-box;width: 90%;height: 48px;margin-bottom: 4px;color:#777;-webkit-line-clamp: 2;-webkit-box-orient: vertical;text-overflow: ellipsis;white-space: normal;}
.gnuboard_webzine_list .document_list > ul > li a .content_area > div.category_area { display:none;color:#999; }
.gnuboard_webzine_list .document_list > ul > li a .content_area > div.category_area span {margin-right: 10px;float:left;color:#999;display:inline-block;}
.gnuboard_webzine_list .document_list > ul > li a .content_area > div.category_area span.madi { position:relative; height:18px; overflow:hidden; }
.gnuboard_webzine_list .document_list > ul > li a .content_area > div.category_area span.comment_count { margin-left:5px; margin-right:0px; float:right; }

.gnuboard_webzine_list .document_list .no_list { padding:10px 0px; line-height:20px; color:#000; text-align:center; }

.gnuboard_webzine_list .page_navigation { position:relative; padding:10px 0px; overflow:hidden; text-align:center; }
.gnuboard_webzine_list .page_navigation .pg_wrap { width:100%; }
.gnuboard_webzine_list .page_navigation .pg_wrap .pg_page,
.gnuboard_webzine_list .page_navigation .pg_wrap .pg_current { width:25px; height:25px; border:0px !important; border-radius:0px !important; line-height:23px; font-size:14px; }
.gnuboard_webzine_list .page_navigation .pg_wrap .pg_page:hover,
.gnuboard_webzine_list .page_navigation .pg_wrap .pg_current { color:#fff; background:#aaa; }
.gnuboard_webzine_list .page_navigation .pg_wrap .pg_current {
  -webkit-box-shadow: inset 0px 0px 0px #222542;
  -moz-box-shadow:  inset 0px 0px 0px #222542;
  box-shadow: inset 0px 0px 0px #222542;
}
.gnuboard_webzine_list .page_navigation .pg_wrap .pg_start { text-indent:-999px; overflow:hidden; background:url('../img/btn_first.gif') no-repeat 50% 50%; }
.gnuboard_webzine_list .page_navigation .pg_wrap .pg_start:hover { background:url('../img/btn_first.gif') no-repeat 50% 50% #aaa; }
.gnuboard_webzine_list .page_navigation .pg_wrap .pg_prev { text-indent:-999px; overflow:hidden; background:url('../img/btn_prev.gif') no-repeat 50% 50%; }
.gnuboard_webzine_list .page_navigation .pg_wrap .pg_prev:hover { background:url('../img/btn_prev.gif') no-repeat 50% 50% #aaa; }
.gnuboard_webzine_list .page_navigation .pg_wrap .pg_end { text-indent:-999px; overflow:hidden; background:url('../img/btn_end.gif') no-repeat 50% 50%; }
.gnuboard_webzine_list .page_navigation .pg_wrap .pg_end:hover { background:url('../img/btn_end.gif') no-repeat 50% 50% #aaa; }
.gnuboard_webzine_list .page_navigation .pg_wrap .pg_next { text-indent:-999px; overflow:hidden; background:url('../img/btn_next.gif') no-repeat 50% 50%; }
.gnuboard_webzine_list .page_navigation .pg_wrap .pg_next:hover { background:url('../img/btn_next.gif') no-repeat 50% 50% #aaa; }

.gnuboard_webzine_list .page_navigation ul { position:relative; overflow:hidden; display:inline-block; }
.gnuboard_webzine_list .page_navigation ul li { position:relative; margin:0px 5px; overflow:hidden; display:inline-block; }
.gnuboard_webzine_list .page_navigation a { width:25px; height:25px; line-height:23px; font-size:14px; text-align:center; text-decoration:none; background:#F6F6F6; display:inline-block; }
.gnuboard_webzine_list .page_navigation a:hover,
.gnuboard_webzine_list .page_navigation li.active a { color:#fff; text-decoration:none; background:#aaa; }
.gnuboard_webzine_list .page_navigation .pg_current { width:25px; height:25px; display:inline-block; }


.gnuboard_webzine_list #bo_sch { display:none;margin-top:10px; }



/* 관리자 설정 버튼 CSS */
.gnuboard_webzine_list .bo_fx { margin-top:10px; }
.gnuboard_webzine_list .bo_fx a { color:#fff; }