/*background:linear-gradient(90deg,#EED7FF,#AD82FF 20%,#FF8F8F 40%,#FEA152 60%,#6AB2FF 80%,#C8E9FF); */

.boardBar {display:block; width:100%; height:10px; background:#F0F3F6;}
#boardTop {}
#boardTop .nameTit {padding:20px 0;}
#boardTop .nameTit h2 {font-size:20px;}
#boardTop .nameTit p {font-size:14px; opacity:0.7;}
#board .pointTit {margin-bottom:10px; display:inline-block; padding:6px 15px; border-radius:0 7px; background:#4B4BEA; color:#fff; font-size:13px; font-weight:500;}

.pagination {margin:40px 0; display:flex; justify-content:center; }
.pagination button { display:flex; align-items:center; justify-content:center; width:25px; height:25px; border-radius:3px; color:#6a7890;  font-size:13px; font-weight:600; }
.pagination button.active {background:#E6EBF3;}

#bbViewReview {padding:50px 0 30px 0; background:#F5F6F8;}
#bbViewReview .container {position:relative; }
#bbViewReview .pointTit  {position:absolute; top:-50px; left:0;  border-radius:0 0 20px 0; padding:7px 22px 7px 20px; font-size:15px; z-index:9;
background:#6a7890; color:#fff; }
#bbViewReview .mReviewSwiper  {position:relative;  margin-bottom:-25px; padding:0 16px;}

#bbViewMember {padding:10px 0 0 0; background:#F5F6F8;}
#bbViewMember .pointTit {position:relative; margin:0; top:-10px; left:0;  border-radius:0 0 20px 0; padding:7px 22px 7px 20px; font-size:15px; z-index:9;
background:#6a7890; color:#fff; }

#bbViewMember .mVipList {padding:0 16px;}
#bbViewMember .mVipList a {position:relative; display:flex; align-items:center; flex-direction:row; gap:15px; padding:20px 17px; border-radius:12px; background:#fff;
box-shadow:3px 3px 5px rgba(0 0 0 / 5%);}
#bbViewMember .mVipList .thumb {width:100px; height:125px; border-radius:12px;}
#bbViewMember .mVipList .btn {margin-top:20px; font-size:13px; font-weight:500; border-radius:5px;}
#bbViewMember .mVipList .con {top:0; width:calc(100% - 115px); margin-bottom:0;  background:#fff; padding:0;}
#bbViewMember .reviewMem .container {padding:0 16px;}

#bbViewMember .btnList {margin:20px 0 0 0; padding:22px 16px; background:#e8ebf0;}
#bbViewMember .btnList ul { display:flex; flex-wrap:wrap; gap:10px;}
#bbViewMember .btnList ul li {width:calc(50% - 5px);}
#bbViewMember .btnList a {position:relative; display:block; padding:20px; background:#fff; border-radius:12px; }
#bbViewMember .btnList a .tit {display:flex; flex-direction:column; gap:30px; font-size:16px; font-weight:600; color:#3d3f4a;}
#bbViewMember .btnList a .arrow {width:12px;}
#bbViewMember .btnList a .ico {position:absolute; bottom:10px; right:20px; width:50px; }


.mRvListBest .mRvBestSwiper.swiper {height:44px !important;}
.mRvListBest {margin-bottom:16px; padding:20px 0; background:#F2F7FF;}
.mRvListBest .list {display:flex; align-items:center; gap:10px;}
.mRvListBest .list .text {width:calc(100% - 50px); padding:10px 18px;  font-size:14px; font-weight:500; color:#222;  background:#fff; border-radius:7px; border:1px solid #E1E5F9;
overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.mRvListBest .list .user {display:flex; align-items:center; justify-content:center;  width:40px; height:40px; background:#E1E5F9; border-radius:100%;}
.mRvListBest .list .user img { width:25px; }
.mRvListBest .list.list2 .text {border:1px solid #EED7FF; }
.mRvListBest .list.list2 .user {filter: hue-rotate(45deg); }
.mRvListBest .list.list3 .text {border:1px solid #6AB2FF; }
.mRvListBest .list.list3 .user {filter: hue-rotate(-20deg); }


.bdListWrap .list {margin-bottom:35px; border-bottom:1px solid #ececec;}
.bdListWrap .list .thumb {width:100%; height:260px; border-radius:0 20px 0 20px; overflow:hidden;}
.userReview .bdListWrap .list .thumb {height:180px;}
.bdListWrap .list .con {padding:16px; }
.bdListWrap .list .con h3 {margin:0 0 7px 0; font-size:18px;}
.bdListWrap .list .con p {font-size:14px; line-height:1.6; color:#676767;
overflow: hidden; text-overflow: ellipsis; word-break: break-word; height:45px;
display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.bdListWrap .list .con .date {font-size:13px; color:#676767;}


#board.view .container { padding:0;}
#board.view .thumbimg {width:100%; height:200px; overflow:hidden;}
#board.view.eventView .thumbimg {width:100%; height:260px; overflow:hidden;}
#board.view .viewTit { padding:18px 22px; display:flex; align-items:center; justify-content:space-between; }
#board.view .viewCont {  }
#board.view .viewCont img { max-width:100%; }
#board.view.eventView .viewTit   {flex-direction:column; align-items:flex-start;}

#board.view .viewTit h3 {font-size:18px; width:calc(100% - 60px); overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
#board.view .viewTit .date {font-size:14px; color:#676767;}
#board.view .contents {padding:40px 22px;}
#board.view .contents .text {  font-size:15px; line-height:1.8; color:#222;}
#board.view .contents img { max-width:100%; height:auto; }
#board.view .contents table { max-width:100%; }
#board.view .contents .text { word-break:break-word; overflow-wrap:break-word; }
#board .urBottom {margin-top:10px; display:flex; justify-content:space-between;}
#board.view .urBottom {margin-top:20px;}
#board .urBottom .user {display:flex; align-items:center; gap:8px; font-size:12px; color:#7E8298;}
#board .urBottom .user .ico {display:flex; align-items:center; justify-content:center; width:30px; height:30px; border-radius:10px; background:#E1E5F9;}
#board .urBottom .user .ico img {width:18px; }
#board .urBottom .star {display:flex; align-items:center; }
#board .urBottom .star span {width:18px; height:18px; }


#board .boardBtn {margin:25px 0; padding:0 22px; }
#board .boardBtn a
,#board .boardBtn button {padding:10px 0; width:100%; text-align:center;  border-bottom:1px solid #f5f5f5; font-size:14px; border:1px solid #dedfe2;  color:#6a7890; font-weight:600;}

.prodCarSchBoard {background:#F2F7FF; padding:30px 22px; }

#boardCounsel {padding:20px; background:#2E459D;}
#boardCounsel .formWrap{padding:16px 22px 22px 22px; background:#fff; border-radius:16px; }
#boardCounsel  .formAgree {margin:20px 0;}
#boardCounsel button.sendBtn {width:100%; padding:13px 0; font-size:18px; font-weight:700; color:#fff; background:#2D52DE; border-radius:30px; letter-spacing:-0.5px;}

.boardVip {position:relative;  background:#F2F7FF; padding:50px 0 30px 0; background-size:contain;}
#board .boardVip .pointTit {position:absolute; top:0; left:50%; transform:translate(-50%,0); background:#2E459D; padding:6px 20px; border-radius:0 0 7px 7px;}
#board .boardVip .mVipList a { }
#board .boardVip .swiper-scrollbar {width:calc(100% - 44px); left:50%; transform:translate(-50%,0);}

.boardVip .swiper {padding:0 22px 30px 22px;}
.boardVip .mVipList .con {background:#fff;}
.boardVip .mVipList a {}
.boardVip .mVipList .btn {font-size:14px; font-weight:500;}

.bdListMemWrap {margin-top:30px; display:flex; flex-direction:column; gap:30px;}
.bdListMemWrap .list {position:relative;  padding:30px 20px 25px 20px; border:1px solid #ececec; border-radius:0 20px;}
.bdListMemWrap .list .mark {position:absolute; top:-7px; left:7px; width:60px; z-index:2; filter:drop-shadow(2px 3px 5px rgba(0 0 0 / 15%));}
.bdListMemWrap a.flex {display:flex;  gap:20px;}
.bdListMemWrap .logo {position:absolute; top:15px; right:15px; width:50px;}
.bdListMemWrap .thumb {width:100px; border-radius:0 16px; overflow:hidden;}
.bdListMemWrap .con {padding:25px 0 0 0; width:calc(100% - 120px);}

.bdListMemWrap .con h3 {display:flex; align-items:center; gap:3px; font-size:14px; font-weight:400; font-weight:400;}
.bdListMemWrap .con h3 .name {font-size:16px; font-weight:700;}
.bdListMemWrap .con .ballon {margin:10px 0; font-size:14px; font-weight:500;  color:#6a7890; line-height:1.4;}
.bdListMemWrap .con p {font-size:13px; color:#636363; line-height:1.4;  height:34px; overflow: hidden; text-overflow: ellipsis;word-break: break-word;
   display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient: vertical;}
.bdListMemWrap .con .tag {display:flex; align-items:center; gap:3px; }
.bdListMemWrap .con .tag li {display:inline-block; padding:5px 8px; font-size:13px; font-weight:500; color:#2E459D; background:#F2F7FF;}
.bdListMemWrap a.btn {margin-top:15px; padding:12px 0; background:#3b4351; color:#fff; font-size:14px; font-weight:600; text-align:center; border-radius:6px;}
.bdListMemWrap .text {padding:0 20px; font-size:15px; line-height:1.7; color:#636363; font-weight:500;}
.bdListMemWrap .text  .textList {margin-bottom:20px; font-size:18px; line-height:1.7; color:#121212; font-weight:700;}
.bdListMemWrap .text .textList li {position:relative; padding-left:14px; list-style:none;}
.bdListMemWrap .text .textList li:before {content:'-'; position:absolute; left:0; top:0;}
.memberView .bdListMemWrap {margin:20px 0 60px 0; padding:0 16px;}

#boardSearch {padding:20px 0;}
#boardSearch h3 {margin-bottom:10px; font-size:18px; letter-spacing:-0.5px;}
#boardSearch .searchForm {display:flex; align-items:stretch; gap:10px;}
#boardSearch input {width:calc(100% - 55px); padding:11px 14px; border-radius:10px; font-size:14px; border:1px solid #ececec;}
#boardSearch button {width:45px; display:flex; align-items:center; justify-content:center; background:#eaeef4; border-radius:12px; }
#boardSearch button img {position:relative; top:-1px; width:25px;}


#board.faq #boardSearch {padding:0 0 20px 0;}
.faqCon {margin-top:20px;}
.faqConList .queTit {position:relative; padding:16px 20px; border-bottom:1px solid #ececec; cursor:pointer;}
.faqConList .queTit h3 {display:flex; align-items:baseline; gap:6px; font-size:15px; font-weight:500;  width:calc(100% - 50px)}
.faqConList .queTit h3 .ctg {font-weight:700;}
.faqConList .queTit .arrow {position:absolute; top:14px; right:12px; width:22px; height:22px; z-index:2;}
.faqConList .que.on .queTit .arrow {transform:rotate(180deg); transition:all 0.5s;}
.faqConList .anw {display:none;}
.faqConList .anwCon {padding:20px; font-size:14px; line-height:1.7; color:#6a7890; font-weight:500; background:#f5f8fa; }



#board.usedCar .bdListWrap {display:flex; flex-wrap:wrap; gap:20px; }
#board.usedCar .bdListWrap .list {margin:0; border:none; width:calc(50% - 10px); }
#board.usedCar .bdListWrap .list .thumb {width: 100%;  aspect-ratio: 16 / 9;  overflow: hidden; height:auto;}
#board.usedCar .bdListWrap .list .con {padding:16px 10px;}
#board.usedCar .bdListWrap .list .con h3 {margin:0 0 12px 0;font-size:15px; line-height:1.3; height:40px;
overflow: hidden; text-overflow: ellipsis; word-break: break-word;
display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical}

#board.usedCar .bdListWrap .list .con .price {display:flex; align-items:center; justify-content:space-between; font-size:14px; font-weight:600;}
#board.usedCar .bdListWrap .list .con .price .subject { color:#7E8298;}
#board.usedCar .bdListWrap .list .con .price .won {display:flex; align-items:center; font-weight:500; color:#51535e;}
#board.usedCar .bdListWrap .list .con .price .num {margin:0 0 0 5px; font-size:20px; font-weight:700;}

#board.usedCarView .prodCarThumb {padding:0 22px;}
#board.usedCarView .prodCarSwiper .list {padding:0;}
#board.usedCarView .prodCarThumbSwiper .list {padding:0; border-radius:7px;}

#board.view.usedCarView .viewTit {flex-direction:column; align-items:flex-start; }
#board.view.usedCarView .viewTit .price {margin:0 0 0 auto; display:flex; align-items:center; justify-content:space-between; padding:0 10px 0 0;
font-size:16px; font-weight:600; gap:20px;  }
#board.view.usedCarView .viewTit .price .subject { color:#7E8298;}
#board.view.usedCarView .viewTit .price .won {display:flex; align-items:center; font-weight:500; color:#51535e;}
#board.view.usedCarView .viewTit .price .num {position:relative; top:-2px; margin:0 0 0 5px; font-size:26px; font-weight:700;}
#board.view.usedCarView .prodCarModel .prodCarModelInfo {padding:0;}
#board.view.usedCarView .prodCarModel .prodCarModelInfo .prodCarModelInfoText {display:flex; align-items:center; gap:15px;}
#board.view.usedCarView .prodCarModel .prodCarModelInfo p.desc {position:relative; }
#board.view.usedCarView .prodCarModel .prodCarModelInfo p.desc:after {content:''; position:absolute; top:50%; right:-10px; width:2px; height:10px; background:#7E8298; transform:translate(0,-50%);  opacity:0.7;}

#board.view.usedCarView .option {padding:20px 26px; background:#F0F3F6; margin-right:-22px; margin-left:-22px;}
#board.view.usedCarView .option h3 {margin:0 0 10px 0; font-size:16px; color:#7E8298;}
#board.view.usedCarView .option .list {display:grid; gap:7px; font-size:15px; }
#board.view.usedCarView .option .list li {position:relative; padding:0 0 0 18px;}
#board.view.usedCarView .option .list li:before {content:''; position:absolute; top:8px; left:2px; width:5px; height:5px; background:#7E8298; border-radius:100%; }
#board.view.usedCarView .contents {padding:22px;}
#board.view.usedCarView .text {margin:60px 0 40px 0;}


#bbViewCounsel {background: linear-gradient(135deg, #2D52DE 0%, #1D2C65 100%);}
#bbViewCounsel .tit {position:relative; margin-bottom:18px; padding:0 20px;  color:#fff;  line-height:1.3;}
#bbViewCounsel .tit h3 {position:relative; left:-3px; display:flex; align-items:center; gap:5px; font-size:22px; font-weight:500;  }
#bbViewCounsel .tit h3 .ico {position:relative; top:1px; left:-1px; width:30px;}
#bbViewCounsel .tit h2 {font-size:27px; font-weight:600;  }
#board.view #bbViewCounsel .container {padding:40px 22px;}
#bbViewCounsel .formWrap {position:relative; background:#fff; padding:24px 20px; border-radius:0 24px;  }
#bbViewCounsel .counsel .info {display:none;}


#boardTop.finProtectTop .nameTit h2 {margin:0 0 12px 0;}
.finProtectTop .search .searchForm {position:relative; display:grid; gap:5px;  padding:16px; background:#f4f6f9; border-radius:0 16px;}
.finProtectTop .search .searchForm input {padding:10px 12px; border-radius:5px; font-size:14px; width:calc(100% - 65px);}
.finProtectTop .search .searchForm .searchBtn {position:absolute; top:16px; right:16px; width:55px; border-radius:5px; height:87px; background:#2E459D; color:#fff; font-size:14px;  font-weight:500;}
.finProtectTop .search .info {padding:20px 0; font-size:14px; opacity:0.7;}
.finProtectTop .search .info .bold {opacity:1; font-weight:600;}

.finProtectTable {padding:30px 0 0 0;}
.finProtectTable .grid  {display: grid; grid-template-columns: 20% 15% 25% 25% 15%;  text-align:center; align-items:center;  font-size:12px; line-height:1.3;}
.finProtectTable .tableHead {padding:12px 0; background:#f4f6f9; color:#323e4e; font-weight:600;}
.finProtectTable .tableList {height:47px; border-bottom:1px solid #ececec;}
.finProtectTable .tableList .ico {font-size:16px; color:#2E459D;}
/* 신원확인(/page/staffVerify/) : finProtectSch 규격에서 '소속' 열을 뺀 4열 */
#finProtectCon .tableSchWord {padding:24px 0 0 0; font-size:13px; font-weight:700; color:#323e4e;}
.finProtectTable.staffVerifyTable .grid {grid-template-columns:22% 30% 30% 18%;}
.finProtectTable .tableList .item .none {color:#bbb;}
.finProtectTable .tableNone {padding:40px 0; text-align:center; font-size:13px; color:#888; border-bottom:1px solid #ececec;}
/* 마이페이지 폼(/my/info/) : 검색폼 input 규격을 그대로 쓴다 */
.myFormWrap {padding:24px 0 0 0;}
.myFormWrap .myFormList {display:grid; gap:14px;}
.myFormWrap .myFormList > li {display:grid; gap:6px;}
.myFormWrap .myFormList label {font-size:13px; font-weight:600; color:#323e4e;}
.myFormWrap .myFormList input {padding:10px 12px; width:100%; border-radius:5px; background:#f4f6f9; font-size:14px;}
.myFormWrap .myFormList .myFormRead {padding:10px 12px; font-size:14px; font-weight:600; color:#636363;}
.myFormWrap .myFormList .myFormRead .myFormNone {font-weight:500; color:#aaa;}
.myFormWrap .myFormBtn {margin:20px 0 0 0; padding:13px 0; width:100%; border-radius:5px; background:#2E459D; color:#fff; font-size:16px; font-weight:600;}

/* 마이페이지 공통 메뉴 */
.myMenuWrap {padding:16px 0 16px 0;}
/* 마이페이지 계열(마이메뉴가 있는 화면)에서는 우측 고정 상담폼이 표를 덮으므로 숨긴다 */
body:has(.myMenuWrap) #fixCounsel {display:none;}
.myMenuWrap .myMenu {display:grid; grid-template-columns:repeat(3, 1fr); gap:6px;}
.myMenuWrap .myMenu > li {display:block;}
.myMenuWrap .myMenu a {display:block; padding:16px 0; border-radius:5px; background:#f4f6f9; text-align:center; font-size:13px; font-weight:600; color:#636363;}

/* 내 결제내역 : 신원확인 표의 5열 비율(소속/성명/…) 은 상품명이 들어갈 폭이 없다 → 다시 배분하고 행 높이를 자동으로 */
.finProtectTable.myPayTable .grid {grid-template-columns:22% 36% 22% 12% 8%;}
.finProtectTable.myPayTable .tableList {height:auto; min-height:47px; padding:8px 0;}
.finProtectTable.myPayTable .tableList .item:nth-child(2) {padding:0 6px; text-align:left; word-break:keep-all;}
.finProtectTable.myPayTable .payCancelAmt {display:block; margin-top:2px; font-size:11px; color:#c0392b;}
.myMenuWrap .myMenu a.active {background:#2E459D; color:#fff;}

/* 1:1 문의 목록 */
.qnaTop {padding:20px 0 10px 0; text-align:right;}
.qnaWriteBtn {display:inline-block; padding:9px 18px; border-radius:5px; background:#2E459D; color:#fff; font-size:13px; font-weight:600;}
.qnaTable .grid {display:grid; grid-template-columns:14% 50% 20% 16%; text-align:center; align-items:center; font-size:12px; line-height:1.3;}
.qnaTable .tableHead {padding:12px 0; background:#f4f6f9; color:#323e4e; font-weight:600;}
.qnaTable .tableList {min-height:47px; padding:8px 0; border-bottom:1px solid #ececec;}
.qnaTable .tableList .subject {text-align:left; padding:0 8px;}
.qnaTable .tableList .subject a {display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:#323e4e; font-weight:600;}
.qnaTable .tableNone {padding:40px 0; text-align:center; font-size:13px; color:#888; border-bottom:1px solid #ececec;}
/* QNA-POLISH */
.qnaStat {display:inline-block; padding:3px 9px; border-radius:20px; font-size:12px; font-weight:600;}
.qnaStat.wait {background:#f4f6f9; color:#888;}
.qnaStat.done {background:#E6EBF3; color:#2E459D;}

/* 1:1 문의 상세 */
.qnaView {padding:20px 0 0 0;}
.qnaViewHead {padding:0 0 12px 0; border-bottom:2px solid #323e4e;}
.qnaViewHead h3 {font-size:16px; font-weight:700; color:#323e4e; line-height:1.4;}
.qnaViewMeta {padding:8px 0 0 0; display:flex; align-items:center; gap:8px; font-size:12px; color:#888;}
.qnaViewBody {padding:20px 4px 24px 4px; min-height:80px; font-size:14px; line-height:1.7; color:#37383A; word-break:break-all;}
.qnaAnswer {margin:0 0 10px 0; padding:16px; border-radius:8px; background:#f4f6f9;}
.qnaAnswerTit {display:flex; align-items:center; gap:8px; padding:0 0 8px 0; font-size:12px; color:#888;}
.qnaAnswerTit .badge {padding:3px 9px; border-radius:20px; background:#2E459D; color:#fff; font-size:12px; font-weight:600;}
.qnaAnswerBody {font-size:14px; line-height:1.7; color:#37383A; word-break:break-all;}
.qnaAnswerNone {padding:30px 0; text-align:center; font-size:13px; color:#888; background:#f4f6f9; border-radius:8px;}

/* 1:1 문의 작성 */
.qnaForm {padding:20px 0 0 0;}
.qnaForm .qnaFormList {display:grid; gap:14px;}
.qnaForm .qnaFormList > li {display:grid; gap:6px;}
.qnaForm .qnaFormList label {font-size:13px; font-weight:600; color:#323e4e;}
.qnaForm .qnaFormList input
,.qnaForm .qnaFormList textarea {padding:10px 12px; width:100%; border-radius:5px; background:#f4f6f9; font-size:14px; line-height:1.6;}
.qnaForm .qnaFormList textarea {resize:vertical;}
.qnaBtnWrap {padding:20px 0 0 0; display:flex; gap:8px; justify-content:center;}
.qnaSubmitBtn {display:inline-flex; align-items:center; justify-content:center; padding:15px 0; width:100%; max-width:200px; border-radius:5px; background:#2E459D; color:#fff; font-size:15px; font-weight:600;}
.qnaSubmitBtn:hover {background:#2D52DE; transition:all 0.3s;}
.qnaListBtn {display:inline-flex; align-items:center; justify-content:center; padding:15px 0; width:100%; max-width:200px; border-radius:5px; background:#fff; border:1px solid #d9dee8; color:#4a5568; font-size:15px; font-weight:600;}







/* BTN-UNIFY : 마이페이지 계열 액션 버튼 규격 통일
   a/button 렌더 차이와 패딩·폰트 차이로 높이가 31~53 까지 벌어져 있었다.
   padding 대신 min-height 로 잡고 inline-flex 중앙정렬해 태그 종류와 무관하게 같은 크기가 되게 한다 */
.myFormWrap .myFormBtn
,.qnaSubmitBtn
,.qnaListBtn {display:inline-flex; align-items:center; justify-content:center; padding:0 14px; min-height:48px; border-radius:5px; font-size:15px; font-weight:600; line-height:1.2;}
.qnaWriteBtn {display:inline-flex; align-items:center; justify-content:center; padding:0 18px; min-height:36px; border-radius:5px; font-size:13px; font-weight:600; line-height:1.2;}


/* BOTTOM-GAP : 콘텐츠 하단이 회색 구분선(.boardBar) 에 그대로 붙어 있었다 → 아래 여백을 준다 */
.qnaBtnWrap {padding-bottom:26px;}
.myFormWrap {padding-bottom:30px;}
.finProtectTable
,.qnaTable {padding-bottom:30px;}


/* /my/info/ SNS 연동 */
.snsLinkWrap {margin:34px auto 0 auto; padding:22px 0 0 0; border-top:1px solid #ececec;}
.snsLinkTit {padding:0 0 12px 0; font-size:14px; font-weight:700; color:#323e4e;}
.snsLinkList > li {display:flex; align-items:center; justify-content:space-between; gap:10px; padding:14px 12px; border-radius:5px; background:#f4f6f9;}
.snsLinkInfo {display:flex; align-items:center; flex-wrap:wrap; gap:8px;}
.snsLinkName {font-size:14px; font-weight:700; color:#323e4e;}
.snsLinkName.snsNaver::before {content:'N'; display:inline-flex; align-items:center; justify-content:center; margin-right:5px; width:18px; height:18px; border-radius:4px; background:#03C75A; color:#fff; font-size:11px; font-weight:900; vertical-align:middle;}
.snsLinkStat {padding:2px 8px; border-radius:20px; background:#e4e7ee; font-size:11px; font-weight:600; color:#888;}
.snsLinkStat.on {background:#E6F7EE; color:#0b8a45;}
.snsLinkDate {font-size:12px; color:#888;}
.snsLinkBtn {display:inline-flex; align-items:center; justify-content:center; padding:0 14px; min-height:38px; border-radius:5px; background:#03C75A; color:#fff; font-size:13px; font-weight:700; white-space:nowrap;}
.snsLinkDone {font-size:13px; font-weight:600; color:#0b8a45; white-space:nowrap;}
.snsLinkDesc {padding:12px 2px 0 2px; font-size:12px; line-height:1.6; color:#888;}

@media (min-width: 1280px) {
.boardBar {height:15px;}
#boardTop .nameTit {padding:60px 0;}
#boardTop .nameTit h2 {margin-bottom:5px; font-size:42px;}
#boardTop .nameTit p {font-size:20px; }

#board .pointTit {padding:8px 24px; font-size:18px; border-radius:0 16px;}


.pagination {margin:80px 0;}
.pagination button {width:32px; height:32px; font-size:15px; gap:5px; }

#board .boardBtn {margin:60px 0;}

#board .boardBtn a
,#board .boardBtn button {padding:15px; font-size:16px; font-weight:500; }
#board .boardBtn a:hover
,#board .boardBtn button:hover {background:#f5f5f5; transition:all 0.3s;}

#board .urBottom {margin-top:20px;}
#board .urBottom .user {font-size:14px;}
#board .urBottom .user .ico {width:36px; height:36px;}
#board .urBottom .user .ico img {width:22px;}
#board .urBottom .star span {width:22px; height:22px;}
#board.view .urBottom .user {gap:15px; font-size:17px;}
#board.view .urBottom {margin-top:40px;}
#board.view .urBottom .star span {width:26px; height:26px;}


.bdListWrap  {display:grid; grid-template-columns: repeat(3, 1fr); gap:50px; }
.bdListWrap .list {margin:0; border:none;}
.bdListWrap .list .con {padding:32px 12px 22px 12px;  }
.bdListWrap .list .con h3 {margin:0 0 12px 0; font-size:26px;}
.bdListWrap .list .con p {font-size:17px; height:52px;}
.bdListWrap .list .con .date {font-size:17px;}

#board .mRvListBest .pointTit {margin:0; padding:0 24px; height:56px;  position:absolute; top:50%; left:0; transform:translate(0,-50%); display:flex; align-items:center; justify-content:center; line-height:1; font-weight:700;}
.mRvListBest {margin:0 auto 60px auto ;  padding:20px 0; border-radius:0; overflow:hidden;}
.mRvListBest .container {position:relative; width:960px; }
.mRvListBest .mRvBestSwiper.swiper {position:relative; top:2px; width:calc(100% - 140px); height:60px !important; margin:0 0 0 auto; }

.userReview .bdListWrap .list a {position:relative; top:0;}
.userReview .bdListWrap .list a:hover {top:-10px; transition:all 0.3s;}
.userReview .bdListWrap .list .thumb {height:220px;}

.mRvListBest .list {gap:15px; }
.mRvListBest .list .text {padding:15px 20px; font-size:16px; width:calc(100% - 71px); }

.mRvListBest .list .user {width:56px; height:56px;}
.mRvListBest .list .user img {width:30px;}


#board.view .viewTit {padding:50px 16px 30px 16px;}
#board.view .viewTit h3 {font-size:24px;}
#board.view .viewTit .date {font-size:16px;}
#board.view .thumbimg {height:auto;}
#board.view.eventView {position:relative; }
#board.view.eventView .thumbimg {position:absolute; top:131px; left:50%; transform:translate(-50%, 0); width:100%; height:420px;}
#board.view.eventView .thumbimg img {}
#board.view.eventView .eventPic {margin-top:400px; }
#board.view .contents {padding:60px 60px 140px 60px; }
#board.view .contents .text {font-size:20px; }
.prodCarSchBoard {padding:80px;}
.prodCarSchBoard .prodCarSchResList {display:grid; grid-template-columns: repeat(2, 1fr); gap:30px;}
.prodCarSchBoard .prodCarSchResList .list {position:relative; display:flex; align-items:flex-start; gap:0; padding:50px 20px 85px 20px; border-radius:40px 0; }
.prodCarSchBoard .prodCarSchResList .list .listCon {width:235px;}
.prodCarSchBoard .prodCarSchResList .list a.counselBtn {position:absolute; bottom:42px; right:71px; margin:0;  width:235px; }
.prodCarSchBoard .prodCarSchResList .list a.counselBtn:hover {background:#000; }
.prodCarSchBoard .prodCarSchResList .list .carThumb {position:relative; top:27px; left:-10px; height:150px;}
.prodCarSchBoard .prodCarSchResList .list .title {margin-bottom:10px; top:0;}


#bbViewMember {position:relative; padding:60px 0;}
#bbViewMember .container {position:relative; display:flex; align-items:center;   }
#bbViewMember .#bbViewMember .mVipList {padding:0;  }
#bbViewMember .mVipList {padding:0;}
#bbViewMember .mVipList:hover {top:0; }
#bbViewMember .mVipList a {width:600px; padding:35px 30px; gap:30px; align-items:end; border-radius:0 26px 0 0; }
#bbViewMember .mVipList:hover .con {box-shadow:none;}
#bbViewMember .mVipList .btn {padding:15px 0; font-size:15px;}
#bbViewMember .mVipList .thumb {width:160px; height:178px; }
#bbViewMember .mVipList .con {width:calc(100% - 190px); padding:30px 0 0 0; }
#bbViewMember .mVipList .con .conName {flex-direction:row-reverse; }
#bbViewMember .mVipList .con .conName .logo {position:relative; top:-40px; width:80px;}
#bbViewMember .mVipList .con .conName h3 {font-size:20px; align-items:end; gap:5px; }

#bbViewMember .pointTit {top:0; margin:0; padding:55px 0 0 40px; width:200px; height:270px;  font-size:32px; line-height:1.2; font-weight:600;  border-radius:0 0 0 26px; }


#bbViewMember .btnList {position:absolute; display:flex; align-items:center; height:392px; bottom:-60px; right:0; margin:0;  padding:0 36px;  }
#bbViewMember .btnList ul {padding:0; width:365px; gap:16px;}
#bbViewMember .btnList ul li {width:calc(50% - 8px); }
#bbViewMember .btnList a {padding:24px; border-radius:0 20px;}
#bbViewMember .btnList a .tit {font-size:18px; gap:40px;}
#bbViewMember .btnList a .arrow {width:16px;}
#bbViewMember .btnList a .ico {width:60px; transform:scale(1);}
#bbViewMember .btnList a:hover .ico {transform:scale(1.1); transition:all 0.5s;}
#bbViewMember .btnList a:hover .tit {color:#000;}

/*
#board .boardVip .pointTit {padding:10px 35px; border-radius:0 0 20px 20px; }
*/

.boardVip {padding:80px 0 40px 0;}
.boardVip .swiper {padding:20px 0 0 0; margin-top:-20px; width:1280px;}
.boardVip .mVipList .con .conName h3 {font-size:20px; align-items:end; }
.boardVip .mVipList .con .conName .logo {width:85px;}
.boardVip .mVipList .btn {font-size:18px; }



#boardSearch {padding:60px 0;}
#boardSearch .container {width:960px; }
#boardSearch h3 {font-size:25px;}
#boardSearch input {padding:15px 20px;; font-size:16px; width:calc(100% - 66px); }
#boardSearch button {width:56px; height:56px; }

.bdListMemWrap {margin-top:60px; display:grid;  grid-template-columns: repeat(3, 1fr);}
.bdListMemWrap .list {position:relative; top:0;}
.bdListMemWrap .list:hover {top:-7px; box-shadow:3px 5px 5px rgba(0 0 0 / 7%);}
.bdListMemWrap .list .mark {top:-12px; left:12px; width:80px;}
.bdListMemWrap .logo {width:80px; top:17px; right:20px;}
.bdListMemWrap .list {padding:40px 30px 30px 30px;}
.bdListMemWrap .thumb {width:150px;}
.bdListMemWrap .con h3 {font-size:18px;}
.bdListMemWrap .con h3 .name {font-size:22px;}
.bdListMemWrap .con .ballon {margin:15px 0; font-size:17px;}
.bdListMemWrap .con .tag li {padding:10px 12px; font-size:15px;  font-weight:700;}
.bdListMemWrap a.btn {position:relative; margin-top:20px; width:100%; text-align:center; padding:15px 22px; font-size:16px; border-radius:7px;}
.bdListMemWrap .text .textList {font-size:20px;}

.memberView .bdListMemWrap .list {width:600px;  border-radius:0 40px;  padding:50px 30px 40px 30px; }
.memberView .bdListMemWrap .logo {top:25px; right:35px;}
.memberView .bdListMemWrap .thumb {width:200px;}
.memberView .bdListMemWrap a.flex {gap:25px;}
.memberView .bdListMemWrap .con {padding:25px 0;}



#bbViewReview {padding:160px 0 120px 0;}
#bbViewReview .pointTit {top:-80px; left:20px; padding:12px 36px; margin:0; font-size:22px; border-radius:0 22px; letter-spacing:-0.5px; font-weight:600;}
#bbViewReview .mReviewSwiperWarp {0}
#bbViewReview .mReviewSwiperWarp .swiperNavi .navi {top:50%; right:-58px;}
#bbViewReview .mReviewSwiperWarp .swiperNavi .navi.prev {left:-58px;}

.bdListMemWrap .text {padding:40px 0 0 60px; width:500px; font-size:17px; line-height:2.0;}


#board.faq #boardSearch {padding:0;}
#board.faq #boardSearch .container {position:relative; width:1280px;}
#board.faq #boardSearch form { position:absolute; top:-117px; right:0; width:600px;}

.faqCon {margin-top:40px;}
.faqConList .queTit {padding:30px; }
.faqConList .queTit h3 {font-size:20px; gap:10px;}
.faqConList .queTit .arrow {top:35px; right:25px; width:25px; height:25px;}
.faqConList .anwCon {padding:30px; font-size:20px; line-height:1.9; font-weight:400;}


#board.usedCar .bdListWrap  {display:grid; grid-template-columns: repeat(4, 1fr); gap:40px 20px; }
#board.usedCar .bdListWrap .list {width:100%;}
#board.usedCar .bdListWrap .list .con {padding:22px 12px; }
#board.usedCar .bdListWrap .list .con h3 {margin:0 0 20px 0; font-size:20px; height:54px;}
#board.usedCar .bdListWrap .list .con .price {font-size:17px;}
#board.usedCar .bdListWrap .list .con .price .num {position:relative; top:-2px; font-size:28px; margin:0 0 0 10px; }

#board.view.usedCarView .bg {padding:60px 0 0 0; }
#board.view.usedCarView .container {padding:0 22px;}
#board.view.usedCarView .viewTit {flex-direction:row; align-items:end;}
#board.view.usedCarView .prodCarThumb {grid-template-columns:970px 240px;}
#board.view.usedCarView .prodCarSwiper .list {height:640px;}
#board.view.usedCarView .prodCarThumbSwiper {height:640px;}
#board.view.usedCarView .viewTit {padding:0;}
#board.view.usedCarView .prodCarModel .prodCarModelInfo h2 {padding:0; font-size:32px;}
#board.view.usedCarView .prodCarModel .prodCarModelInfo .prodCarModelInfoText {padding:0; gap:40px;}
#board.view.usedCarView .prodCarModel .prodCarModelInfo p.desc:after {right:-22px; height:18px;}
#board.view.usedCarView .prodCarModel .prodCarModelInfo p {font-size:22px;}
#board.view.usedCarView .viewTit .price {position:relative; top:10px; margin:0; font-size:22px; width:240px; }
#board.view.usedCarView .viewTit .price .num {font-size:40px;}

#board.usedCarView .prodCarThumbSwiper .list { border-radius:15px;}
#board.usedCarView .prodCarThumb {padding:40px 0;}
#board.view.usedCarView .option {padding:55px; }
#board.view.usedCarView .option h3 {margin:0 0 15px 0;font-size:22px;}
#board.view.usedCarView .option .list {font-size:17px; gap:12px;}
#board.view.usedCarView .option .list li:before {top:9px; left:3px;}
#board.view.usedCarView .text {margin:80px 0; line-height:2.0;}

#board.view #bbViewCounsel .container {padding:60px 22px 70px 22px;}
#board.view.usedCarView .bbViewBottom .container {display:flex; align-items:center;   }
#board.view.usedCarView .bbViewBottom .pointTit {top:0; margin:0; padding:40px 0 0 40px; width:250px; height:395px; border-radius:0 12px; font-size:24px; line-height:1.2; font-weight:600;  border-radius:0; font-size:35px; }

#board.view .counsel .formList {display:grid; grid-template-columns: 250px 270px 3fr; 	gap: 12px; width:calc(100% - 370px); }
#bbViewCounsel .tit {display:flex; align-items:center; gap:4px;}
#bbViewCounsel .tit h3 {font-size:30px;}
#bbViewCounsel .tit h2 {font-size:30px;}
#bbViewCounsel .tit h3 .ico {width:35px;}
#bbViewCounsel .counsel .formAgree {margin:20px 0 0 0;}
#bbViewCounsel .formAgree ul {flex-direction:row; justify-content:center; }
#bbViewCounsel .formAgree li.all {margin:0 40px 0 0; }
#bbViewCounsel .formAgree li {gap:40px;}
#bbViewCounsel .counsel .csFormBtn {position:absolute; top:24px; right:24px; display:flex; align-items:center; gap:12px;}
#bbViewCounsel .counsel .csFormBtn button {width:140px; border-radius:10px; font-size:16px;}
#bbViewCounsel .counsel button.kakaoBtn {margin:0; width:200px;}
#bbViewCounsel .counsel .formList li.inline .input {padding:14px 15px 14px 78px; font-size:15px; font-weight:600;}
#bbViewCounsel .counsel .formList li.inline input {padding:14px 15px 14px 78px; font-size:15px;}
#bbViewCounsel .counsel .formList li.inline label {font-size:15px; width:55px;}


.finProtectTop .search .searchForm {padding:0; grid-template-columns:40% 40% 20%; gap:20px; background:transparent; }
.finProtectTop .search .searchForm input {padding:16px 22px; width:100%; font-size:16px;  border-radius:12px; background:#f4f6f9;}
.finProtectTop .search .searchForm .searchBtn {position:inherit; width:auto; height:56px; top:0; right:0; font-size:16px; border-radius:12px; font-weight:700;}

.finProtectTop .search .info {padding:40px 0; font-size:16px; }
.finProtectTable {padding:60px 0 0 0;}
.finProtectTable .tableHead {padding:17px 0;}
.finProtectTable .grid {font-size:16px;}
.finProtectTable .tableList {height:60px;}
.finProtectTable .tableList .ico {font-size:20px;}
#finProtectCon .tableSchWord {padding:40px 0 0 0; font-size:16px;}
.finProtectTable .tableNone {padding:60px 0; font-size:16px;}
.myFormWrap {padding:40px 0 0 0; margin:0 auto; max-width:720px;}
.myFormWrap .myFormList {gap:18px;}
.myFormWrap .myFormList label {font-size:15px;}
.myFormWrap .myFormList input {padding:16px 22px; border-radius:12px; font-size:16px;}
.myFormWrap .myFormList .myFormRead {padding:16px 22px; font-size:16px;}
.myFormWrap .myFormBtn {margin:28px 0 0 0; padding:16px 0; border-radius:12px; font-size:18px; font-weight:700;}
.myFormWrap .myFormBtn:hover {background:#2D52DE; transition:all 0.3s;}

.myMenuWrap {padding:30px 0 30px 0;}
.myMenuWrap .myMenu {gap:10px; margin:0 auto; max-width:720px;}   /* MYWIDTH : 읽기·입력 영역과 좌측선을 맞춘다 */
.myMenuWrap .myMenu a {padding:15px 0; border-radius:12px; font-size:16px;}
.finProtectTable.myPayTable .tableList {height:auto; min-height:60px;}

.qnaTop {padding:30px 0 14px 0;}
.qnaWriteBtn {padding:12px 26px; border-radius:12px; font-size:15px;}
.qnaTable .grid {font-size:16px;}
.qnaTable .tableHead {padding:17px 0;}
.qnaTable .tableList {min-height:60px;}
.qnaTable .tableNone {padding:60px 0; font-size:16px;}
.qnaStat {padding:4px 12px; font-size:13px;}
.qnaAnswerTit .badge {padding:4px 11px; font-size:12px;}

.qnaView {padding:40px 0 0 0; margin:0 auto; max-width:720px;}
.qnaViewHead h3 {font-size:22px;}
.qnaViewMeta {font-size:14px;}
.qnaViewBody {padding:30px 4px 36px 4px; min-height:100px; font-size:16px;}
.qnaAnswer {padding:24px; border-radius:12px;}
.qnaAnswerBody {font-size:16px;}
.qnaAnswerNone {padding:50px 0; font-size:16px; border-radius:12px;}

.qnaForm {padding:40px 0 0 0; margin:0 auto; max-width:720px;}
.qnaForm .qnaFormList {gap:18px;}
.qnaForm .qnaFormList label {font-size:15px;}
.qnaForm .qnaFormList input
,.qnaForm .qnaFormList textarea {padding:16px 22px; border-radius:12px; font-size:16px;}
.qnaBtnWrap {padding:30px 0 0 0; gap:12px; margin:0 auto; max-width:720px;}
.qnaSubmitBtn
,.qnaListBtn {padding:16px 0; border-radius:12px; font-size:18px; font-weight:700;}


/* BTN-UNIFY (PC) */
.myFormWrap .myFormBtn
,.qnaSubmitBtn
,.qnaListBtn {padding:0 18px; min-height:52px; border-radius:12px; font-size:17px; font-weight:700;}
.qnaWriteBtn {padding:0 26px; min-height:42px; border-radius:12px; font-size:15px;}


/* BOTTOM-GAP (PC) */
.qnaBtnWrap {padding-bottom:44px;}
.myFormWrap {padding-bottom:50px;}
.finProtectTable
,.qnaTable {padding-bottom:50px;}


/* /my/info/ SNS 연동 (PC) */
.snsLinkWrap {margin:44px auto 0 auto; padding:30px 0 0 0; max-width:720px;}
.snsLinkTit {padding:0 0 16px 0; font-size:17px;}
.snsLinkList > li {padding:20px 22px; border-radius:12px;}
.snsLinkName {font-size:16px;}
.snsLinkName.snsNaver::before {width:22px; height:22px; border-radius:6px; font-size:13px;}
.snsLinkStat {padding:3px 10px; font-size:12px;}
.snsLinkDate {font-size:14px;}
.snsLinkBtn {padding:0 22px; min-height:44px; border-radius:12px; font-size:15px;}
.snsLinkDone {font-size:15px;}
.snsLinkDesc {padding:14px 2px 0 2px; font-size:14px;}

}