a {-webkit-user-drag: none; /* WebKit에서 드래그 방지 */-webkit-user-select: none; /* Safari/Chrome */-ms-user-select: none;     /* old Edge */user-select: none;}
a img {-webkit-user-drag: none;}
.gray7{color:#495057}
.gray9{color:#212529}
.imgbx img{width: 100%;}
.keyColor{color:#bb2649}

/* 보드 리스트 */
.topTitle{padding:50px 0 60px;margin-top: 0 !important;}
.boardWrap{letter-spacing: -0.32px;}
.boardWrap .tonseHead2{font-size: 40px;}
.boardWrap .container{max-width: 1400px;width: 100%;margin:0 auto}
.boardWrap .boardWrap1 .container{flex-direction: row;align-items: center;}
.boardWrap .boardWrap1 .container form{width: 100%;max-width: 400px;}
.boardWrap .boardWrap1#secSearch .inputBox{border:none;border-radius:12px;width: 100% !important;background: #F1F3F5;}
.boardWrap .boardWrap1#secSearch .inputBox > input{padding: 12px 16px;}
.boardWrap .boardWrap1#secSearch .inputBox input::placeholder{color:#868E96}
.boardWrap .tab::-webkit-scrollbar {display: none;}
.boardWrap .tab{user-select: none;-webkit-user-select: none;-moz-user-select: none;overflow: -moz-scrollbars-none; -ms-overflow-style: none;scrollbar-width: none;-ms-user-select: none;overflow: auto;}
.boardWrap .boardWrap2{position: relative;}
.boardWrap .boardWrap2.boardBtnWrap .boardBtnGrp{display: flex;gap:8px;align-items: center;overflow-x: auto;}
.boardWrap .boardWrap2.boardBtnWrap .boardBtnGrp > li{position: relative;}
.boardWrap .boardWrap2.boardBtnWrap .boardBtnGrp > li.mView{display: none;}
.boardWrap .boardWrap2.boardBtnWrap .boardBtnGrp > li > a{width: max-content;display: flex;align-items: center;justify-content: center;background: #F8F9FA;padding: 12px 16px;border-radius: 10px;color: #495057;text-align: center;font-size: 16px;font-weight: 500;}
.boardWrap .boardWrap2.boardBtnWrap .boardBtnGrp > li.active > a{background: #bb2649;color: #fff;}
.boardWrap .boardWrap3#secBoardList{margin-top: 40px;margin-bottom: 160px;}
.boardWrap .boardWrap3#secBoardList .lists{display: flex;flex-wrap:wrap;gap:30px;margin-top: 0;}
.boardWrap .boardWrap3#secBoardList .lists > .item{margin-bottom: 10px;padding: 0;width: calc(20% - 24px);}
.boardWrap .boardWrap3#secBoardList .lists > .item .subject{border:none;padding: 2px 0;color: #212529;font-size: 18px;font-weight: 700;line-height: 24px; /* 133.333% */letter-spacing: -0.36px;}
.boardWrap .boardWrap3#secBoardList .lists > .item .subjectCategory{color:#868E96;font-size: 14px;font-weight: 600;line-height: 22px;letter-spacing: -0.28px;}
.boardWrap .boardWrap3#secBoardList .lists > .item .thumbnail{margin-bottom: 8px;display: block;width: 100%;max-width: 100%;aspect-ratio: 1 !important;}
.boardWrap .boardWrap3#secBoardList .lists > .item .thumbnail img{border-radius:25px;max-width: 100%;height: 100% !important;width: 100%;    object-fit: cover;}
.boardWrap .mBtn{display: none;}
.boardWrap .mBtn .ph{transition: all 0.3s;}
.boardWrap .boardBtnGrp2{padding-bottom: 50px;left: 0;visibility: hidden;pointer-events: none;position: absolute;top:100%;width: 100%;display: flex;flex-direction: column;background: #fff;z-index: 2;}

/* 보드 뷰 */ 
.boardWrap2.boardView #secBoardContent{margin-top: 70px;}
.boardWrap2.boardView #secBoardContent .bottomBtnArea .listBtn{padding: 15px 24px;color: #343A40;}
.boardWrap2 .listBtn{background:#fff !important;display: flex;align-items: center;justify-content: center; border:1px solid #DEE2E6;border-radius: 12px;padding: 15px 24px;margin-left:0;color:#343A40;text-align: center;font-size: 16px;font-weight: 500;line-height: 100%}
.boardWrap2 #secBoardContent .tbx{text-align: center;flex-direction: column; display: flex;align-items: center;justify-content: center;}
.boardWrap2 #secBoardContent .tbx .titleCategory{color: #868E96;font-size: 18px;font-weight: 700;line-height: 24px;}
.boardWrap2 #secBoardContent .tbx .title{font-size: 32px;line-height: 45px;font-weight: 700;color:#212529;}
.boardWrap2 .boardWrap4{padding: 50px 0;}
.boardWrap2 .boardWrap4 .rowBox .snsBxGrp{display: flex;align-items: center;gap:12px;width: 50%;justify-content: end;}
.boardWrap2 .boardWrap4 .rowBox .snsBxGrp > li {width: 100%;}
.boardWrap2 .boardWrap4 .rowBox .snsBxGrp > li > a{width: 100%;max-width:384px;display:flex;align-items: center;gap:12px;font-size: 20px;font-weight: 700;border-radius: 20px;padding: 25px;background: #F8F9FA;}
.boardWrap2 .topArea {align-items: center;justify-content: center;}
.boardWrap2 .contNavGrp{display: flex;align-items: center;gap:8px}
.paginationGrp{display: flex;align-items: center;justify-content: center;padding:50px 0}
.paginationGrp > li > a {height: 100%;display: flex;align-items: center;justify-content: center;aspect-ratio: 1;width: 32px;padding: 10px;border-radius: 8px;color:#343A40;background:#F8F9FA;text-align: center;font-size: 14px;font-weight: 400;line-height: 100%; margin:0px 2px; }
.paginationGrp > li.active > a{background:#bb2649;color: #fff;}
.paginationGrp > li.arrow > a{background: #fff;border:1px solid #E9ECEF}

/* 반응형 */
@media (max-width:1400px){
    .boardWrap .container{padding:0 16px !important;}
}

@media (max-width:1080px){
    /* 보드 리스트 */
    .boardWrap .tonseHead2{font-size: 28px;}
    .boardWrap .tonseHead5{font-size: 24px;}
    .boardWrap .boardWrap1 .container form{max-width: 300px;}
    .boardWrap .boardWrap2.boardBtnWrap .boardBtnGrp > li > a{font-size: 14px;}
    .boardWrap .boardWrap3#secBoardList{margin-top: 30px;margin-bottom: 100px;}
    .boardWrap .boardWrap3#secBoardList .lists{gap:20px}
    .boardWrap .boardWrap3#secBoardList .lists > .item{width: calc(20% - 16px);}
    .boardWrap .boardWrap3#secBoardList .lists > .item .subjectCategory{font-size: 13px;}
    .boardWrap .boardWrap3#secBoardList .lists > .item .subject{font-size: 16px;}
    .boardWrap2.boardView{margin-bottom: 100px;}
    /* 보드 뷰 */ 
    .boardWrap2 .boardWrap4 .rowBox .snsBxGrp{width: 60%;}
    .boardWrap2 .boardWrap4 .rowBox .snsBxGrp > li > a{padding: 20px;font-size: 17px;gap:8px}
    .boardWrap2 #secBoardContent .tbx .titleCategory{font-size: 16px;}
    .boardWrap2 .listBtn,.boardWrap2.boardView #secBoardContent .bottomBtnArea .listBtn{font-size: 15px;}
}

@media (max-width:853px){
    /* 보드 리스트 */
    .boardWrap .boardWrap3#secBoardList .lists > .item{width: calc(25% - 15px);}
    .boardWrap .boardWrap2.boardBtnWrap.boardBtnGrp > li > a{font-size: 14px;}
    .boardWrap .boardWrap1#secSearch .inputBox > input{padding: 16px 12px;}
    /* 보드 뷰 */ 
    .boardWrap2 .boardWrap4 .rowBox .snsBxGrp{width: 70%;}
    .boardWrap2 .boardWrap4 .rowBox .snsBxGrp > li > a{font-size: 16px;}
}

@media (max-width:575px){
    /* 보드 리스트 */
    .topTitle{padding: 30px 0 12px;}
    .boardWrap .tonseHead2{font-size: 22px;}
    .boardWrap .tonseHead5{font-size: 20px;}
    .boardWrap .boardWrap1 .container{flex-direction: column;gap:30px}
    .boardWrap .boardWrap1 .container .tonseHead2{line-height: 100%;}
    .boardWrap .boardWrap1 .container form{max-width: 100%;}
    .boardWrap .boardWrap1#secSearch .inputBox > input{font-size: 14px;}
    .boardWrap .boardWrap2.boardBtnWrap .boardBtnGrp > li > a{padding: 17px 10px;background:none;border-radius:0}
    .boardWrap .boardWrap2.boardBtnWrap .boardBtnGrp > li:nth-child(1){margin-left: 12px;}
    .boardWrap .boardWrap2.boardBtnWrap .boardBtnGrp > li.active > a{background: none;color: #bb2649;}
    .boardWrap .boardWrap2.boardBtnWrap .boardBtnGrp > li.active > a:after{content:"";position: absolute;background:#bb2649;width: 100%;height: 2px;bottom:-1px;z-index: 1;left:50%;transform: translate(-50%, -50%);}
    .boardWrap .boardWrap2.boardBtnWrap .container{padding: 0px!important;}
    .boardWrap .boardWrap2.boardBtnWrap{border-top:1px solid #E9ECEF;border-bottom:1px solid #E9ECEF;}
    .boardWrap .boardWrap2.boardBtnWrap .mBtn{z-index: 1;background: #fff;position: absolute;right:0;top:0;display: flex;align-items: center;justify-content: center;width: 44px;height: 98%;}
    .boardWrap .boardWrap2.boardBtnWrap .mBtn .ph.ph-caret-down:before{font-size: 18px;}
    .boardWrap .boardWrap2.boardBtnWrap.on .mBtn{background:#bb2649;}
    .boardWrap .boardWrap2.boardBtnWrap.on .mBtn .ph{transition: all 0.3s;transform:rotate(180deg);color: #fff;}
    .boardWrap .boardWrap2.boardBtnWrap.on .boardBtnGrp > li.mView{display: flex;width: 100%;}
    .boardWrap .boardWrap2.boardBtnWrap.on .boardBtnGrp > li.mView a{color: #212529;width: 100%;padding:16px;justify-content: start; display: flex;background: #F8F9FA;font-size: 15px;}
    .boardWrap .boardWrap2.boardBtnWrap.on .boardBtnGrp > li:not(.mView){display: none;}
    .boardWrap .boardWrap2.boardBtnWrap.on .boardBtnGrp2{border-top:1px solid #E9ECEF;z-index: 999;height: 70vh;overflow-y: scroll; opacity: 1;visibility: visible;pointer-events: auto;transition: all 0.3s; }
    .boardWrap .boardWrap2.boardBtnWrap.on .boardBtnGrp2 > li > a{font-weight: 400;padding: 16px 16px;color: #495057;font-size: 14px;width: 100%;}
    .boardWrap .boardWrap2.boardBtnWrap.on .boardBtnGrp2 > li.active > a{background:#F8F9FA;font-weight: 700;color: #bb2649;}
    .boardWrap .boardWrap3#secBoardList{margin-top: 20px;margin-bottom: 80px;}
    .boardWrap .boardWrap3#secBoardList .lists{gap:15px}
    .boardWrap .boardWrap3#secBoardList .lists > .item{width: calc(50% - 8px);}
    .boardWrap .boardWrap3#secBoardList .lists > .item .thumbnail{margin-bottom: 4px;}
    .boardWrap .boardWrap3#secBoardList .lists > .item .thumbnail img{border-radius:12px}
    .boardWrap .boardWrap3#secBoardList .lists > .item .subjectCategory{font-size: 12px;}
    .boardWrap .boardWrap3#secBoardList .lists > .item .subject{line-height: 21px;font-size: 15px;font-weight: 700;}
    /* 보드 뷰 */ 
    .boardWrap2.boardView{margin-bottom: 80px;}
    .boardWrap2 .boardWrap4 .rowBox{flex-direction: column;gap:20px}
    .boardWrap2 .boardWrap4 .rowBox .snsBxGrp{width: 100%;flex-direction: column;gap:10px}
    .boardWrap2 .boardWrap4 .rowBox .snsBxGrp > li > a{padding: 16px; max-width: 100%;font-size: 14px;}
    .boardWrap2 .boardWrap4 .rowBox .snsBxGrp > li > a > img{max-width: 28px;}
    .boardWrap2 .listBtn, .boardWrap2.boardView #secBoardContent .bottomBtnArea .listBtn{font-size: 14px;padding: 13px 24px;}
    .boardWrap2.boardView #secBoardContent{margin-top: 40px;}
    .boardWrap2 #secBoardContent .tbx .titleCategory{font-size: 14px;}
    .boardWrap2 #secBoardContent .tbx .title{font-size: 24px;line-height: 34px;}
    .paginationGrp > li > a{font-size: 13px;width: 100%;}
    .paginationGrp > li{ }
}