.h100 {height:100px;}

.comment-body a.buttons, button.buttons {padding: 4px 12px;}

#boardComment textarea {width:100%; border:1px solid #ddd; padding:14px; font-family: 'Montserrat', 'Noto Sans KR', sans-serif; font-size: 16px; font-weight: 400;line-height: 1.2; color: inherit;text-indent: 0; border: 1px solid #ddd; border-radius: 4px; box-sizing: border-box;}
#boardComment textarea::placeholder {color: #ccc;}

.comment-header { padding:0 4px 10px; border-bottom:1px solid #333; font-size:0.875rem;}
.comment-header:after {content:""; display:block; clear:both;}
.comment-header > div {float:left; font-size:0.9375em;}
.comment-header .comment-etc-btn {float:right;}

.comment-list { padding:15px 0 15px 10px; }
.comment-list:not(:last-child) { border-bottom:1px solid #D3D3D3; }

.comment-text .content { padding: 2px 0 14px; }

.comment-modify-bottom { display:flex; padding-top:10px; }
.comment-modify-bottom .comment-modify-btn {margin-left:auto;}

.comment-reply-form {padding-top:10px;}

.comment-write-wrap:after {content:""; display:block; clear:both;}
.comment-write-wrap { padding-top:25px; margin-bottom: 80px;}

.comment-write-bottom {padding-top:10px;}

.comment-write-bottom > div {float:left;}
.comment-write-bottom .comment-write-btn {float:right;}
.comment-write-btn input[type="submit"].buttons {font-size: .9em;}

.comment-text .info {font-size: 0.875rem; color: #797979;}
.comment-text .info img {width: 14px; margin-right: 5px;}

button.buttons.btn-modify-cancel, button.buttons.btn-modify-cancel:hover, button.buttons.btn-reply-cancel, button.buttons.btn-reply-cancel:hover {font-size: 0.875rem; border: 1px solid #f96a6a; background: #fff; color: #f96a6a;}
button.buttons.btn-modify-register, button.buttons.btn-modify-register:hover, button.buttons.btn-reply-register, button.buttons.btn-reply-register:hover {font-size: 0.875rem; border: 1px solid #333; background: #fff; color: #333;}

.comment-input {display: flex;}
.comment-input input {width: 50%; margin: 0 0 10px 0; padding: 14px 10px; border: 1px solid #ddd; border-radius: 4px; transition: all .5s ease;}
.comment-input input:first-child {margin-right: 10px;}


@media all and (max-width:640px){
    .comment-input {display: block;}
    .comment-input input {width: 100%;}
    .comment-input input:first-child {margin-right: 0px;}
}