@CHARSET "UTF-8";
/* 
    Document   : boardViewB.css
    Created on : 2015. 8. 25, 오전 9:40:43
    Author     : hyunho
    Description: 게시판 목록 템플릿 css 기술  
*/

.line-gray {border-bottom: 1px solid #ddd;}
div.buttonFieldSet {text-align:right;}
div.replyField {margin-top:30px;}
div.memoField {margin-top:30px;}
div.moredocField {margin-top:30px;}
div.socialInfo {text-align:right;}
a.btn_white {color:#ffffff;}

/*테이블 뷰*/
.table_view {margin:20px 0 0; width:100%; border-top:1px solid #767676;}
.table_view > tbody > tr > th {padding:10px 0 10px 20px; border-top:1px solid #dfdfdf; text-align:left; color:#333;}
.table_view > tbody > tr > th > span {display:block; padding-right:15px; border-right:1px solid #bbb;}
.table_view > tbody > tr > td {padding:10px 20px;border-top:1px solid #e9e9e9;}
.table_view > tbody > tr:first-child > th, .table_view > tbody > tr:first-child > td {border-top:2px solid #767676;}
.table_view > tbody > tr > td.contents {line-height:1.5;padding:30px 20px 40px; min-height:400px; border-top:1px solid #cacaca; text-align:left;}
.table_view > tbody > tr > td.view_line {line-height:1.5;padding:30px 20px 40px; min-height:400px; border-top:1px solid #cacaca; text-align:left;}

.btnborad_area {clear:both; overflow:hidden; float:right; margin-top:20px;}
.btnborad_area a {display:inline-block; font-size:14px; height:32px; line-height:26px; font-weight:500; color:#fff; padding:3px 20px; background:#666;}
.btnborad_area a:hover, .btnborad_area a:active, .btnborad_area a:focus {text-decoration:none; color:#fff;}

#thumb-list-img {margin: 30px 10%;whdth:80%;height:130px;position:relative;}
#thumb-list-img > a, #thumb-list-img > ul{float:left;}
#thumb-list-img > ul{width:80%;height: 210px;display:block;overflow-y: hidden;overflow-x:scroll;}
#thumb-list-img > ul > li {width:160px;height:120px;float:left;display:inline;}
.view_padding {padding: 20px 0;}
.view_padding img.image_view {width:80%;}
/*이전글다음글*/
.p_n_link {margin:0 0 20px; border-top:1px solid #afafaf; border-bottom:1px solid #afafaf;}
.p_n_link li {overflow:hidden; border-top:1px solid #e2e2e2; height:40px;}
.p_n_link li:first-child {border-top:none;}
.p_n_link li > p {float:left;}

ul.fileList {margin:0; padding:0; list-style:none;}
ul.fileList li {margin:0; padding:2px 0 2px 18px; background:url('../../../board/images/icon_file1.gif') 0 7px no-repeat;}

.p_n_link li > p.title {width:16%; padding-left:20px; font-weight:500; line-height:40px; color:#333;}
.p_n_link li > p,.p_n_link li > a {padding-left:20px; font-weight:400; line-height:40px;}
.bg_prev_view {font-size:14px;padding:0 30px; background:url(../../images/bg_prev_view.png) left 6px no-repeat; border-right:1px solid #bbb;} 
.bg_next_view {font-size:14px;padding:0 30px; background:url(../../images/bg_next_view.png) left 6px no-repeat; border-right:1px solid #bbb;}

/*댓글*/
.reply-wrap {position:relative;}
.reply-wrap button {display:inline-block;}
.reply-tit {padding-left:30px; font-size:22px; color:#212121; background:url(../../../board/images/icon_reply_t.png) 0 0 no-repeat;}

.reply-writebox {padding:20px; background-color:#f3f3f3;}
.reply-intxt {position:relative; padding-right:170px;}
.reply-intxt textarea {overflow-y:scroll; padding:10px; width:100%; height:100px; resize:none; border:1px solid #cacaca; background-color:#fff;}
.reply-intxt button {position:absolute; top:0; right:0; width:160px; height:100px; color:#fff; font-weight:500; border:1px solid #1a476e; background-color:#006bbc;}

.reply-captcha-box {position:relative;}
.reply-captcha-tit {font-size:16px; color:#212121;}
.reply-captcha-inner {}
.reply-captcha-inner:after {clear:both; content:''; display:block;}
.reply-captcha-img {float:left; width:200px; height:60px; background-color:#fff;}
.reply-captcha-img img {width:200px; height:60px;}
.reply-captcha-txt {float:left; height:60px; border:1px solid #1a476e; background-color:#fff;}
.reply-cpicon {float:left; display:inline-block; width:60px; height:100%; border-right:1px solid #1a476e; background-color:#337ab7; background-repeat:no-repeat;}
.reply-cpicon.rpy-con-re {background-image:url(../../../board/images/icon_reply_re.png); background-position:center center;}
.reply-cpicon.rpy-con-sud {background-image:url(../../../board/images/icon_reply_sud.png); background-position:center center;}
.reply-captcha-txt .rpy-text {padding:0 10px; width:347px; height:58px; line-height:58px;}

.reply-viewbox {}
.reply-vb-state {}
.reply-varea {border:3px solid #e1e1e1;}
.reply-varea-box {position:relative; padding:20px; border-top:1px solid #e2e2e2;}
.reply-varea-box.no-top {border-top:none;}
.reply-varea-info {}
.reply-varea-info strong {display:inline-block; font-size:16px; color:#212121;}
.reply-varea-info span {display:inline-block; margin-left:20px; font-size:13px; color:#888;}
.reply-varea-cmd {}
.reply-varea-intxt {position:relative; padding-right:180px;}
.reply-varea-intxt textarea {overflow-y:scroll; padding:10px; width:100%; height:80px; resize:none; border:1px solid #cacaca; background-color:#fafafa;}
.reply-varea-intxt button.btn_update {position:absolute; top:0; right:90px; width:80px; height:80px; color:#fff; font-weight:500; border:1px solid #1a476e; background-color:#006bbc;}
.reply-varea-intxt button.btn_cancle {position:absolute; top:0; right:0; width:80px; height:80px; color:#333; font-weight:500; border:1px solid #666; background-color:#cccccc;}

.reply-varea-btnbox {}
.reply-varea-btnbox:after {clear:both; content:''; display:block;}
.reply-varea-btnbox li {float:left; margin-left:4px;}
.reply-varea-btnbox li:first-child {margin-left:0;}
.reply-varea-btnbox .rpy-btn {display:inline-block; min-width:76px; height:30px; font-size:14px; color:#333; font-weight:500; border:1px solid #a0a4a7; background-color:#fff; -webkit-border-radius:3px; border-radius:3px;}
.reply-varea-btnbox .rpy-config {display:inline-block; padding-left:22px; background:url(../../../board/images/icon_reply_config.png) 0 3px no-repeat;}
.reply-varea-btnbox .rpy-del {display:inline-block; padding-left:22px; background:url(../../../board/images/icon_reply_del.png) 0 3px no-repeat;}

/* 슬라이더 */
.post-slider {width:80%;margin: 0 auto;}
.slick-prev:before, .slick-next:before {color: black;}
.post-slider img {border-radius: 8px;object-fir: cover;}