/*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*/
.page-header a {color:inherit}
.page-content, #comment_view .media-body p  {word-wrap: break-word} 
.page-content, #mb_signature {margin:20px 0 40px 0}
.page-toolbar, .page-favorite {margin:10px 0px 40px 0px}
.page-toolbar .btn-group { margin-left:0 }
.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-favorite .btn[disabled] { font-weight:600 }
.btn-group .add{ list-style:none; min-width:140px}
.btn-group .add li {display:block; cursor:pointer; font-size:12px; overflow:hidden }
.btn-group .add li:hover {background-color:inherit }
.page-content .img-responsive {cursor:pointer; margin:0 auto }
#font-controller .btn.active { display: none }
#font-controller .btn.active span:nth-of-type(1)  { display: block }
#font-controller .btn.active span:last-child  { display: none }

/*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 }