article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display: block;
}

.BodyscrollLock {
    overflow: hidden;
    position: fixed;
    top: 0px;
    left: 0px;
    right: 0px;
}


.layout_default {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    min-height: 100dvh;
}
.layout_default.sub {
    min-height: 100vh;
    padding-top: 64px;
    padding-top: calc(64px + constant(safe-area-inset-top)) !important;
    padding-top: calc(64px + env(safe-area-inset-top)) !important;
}
@media (min-width:1060px) {
    .layout_default.sub {
        min-height: 100vh;
        padding-top: 93px;
        padding-top: calc(93px + constant(safe-area-inset-top)) !important;
        padding-top: calc(93px + env(safe-area-inset-top)) !important;
    }
}
header {
    background: rgb(var(--color-color0));
    background-color: rgb(var(--color-color0) / .9);
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
    border-bottom: 1px solid rgb(var(--color-border)) !important;
    color: rgb(var(--color-color1));
    font-size: 1rem;
    left: 0;
    position: fixed;
    top: 0;
    /* top: env(safe-area-inset-top, 0); */
    width: 100%;
    z-index: 101;
    padding-top: calc(0px + constant(safe-area-inset-top));
    padding-top: calc(0px + env(safe-area-inset-top));
}
header.main {
    background: none !important;
    background-color: none !important;
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
    border: 0 !important;
    top: 40px;
}
@media (min-width: 768px) and (max-width: 1279.9px) {
    header.main {
        padding: 20px 12px;
        top: 0;
        padding-top: calc(20px + constant(safe-area-inset-top));
        padding-top: calc(20px + env(safe-area-inset-top));
    }
}
@media (max-width: 767.9px) {
    header.main {
        padding: 20px 10px 12px;
        top: 0;
        padding-top: calc(20px + constant(safe-area-inset-top));
        padding-top: calc(20px + env(safe-area-inset-top));
    }
}
@media (max-width: 1279.9px) {
    header.main.is-open {
        background: rgb(var(--color-color0)) !important;
        transition: all .3s ease;
    }
}
@media (max-width: 1279.9px) {
    header.main.is-open {
        background: rgb(var(--color-color0)) !important;
        transition: all .3s ease;

        
    }
}
/* header .layout-header {
    height: 92px;
    margin: 0 auto;
    max-width: 1280px;
    padding: 28px 24px;
    position: relative;
    transition: height .5s ease-in-out;
    width: 100%;
}
@media (max-width: 1279.9px) {
    header .layout-header {
        height: 64px;
        max-width: 100%;
        padding: 20px;
        position: relative;
    }
}
@media (min-width: 768px) and (max-width: 1279.9px) {
    header .layout-header {
        height: 88px;
        padding: 24px;
    }
}
header.main .layout-header {
    background: rgb(var(--color-color0));
    border-radius: 28px;
    box-shadow: 0 1px 2px -1px #0000001a, 0 1px 3px #0000001a;
    padding-left: 40px;
    padding-right: 40px;
} */
.dimmed {
    background: #00000080;
    height: 100%;
    left: 0;
    opacity: 0;
    position: fixed;
    top: 0;
    transition: opacity .3s ease, visibility .3s ease;
    visibility: hidden;
    width: 100%;
    z-index: 100;
}
.dimmed.on {
    opacity: 1;
    visibility: visible;
}
header .layout-header {
    height: var(--header-height);
    margin: 0 auto;
    max-width: 1280px;
    padding: 28px 24px;
    position: relative;
    transition: height .5s ease-in-out;
    width: 100%;

}
@media (max-width: 1279.9px) {
    header .layout-header {
        height: 64px;
        max-width: 100%;
        padding: 20px;
    }
}
@media (min-width: 768px) and (max-width: 1279.9px) {
    header .layout-header {
        height: 88px;      /* 태블릿만 다시 override */
        padding: 24px;     /* 태블릿만 다시 override */
    }
}
header.main .layout-header {
    background: rgb(var(--color-color0));
    border-radius: 28px;
    box-shadow: 0 1px 2px -1px #0000001a,
                0 1px 3px #0000001a;
    padding-left: 40px;
    padding-right: 40px;

    background-color: rgb(var(--color-color0) / .9);
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
}
header .layout-header__container {
    align-items: center;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    gap: 48px;
    justify-content: flex-start;
    width: 100%;
}
@media (max-width: 767.9px) {
    header.main .layout-header {
        border-radius: 24px;
        padding-left: 20px;
        padding-right: 20px;
    }
}
@media (max-width: 1279.9px) {
    header.main.is-open .layout-header {
        border-radius: 0;
        box-shadow: none;
        transition: all .3s ease;
        backdrop-filter: none;
        -webkit-backdrop-filter: none;
    }
}
@media (max-width: 1279.9px) {
    header .layout-header__container {
        justify-content: space-between;
        padding: 0 12px;
    }
}
@media (max-width: 767.9px) {
    header .layout-header__container {
        padding: 0;
        height: 100%;
    }
}
header.main .layout-header__container {
    padding: 0;
}
header .layout-header__container .header-logo {
    flex-shrink: 0;
}
header .layout-header__container .header-logo img, header .layout-header__container .header-logo svg {
    height: 36px;
    width: auto;
}
@media (max-width: 767.9px) {
    header .layout-header__container .header-logo img, header .layout-header__container .header-logo svg {
        height: 18px !important;
        width: auto !important;
    }
}
@media (max-width: 767.9px) {
    header .layout-header__container .header-logo img, header .layout-header__container .header-logo svg {
        height: 32px !important;
        width: auto !important;
    }
}
header .layout-header__container .header-logo {
    font-size: 1.3rem;
    font-weight: 700;
    line-height: 1;
    letter-spacing: .01rem;
}
header .layout-header__container .header-logo .header-logoTitle {
    font-size: 1rem;
    font-weight: 700;
    line-height: 1;
    letter-spacing: .01rem;


    height: 34px;
    display: flex;
    align-items: center;
}
@media (min-width:1060px) {
    header .layout-header__container .header-logo .header-logoTitle {
        font-size: 1.5rem;
    }
}
header .layout-header__container .header-mobile {
    display: none;
    flex-shrink: 0;
}
@media (max-width: 1279.9px) {
    header .layout-header__container .header-mobile {
        display: inline-flex;
    }
}
.nuxt-icon {
    height: 1.5rem;
    width: 1.5rem;
    margin-bottom: .125em;
    vertical-align: middle;
}
.nuxt-icon {
    height: auto !important;
    margin: 0 !important;
    width: auto !important;
}
@media (max-width: 767.9px) {
    header .layout-header__container .header-mobile svg {
        height: 28px !important;
        width: 28px !important;
    }
}
@media (max-width: 767.9px) {
    header .layout-header__container .header-mobile svg {
        height: 28px !important;
        width: 28px !important;
    }
}
.nuxt-icon--fill,
.nuxt-icon--fill * {
    fill: currentColor;
}
@media (max-width: 767.9px) {
    header .layout-header__container .header-mobile svg {
        height: 28px !important;
        width: 28px !important;
    }
}

header .layout-header__container .header-gnb__1depth {
    align-items: flex-start;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    font-weight: 700;
    gap: 32px;
    justify-content: flex-start;
}
@media (max-width: 1279.9px) {
    header .layout-header__container .header-gnb {
        background: rgb(var(--color-color0));
        height: calc(var(--vh, 1vh) * 100 - 64px);
        left: 0;
        opacity: 0;
        padding: 0 20px 113px;
        position: fixed;
        top: 64px;
        top: calc(env(safe-area-inset-top, 0) + 64px);
        transform: translate(100%);
        transition: transform .3s ease-in-out, opacity 0s ease;
        width: 100%;
    }
    header .layout-header__container .header-gnb__1depth {
        flex-direction: column;
        font-size: var(--Font-Size-Body1);
        font-weight: 700;
        gap: 0;
        height: 100%;
        overflow-x: hidden;
        overflow-y: auto;
        transform: translate(0);
        transition: transform 3s ease;
    }
    header.main .layout-header__container .header-gnb {
        height: calc(100vh - 96px);
        height: calc(100dvh - 96px);
        top: 96px;
        top: calc(96px + constant(safe-area-inset-top)) !important;
        top: calc(96px + env(safe-area-inset-top)) !important;
    }
}
@media (min-width: 768px) and (max-width: 1279.9px) {
    header .layout-header__container .header-gnb {
        height: calc(var(--vh, 1vh) * 100 - 88px);
        top: 88px;
        top: calc(env(safe-area-inset-top, 0) + 88px);
    }

    header.main .layout-header__container .header-gnb {
        height: calc(100vh - 128px);
        height: calc(100dvh - 128px);
        top: 128px;
    }
}
@media (max-width: 1279.9px) {
    header .layout-header__container .header-gnb {
        background: rgb(var(--color-color0));
        height: calc(var(--vh, 1vh) * 100 - 64px);
        left: 0;
        opacity: 0;
        padding: 0 20px 113px;
        position: fixed;
        top: 64px;
        top: calc(env(safe-area-inset-top, 0) + 64px);
        transform: translate(100%);
        transition: transform .3s ease-in-out, opacity 0s ease;
        width: 100%;
    }
    header.is-open .header-gnb {
        opacity: 1;
        transform: translate(0);
    }
}








.co_content {
    margin: 0 auto;
    max-width: 1280px;
}













header .layout-header__container .header-gnb__1depth {
    align-items: flex-start;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    font-weight: 700;
    gap: 32px;
    justify-content: flex-start;
}
@media (max-width: 1279.9px) {
    header .layout-header__container .header-gnb__1depth {
        flex-direction: column;
        font-size: .8rem;
        font-weight: 700;
        gap: 0;
        height: 100%;
        overflow-x: hidden;
        overflow-y: auto;
        transform: translate(0);
        transition: transform 3s ease;
    }
}
@media (max-width: 1279.9px) {
    header .layout-header__container .header-gnb__1depth .li-1depth {
        width: 100%;
    }
}
@media (max-width: 1279.9px) {
    header .layout-header__container .header-gnb__1depth.is-depth {
        overflow-y: hidden;
    }
}
header .layout-header__container .header-gnb__1depth .li-1depth .btn-1depth {
    align-items: center;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    gap: 2px;
    justify-content: flex-start;
    transform: translate(0);
    transition: transform .2s ease;
}
@media (max-width: 1279.9px) {
    header .layout-header__container .header-gnb__1depth .li-1depth .btn-1depth {
        gap: 8px;
        padding: 16px 10px;
    }
}
@media (max-width: 1279.9px) {
    header .layout-header__container .header-gnb__1depth .li-1depth+li .btn-1depth {
        border-top: 1px solid rgb(var(--color-border) / .5);
    }
}
@media (max-width: 1279.9px) {
    header .layout-header__container .header-gnb__1depth.is-depth .btn-1depth {
        transform: translate(-100%);
    }
}
header .layout-header__container .header-gnb__1depth .li-1depth .btn-1depth .icon-rightArrow {
    display: none;
}
@media (max-width: 1279.9px) {
    header .layout-header__container .header-gnb__1depth .li-1depth .btn-1depth .icon-rightArrow {
        display: block;
        margin-left: auto !important;
    }
}






@media (max-width: 1279.9px) {
    header .layout-header__container .header-gnb__1depth .li-1depth .layout-2depth {
        left: 0;
        position: absolute;
        top: 0;
        transform: translate(100%);
        transition: transform .2s ease;
        width: 100%;
        background-color: rgb(var(--color-color0));
        z-index: 1;
        opacity: 1;
    }
}
@media (max-width: 1279.9px) {
    header .layout-header__container .header-gnb__1depth.is-depth .layout-2depth {
        height: calc(100% + 32px);
        opacity: 1;
        transform: translate(0);
    }
}
header .layout-header__container .header-gnb__1depth .li-1depth .layout-2depth .back-button {
    background: rgb(var(--color-color-back));
    color: rgb(var(--color-color1));
    display: none;
    padding: 16px 10px;
}
@media (max-width: 1279.9px) {
    header .layout-header__container .header-gnb__1depth .li-1depth .layout-2depth .back-button {
        display: flex;
    }
}
@media (max-width: 1279.9px) {
    header .layout-header__container .header-gnb__1depth.is-depth .layout-2depth .back-button {
        align-items: center;
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        gap: 8px;
        justify-content: flex-start;
        width: 100%;
    }
}
header .layout-header__container .header-gnb__1depth .li-1depth .layout-2depth .back-button svg {
    transform: rotate(180deg);
}
.ps {
    padding-right: 0;
    position: relative;
    z-index: 1;
}
.ps--active-y {
    overflow-x: hidden;
    overflow-y: auto;
    padding-right: 20px;
}
@media (max-width: 767.9px) {
    header .layout-header__container .header-gnb__1depth .li-1depth .layout-2depth .ps {
        height: calc(100vh - 269px);
        height: calc(100dvh - 269px);
        margin: 16px 0;
    }
}
@media (max-width: 767.9px) {
    header.main .layout-header__container .header-gnb__1depth .li-1depth .layout-2depth .ps {
        height: calc(100vh - 269px);
        height: calc(100dvh - 269px);
    }
}
@media (max-width: 767.9px) {
    header.main .layout-header__container .header-gnb__1depth .li-1depth .layout-2depth .ps {
        height: calc(100vh - 269px);
        height: calc(100dvh - 269px);
    }
}
header .layout-header__container .header-gnb__2depth {
    align-items: flex-start;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    flex-wrap: wrap;
    gap: 40px;
    justify-content: flex-start;
    left: 0;
    padding: 10px 24px 44px 24px;
    position: absolute;
    top: 93px;
    width: 100%;
}
@media (max-width: 1279.9px) {
    header .layout-header__container .header-gnb__2depth {
        flex-direction: column;
        font-size: .8rem;
        gap: 0;
        padding: 0;
        position: static;
    }
}
header.main .layout-header__container .header-gnb__2depth {
    padding-left: 40px;
    padding-right: 40px;
}
@media (max-width: 1279.9px) {
    header.main .layout-header__container .header-gnb__2depth {
        padding-left: 0;
        padding-right: 0;
    }
}
header .layout-header__container .header-gnb__2depth li {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    gap: 20px;
    justify-content: flex-start;
    width: calc(25% - 30px);
}
@media (max-width: 1279.9px) {
    header .layout-header__container .header-gnb__2depth li {
        gap: 0;
        width: 100%;
    }
}
header .layout-header__container .header-gnb__2depth li a {
    display: flex;
    gap: 2px;
    width: 100%;
}
@media (max-width: 1279.9px) {
    header .layout-header__container .header-gnb__2depth li a {
        padding: 16px 10px;
    }
}
header .layout-header__container .header-gnb__3depth {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    font-weight: 400;
    gap: 20px;
    justify-content: flex-start;
    width: 100%;
}
@media (max-width: 1279.9px) {
    header .layout-header__container .header-gnb__3depth {
        gap: 0;
        width: 100%;
    }
}
header .layout-header__container .header-gnb__2depth li {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    gap: 20px;
    justify-content: flex-start;
    width: calc(25% - 30px);
}
@media (max-width: 1279.9px) {
    header .layout-header__container .header-gnb__2depth li {
        gap: 0;
        width: 100%;
    }
}
header .layout-header__container .header-gnb__3depth li {
    width: 100%;
}
header .layout-header__container .header-gnb__2depth li a {
    display: flex;
    gap: 2px;
    width: 100%;
}
@media (max-width: 1279.9px) {
    header .layout-header__container .header-gnb__2depth li a {
        padding: 16px 10px;
    }
}
@media (max-width: 1279.9px) {
    header .layout-header__container .header-gnb__3depth li a {
        padding: 16px 20px;
    }
}







header .layout-header__container .header-language-mo {
    bottom: 0;
    color: rgb(var(--color-color-desc1));
    display: none;
    font-weight: 700;
    left: 0;
    padding: 52px 30px calc(40px + env(safe-area-inset-bottom, 0));
    position: fixed;
    width: 100%;
}
@media (max-width: 767.9px) {
    header .layout-header__container .header-language-mo {
        font-size: .8rem;
    }
}
@media (max-width: 1279.9px) {
    header .layout-header__container .header-language-mo {
        align-items: center;
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: space-between;
    }
}
header .layout-header__container .header-language-mo .popup-language, header .layout-header__container .header-language-mo .popup-language a {
    align-items: center;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
}
header .layout-header__container .header-language-mo .popup-language a {
    color: rgb(var(--color-color-desc2));
}
header .layout-header__container .header-language-mo .popup-language, header .layout-header__container .header-language-mo .popup-language a {
    align-items: center;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
}
header .layout-header__container .header-language-mo .popup-language a.is-active {
    color: rgb(var(--color-color-desc));
    font-weight: 700;
}
header .layout-header__container .header-language-mo .popup-language a+a:before {
    background: rgb(var(--color-color-back6));
    content: "";
    height: 16px;
    margin: 0 20px;
    width: 1px;
}







.nc-lnb {
    position: relative;
    z-index: 1;
}
#ice_page_render, .hjk-body, .nc-lnb, footer, header {
    container-name: builder;
    container-type: inline-size;
}
.nc-lnb__container {
    transition: all .3s ease-in-out;
    width: 100%;
}
.tc_title {
    word-break: keep-all;
    word-wrap: break-word;
    overflow-wrap: anywhere;
    white-space: normal;
}
.tc_title.size--heading2 {
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.2;
}
.tc_title.alignM--center {
    text-align: center;
}
.nc-lnb__container .tc_title {
    padding: 2rem 0;
}
@media (min-width:1060px) {
    .nc-lnb__container .tc_title {
        padding: 4rem 0;
    }
}
.tc_title .title-container {
    display: block;
    font-weight: inherit;
    margin-left: auto;
    margin-right: auto;
    max-width: 1320px;
    color: rgb(var(--color-color1));
    font-size: 1.3rem;
    
}
@media (min-width:1060px) {
    .tc_title .title-container {
        font-size: 2.2rem;
    }
}
.nc-lnb__tab-wrapper {
    border-bottom: 1px solid var(--hanjin-grayscale-7);
    overflow-x: auto;
    overflow-y: hidden;
    position: relative;
    width: 100%;
    z-index: 1;
}
@media (min-width: 1280px) {
    .nc-lnb__tab-wrapper {
        overflow: hidden;
    }
}
.nc-lnb__tab-wrap {
    padding: 0 20px;
}
@media (min-width: 1280px) {
    .nc-lnb__tab-wrap {
        padding: 0;
    }
}
.nc-lnb__tab {
    align-items: center;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    /* gap: 1.25rem; */
    justify-content: flex-start;
    margin: 0 auto;
    max-width: 1280px;
    /* padding: 0 20px; */
}
@media (min-width: 1280px) {
    .nc-lnb__tab {
        align-items: center;
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        gap: 2rem;
        justify-content: center;
        padding: 0;
    }
}


.nc-lnb__tab-btn {
    background: linear-gradient(90deg, rgb(var(--color-color0) / 0), rgb(var(--color-color0) / .8) 14.08%, rgb(var(--color-color0)) 69.4%);
    left: 0;
    padding: 11px;
    position: absolute;
    top: 0;
    transform: rotate(180deg);
    z-index: 2;
}
@media (min-width: 1280px) {
    .nc-lnb__tab-btn {
        left: calc(50% - 640px);
    }
}
.nc-lnb__tab-btn.btn-next {
    left: auto;
    right: 0;
    transform: rotate(0);
}
.nc-lnb__tab-btn.swiper-button-disabled {
    display: none;
}
.nc-lnb__tab-item {
    flex: 1;
    font-weight: 400;
    position: relative;
    transition: flex .7s ease;
}
.nc-lnb__tab-item.router-link-active {
    color: rgb(var(--color-color-desc3));
    font-weight: 700;
}
.nc-lnb__tab-item.router-link-active:after {
    content: '';
    bottom: 0px;
    content: "";
    display: block;
    height: 0px;
    left: 50%;
    position: absolute;
    transform: translate(-50%);
    width: 95%;
    background: transparent;
    transition: 0.3s ease-in;
    height: 2px;
    width: 100%;
    background: rgb(var(--color-color-desc3));
}
.nc-lnb__tab-item-btn {
    display: flex;
    font-size: .8rem;
    font-weight: 700;
    font-weight: inherit;
    gap: 2px;
    justify-content: center;
    line-height: 1.2;
    padding: 20px 15px;
    text-align: center;
    transition: all .5s ease;
    white-space: nowrap;
    width: 100%;
}



.ice_container {
    margin-left: auto;
    margin-right: auto;
    width: 100%;
}
.layout_default .ice_container {
    padding: 0;
    margin-bottom: 5rem;
}
.yeyHeader-wraparea {
    padding: 2rem 0rem 2rem 0rem;
}
@media (min-width:1060px) {
    .yeyHeader-wraparea {
        padding: 4rem 0rem 4rem 0rem;
    }
}
.yeyHeader-wraparea .title-container {
    display: block;
    font-weight: inherit;
    margin-left: auto;
    margin-right: auto;
    max-width: 1320px;
    color: rgb(var(--color-color1));
    font-size: 1.3rem;
    font-weight: 700;
    line-height: 1.2;
    text-align: center;
}
@media (min-width:1060px) {
    .yeyHeader-wraparea .title-container {
        font-size: 2rem;
    }
}



.ice_container>.ice_container_area {
    height: 100%;
}
.ice_container .ice_container_area {
    margin: 0 auto;
    width: 100%;
    display: flex;
    flex-direction: column;
}
.ice_container_area>div {
    position: relative;
    z-index: 1;
}
.cb_feature-highlight-card__container {
    position: relative;
}
.cb_feature-highlight-card__background {
    height: 430px;
}
@media (max-width: 767.9px) {
    .cb_feature-highlight-card__background {
        height: 280px;
    }
}
.cb_feature-highlight-card__background .vb_infinity-banner {
    height: 100%;
}
.vb_infinity-banner.size--medium {
    height: 430px;
}
@media (min-width: 1280px) {
    .vb_infinity-banner.size--medium {
        height: 430px;
    }
}
.vb_infinity-banner.full {
    max-width: 100%;
    width: 100%;
}
.vb_infinity-banner.theme--dark {
    color: rgb(var(--color-color));
}
.cb_feature-highlight-card__background .vb_infinity-banner {
    height: 100%;
}
.vb_infinity-banner .banner-container {
    height: 100%;
    left: 50%;
    margin: 0 auto;
    position: absolute;
    top: 0;
    transform: translate(-50%);
    width: 100%;
    z-index: 1;
}
.vb_infinity-banner .banner-container .banner {
    align-items: center;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    height: 100%;
    justify-content: flex-start;
    padding: 0 20px;
}
@media (min-width: 1280px) {
    .vb_infinity-banner .banner-container .banner {
        padding: 0;
    }
}


.co_wrapper {
    outline: none;
    outline-offset: 0;
    padding: 20px;
    position: relative;
    width: 100%;
}
.cb_feature-highlight-card__container>.co_wrapper {
    margin-top: -64px;
    overflow: visible;
    position: relative;
    z-index: 1;
}
@media (min-width: 1280px) {
    .co_wrapper {
        padding: 0 24px;
    }
}
.cb_feature-highlight-card__content {
    align-items: center;
    background: rgb(var(--color-color0));
    border-radius: .5rem;
    box-shadow: 0px 1px 2px -1px rgba(0,0,0,.1),0px 1px 3px 0px rgba(0,0,0,.1);
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    gap: 2rem;
    justify-content: flex-start;
    margin: 0 auto;
    max-width: 1280px;
    padding: 1rem 2rem;
}
@media (min-width: 1280px) {
    .cb_feature-highlight-card__content {
        border-radius: .8rem;
        padding: 1rem 2rem;
    }
}
@media (max-width: 767.9px) {
    .cb_feature-highlight-card__content {
        padding: 1rem 2rem;
    }
}
.tc_text-components .tc_title:not(:first-child) .title-container {
    margin-top: 1rem;
    font-size: 1.2rem;
}
.tc_text-block {
    width: 100%;
}
.cb_feature-highlight-card__content-container {
    width: 100%;

}








.yey-body {
    position: relative;
}












/* select && input && btn */
.yey-board__search-bar {
    margin: 0 auto;
    max-width: 1280px;
}
.yey-board__search-bar__wrapper {
    align-items: center;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    gap: 10px;
    justify-content: flex-start;
}
@media (max-width: 1279.9px) {
    .yey-board__search-bar__wrapper {
        flex-wrap: wrap;
    }
}
.yey-board__search-bar__category-group {
    align-items: center;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    gap: 1rem;
    justify-content: flex-start;
}
@media (max-width: 1279.9px) {
    .yey-board__search-bar__category-group {
        width: 100%;
    }
}
.yey-select {
    align-items: center;
    display: inline-flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
}
.yey-board__search-bar__select {
    /* width: 100px; */
    flex-shrink: 0;
    flex-grow: 1;
}
.yey-select .select-container {
    width: 100%;
    position: relative;
}
.yey-select .select-container .select-value {
    background: rgb(var(--color-color0));
    border: 1px solid rgb(var(--color-border));
    border-radius: 1rem;
    cursor: pointer;
}
.yey-select .select-container .select-value {
    font-size: .8rem;
    overflow: hidden;
    padding: 16px 50px 16px 16px;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.yey-select .select-container .select-value:after {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke-width='1.5' stroke='currentColor'><path stroke-linecap='round' stroke-linejoin='round' d='m19.5 8.25-7.5 7.5-7.5-7.5'/></svg>");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
    height: 18px;
    position: absolute;
    right: 12px;
    top: 50%;
    transform: translateY(-50%);
    transition: transform .2s ease;
    width: 18px;
}
.yey-select.singled .select-container .select-value {
    background: rgb(var(--color-color0));
    color: rgb(var(--color-color));
    cursor: not-allowed;
}
.yey-select .select-container .select-value.is-open {
    border-radius: 1rem 1rem 0 0;
}
.yey-select .select-container .select-value.is-open:after {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke-width='1.5' stroke='currentColor' class='size-6'><path stroke-linecap='round' stroke-linejoin='round' d='m4.5 15.75 7.5-7.5 7.5 7.5'/></svg>");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
    height: 18px;
    position: absolute;
    right: 12px;
    top: 50%;
    transform: translateY(-50%);
    transition: transform .2s ease;
    width: 18px;
}

.yey-board__search-bar__search-group {
    align-items: center;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    gap: 1rem;
    justify-content: flex-start;
    width: 100%;
}
.yey-input {
    align-items: center;
    display: inline-flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
}
.yey-input {
    width: 100%;
}
.yey-board__search-bar__input {
    /* flex: 1; */
}
.yey-input label {
    height: 1px;
    overflow: hidden;
    position: absolute;
    width: 1px;
    clip: rect(0, 0, 0, 0);
    border: 0;
}
.yey-input .yey-input__wrapper {
    align-items: center;
    background: rgb(var(--color-color0));
    border: 1px solid rgb(var(--color-border));
    border-radius: 1rem;
    display: inline-flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    position: relative;
    padding: 13px;
}
.yey-input .yey-input__wrapper {
    flex-grow: 1;
    width: 100%;
}
.yey-input .yey-input__wrapper .yey-input__container {
    width: 100%;
    height: 24px;
    position: relative;
}
.yey-input .yey-input__wrapper .yey-input__container input {
    flex-grow: 1;
    width: 100%;
    border: 0;
    outline: 0;
}

.yey-button {
    border: 2px solid;
    min-height: 40px;
    padding: 14px 40px;
}
.yey-button.yey-button--solid {
    min-width: fit-content;
    border: none;
    border-radius: 999px;
    transition: fill .3s ease;
}
.yey-button.yey-button--solid {
    background: rgb(var(--color-color3));
    color: rgb(var(--color-white));
}





.yey-select .select-container .select-options {
    background: rgb(var(--color-color0));
    border: 1px solid rgb(var(--color-border));
    border-radius: 0 0 1rem 1rem;
    border-top: none;
    box-shadow: 2px 2px 4px #0000001a;
    left: 0;
    min-height: 50px;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 100%;
    z-index: 100;
}
.yey-select .select-container .select-options .select-options-content {
    overflow-x: hidden;
    overflow-y: auto;
    max-height: 224px;
}
.yey-select.size--large .select-container .select-options .select-options-content {
    max-height: 224px;
}
.yey-select .select-container .select-options .select-options-content .select-option {
    padding: .5rem .75rem;
    color: #333333;
    cursor: pointer;
    transition: all .2s ease;
}
.yey-select .select-container .select-options .select-options-content .select-option.is-selected {
    background: rgb(var(--color-color4));
    color: rgb(var(--color-color1));
}
/* select && input && btn */

/* boardList */
.yey-board-list {
    border-top: 2px solid rgb(var(--color-border));
    max-width: 1280px;
    margin-top: 2rem;
}
.yey-board-list__header {
    border-bottom: 1px solid rgb(var(--color-border));
    text-align: center;
}
.yey-board-list .grid-row {
    display: grid;
    grid-template-columns: 76px 1fr 183px;
}
.yey-board__contents--career .yey-board-list .grid-row {
    grid-template-columns: 90px 190px 1fr 120px 120px;
}
@media (max-width: 767.9px) {
    .yey-board__contents--career .yey-board-list .grid-row {
        grid-template-columns: 90px 110px 1fr;
    }
}
.yey-board-list .grid-cell {
    align-items: center;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    font-size: .8rem;
    font-weight: 400;
    justify-content: center;
    line-height: 1.2;
    min-width: 0;
    padding: .8rem 1rem;
    text-align: center;
}
.yey-board-list__header .header-cell {
    font-weight: 700;
}
@media (max-width: 1279.9px) {
    .yey-board__contents--career .yey-board-list .grid-row .grid-cell[data-column=status] {
        grid-column: 1;
        grid-row: 1;
    }
}
@media (max-width: 1279.9px) {
    .yey-board__contents--career .yey-board-list .grid-row .grid-cell[data-column=companyName] {
        grid-column: 2;
        grid-row: 1;
    }
}
@media (max-width: 1279.9px) {
    .yey-board__contents--career .yey-board-list .grid-row .grid-cell[data-column=title] {
        grid-column: 3;
        grid-row: 1;
    }
}
@media (max-width: 1279.9px) {
    .yey-board__contents--career .yey-board-list .grid-row .grid-cell[data-column=recruitStartDate] {
        grid-column: 4;
        grid-row: 1;
    }
}
@media (max-width: 1279.9px) {
    .yey-board__contents--career .yey-board-list .grid-row .grid-cell[data-column=recruitEndDate] {
        grid-column: 5;
        grid-row: 1;
    }
}
.yey-board__contents--career .yey-board-list .grid-row .grid-cell[data-column=recruitPeriod] {
    display: none;
}
@media (max-width: 767.9px) {
    .yey-board__contents--career .yey-board-list .grid-row .grid-cell[data-column=recruitPeriod] {
        display: block;
        grid-column: 1 / -1;
        grid-row: 2;
        text-align: left;
    }
}
.yey-board__contents--career .yey-board-list .yey-board-list__header .grid-row .grid-cell[data-column=recruitPeriod] {
    display: none;
}
@media (max-width: 767.9px) {
    .yey-board__contents--career .yey-board-list .grid-row .grid-cell[data-column=recruitEndDate],
    .yey-board__contents--career .yey-board-list .grid-row .grid-cell[data-column=recruitStartDate] {
        display: none;
    }
}
.yey-board-list__body .grid-row {
    border-bottom: 1px solid rgb(var(--color-border));
}
@media (max-width: 1279.9px) {
    .yey-board-list__body .grid-row {
        gap: 16px 0;
        padding: 16px 0;
    }
}










/* boardList */