/**********************************************************
*  홍보 콘텐츠 랜딩 페이지 웹 20260810 RHD
***********************************************************/
:root {
    --c-color1: #4f79dc; /* 커리어넷 */
    --c-color2: #f7922b; /* 주니어커리어넷 */
    --c-color3: #389cae; /* 원격영상진로멘토링 */
    --c-color4: #f54c2d; /* YEEP */
    --c-color5: #27aed6; /* 진로체험망꿈길 */
    --c-color6: #0000fe; /* 통합 */

}

.cuginfo-wrap .round-tabs {margin: 20px auto; display: flex; justify-content: center; align-items: center; border: 1px solid var(--career--gray-40); border-radius: 57px; overflow: hidden;}
.cuginfo-wrap .round-tabs button {display: flex; align-items: center; padding: 15px 60px; font-size: 18px; color: #000; font-weight: 400; border-right: 1px solid var(--career--gray-40); background-color: #f5f5f5;}
.cuginfo-wrap .round-tabs button:last-of-type {border-right: none;}
.cuginfo-wrap .round-tabs button:hover {background-color: #f7f8fa;}
.cuginfo-wrap .round-tabs button.active {color: var(--career--primary); font-weight: 800; background-color: #fff; }

.cuginfo-wrap section .com-board-hd {margin-left: 0;}
.cuginfo-wrap section .com-board-hd .total-srch-num p i.des {font-style: normal; font-size: 16px; color: var(--career--gray-90); font-weight: 400;}

.cuginfo-wrap section {margin-bottom: 40px;}
.cuginfo-wrap section .promotion-card {position: relative;}
.cuginfo-wrap section .promotion-card .com-card .bt-box .con-box .title {position: relative; top: 0px; max-width: 360px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;white-space:wrap;line-height: 1.3; height: 25px; word-break: break-all;}
.cuginfo-wrap section .promotion-card .com-card .bt-box .con-box .m-category span {font-size: 15px; font-weight: 500;}
.cuginfo-wrap section .promotion-card .com-card .bt-box .con-box .m-category span.c-color01 {color: var(--c-color1);}
.cuginfo-wrap section .promotion-card .com-card .bt-box .con-box .m-category span.c-color02 {color: var(--c-color2);}
.cuginfo-wrap section .promotion-card .com-card .bt-box .con-box .m-category span.c-color03 {color: var(--c-color3);}
.cuginfo-wrap section .promotion-card .com-card .bt-box .con-box .m-category span.c-color04 {color: var(--c-color4);}
.cuginfo-wrap section .promotion-card .com-card .bt-box .con-box .m-category span.c-color05 {color: var(--c-color5);}
.cuginfo-wrap section .promotion-card .com-card .bt-box .con-box .m-category span.c-color06 {color: var(--c-color6);}
.cuginfo-wrap section .promotion-card .com-card .bt-box .con-box .second-line {max-width: 360px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;white-space:wrap;line-height: 1.3;height:44px}
.cuginfo-wrap section .promotion-card .com-card .bt-box .con-box .title{font-size: 18px;}

.cuginfo-wrap section .promotion-card .right-btns {position: absolute; right: 24px; bottom: 22px; z-index: 1; display: flex; align-items: center; gap: 5px;}
.cuginfo-wrap section .promotion-card .right-btns a {display: flex; align-items: center; gap: 3px; height: 30px; padding:0 10px; font-size: 14px; color: #000; background-color: #F0F4FC; border-radius: 24px;}
.cuginfo-wrap section .promotion-card .right-btns a::before {display: inline-block; width: 15px; height: 15px; background-size:auto 100%; background-repeat: no-repeat; content: ''; }
.cuginfo-wrap section .promotion-card .right-btns .btn-dview::before {background-image: url(../img/common/icon_search.svg); }
.cuginfo-wrap section .promotion-card .right-btns .btn-download::before {background-image: url(../img/common/icon_download.svg); }
.cuginfo-wrap section .promotion-card .right-btns a:hover {color: #fff; background-color: var(--career--primary);}
.cuginfo-wrap section .promotion-card .right-btns a:hover::before {filter: brightness(0) invert(1);}