@charset "UTF-8";:root {
    --primary-yellow: #ffd600;
    --sub-yellow: #ffe663;
    --primary-red: #ff3500;
    --sub-red: #e83b15;
    --primary-orange: #d64f2d;
    --sub-orange: #ef6d4b;
    --button-orange: #ff7b31;
    --primary-green: #6ebb6c;
    --primary-blue: #0085ff;
    --primary-gray: #312e27;
    --gray-252d32: #252d32;
    --gray-393434: #393434;
    --gray-62: #626262;
    --gray-68: #686868;
    --gray-74: #747474;
    --gray-76: #767676;
    --gray-7d: #7d7d7d;
    --gray-84: #848484;
    --gray-8e: #8e8e8e;
    --gray-9a: #9a9a9a;
    --gray-99: #999999;
    --gray-a3: #a3a3a3;
    --gray-aa: #aaaaaa;
    --gray-ab: #ababab;
    --gray-ae: #aeaeae;
    --gray-af: #afafaf;
    --gray-cb: #cbcbcb;
    --gray-c8: #c8c8c8;
    --gray-d9: #d9d9d9;
    --gray-de: #dedede;
    --gray-e2: #e2e2e2;
    --gray-e3: #e3e3e3;
    --gray-eb: #ebebeb;
    --gray-e6: #e6e6e6;
    --gray-ef: #efefef;
    --gray-f1: #f1f1f1;
    --gray-f4: #f4f4f4;
    --gray-f5: #f5f5f5;
    --gray-f6: #f6f6f6;
    --gray-f8: #f8f8f8;
    --gray-f9: #f9f9f9;
    --gray-fb: #fbfbfb
}

.home-container {
    line-height: 1;
    background: var(--gray-fb);
    padding: 20px 0;
    border-bottom: 1px solid var(--gray-e2)
}

.home-container * {
    box-sizing: border-box
}

.home-container a,.home-container abbr,.home-container acronym,.home-container address,.home-container applet,.home-container article,.home-container aside,.home-container audio,.home-container b,.home-container big,.home-container blockquote,.home-container canvas,.home-container caption,.home-container center,.home-container cite,.home-container code,.home-container dd,.home-container del,.home-container details,.home-container dfn,.home-container div,.home-container dl,.home-container dt,.home-container em,.home-container embed,.home-container fieldset,.home-container figcaption,.home-container figure,.home-container footer,.home-container form,.home-container h1,.home-container h2,.home-container h3,.home-container h4,.home-container h5,.home-container h6,.home-container header,.home-container hgroup,.home-container i,.home-container iframe,.home-container img,.home-container ins,.home-container kbd,.home-container label,.home-container legend,.home-container li,.home-container mark,.home-container menu,.home-container nav,.home-container object,.home-container ol,.home-container output,.home-container p,.home-container pre,.home-container q,.home-container ruby,.home-container s,.home-container samp,.home-container section,.home-container small,.home-container span,.home-container strike,.home-container strong,.home-container sub,.home-container summary,.home-container sup,.home-container table,.home-container tbody,.home-container td,.home-container tfoot,.home-container th,.home-container thead,.home-container time,.home-container tr,.home-container tt,.home-container u,.home-container ul,.home-container var,.home-container video {
    margin: 0;
    padding: 0;
    border: 0;
    font: inherit;
    vertical-align: baseline
}

.home-container .hide {
    display: none!important
}

.home-container .cursor-pointer {
    cursor: pointer
}

.home-container .overlap {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background: rgba(0,0,0,.5);
    z-index: 1
}

.home-container .red-text {
    color: var(--primary-red)!important
}

.home-container .orange-text {
    color: var(--primary-orange)!important
}

.home-container .green-text {
    color: var(--primary-green)!important
}

.home-container .blue-text {
    color: var(--primary-blue)!important
}

.home-container .bold-text {
    font-weight: 700
}

.home-container .underline-text {
    text-decoration: underline
}

.home-container .line-through-text {
    text-decoration: line-through
}

.home-container .main-summary-section {
    display: flex;
    gap: 10px;
    width: 1400px;
    margin: 10px auto
}

.home-container .banner-wrap,.home-container .login-section-wrap {
    height: 157px;
    border-radius: 10px;
    overflow: hidden;
    cursor: pointer;
    position: relative
}

.home-container .banner-wrap::before,.home-container .login-section-wrap::before {
    position: absolute;
    top: 0;
    left: 0;
    content: "";
    width: calc(100% - 2px);
    height: calc(100% - 2px);
    border: 1px solid var(--gray-eb);
    border-radius: 10px
}

.home-container .bannerSwiper,.home-container .bannerSwiper::before {
    border-radius: 4px
}

.home-container .logout-section-wrap {
    height: 120px;
    border: 1px solid var(--gray-eb);
    border-radius: 10px;
    overflow: hidden
}

.home-container .banner-wrap img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.home-container .bannerSwiper .swiper-button-next,.home-container .bannerSwiper .swiper-button-prev {
    top: 50%;
    width: 34px;
    height: 34px;
    margin-top: -13px;
    border-radius: 50%;
    z-index: 100;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain
}

.home-container .bannerSwiper .swiper-button-prev {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='34' height='34' viewBox='0 0 34 34' fill='none'%3E%3Cg filter='url(%23filter0_d_1022_1836)'%3E%3Crect x='4' y='2' width='26' height='26' rx='13' fill='white'/%3E%3C/g%3E%3Cpath d='M18 20L14 15L18 10' stroke='%23393434' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cdefs%3E%3Cfilter id='filter0_d_1022_1836' x='0' y='0' width='34' height='34' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset dy='2'/%3E%3CfeGaussianBlur stdDeviation='2'/%3E%3CfeComposite in2='hardAlpha' operator='out'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.1 0'/%3E%3CfeBlend mode='normal' in2='BackgroundImageFix' result='effect1_dropShadow_1022_1836'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='effect1_dropShadow_1022_1836' result='shape'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E")
}

.home-container .bannerSwiper .swiper-button-next {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='34' height='34' viewBox='0 0 34 34' fill='none'%3E%3Cg filter='url(%23filter0_d_1022_1841)'%3E%3Crect x='30' y='28' width='26' height='26' rx='13' transform='rotate(-180 30 28)' fill='white'/%3E%3C/g%3E%3Cpath d='M16 10L20 15L16 20' stroke='%23393434' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cdefs%3E%3Cfilter id='filter0_d_1022_1841' x='0' y='0' width='34' height='34' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset dy='2'/%3E%3CfeGaussianBlur stdDeviation='2'/%3E%3CfeComposite in2='hardAlpha' operator='out'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.1 0'/%3E%3CfeBlend mode='normal' in2='BackgroundImageFix' result='effect1_dropShadow_1022_1841'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='effect1_dropShadow_1022_1841' result='shape'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E")
}

.home-container .bannerSwiper .swiper-button-next::after,.home-container .bannerSwiper .swiper-button-prev::after {
    font-size: 0;
    display: none
}

.home-container .list-section-wrap {
    width: 948px
}
.home-container .search-section-wrap {
    width: 270px
}

.home-container .list-navi {
    margin: 10px 0;
    padding: 0 20px;
    height: 40px;
    border: 1px solid var(--gray-eb);
    border-radius: 10px;
    background: #fff
}

.home-container .list-navi>li {
    display: inline-flex;
    align-items: center;
    margin-right: 40px;
    padding: 0;
    height: 38px;
    color: var(--gray-9a);
    font-weight: 500;
    font-size: 13px;
    letter-spacing: -.05em;
    cursor: pointer
}

.home-container .list-navi>.current-list {
    position: relative;
    color: #393434;
    font-weight: 700
}

.home-container .list-navi>.current-list::before {
    content: "";
    left: 0;
    bottom: 0;
    position: absolute;
    width: 100%;
    border-bottom: 2px solid #ffd600
}

.home-container .list-card-wrap {
    display: flex;
    justify-content: start;
    flex-wrap: wrap;
    gap: 10px
}

.home-container .list-card {
    width: 216px;
    border: 1px solid var(--gray-eb);
    border-radius: 10px;
    background: #fff;
    font-size: 13px;
    overflow: hidden;
    cursor: pointer
}

.home-container .list-thumbnail-wrap {
    width: 100%;
    height: 96px;
    overflow: hidden;
    display: flex;
    justify-content: center
}

.home-container .list-thumbnail-wrap img {
    width: 100%;
    height: auto;
    object-fit: cover;
    object-position: center
}

.home-container .list-desc {
    height: 59px;
    padding: 13px 10px;
    line-height: 1.2
}

.home-container .list-title {
    margin-bottom: 6px;
    width: 197px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-weight: 500
}

.home-container .list-company-name {
    font-size: 12px;
    letter-spacing: -.1em;
    display: inline-block;
    width: calc(100% - 0px);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-bottom: 0
}

.home-container .rank-wrap {
    width: 230px
}

.home-container .rank-box-wrap {
    margin: 10px 0;
    border-radius: 10px;
    background: #fff;
    overflow: hidden;
    position: relative;
    height: 375px
}

.home-container .rank-box-wrap::before {
    position: absolute;
    top: 0;
    left: 0;
    content: "";
    width: calc(100% - 2px);
    height: calc(100% - 2px);
    border: 1px solid var(--gray-eb);
    border-radius: 10px
}

.home-container .rank-title-wrap {
    padding: 13px 15px;
    border-bottom: 1px solid var(--gray-eb);
    font-size: 13px
}

.home-container .rank-navi-wrap,.home-container .rank-title {
    display: inline-block
}

.home-container .rank-navi-wrap {
    float: right;
    color: var(--gray-9a);
    font-weight: 500;
    font-size: 10px;
    transform: translateY(2px)
}

.home-container .rank-navi-wrap>span {
    color: var(--gray-393434);
    font-weight: 700
}

.home-container .rank-navi {
    float: right;
    margin-left: 10px;
    transform: translateY(-6px)
}

.home-container .rank-navi>li {
    display: inline-block;
    padding: 2px;
    border: 1px solid var(--gray-eb);
    cursor: pointer
}

.home-container .rank-navi>li:first-of-type {
    margin-right: -3px
}

.home-container .rank-wrap {
    padding: 0 20px
}

.home-container .rank {
    margin-top: 16px;
    font-size: 12px;
    letter-spacing: -.05em
}

.home-container .rank:first-child {
    margin-top: 18px
}

.home-container .rank-number {
    display: inline-block;
    margin-right: 3px;
    font-weight: 700;
    width: 15px;
    text-align: center
}

.home-container .rank-status {
    float: right;
    color: var(--gray-393434);
    font-size: 10px;
    font-weight: 700;
    width: 20px;
    display: inline-flex;
    justify-content: space-between;
    align-items: center
}

.home-container .rankSwiper {
    width: 230px
}

.home-container .rankSwiper .swiper-pagination {
    top: 1px;
    bottom: auto;
    height: 38px;
    display: flex;
    align-items: center;
    width: 60px;
    left: 154px;
    font-size: 10px
}

.home-container .rankSwiper .swiper-pagination .swiper-pagination-current {
    font-weight: 700;
    color: var(--gray-393434)
}

.home-container .rankSwiper .swiper-pagination .swiper-pagination-total {
    font-weight: 500;
    color: var(--gray-9a)
}

.home-container .rankSwiper .swiper-button-next,.home-container .rankSwiper .swiper-button-prev {
    top: 10px;
    width: 20px;
    height: 20px;
    background: #fff;
    border: 1px solid #ebebeb;
    color: #9a9a9a;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 100
}

.home-container .rankSwiper .swiper-button-next::after,.home-container .rankSwiper .swiper-button-prev::after {
    font-size: 10px!important
}

.home-container .rankSwiper .swiper-button-prev {
    left: 181px;
    border-radius: 4px 0 0 4px
}

.home-container .rankSwiper .swiper-button-next {
    border-radius: 0 4px 4px 0
}

.home-container .recruiting-more-button-wrap {
    padding: 20px;
    text-align: right;
    font-size: 12px;
    letter-spacing: -.05em;
    color: var(--gray-af);
    position: relative;
    z-index: 1
}

.home-container .recruiting-more-button-wrap>a::after {
    content: "";
    display: inline-block;
    width: 5px;
    height: 5px;
    margin-left: 4px;
    border-top: 1px solid #999;
    border-right: 1px solid #999;
    transform: translateY(-1.5px) rotate(45deg)
}

.home-container .shortcut-section-wrap {
    width: 250px
}

.home-container .login-button-wrap {
    display: flex;
    background-color: #fff
}

.home-container .login-button-wrap>li {
    display: inline-block;
    width: 50%;
    padding: 0 35px;
    height: 86px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    font-size: 14px;
    letter-spacing: -.05em;
    text-align: center;
    cursor: pointer;
    position: relative
}

.home-container .login-button-wrap>li .icon-login-1,.home-container .login-button-wrap>li .icon-login-2 {
    width: 18px;
    height: 18px;
    display: inline-block;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain
}

.home-container .login-button-wrap>li .icon-login-1 {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18' fill='none'%3E%3Cg clip-path='url(%23clip0_757_27556)'%3E%3Cpath d='M15.0344 11.6981L12.2852 10.8368C11.2406 10.5071 10.5326 9.55845 10.5326 8.48191V8.30025C11.3574 7.95711 11.9347 7.15643 11.9347 6.22119V3.25399C11.9347 2.00925 10.9038 1 9.6323 1H8.36083C7.08935 1 6.05842 2.00925 6.05842 3.25399V6.22119C6.05842 7.15643 6.63574 7.95038 7.46048 8.30025V8.48191C7.46048 9.55845 6.75258 10.5071 5.70791 10.8368L2.95876 11.6981C1.79038 12.0614 1 13.1245 1 14.3221V17H17V14.3221C17 13.1245 16.2096 12.0681 15.0412 11.6981H15.0344Z' stroke='%23393434' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_757_27556'%3E%3Crect width='18' height='18' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E")
}

.home-container .login-button-wrap>li .icon-login-2 {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18' fill='none'%3E%3Cpath d='M16 1H2V17H16V1Z' stroke='%23393434' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M4 17H14' stroke='%23393434' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M11 12H7V17H11V12Z' stroke='%23393434' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M5 8H5.4289' stroke='%23393434' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M8.82812 8H9.25702' stroke='%23393434' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M12.6562 8H13.0851' stroke='%23393434' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M5 5H5.4289' stroke='%23393434' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M8.82812 5H9.25702' stroke='%23393434' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M12.6562 5H13.0851' stroke='%23393434' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")
}

.home-container .login-button-wrap>li span {
    font-size: 14px;
    line-height: 18px;
    font-weight: 700;
    letter-spacing: -.7px;
    color: #393434
}

.home-container .login-button-wrap>li>span {
    display: inline-block;
    margin-bottom: 5px;
    font-weight: 700
}

.home-container .login-button-wrap>li:first-of-type {
    border-right: 1px solid var(--gray-eb)
}

.home-container .logout-button-wrap>li {
    display: inline-block;
    padding: 15px;
    font-size: 14px;
    letter-spacing: -.05em;
    text-align: center;
    height: 120px
}

.home-container .logout-button-wrap>li .flex {
    display: flex
}

.home-container .logout-button-wrap>li .flex .member-photo img.photo {
    width: 58px;
    height: 58px;
    border-radius: 50%
}

.home-container .logout-button-wrap>li .flex .member-info {
    margin-left: 10px
}

.home-container .logout-button-wrap>li .flex .member-info p {
    font-style: normal;
    letter-spacing: -.05em;
    text-align: left
}

.home-container .logout-button-wrap>li .flex .member-info p.color-393434 {
    font-weight: 700;
    font-size: 15px;
    line-height: 18px;
    color: #393434;
    margin-bottom: 6px
}

.home-container .logout-button-wrap>li .flex .member-info p.color-312E27 {
    font-weight: 400;
    font-size: 15px;
    line-height: 12px;
    color: #312e27;
    margin-bottom: 6px
}

.home-container .logout-button-wrap>li .flex .member-info p.color-0085FF {
    font-weight: 400;
    font-size: 15px;
    line-height: 16px;
    color: #0085ff
}

.home-container .logout-button-wrap>li .flex .btn-info,.home-container .logout-button-wrap>li .flex .btn-logout {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    white-space: nowrap;
    margin-top: 10px;
    padding: 0;
    height: 22px;
    background: #fff;
    border: 1px solid #e3e3e3;
    border-radius: 4px;
    font-style: normal;
    font-weight: 400;
    font-size: 10px;
    line-height: 10px;
    text-align: center;
    letter-spacing: -.05em;
    color: #252d32;
    position: relative
}

.home-container .logout-button-wrap>li .flex .btn-logout {
    width: 58px;
    margin-right: 10px
}

.home-container .logout-button-wrap>li .flex .btn-info {
    width: 151px
}

.home-container .join-button-wrap {
    display: flex;
    align-items: center;
    width: calc(100% - 2px);
    padding: 0 15px;
    height: 33px;
    margin-left: 1px;
    border-top: 1px solid var(--gray-eb);
    background: var(--gray-f8);
    font-size: 11px;
    letter-spacing: 0;
    position: relative;
    border-radius: 0 0 10px 10px;
    color: #a3a3a3
}

.home-container .join-button-wrap a {
    color: #a3a3a3
}

.home-container .join-button-wrap a:nth-child(2) {
    margin-left: 10px
}

.home-container .join-button {
    padding-right: 10px;
    color: var(--gray-393434);
    font-weight: 500;
    cursor: pointer;
    position: relative;
    color: #393434!important
}

.home-container .join-button::after {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    width: 1px;
    height: 12px;
    background: #a3a3a3
}

.home-container .find-account-button {
    padding-left: 10px;
    border-left: 1px solid var(--gray-a3);
    color: var(--gray-a3);
    cursor: pointer;
    position: relative
}

.home-container .main-shortcut-wrap {
    margin-top: 10px;
    border: 1px solid var(--gray-eb);
    border-radius: 10px;
    overflow: hidden
}

.home-container .main-shortcut-wrap>ul {
    display: flex;
    flex-wrap: wrap;
    background-color: #fff
}

.home-container .main-shortcut-wrap li {
    width: 33.33%;
    border-bottom: 1px solid var(--gray-eb);
    border-right: 1px solid var(--gray-eb);
    text-align: center
}

.home-container .main-shortcut-wrap li:nth-of-type(3n) {
    border-right: none
}

.home-container .main-shortcut-wrap li>a {
    display: inline-flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 75.5px
}

.home-container .shortcut-name {
    display: block;
    font-size: 12px;
    letter-spacing: -.1em
}

.home-container .notice-wrap {
    margin-top: -1px;
    background: var(--gray-f8);
    border: 1px 0 solid var(--gray-eb);
    font-size: 12px;
    letter-spacing: -.1em;
    overflow: hidden;
    height: 34px
}

.home-container .notice-wrap .swiper-slide-box {
    display: inline-block;
    width: 100%;
    overflow: hidden;
    height: 34px
}

.home-container .notice-wrap .swiper-slide-box .swiper-slide {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    height: 36px
}

.home-container .notice-wrap .swiper-slide-box .swiper-slide a {
    display: inline-block;
    padding: 0 15px;
    width: calc(100% - 0px);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 1.3
}

.home-container .notice-wrap span:first-of-type {
    font-weight: 500;
    margin-right: 10px
}

.home-container .shortcut-section-wrap .banner-wrap {
    margin-top: 10px;
    height: 99px
}

.home-container .shortcut-section-wrap .banner-wrap a {
    position: relative
}

.home-container ol,.home-container ul {
    list-style: none
}

.home-container blockquote,.home-container q {
    quotes: none
}

.home-container blockquote:after,.home-container blockquote:before,.home-container q:after,.home-container q:before {
    content: none
}

.home-container table {
    border-collapse: collapse;
    border-spacing: 0
}

.home-container a {
    outline: 0;
    position: relative
}

.home-container a,.home-container a:active,.home-container a:hover {
    color: inherit;
    text-decoration: none
}