/**
	board skin css
*/
.pull-left{float:left;}
.pull-right{float:right;}

.table-col--chk{width:5%}
.table-col--num,
.table-col--write{width:10%}
.table-col--view,
.table-col--date{width:8%}
@media screen and (max-width:768px){
	.table-col--write,
	.table-col--view,
	.table-col--date{width:12%}
}

.board{padding-bottom:5em}
.board .btn{width:120px; text-align:center; box-sizing:border-box}
.board .table{border-bottom:1px solid #ccc; width:100%}
.board .table thead th{padding:1.45em 0; text-align:center; font-size:.875rem; border-bottom:1px solid #ddd; border-top:2px solid #000; background-color:transparent; color:#333}
.board .table th,
.board .table td{padding:1.25em 0; text-align:center; vertical-align:middle}
.board .table td.board__title{text-align:left; overflow:hidden; word-break:break-all; line-height:1.4}
/* .board .table tr:nth-of-type(2n){background-color:rgba(0,0,0,.02)} */

@media screen and (max-width:768px){
	.board{padding-bottom:0;}
	.board .table th,
	.board .table td{font-size:.875rem !important}
}


.border_button{overflow:hidden}
.board .comment-count a{color:#348fe2;padding-left:10px}
.board .info{overflow:hidden}
.board .info li{float:left; padding-right:20px}
.board .contents-view{padding:30px 20px; clear:both; min-height:10em}
.board .contents-view-img img{display:block; max-width:100%; margin:0 auto 15px; border:0; height:auto; }
#post-content{word-wrap:break-word}
#post-content p{line-height:1.6}
#post-content img{max-width:100%}

.board .fa-user{color:#626262}
.board .fa-comments{color:#626262}
.board .fa-eye{color:#626262}
.board .fa-thumbs-up{color:#626262}
.board .fa-thumbs-down{color:#626262}
.board .fa-clock-o{color:#626262}
.board .fa-reply{color:#626262}
.board .gallery .thumbnail{margin-bottom:10px}
.board .recommand{text-align:center;margin-bottom:20px}
.board .recommand img{padding-top:7px}
.board .recommand a:hover{background:#348fe2; color:#fff; text-decoration:none}
.board .recommand .good{background:#e9e9e9; width:50px; height:50px; display:inline-block; border-radius:50px; padding:8px; margin:0 10px}
.board .recommand .bad{background:#e9e9e9; width:50px; height:50px; display:inline-block; border-radius:50px;padding:6px; margin:0 10px}
.board .passcord{text-align:center;clear:both}
.board .passcord img{vertical-align:middle}

.board .like{padding-top:20px}
.board .like a{text-decoration:none}
.board .time{font-size:1rem; padding-left:10px}
.board .tags a{font-size:1rem; padding-left:5px}
.board .reply{float:right; font-size:1rem}
.board .ip{font-size:1rem; padding-left:10px}
.board .tags li{float:left; padding-right:10px}
.board .sns_button div{float:left; padding-right:5px; padding-top:1em}
.board .information{overflow:hidden; background-color:#eee; padding:1em}
.board .information li{float:left; padding-right:20px}
.board .border_button{ overflow:hidden; }
.board .border_button .btn-group .btn{margin-bottom:.5em;}
.board .border_button .btn-prev-next{display:block}
.board .border_button .btn-group .btn-prev,
.board .border_button .btn-group .btn-next{border:none; width:auto}
.board .border_button .btn-group .btn-prev{position:relative}
.board .border_button .btn-group .btn-prev:after{position:absolute; content:""; display:block; width:1px; height:50%; top:25%; right:0; background:#666; opacity:1}
@media screen and (max-width:1024px){
	.board .border_button{width:100%;}
	.board .border_button > div{float:none; text-align:center; margin: 0.4em 0;}
	.board .border_button > div .btn{width:32%; max-width:120px;}
}


.board .well{padding:20px;overflow:hidden}
.board .well img{vertical-align:middle}
.board .well .input{display:inline-block}
.board .well .input input{width:auto}
.board .well .info-text{margin-top:1em}
.board .well.comment_write_box_inner .commenttextarea{width:calc(100% - 90px); min-height:80px; height:80px}
@media screen and (max-width:768px){
    .board .well .input{display:block; margin:0 auto}
    .board .well .input input{width:250px; margin:10px auto}
    .board .well .error{display:block; text-align:center}
    .board .well.comment_write_box_inner .commenttextarea{width:100%; min-height:10em; height:100px}
    .board .well.comment_write_box_inner .btn-comment{width:120px; height:auto; margin-top:10px; background-color:#fff; border:1px solid #ddd}
}

.board .btn-point-info{padding-top:3px;color:#BBB;font-size:16px}
.board .view_full_image{cursor:pointer}
.board .btn-admin-manage-layer{ display:none;border:1px solid #ddd; background-color:#fff;z-index:99999;position:absolute}
.board .btn-admin-manage-layer div.item{ height:23px;border-bottom:1px solid #ddd; cursor:pointer;padding-left:2px;padding-right:10px;line-height:23px; font-size:.75rem}
.board .btn-admin-manage-layer div.item i{ width:20px;text-align:center}
.board .btn-admin-manage-layer div.item:hover{background-color:#dedede}
@media screen and (max-width:768px){
	.board .layer-overlay{display:none; position:fixed; top:0; left:0; width:100%; height:100%; background-color:rgba(0,0,0,0.2)}
	.board .btn-admin-manage-layer{position:fixed; top:50%; left:50%; transform:translateX(-50%) translateY(-50%); width:300px}
	.board .btn-admin-manage-layer .item{padding-top:.5em; padding-bottom:.5em}

}

.board .autowrap{ margin:0 auto 15px; }
.board .autosize{ position:relative; height:0; padding-bottom:56.25%; overflow:hidden; margin:0}
.board .autosize iframe, .autosize object, .autosize embed{ position:absolute; top:0; left:0; width:100%; height:100%}

.board .table-top{padding-bottom:10px}
.board .table-top li{float:left;text-align:center;padding-right:5px}
.board .progress{ overflow:hidden;height:20px;margin-bottom:20px;background-color:#f5f5f5;border-radius:4px;-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,.1);box-shadow:inset 0 1px 2px rgba(0,0,0,.1);background-image:-webkit-linear-gradient(top,#ebebeb 0,#f5f5f5 100%);background-image:linear-gradient(to bottom,#ebebeb 0,#f5f5f5 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffebebeb', endColorstr='#fff5f5f5', GradientType=0)}
.board .progress-bar{float:left;width:0;height:100%;font-size:12px;line-height:20px;color:#fff;text-align:center;background-color:#d53f41;-webkit-box-shadow:inset 0 -1px 0 rgba(0,0,0,.15);box-shadow:inset 0 -1px 0 rgba(0,0,0,.15);-webkit-transition:width .6s ease;transition:width .6s ease}
.board .sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);border:0}
.board .poll-result{ padding-bottom:10px; }
.board th{text-align:left}
@media screen and (max-width:768px){
	.board .table-top .select-sort{display:none}

}

.writeform li{display:block; margin:0px; margin-bottom:.5em; min-height:2em}
.writeform li:after{content:''; display:block; clear:both}
.writeform li > span{float:left; width:10%; margin-top:5px; color:#000; font-weight:bold}
.writeform li > .form-group{width:90%; float:left}
.writeform li > input[type=file]{border:1px solid #ddd; padding:.5em 0}
.writeform .map_btn{width:100px; float:right;margin-left:10px}

@media screen and (max-width:768px){
	.writeform li{margin-bottom:1em}
	.writeform li > span{display:block; text-align:left; float:none; width:100%; margin-bottom:.5em}
	.writeform li > .form-group{width:100%}
}
.lucky{font-size:11px}
.lucky .luckypoint{color:#E71A41}

.px70{width:70px}
.px100{width:100px}
.px150{width:150px}
.px400{width:400px}

/* 검색 */
.searchbuttonbox{display:none}
.board .searchbox{display:block}
.board .searchbox .search-form{position:relative; display:inline-block; margin-left:10px; width:380px}
.board .searchbox .search-form button{position:absolute; right:10px; top:50%; transform:translateY(-50%)}
.board .btn-search{width:auto}
.board .btn-search .search-form{position:relative}
.board .copy_post_url{cursor:pointer}

.commenttextarea{width:97%}
textarea.post_content{width:97%;height:350px;margin:0 20px}
.poll_item_area{padding-left:228px}
.poll_item_area input{width:400px}

.confirm_password li{display:block;margin:0px; clear:both; margin-bottom:15px}
.confirm_password li>span{float:left;width:25%;text-align:right;padding-right:20px;margin-top:5px;color:#000;font-weight:bold}

.table-image{overflow:hidden;clear:both;border-top:1px solid #ddd}
.table-image ul{margin-bottom:10px;overflow:hidden}
.table-image .gallery-box{float:left}

.point-info{position:relative}
.point-info-content{display:none;position:absolute; right:30px;top:0;z-index:9999;width:300px}
.chk_comment_all_wrapper{padding:10px; padding-left:0}
.comment_write_box_inner{padding:20px; background-color:#f6f6f6}
.form-inline{display:inline-block}
.form-inline .form-group{display:inline-block}
.comment_write_button_area{margin-top:10px;overflow:hidden}
.comment_write_button_area .btn-group{margin-right:20px}
.comment_write_button_area .btn-group:after{content:''; display:block; clear:both}
.comment_write_button_area .btn-group > *{float:left}
.comment_write_button_area .btn-group .btn{border-radius:50%; width:35px; height:35px; line-height:35px; padding:0; display:inline-block}
.comment_write_button_area .btn-group .btn + .btn{margin-left:5px}

.board .url-qrcode{position:relative;cursor:pointer}
.board .url-qrcode i{margin:3px 0 0 5px}
#qrcode-content{display:none;position:absolute;background-color:#FFF;border:2px solid #DDD;padding:10px;width:240px}
#qrcode-content .qrcode_code{border:5px solid #479BE3;float:left}
#qrcode-content .qrcode_code img{width:100px;height:100px}
#qrcode-content .qrcode_info{float:left;margin:0 0 0 10px;width:90px;font-size:1rem;line-height:18px;color:#555}

/* 댓글 css */
#viewcomment{word-break:break-all; line-height:1.6; margin-top:2em; border-top:2px solid #ddd}
#viewcomment .media{margin-top:0; border-bottom:1px solid #ddd; background-color:#f6f6f6}
#viewcomment .media.comment-reply{padding-left:30px; background-color:#f6f6f6}
#viewcomment .media.comment-reply .media-body{position:relative}
#viewcomment .media.comment-reply .media-body:after{position:absolute; left:-5px; top:24px; content:''; width:12px; height:12px; border-bottom:1px solid #d53f41; border-left:1px solid #d53f41}
#viewcomment .media.comment-reply .media-heading{padding:1em 0 .5em 0}
#viewcomment .media-heading{padding:1em 0}
#viewcomment .media-body{padding:.5em 1em 1em 1em ; line-height:1.8; font-size:1rem; color:#333; font-weight:300}

.post__title{font-size:1.25rem; padding:1em; border-top:1px solid #ddd; border-bottom:1px solid #ddd; word-break:break-all; line-height:1.4}
@media screen and (max-width:768px){
	.post__title{font-size:1.125rem}
}

.board .file-lists{margin:.5em 0; width:100%}
.board .file-lists a{display:inline-block; margin-right:1em; font-size:.875rem; color:#666}
.board .file-lists .input-form{}

.pagination{text-align:center}
.pagination li{display:inline-block; text-align:center}
.pagination li a{display:block; width:30px; height:30px; line-height:30px; font-size:1rem; font-weight:400; border:1px solid #ddd; border-radius:2px}
.pagination li.active a{color:#d53f41}

.poll .headline{margin-bottom:.5em; font-size:1.25rem}

.btn-list-group{text-align:center}

tbody tr td.list-name p,
tbody tr td.list-date p,
tbody tr td.list-view p{display:none}

.bottom-buttons{display:block; position:relative}
.bottom-buttons .button{position:absolute; left:0}
.pagination-nav{margin-bottom:40px}
.pagination-nav ul li{margin-right:6px}
.pagination-nav ul li:last-child{margin-right:0}
.pagination-nav ul li a{padding:0; width:36px; height:36px; line-height:36px; border:1px solid #ddd}
.pagination-nav ul li.active a{background:#d53f41; border-color:#d53f41; color:#fff}
.bottom-buttons a{position:absolute; right:0}

.search{text-align:center; background:#f6f6f6; padding-top:20px; padding-bottom:20px}
.search .form-group{margin-bottom:0}
.search select,
.search input{height:3.125rem !important; border-radius:0 !important; border:1px solid #dddddd !important}
.search select{background-color:#fff}
.search-go{display:inline-block; margin-left:-4px}

.search-go button{width:50px; height:50px; background:#333}
.search-go button i{color:#fff; font-size:20px}

.list-content .fa{color:#bbb}
.list-content .label-warning{background:#e8e8e8; color:#888; padding:2px 10px; border-radius:5px}
.list-content tr{border-bottom :1px solid #dedcdf}
@media screen and (max-width:768px){
	.btn-list-group{text-align:right}

	.list-content thead{display:none}
	.list-content tbody tr{display:block}
	.list-content tbody tr th,
	.list-content tbody tr{padding:20px 0}
	.list-content tbody tr:first-child{border-top:2px solid #000}
	.list-content tbody tr td{display:block; border-bottom:none !important}
	.list-content .table td{padding:0}
	.list-content .table th.list-check,
	.list-content .table td.list-notice{text-align:left; margin-bottom:7px}
	.list-content .table .label.label-warning{border-radius:12px}
	.list-content .table .label.label-primary{font-size:0.75rem !important; width:34px; height:20px; line-height:20px; padding:0; border-radius:13px; display:block; font-weight:400}
	.list-content .table td.list-num{display:none}


	tbody tr td.list-name,
	tbody tr td.list-date,
	tbody tr td.list-view{display:inline-block}
	tbody tr td.list-name p,
	tbody tr td.list-date p,
	tbody tr td.list-view p{display:inline-block; font-size:12px}
	tbody tr td.list-name a,
	tbody tr td.list-name span,
	tbody tr td.list-date span,
	tbody tr td.list-view span{font-weight:300; color:#9a9a9a; font-size:12px}
	tbody tr td.list-name,
	tbody tr td.list-view{margin-right:15px}

    .search{text-align:left;; background:transparent; padding-top:0; padding-bottom:0}
	.list-content .searchbox .search-form{margin-left:0; width:calc(100% - 154px)}
	.search select,
    .search input{height:2.5rem !important; font-size:.875rem !important; margin-left:0}
	.search-go button{width:40px; height:40px; background:#333}
}


.post-content .board{padding-bottom:0}
.post-content .information{padding:30px 25px; border-top:2px solid #000}
.post-content .table-box{display:block; padding:17px 0; border-top:1px solid #dedcdf; border-bottom:1px solid #dedcdf; background:#eee}
.post-content tr{display:inline-block}
.post-content tr td{padding-left:30px}
.post-content tr td i{color:#adacac; margin-right:10px}

@media screen and (max-width:768px){
	.post__title{font-size:18px; margin-bottom:10px}
	.board .information li span{font-size:12px}
	.post-view,
	.post-print{display:none}

	.post-content .table-box{display:block}
	.post-content tr{display:table-row; height:28px}
	.post-content tr:last-child{display:table-row; height:auto}
	.post-content tr td{padding-left:15px}

	.post-content .ip{display:none}
}