/**
	board skin css
*/
.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 .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 .reply a{padding-left:5px;}
.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;}


.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;}
.board .well.comment_write_box_inner .btn-comment{width: 80px; height: 80px; background-color: #fff; border: 1px solid #ddd;}
@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-wrap{position:relative; display:inline-block}
.board .btn-admin-manage-layer{z-index:99999; position:absolute; top:inherit !important; bottom:0; display:none; width:100%; transform:translateY(-34px); border:1px solid #ddd; background-color:#fff}
.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 input{margin-bottom: 0;margin-top: 0; border:1px solid #ddd; border-radius:4px; font-size:.875rem; height:2.2em; padding: .2em 1em; width:160px;} */
/* .board .table-top select.select-search{border-radius: 4px; border: 1px solid #ddd; padding: .2em 1em; height: 2.2em;font-size: .875rem; font-weight: 400; color: #333; margin-right:.5em; line-height:2.2rem;} */
/* .board .table-top .select-sort{border-radius:4px; border:1px solid #ddd; padding:.2em 1em; height:2.2em; width:160px; font-size:.875rem; font-weight:400; color:#333;} */
.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-heading .input-form{transform:translateY(-3px);}
#viewcomment .media-body{padding:.5em 1em 1em 1em ; line-height:1.8; font-size:1rem; color:#333}
/* #viewcomment .media.comment-reply-30{background-color:#fafafa;}
#viewcomment .media.comment-reply-60{background-color:#f1f1f1;}
#viewcomment .media.comment-reply-90{background-color:#eaeaea;} */

.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;}

.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: #666;}
.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__title{ border: none; padding: 0; margin-bottom: 20px; font-size: 24px; line-height: 1;}
.post-content .information li{padding: 0; margin-right: 15px;}
.post-content .information li:last-child{margin-right: 0;}
.post-content .information li p,
.post-content .information li span{display: inline-block; font-size: 14px;}
.post-content .information li span{color: #959595;}
.post-content .information .print{color: #d53f41;}

.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;}
}