@charset "UTF-8";

.userTabWrap { display:flex; flex-flow:row wrap; align-items:stretch; column-gap:10px; row-gap:20px; }
.userTabWrap.type2 > li { flex:1 0 auto; }
.userTabWrap > li a { display:block; border:1px solid #dadbdf; padding:15px; font-family:'Pre Bold'; color:#272727; text-align:center; }
.userTabWrap > li.active a { color:#fff; background-color:#7c0019; }

/* 리스트 */
.boardWrap { margin-top:70px; }
.boardWrap table { border-top:2px solid #353e4d; width:100%; border-collapse:collapse; border-spacing:0; table-layout:fixed; text-align:center; font-size:14px; }
.boardWrap table .col-num { width:8%; }
.boardWrap table .col-cateName { width:15%; }
.boardWrap table .col-majorSiteName { width:40%; }
.boardWrap table .col-address { width:auto; }

.boardWrap table tr:hover{background-color: #f8f8f8;} 
.boardWrap table th {background-color: #f8f8f8;color:#333;font-weight: normal;border-bottom: 1px solid #ddd;padding: 20px 5px;font-size: 18px;font-family: 'Noto Regular';}
.boardWrap table td {border-bottom: 1px solid #dcdcdc;padding: 17px 10px;white-space: nowrap;text-overflow: ellipsis;font-family: 'Noto Light';font-size: 17px;position:relative;}
.boardWrap table td.alignL{text-align:left;}
.boardWrap table td a{font-family:'Noto Regular';display: block;color:#333;transition: all ease .3s;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;max-width: calc(100% - 55px);line-height: 28px;}
.boardWrap table td a:hover{color:#8b0029;}
.boardWrap th,
.boardWrap td{border-right:#dddee0;border-left:#dddee0;}

@media screen and (max-width:1200px){
    .boardWrap table th{font-size:16px;}
}
@media screen and (max-width:1024px){
    .boardWrap table .col-num,
    .boardWrap table .th-num,
    .boardWrap table .td-num{display:none;}
}
@media screen and (max-width:767px){
    .boardWrap table{display: block;}
    .boardWrap table thead{display: none;}
    .boardWrap table tbody{display: block;text-align: left;}

    .boardWrap table .td-majorSiteName{display:block;width:100%;box-sizing: border-box;padding-top: 0;padding-bottom: 7px;line-height: 1.4;}
    .boardWrap table tr{display: block;border-bottom:1px solid #dddee0;overflow: hidden;padding-bottom: 17px;padding-top: 17px;}
    .boardWrap table td{border-bottom:0;float:left;padding: 0 7px 0;position: relative;}
    .boardWrap table td + td + td + td:before{content:'';width:1px;height: 10px;background: #dfdfdf;position: absolute;left:0;top: 9px;}
    .boardWrap table .td-address {display: inline-block;vertical-align: top;font-size: 13px;color:#888;font-family: 'Noto Light'; width:100%; }
}