/**
	board skin css
*/

.board .table{border-top: 2px solid #000;border-bottom: 1px solid #ccc;}
.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 .info li:last-child {padding-right: 0;padding-left: 0;}
.board .info li:nth-last-child(2) {padding-right: 10px;}
.board .contents-view{padding-bottom: 30px; clear:both;}
.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 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 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 .like {padding-top:20px;}
.board .like a{text-decoration:none;}
.board .time{font-size:12px; padding-left:10px;}
.board .tags a{font-size:12px; padding-left:5px;}
.board .reply{float:right; font-size:12px;}
.board .reply a{padding-left:5px;}
.board .ip{font-size:12px; padding-left:10px;}
.board .tags li{float:left; padding-right:10px;}
.board .sns_button div {float:left; padding-right:5px;}
.board .btn-point-info {padding-top:8px;color:#BBB;}

.board .view_full_image {cursor:pointer;}
.board .btn-admin-manage-layer { display:none;border:1px solid #ddd;position:absolute;background-color:#1e1f21;z-index:99999; }
.board .btn-admin-manage-layer div.item { height:23px;border-bottom:1px solid #ddd; cursor:pointer;padding-left:2px;padding-right:10px; }
.board .btn-admin-manage-layer div.item { font:normal 11px 'dotum';line-height:23px; }
.board .btn-admin-manage-layer div.item i { width:20px;text-align:center; }

.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 .passcord {margin: 0px auto;text-align: center;}
.board .passcord li{display:inline-block;margin-right:20px;vertical-align:middle;}

.board .copy_post_url {cursor:pointer;}

.lucky {font-size:11px;}
.lucky .luckypoint{color:#E71A41;}

.gallery-box {float:left;}
.chk_comment_all_wrapper {padding:10px;}
.comment_write_box_inner {margin-top:20px; padding:0;background-color: transparent;border-color: #3a3b3d;background-image: none;box-shadow: none;border: 0;}
.comment_write_button_area {overflow:hidden;border: 2px solid #3a3b3d;border-top: 0;padding: 10px;}
.comment_write_button_area .form-group {margin-bottom: 0;}

.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:12px;line-height:18px;color:#555;}

#bd_zine * {-webkit-box-sizing: content-box;-moz-box-sizing: content-box;box-sizing: content-box;}
#bd_zine b {padding: 0 10px 0 4px;}
#bd_zine h2 {margin:0;font-size:15px;letter-spacing:-1px;font-weight: bold;border-left: 3px solid #00b1ff;padding-left: 5px;}
#bd_zine input {position:relative;z-index:30}
#bd_zine li {position:relative;clear:both;margin:0 2px;padding:18px 8px;zoom:1;border-bottom: 1px solid #3a3b3d;}
#bd_zine li:hover h2 {color: #5e5e5e;}
#bd_zine li.select h2 {color:#00b1ff;}
#bd_zine li:after {content:"";display:block;clear:both}
#bd_zine li:first-child {margin-top: 2px;border-top: 1px solid #3a3b3d;}
#bd_zine a {display:block;position:absolute;top:-2px;left:-2px;width:100%;height:100%;text-decoration:none;z-index: 10;}
#bd_zine .cnt {margin-top:10px;font-size:11px;word-break:break-all;word-wrap:break-word}
#bd_zine .info {font-size:11px;line-height:11px;color:#888}
#bd_zine .info b {color:#d9d9d9;}
#bd_zine .info span {display:inline-block;margin:8px 8px 0 0;border-right:1px solid #DDD}
#bd_zine .info span:last-child {border:0}
#bd_zine .blind {visibility:hidden;overflow:hidden;position:absolute;top:0;left:0;width:0;height:0;font-size:0;line-height:0}
#bd_zine .rt_area {margin-right: 40%;padding-right: 15px;}
#bd_zine .tmb_wrp {position: absolute;top: 0;right: 0;bottom: 0;width: 40%;height: auto;overflow: hidden;z-index: 1;}
/*#bd_zine .tmb_wrp:before{content: "";-webkit-transform: skew(5deg);transform: skew(5deg);background: #2c2d30;width: 30px;position: absolute;left: -10px;top: 0;bottom: 0;z-index: 1;}*/
#bd_zine .photo {position: absolute;top: 0;right: 0;bottom: 0;left: 0;background-size: cover;background-position: center;transition: -webkit-transform .2s;transition: transform .2s;transition: transform .2s, -webkit-transform .2s;}
#bd_zine li:hover .photo {-webkit-transform: scale(1.3) rotate(-3deg);transform: scale(1.3) rotate(-3deg);}

.box-info {padding: 10px;border: 1px solid #3a3b3d;-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;margin: 0;}

#fcomment .checkbox,
#fcomment .radio {margin-top: 0;margin-bottom: 0;padding: 5px;}
#fcomment .cd_in_gr .form-group {margin-top: 10px;margin-bottom: 0;}

#cmt_content {border: 2px solid #3a3b3d;border-bottom-width: 1px;resize: none;}

.board .cmt_line {width:100%;text-align:left;border:0;border-bottom:1px solid #3a3b3d;font-weight:bold;margin:30px 0 0px;padding:0 0 15px;}
.board .cmt_line strong {font-size:1.2em;color:#d9d9d9;}
.board .cmt_line span.total {position:relative;display:inline-block;margin-right:5px;font-size:1em;color:#00b1ff;}
.board .cmt_line span.total:after {position:absolute;bottom:-17px;left:0;display:inline-block;background:#00b1ff;content:"";width:100%;height:2px;}

.board .list-group {box-shadow: none;margin-top: 20px;}
.board .list-group-item {background-color: transparent;border-left: 0;border-right: 0;color: #d9d9d9;}
.board .list-group-item:first-child,
.board .list-group-item:last-child {border-radius: 0;}
.board .list-group-item > .badge {position: absolute;top: 10px;right: 0;}
.board .list-group-item a {color: #d9d9d9;width: 100%;display: block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.board .list-group-item .wrap {display: flex;flex-direction: row;flex-wrap: nowrap;align-items: center;gap: 10px;}
.board .group-t {display: block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;width: 99%;}

.board .avatar {display: inline-block;overflow: hidden;line-height: 1;vertical-align: middle;border-radius: 48px;border: 2px solid #3a3b3d;}
.board .media-left {padding-right: 20px;}
.board .media-body {position: relative;border: 2px solid #3a3b3d;border-radius: 3px;overflow: visible;}
.board .media-body .arrow:before {content: '';position: absolute;top: 10px;left: -17px;width: 0;height: 0;border: 7px solid transparent;border-right: 9px solid #3a3b3d;}
.board .media-body .arrow:after {content: '';position: absolute;top: 10px;left: -17px;width: 0;height: 0;border: 7px solid transparent;border-right: 9px solid #3a3b3d;}
.board .media-heading {padding: 10px 0;border-bottom: 1px dashed #3a3b3d;margin: 0 15px;}
.board .media-heading input {margin-right: 10px;margin-top: 0;}
.board .media-cont {padding: 15px;}
.board .best-cont .label {background-color: #00b1ff;display: block;margin: 10px 0 0 0;border-radius: 0;}
.board .media-body .comment_write_box_inner {margin: 0;}
.board .media-body .comment_write_box_inner #cmt_content,
.board .media-body .comment_write_box_inner .comment_write_button_area {border-color: #d9d9d9;}

.board iframe, video {width: 100%;}

.board .searchbox .navbar-form {float: right;padding-left: 0;padding-right: 0;}

@media (min-width: 992px)
{
	.board .passcord {text-align: right;}
}

@media (max-width: 768px)
{
	#bd_zine .tmb_wrp {display: none;}
	#bd_zine .rt_area {margin-right: 0;padding-right: 0;}

	.board .searchbox div[class^='col-'] {width: 100%;text-align: center;padding-left: 0;padding-right: 0;}
	.board .searchbox .navbar-form {float: none;text-align: center;padding-top: 20px;clear: both;}
	.board .searchbox .navbar-form .form-group {width: auto;display: inline-block;}
}