@charset "utf-8";
/* COMMON */

.btn.main-top-login{
    height: 20px;
    line-height: 0;
    color: white;
    display: flex;
    align-items: center;
    background: gray;
}

.modal_el {
    z-index: 99999;
}
.btn.customBtn{
    padding: 15px 30px;
}

/* MAIN */

.latestArea{
    display: flex;
    justify-content: space-between;
    overflow: hidden;
}
.latestArea > .title{
    flex: 0 0 49%;
    display: flex;
    justify-content: space-between;
    padding-bottom: 5px;
    margin: 0;
    cursor: pointer;
}
.mainTitle{
    font-size: 29px;
    margin-bottom: 20px
}

.mainCategoryWarp{
    position: relative;
    padding: 35px 0;
}
.mainCategoryGuid{
    position: absolute;
    top: 0px;
    right: 0;
    width: 812px;
    height: 100%;
    /* background-color: #212529; */
    background-color: #3f454a;
    z-index: 0;
    border-radius: 10px;
    box-shadow: 0 0 7px rgb(0 0 0 / 35%);
    border-radius: 10px;
}
.mainCategoryGuid.type01{
    right: 265px;
    width: 555px;
}

.mainCategoryGuid.type02{
    width: 548px;
}
.mainCategoryGuidText{
    position: absolute;
    bottom: 4px;
    right: 293px;
    font-size: 16px;
}
.type01 + .mainCategoryGuidText{
    right: 432px;
}
.type02 + .mainCategoryGuidText{
    right: 155px;
}
.mainCategoryGuidText > span{
    font-size: 18px;
    font-weight: 700;
    line-height: 1.1;
}
.mainCategoryGuidModType{
    position: relative;
    z-index: 500;
}

.mainCategoryGuidModType .item+.item{
    margin-left: 28px;
}

.mainCategoryGuidModType.flexType{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding-right: 20px;
}
.mainCategoryGuidModType.flexType > .item{
    flex: 1 0 320px;
    float: none;
}
.mainCategoryGuidModType.flexType > .item > a{
    width: inherit;
}

.sub_tit.list{
    flex-direction: column;
    align-items: flex-start;
    width: 100%;
    height: auto;
    min-height: 150px;
    padding-top: 15px;
}

.sub_tit.list > ul{
    margin-top: 15px;
} 
.sub_tit.list > ul > li{
    position: relative;
    display: flex;
    align-items: baseline;
    flex-direction: row;
    list-style: none;
    margin-bottom: 5px;
} 
.sub_tit.list > ul > li > h3,
.sub_tit.list > ul > li > a > h3{
    font-size: 1rem;
    font-weight: 400;
    padding: 0;
    margin: 0 5px 0 0 ;
}

.bg-fill{
    background-color: #f3f3f3;
}

.topInfoArea{
    position: relative;
    width: 1070px;
    margin: 0 auto;
}
.topMemberLoginInfo{
    position: absolute;
    top: 60px;
    right: 0;
    font-size: 13px;
}

.admin_login{
    align-items: flex-start;
    height: 530px;
    margin-top: 15px;
}

.item.disabled .link_btn,
.item.disabled .link_btn:hover{
    background-color: rgb(177 177 177);
    cursor: pointer;
}
.item.disabled .link_name,
.item.disabled .link_btn:hover .link_name{
    background-color: #3f454a;
    color: #b1b1b1;
}

.item.disabled .link_tit,
.item.disabled .link_btn:hover .link_tit{
    color: #3f454a;
}
.item.disabled .link_desc,
.item.disabled .link_btn:hover .link_desc{
    color: #3f454a
}
.item > .link_btn .badge{
    position: absolute;
    top: 0;
    right: 14px;
    border-radius: 10px;
}
.item.nosa_other_link > .link_btn{
    padding: 35px 5px 0 5px;
}
.item.nosa_other_link > .link_btn:hover{
    background-color: #fff;
}
.item.nosa_other_link .nosa_other_link_list{
    display: flex;
    justify-content: center;
}
.item.nosa_other_link .nosa_other_link_list > span > a{
    display: block;
    text-decoration: none;
    color: inherit;
    font-size: 12px;
  }
/* COURSE */
.table_bbs tbody > tr.close{
    position: relative;
}
.table_bbs tbody > tr.close::after{
    content: " ";
    position: absolute;
    top: 50%;
    left: 0;
    width: 970px;
    height: 1px;
    background-color: #212529;
    transform: translate(0, -50%);
}
.table_bbs tbody > tr > td{
    word-break: keep-all
}

/* ADMIN */
.adminWrap{
    width: 100% !important;
}