/**********************************************************
*  홍보 콘텐츠 랜딩 페이지 모바일  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 .round-tabs + section {margin-bottom: 40px;}

.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: 20px;}
.cuginfo-wrap section .com-grid-box.col-3 {padding: 0;}
.cuginfo-wrap section .promotion-card {position: relative;}
.cuginfo-wrap section .promotion-card .com-card.img.type-02 {padding: 0;}
.cuginfo-wrap section .promotion-card .com-card.img.type-02 .img-box {width: 100%;}
.cuginfo-wrap section .promotion-card .com-card .con-box {margin-bottom: 16px;}
.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; overflow: hidden; line-height: 1.3; height: 45px; 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 .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(/cloud/w/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);}

@media (max-width:1160px) {
    .cuginfo-wrap section .com-grid-box.col-3 {grid-template-columns: repeat(2, 1fr);}
}
@media (max-width:840px) {
    .cuginfo-wrap .round-tabs {width: 100%; }
    .cuginfo-wrap .round-tabs button {width: 20%; padding: 10px 0; justify-content: center; font-size: 16px; letter-spacing: -1px;}
    .cuginfo-wrap section .com-grid-box.col-3 {grid-template-columns: repeat(1, 1fr);}
}
@media (max-width:400px) {
    .cuginfo-wrap .round-tabs {width: 100%; margin: 15px auto; border-radius: 6px; }
    .cuginfo-wrap .round-tabs button {width: 18%; font-size: 15px;}
    .cuginfo-wrap .round-tabs button:nth-of-type(3) {width: 20%;}
    .cuginfo-wrap .round-tabs button:nth-of-type(4) {width: 26%;}
    .cuginfo-wrap section .promotion-card .com-card.img .bt-box {padding: 20px 15px;}
    .cuginfo-wrap section .promotion-card .com-card.img .bt-box .con-box {gap: 20px;}
    .cuginfo-wrap section .promotion-card .com-card.img .tail-item-list {gap: 5px;}
    .cuginfo-wrap section .promotion-card .com-card.img .tail-item-list > div {font-size: 14px;}
    .cuginfo-wrap section .promotion-card .right-btns {bottom: 20.5px; right: 15px; }
    .cuginfo-wrap section .promotion-card .right-btns a {height: 21px; padding: 0 8px; font-size: 13px; letter-spacing: -1px;}
}