@charset "utf-8";
@import url(/Web-home/fnct/bbs/bbs_common/css/board_common.css);

.col-1{width: 15%;}
.col-2{width: 15%;}
.col-3{width: 10%}
.col-4{width: auto;}
.col-5{width: 18%}
.col-6{width: 7%;}

.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 tr{cursor: pointer;}
.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; border-right: .1rem solid #e2e2e2;}
.boardWrap tbody td:last-child{border-right: 0;}
.boardWrap tbody td a{color: #444444; display: flex; align-items: 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; gap: 1rem;}
    .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; width: 100%; flex-wrap: wrap; text-align: left;}
    .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%;}

    .boardWrap tbody td.td-name{font-size: 2rem; font-family: pb; color: #111111;}

    .boardWrap tbody td.td-title::before {content: '강의제목 : '; padding-right: .5rem;}
    .boardWrap tbody td.td-object::before {content: '강의목적 : '; padding-right: .5rem;}
}