@charset "utf-8";

.pf_img img {border-radius:50%;width:50px;height:50px}


#bo_v_sns {padding:0;list-style:none;zoom:1;float:left;display:inline-block}
#bo_v_sns:after {display:block;visibility:hidden;clear:both;content:""}
#bo_v_sns li {float:left;width:135px;margin-right:5px;text-align:left}
#bo_v_sns li a {height:35px;line-height:35px;text-align:center;border-radius:5px;color:#fff;font-size:0.95em}
#bo_v_sns li img {vertical-align:middle;margin-right:5px}
#bo_v_sns li .sns_f {display:block;background:#3b5997}
#bo_v_sns li .sns_t {display:block;background:#09aeee}
#bo_v_sns li .sns_g {display:block;background:#ea4026}
#bo_v_sns li .sns_k {display:block;background:#fbe300}

#bo_v_share {position:relative;padding:20px 0}
#bo_v_share:after {display:block;visibility:hidden;clear:both;content:""}
#bo_v_share .btn {padding:0 10px;color:#555;font-weight:normal;font-size:1em;line-height:35px;height:35px;border-color:#d5d5d5;border-radius:5px}
#bo_v_share .btn:hover {background:#fff}
#bo_v_share .btn i {margin-right:5px;color:#4b5259;vertical-align:middle}


@media (max-width: 767.98px) {
    #bo_v_sns li{width:auto;min-width:50px!important;}
    #bo_v_sns li img{margin-right: 0}
    #bo_v_sns a span{display: none}
    .m-checkbox{width: 20px}
}

.bg-red{
    background-color: #de1112;
}

.editor-wrap{
    border: var(--bs-border-width) solid var(--bs-border-color);
    border-radius: var(--bs-border-radius);
}
.editor-wrap .tox-tinymce{
    border:0;
    height:300px!important;
}
.editor-wrap .editor-title{
    padding: 1em 0.75em;
    border-bottom: var(--bs-border-width) solid var(--bs-border-color);
}
.tox-edit-area{
    padding: 1em 0.75em;
}
.qu_type_wrap{
    display: none;
}
.qu_type_wrap.show{
    display:block;
}
.qu_type_1_item{
    border-radius: var(--bs-border-radius-lg) !important;
    border: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
    margin-bottom: 1rem !important;
    overflow:hidden;;
}
.qu_type_1_item input[type=text]{
    border:0;
}
.qu_type_1_item input[type=file]{
    border-radius: 0;
    border-bottom: 0;
    border-left: 0;
}
.qu_type_1_item .file-wrap{
    margin-right:-1px;
}

.ticket-box{
    padding:.8em 1em;
}
.bg-th{
    background-color: #ebebec;
}
.table-exam th, .table-exam td{
    vertical-align: middle;

}
.table-exam tbody th,.table-exam tbody td{
    padding:0;
}
.table-exam input{
    border:0;
    border-radius: 0;
}
.table-exam th,.table-exam td{
    text-align: center;
}
.right-line{
    position: relative;
}
.right-line:after{
    content:' ';
    position: absolute;
    top:0;
    right:0;
    width:1px;
    height: 100%;
    background-color: #fff;
    z-index: 1;
}
.table thead th {
    vertical-align: middle;
    border-bottom: 2px solid #000;
    font-weight:normal;
}
.table > :not(caption) > * > * {
    padding: 1em 0.5em;
    vertical-align: middle;
}
.btn{
    --bs-btn-disabled-opacity:.2!important;
}


 .qu-desc{
     padding:1rem 0;
     margin:1rem 0;
     position:relative;
 }
.qu-desc:before{
    content:'--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------';
    position:absolute;
    top:0;
    left:0;
    width: 100%;
    height: 1em;
    line-height: 1;
    overflow: hidden;
}
.qu-desc:after{
    content:'--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------';
    position:absolute;
    bottom:0;
    left:0;
    width: 100%;
    height: 1em;
    line-height: 1;
    overflow: hidden;
}
 
@media(max-width: 768px){
    .ticket-box{
        border-bottom:var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important
    }
    .answer-parent{
        position: absolute!important;
        right:0;
        min-width: 200px;
    }
    #answer-wrap{
        opacity: 0;
        transition: all .4s ease-in-out;
    }
    #answer-wrap.show{
        opacity: 1;
    }
}