@charset "utf-8";

.right-sub-info-content {
    background-color: #eef2f7;
    border-radius: 1rem;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 4rem 4rem 4.5rem 4rem;
}

.right-sub-info-content .right-sub-info-logo {
    width: 12rem;
    height: 12rem;
    border: .1rem solid #ced3d6;
    background-color: white;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
}

.right-sub-info-content .right-sub-info-text {
    width: calc(100% - 16rem)
}

.right-sub-info-content .right-sub-info-text h1 {
    font-size: 2.5rem;
    color: #256ef4;
    font-family: pb;
    margin-bottom: 1.6rem;
}

.right-sub-info-content .right-sub-info-text p {
    font-size: 1.9rem;
    line-height: 3rem;
    color: #464c53;
}

.right-sub-info-content .right-info-tab ul{display: flex; flex-wrap: wrap; margin: -1.6rem -.8rem 0;}
.right-sub-info-content .right-info-tab li{width: 50%; padding: 0 .8rem; margin-top: 1.6rem;}
.right-sub-info-content .right-info-tab li a{border: .1rem solid #b2b2b2; border-radius: .5rem; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; padding: 1rem 2rem; background-color: white;}
.right-sub-info-content .right-info-tab li .right-info-tab-image{width: 5rem;}
.right-sub-info-content .right-info-tab li p{width: calc(100% - 5rem); font-size: 1.5rem; color: #999999; line-height: 1.3;}
.right-sub-info-content .right-info-tab li p span{display: block; font-size: 1.7rem; color: #2d2d2d; font-family: pb;}
.right-sub-info-content .right-info-tab li:hover a,
.right-sub-info-content .right-info-tab li.active a{border: .1rem solid #256ef4;}

.boardWrap{border-top: .2rem solid #2c2c2c;}
.boardWrap thead th{font-size: 1.8rem; font-family: pm; color: #121212; background-color: #f8f8f8; border-bottom: .1rem solid #8b9099; padding: 1.7rem 0; font-weight: normal;}
.boardWrap tbody td{font-size: 1.8rem; font-family: pm; color: #444444; background-color: white; border-bottom: .1rem solid #e2e2e2; text-align: center; padding: 1.65rem 0;}
.boardWrap tbody td a{color: #444444; display: flex; align-items: center; justify-content: center;}
.boardWrap tbody td strong{display: -webkit-inline-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; position: relative;}
.boardWrap tbody td a .lock{text-indent: -9999rem; width: 1.4rem; height: 1.7rem; background: url(/Web-home/fnct/bbs/bbs_common/images/ic-secret.png) no-repeat center center / cover; display: inline-block; position: relative; margin-left: 1rem; display: inline-flex; flex-shrink: 0;}
.boardWrap tbody td a .new{text-indent: -9999rem; width: 2.7rem; height: 2.7rem; background: url(/Web-home/fnct/bbs/bbs_common/images/ic-new.png) no-repeat center center / cover; display: inline-block; position: relative; margin-left: 1rem; display: inline-flex; flex-shrink: 0;}
.boardWrap tbody td img{vertical-align: middle;}
.boardWrap tbody .td-title{padding-left: 2rem;}
.boardWrap tbody .td-category span{border-radius: .5rem; display: inline-block; text-align: center; font-family: pm; font-size: 1.6rem; line-height: 3.3rem; max-width: 10rem; width: 100%;}
.boardWrap tbody .td-category.color1 span{border: .1rem solid #1d398d; color: #1d398d;}
.boardWrap tbody .td-category.color2 span{border: .1rem solid #02a3da; color: #02a3da;}
.boardWrap tbody .td-category.color3 span{border: .1rem solid #854dbf; color: #854dbf;}
.boardWrap tbody .td-category.color4 span{border: .1rem solid #45b468; color: #45b468;}
.boardWrap tbody .td-category.color5 span{border: .1rem solid #e6970d; color: #e6970d;}
.boardWrap tbody .td-category.color6 span{border: .1rem solid #e85f9f; color: #e85f9f;}
.boardWrap tbody .notice td{background-color: #f1f6fa;}
.boardWrap tbody .notice .notice-title{font-size: 0; background: url(/Web-home/fnct/bbs/bbs_common/images/ic-notice.png) no-repeat center center / cover; width: 2.6rem; height: 2.3rem; display: block; margin: 0 auto;}

.boardWrap tbody td strong:hover{background-size: 100% auto;}

.alignL{text-align: left !important;}
.alignC{text-align: center !important;}
.alignR{text-align: right !important;}

/*
@media screen and (max-width: 1200px) {
    .boardWrap thead th{font-size: 1.6rem;}
    .boardWrap tbody td{font-size: 1.6rem;}
    .boardWrap tbody .td-category span{font-size: 1.4rem; line-height: 2.8rem; max-width: 8rem;}
}

@media screen and (max-width: 1000px) {
    .boardWrap thead{display: none;}
    .boardWrap table,
    .boardWrap tbody{display: block; width: 100%;}
    .boardWrap tbody tr{display: flex; flex-wrap: wrap; width: 100%; padding: 2rem; border-bottom: .1rem solid #e2e2e2;}
    .boardWrap tbody tr.no-data{justify-content: center;}
    .boardWrap tbody td{display: flex; align-items: center; height: auto; border: 0; font-size: 1.6rem; font-family: pr; padding: 0;}
    .boardWrap tbody .td-admin{margin-right: 1rem;}
    .boardWrap tbody .td-category {margin-left: 1rem;}
    .boardWrap tbody .td-category span{width: 8rem;}
    .boardWrap tbody .td-title{padding-left: 0; width: 100%;}
    .board-table tbody td.td-write,
    .board-table tbody td.td-comment,
    .board-table tbody td.td-state,
    .board-table tbody td.td-date,
    .board-table tbody td.td-access{padding-right: 2rem; color: #666666;}
    .board-table tbody td.td-file{display: none;}
    .board-table tbody td.td-write::before {content: '작성자 :';padding-right: 1rem;}
    .board-table tbody td.td-comment::before {content: '댓글 :';padding-right: 1rem;}
    .board-table tbody td.td-state::before {content: '처리상태 :';padding-right: 1rem;}
    .board-table tbody td.td-date::before {content: '작성일 :';padding-right: 1rem;}
    .board-table tbody td.td-access::before {content: '조회수 :';padding-right: 1rem;    }
}
*/