/*write*/
.get-in-touch {position: relative; margin: 30px auto; padding: 60px 40px 40px; border-radius: 2px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAGCAYAAACFIR03AAAAV0lEQVR42tXOMRWAQAwE0RWFDRTg5d47Jeg4Q9gI06RbqlwKil/P6LpXbDCf85AxEBtMGjKG/jyPUHUerfP4nEeoOo/Wedj5pOo8Wudh55Oq82idh51PLxpvled7kLAXAAAAAElFTkSuQmCC) repeat-x; box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2) }
@media screen and (max-width:767px){ 
	.get-in-touch { padding: 60px 10px 40px; overflow: hidden;} 
	.get-in-touch .form-group label {padding-right:5px}
	.get-in-touch .form-group > div {padding-left:0}
}
/*list*/
.btn-lg.btn-circle {width:140px; height:140px}
.btn-lg.btn-circle small {color:inherit; display:block; margin-bottom:5px}
@media all and (min-width:767px){ .list-board {text-align:center} }
.list-board .custom-checkbox {z-index:2; margin-left: 3px;}
.list-board .d-md-flex >div {align-self: center!important}
.list-board .wr-num{min-width:60px}
.list-board .wr-name .mb_info{padding:10px 0;}
.list-board .wr-name, .list-board .wr-contact {min-width:160px}
.list-board .wr-date{min-width:110px}
.list-board .wr-good, .list-board .wr-bad{min-width:50px}
.list-board .wr-good-bad, .list-board .wr-hit, .list-board .wr-gubun{min-width:70px}

@media all and (max-width:767px){ .list-board .wr-name, .list-board .wr-date, .list-board .wr-hit, .list-board .wr-good-bad, .list-board .wr-good, .list-board .wr-bad {color:#6c757d; font-size: .85rem; } }
@media (max-width: 576px) { #view-info {font-size:.8rem} }

/*view*/
				.bbs-header h3 { padding-right: 1.5rem;font-size: 1.4rem;}
				@media (max-width: 576px) { #view-info {font-size:.8rem} }
				.btn-toggle:after { font-family: "bootstrap-icons"; content:"\f286"; font-weight:900; font-size:1rem;position: absolute;right: 0; bottom:.4rem; color:#777; padding:5px; transform: rotate(0deg); transition: all 0.3s ease 0s; }
				.btn-toggle.collapsed::after {transform: rotate(180deg);}
				.page-btn .btn{ width:2rem; height: 2rem; padding: 0; text-align: center; line-height: 2rem; font-size: .85rem;}
				.page-btn .btn + .tooltip, .page-addon .btn + .tooltip  {text-overflow: ellipsis;white-space: nowrap; }
				.page-btn .btn + .tooltip .tooltip-inner, .page-addon .btn + .tooltip .tooltip-inner{ max-width:none }
				.page-content { word-wrap: break-word; min-height:300px }
				.page-content .img-fluid {cursor:pointer}
				@media all and (min-width:992px){ .pager > div {max-width:48%;width:48%} }
				.chip {display: inline-block;height: 32px;padding: 0 15px 0 0;box-shadow: 0 0 0 1px rgba(0,0,0,.2) inset;margin-right: .5rem;margin-bottom: 1rem;font-size: 13px;font-weight: 500;line-height: 32px;color: #fff;cursor: pointer;	background-color: #007bff;	border-radius: 16px; }
				.chip i {	float: left;width: 28px;height: 28px;	margin: 1px 8px 0 1px; border-radius: 50%;background-color: #fff;color:#007bff;padding:.45rem;font-size:.85rem;line-height:1 }
				.chip i:last-child { float: right; margin:1px -14px 0 8px;}
				a.chip, .chip a { -webkit-transition: all .3s linear; transition: all .3s linear; color:#fff }
				a.chip:hover, .chip a:hover {color:initial}

/*comment*/
#bbs-comment {margin-bottom:40px;}
#comment_view ul.dropdown-menu { min-width:50px }
#comment_view .media { border-bottom:1px solid #ddd; }
#comment_view .media:last-child { border:none }
#comment_view .media-heading abbr {font-weight:600}
#comment_view .media-heading small {margin-left:10px}
#comment_view .media > .pull-left { padding-bottom: 15px }
#comment_view .media-list .indent1 {margin-left:20px}
#comment_view .media-list .indent2 {margin-left:60px}
#comment_view .media-list .indent3 {margin-left:90px}
#comment_view .media-list .indent4 {margin-left:120px}
#comment_view .media-list .indent5 {margin-left:150px}
#comment_view .media-list .indent6 {margin-left:180px}
#comment_view .media-object {width:60px}
#selectallcmt {margin:0; vertical-align: middle }
#comment_write { margin:20px 0 10px }
#bc_content { padding: 5px 10px; font-size: 13px; line-height: 1.5 }
.comment-bar { position: absolute; right:10px; width:30px }
.comment-bar button{border:none ; background-color: transparent }
.comment-bar .icon-bar { border-radius: 2px; display: block; height: 3px; width: 4px; background-color: #777; margin-top: 3px }
.glyphicon-vertical { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=4); -webkit-transform: scale(1, -1); -moz-transform: scale(1, -1); -ms-transform: scale(1, -1); -o-transform: scale(1, -1); transform: scale(1, -1) }