@charset "utf-8";






.title-sub{margin-top:-35px;text-align:center;margin-bottom:50px;}








sup{display:inline-block;vertical-align:top;margin-bottom:0.5em;font-size:11px;}


.list-ul{display:flex;flex-direction:column;gap:15px;margin-bottom:35px;}
.list-ul li{position:relative;font-size:15px;display:flex;flex-direction:column;gap:10px;padding:15px 20px;border:1px solid rgba(0,0,0,0.15);box-shadow:0 6px 6px rgba(0,0,0,0.04);border-radius:8px;}
.list-ul li .labelCheck{position:absolute;top:-10px;left:-10px;}
.list-ul li .list-inner{transition:all .2s ease-in-out;}
.list-ul li .wrap{display:flex;align-items:center;flex-wrap:wrap;gap:25px;color:rgba(71,78,103,0.85);}
.list-ul li .wrap .wr_state{margin-left:auto;font-size:13px;padding:0 10px;height:30px;color:#9a9a9a;border:1px solid #9a9a9a;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;}
.list-ul li .wrap .wr_state.checking{color:var(--mainColor);border-color:var(--mainColor);}
.list-ul li .wrap .wr_state.complete{color:#fff;background:var(--mainColor);border-color:var(--mainColor);}
.list-ul li .wrap .view{}

.list-ul li .wr_subject{color:rgba(0,0,0,0.9);}
.list-ul li.empty-ist{height:140px;box-shadow:none;border:0;display:flex;align-items:center;justify-content:center;color:rgba(0,0,0,0.5);}



#bo_v #bo_title {--font-size:28px;}
.view-wrap{display:flex;flex-direction:column;font-size:15px;margin-top:35px;}
.view-wrap .view-list{display:flex;align-items:center;align-items:stretch;border-top:1px solid rgba(0,0,0,0.1);}
.view-wrap .view-list:first-child{border-top:2px solid rgba(0,0,0,0.6);}
.view-wrap .view-list:last-child{border-bottom:2px solid rgba(0,0,0,0.6);}
.view-wrap .view-list .view-list-label{width:170px;min-height:70px;display:inline-flex;align-items:center;padding-left:15px;border-right:1px solid rgba(0,0,0,0.1);background:rgba(0,0,0,0.01);}
.view-wrap .view-list .view-list-con{flex:1;display:inline-flex;align-items:center;padding-left:25px;}
.view-wrap .view-list.content .view-list-label{display:inline-flex;align-items:flex-start;padding-top:24px;}
.view-wrap .view-list .view-list-con p{padding:18px 0;line-height:1.6em;}





.btn_state{padding:0 10px;height:32px;background:transparent;color:var(--mainColor);border:1px solid var(--mainColor);display:inline-flex;align-items:center;justify-content:center;transition:all .2s ease-in-out;}
.btn_state:hover{background:rgba(0,0,0,0.03);}
.btn_state.active{color:#fff;background:var(--mainColor);}