/* mobile first */

.bbs-banner{background-image: url('https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/common/inquiry-qna_bg_mo.jpg'); min-height: 17.3rem;}
.bbs-banner .createBtn{background-color: #1EC95B; color: #fff; border-radius: 4px; font-size: 1.23rem; padding: 0.45rem 1.6rem; display: inline-block; margin-top: 1rem;}

/* list */
.listWrap{border-top: 2px solid #000; margin-top: 2.3rem;}
.listWrap > li{width: 100%; padding: 1.23rem 0; border-bottom: 1px solid #C5C5C5; position: relative;}
.listWrap .q-title{font-size: 1.38rem; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; -moz-box-orient: vertical; line-clamp: 2; -webkit-line-clamp: 2; display: -moz-box; display: -webkit-box; color: #333;}
.listWrap .q-title .comment-num{color: #1EC95B;}
.listWrap .user-info{font-size: 1.07rem; display: flex; margin-top: 1.23rem; color: #666;}
.listWrap .user-info > * + *{margin-left: 0.61rem;}
.listWrap .q-process{font-size: 1.07rem; position: absolute; border-radius: 4px; display: inline-block; right: 0; bottom: 1.23rem; padding: 0.3rem 0.7rem; background-color: #1EC95B; color: #fff;}
.listWrap .q-process.complete{background-color: #787878; }

.input-group>:not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback){margin-left: 0;}



/* read page */
.bbs.read header{padding-left: 2rem; position: relative;}
.bbs.read .titleWrap i{position: absolute; left: 0; line-height: 1.5;}
.bbs.read .q-process{position: absolute; right: 0; font-size: 1.07rem; color: #fff; background-color: #1EC95B; border-radius: 4px; padding: 0.2rem 0.8rem; font-weight: 400; bottom: 1.7rem;}
.bbs.read .q-process.complete{background-color: #787878;}
.bbs.read article,
.bbs.read .ck-content{border-bottom: none; margin-bottom: 0;}
.bbs.read .view-content-answer{background-color:#EFF1F6; padding: 1.23rem 1rem 1.23rem 2.5rem; position: relative; font-size: 1.15rem; border-bottom: 1px solid #C5C5C5;}
.bbs.read .view-content-answer i{color: #1EC95B; position: absolute; left: 1rem; font-size: 1.38rem; font-weight: bold; line-height: 1.3;}
.bbs.read .view-content-answer .write-date{text-align: right; margin-top: 1rem; position: static;}

.bbs.read #qna-button-form .button-wrap > *{border-radius: 4px; color: #fff;}
.bbs.read #qna-button-form .button-wrap > * + *{margin-left: 0.5rem;}

.bbs.read .view-wrap-qna .view-content-answer{background-image: initial;}






@media (min-width: 768px) {
    .bbs-banner{background-image: url('https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/common/inquiry-qna_bg.jpg');}
    .bbs-banner .createBtn{font-size: 1rem; padding: 0.45rem 2rem; margin-top: 1.2rem;}

    /* list */
    .listWrap{margin-top: 3rem;}
    .listWrap > li{padding: 1.6rem 0;}
    .listWrap .q-title{font-size: 1.1rem; display: block; white-space: nowrap; width: calc(100% - 5rem);}
    .listWrap .user-info{font-size: 0.9rem; margin-top: 0.85rem;}
    .listWrap .q-process{font-size: 0.8rem; bottom: 1.6rem; padding: 0.3rem 0.9rem;}



    /* read page */
    .bbs.read header{padding-left: 3.1rem;}
    .bbs.read .titleWrap i{line-height: 1.3; left: 1.2rem;}
    .bbs.read .info{font-size: 0.9rem;}
    .bbs.read .q-process{font-size: 0.8rem;}
    .bbs.read .view-content-answer{font-size: 0.9rem; padding: 1.6rem 1.2rem 1.6rem 2.5rem;}
    .bbs.read .view-content-answer i{font-size: 1.1rem;}
    .bbs.read .view-content-answer .write-date{position: absolute; top: 1.6rem; right: 1.2rem; margin: 0;}
}