@import url(https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard.css);
@import url(https://use.typekit.net/cxz6nkg.css);
@import url(https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@1,900&display=swap);

body {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
    margin: 0
}

code {
    font-family: source-code-pro, Menlo, Monaco, Consolas, Courier New, monospace
}

* {
    box-sizing: border-box;
    font-family: Pretendard
}

a {
    text-decoration: none
}

body,
html {
    width: 100%;

    @media only screen and (min-width:1300px) {
        min-height: 100vh;
        min-width: 1340px
    }
}

#root,
.wrapper {
    position: relative;
    width: 100%
}

.active,
.active div:first-child>span {
    color: #dc140a !important
}

@media only screen and (max-width:1299px) {

    body,
    html {
        -ms-overflow-style: none;
        max-width: 100%;
        min-width: 360px;
        overflow-x: hidden
    }

    ::-webkit-scrollbar {
        display: none
    }
}

@media only screen and (max-width:1299px) {
    .Header_mobileHeaderWrap__ZKGUb {
        padding: 0 20px;
        position: relative
    }

    .Header_mobileHeaderInnerWrap__DeUbK {
        align-items: center;
        background-color: #fff;
        border-bottom: 1px solid #e6e6e6;
        display: block;
        display: flex;
        height: 84px;
        justify-content: space-between;
        width: 100%
    }

    .Header_mobileHeaderLogo__WG4dP {
        display: block
    }

    .Header_mobileHeaderBtn__o0RCX {
        cursor: pointer;
        display: flex;
        flex-flow: column;
        gap: 4px;
        height: 20px;
        justify-content: center;
        width: 20px
    }

    .Header_mobileHeaderBtn__o0RCX>div {
        background-color: #222;
        border: none;
        height: 2px;
        width: 20px
    }

    .Header_mobileHeader__PzZTd {
        background-color: #222;
        display: flex;
        flex-direction: column;
        height: 640px;
        opacity: 0;
        position: absolute;
        right: 0;
        top: 0;
        transition: .3s ease-out;
        width: 284px
    }

    .Header_mobileHeaderClose__U4Mot {
        cursor: pointer;
        height: 18px;
        position: absolute;
        right: 22px;
        top: 30px;
        width: 18px
    }

    .Header_mobileHeaderClose__U4Mot>div:first-child {
        background-color: #fff;
        height: 1px;
        left: -20%;
        position: absolute;
        top: 47%;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        width: 25px
    }

    .Header_mobileHeaderClose__U4Mot>div:nth-child(2) {
        background-color: #fff;
        height: 1px;
        left: -20%;
        position: absolute;
        top: 47%;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        width: 25px
    }

    .Header_wrap__PeXNW {
        height: 84px;
        position: absolute;
        top: 0;
        width: 100vw;
        z-index: 999
    }

    .Header_topContainer__fqErH {
        align-items: center;
        background-color: #222;
        color: #fff;
        display: flex;
        display: none;
        font-size: 14px;
        height: 48px;
        justify-content: flex-end;
        padding: 0 20px
    }

    .Header_mobileTopContainer__KOOk\+ {
        color: #fff;
        display: flex;
        flex-direction: column;
        font-size: 12px;
        gap: 10px;
        margin-top: auto
    }

    .Header_bottomContainer__GCQYg {
        display: none;
        margin: 0 auto;
        width: 1300px
    }

    .Header_bottomInnerContainer__gooh9 {
        align-items: center;
        background-color: #fff;
        display: flex;
        height: 100px;
        justify-content: center
    }

    .Header_mobileBottomContainer__qxaoS {
        color: #fff;
        display: flex;
        flex-direction: column;
        font-size: 18px;
        gap: 12px;
        margin-top: 72px
    }

    .Header_topItem__Svntc {
        align-items: center;
        cursor: pointer;
        display: flex;
        height: inherit;
        padding: 0 20px
    }

    .Header_topItem__Svntc span {
        margin-right: 6px
    }

    .Header_bold__xH3HG {
        font-weight: 900
    }

    .Header_bottomContentHover__exb9a {
        display: flex;
        justify-content: space-between;
        padding: 0 20px
    }

    .Header_close__x0rAi {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg)
    }

    .Header_bottomContentHover__exb9a>img {
        cursor: pointer;
        margin-right: 16px;
        transition: .3s ease-out
    }

    .Header_bottomItem__V44ah {
        font-weight: 500;
        position: relative
    }

    .Header_bottomItem__V44ah>a {
        display: flex;
        display: block
    }

    .Header_bottomItem__V44ah>a,
    .Header_bottomItem__V44ah>span {
        align-items: center;
        color: #fff;
        font-size: 18px;
        height: inherit;
        padding: 0 20px;
        text-decoration: none
    }

    .Header_bottomItem__V44ah>span {
        cursor: default;
        display: flex
    }

    .Header_bottomItem__V44ah .Header_active__AWxRE>.Header_bottomContentHover__exb9a>span {
        color: #dc140a !important
    }

    .Header_bottomItem__V44ah:hover>a span,
    .Header_bottomItem__V44ah:hover>span {
        color: #dc140a
    }

    .Header_bottomContentHover__exb9a:hover>a span,
    .Header_bottomContentHover__exb9a:hover>span {
        cursor: default
    }

    .Header_bottomItemSub__swaqP {
        display: flex;
        flex-direction: column;
        gap: 8px;
        padding: 6px 30px;
        transition: .3s ease-out
    }

    .Header_hide__-oFfT {
        opacity: 0
    }

    .Header_hoverItem__r-r\+j {
        font-size: 16px;
        font-weight: 500
    }

    .Header_hoverItem__r-r\+j>a {
        color: #a2a2a2;
        display: block;
        font-weight: 400;
        padding: 6px 0 0;
        text-decoration: none
    }

    .Header_hamLogo__jOiOA {
        margin: 47px 0 20px 20px;
        width: 68.33px
    }
}

@media only screen and (min-width:1300px) {
    .Header_wrap__PeXNW {
        height: 148px;
        position: fixed;
        width: 100%;
        z-index: 999
    }

    .Header_topContainer__fqErH {
        align-items: center;
        background-color: #222;
        color: #fff;
        display: flex;
        font-size: 14px;
        height: 48px;
        justify-content: flex-end;
        padding: 0 20px
    }

    .Header_bottomContainer__GCQYg {
        background-color: #fff;
        width: 100%
    }

    .Header_bottomInnerContainer__gooh9 {
        align-items: center;
        border-bottom: 1px solid #e6e6e6;
        display: flex;
        height: 100px;
        justify-content: center;
        margin: 0 auto;
        width: 1300px
    }

    .Header_topItem__Svntc {
        align-items: center;
        cursor: pointer;
        display: flex;
        height: inherit;
        padding: 0 10px
    }

    .Header_topItem__Svntc span {
        margin-right: 6px
    }

    .Header_bold__xH3HG {
        font-weight: 900
    }

    .Header_bottomItem__V44ah {
        cursor: pointer;
        font-weight: 500;
        height: inherit;
        position: relative
    }

    .Header_bottomItem__V44ah>a {
        align-items: center;
        color: #222;
        display: flex;
        font-size: 20px;
        height: inherit;
        padding: 0 32px;
        text-decoration: none
    }

    .Header_bottomItem__V44ah>a span {
        color: #222;
        display: block;
        font-size: 20px
    }

    .Header_bottomItem__V44ah>span {
        align-items: center;
        color: #222;
        cursor: default;
        display: flex;
        font-size: 20px;
        height: inherit;
        padding: 0 32px;
        text-decoration: none
    }

    .Header_bottomItem__V44ah:hover>a span,
    .Header_bottomItem__V44ah:hover>span {
        color: #dc140a
    }

    .Header_bottomItem__V44ah:hover>.Header_bottomItemSub__swaqP {
        top: 100%
    }

    .Header_bottomItemSub__swaqP {
        left: 50%;
        position: absolute;
        top: -1px;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        transition: .3s ease-out;
        width: 162px;
        z-index: -1
    }

    .Header_hoverItem__r-r\+j {
        background-color: #fafafa;
        font-size: 18px;
        font-weight: 500;
        text-align: center
    }

    .Header_hoverItem__r-r\+j>a {
        color: #222;
        display: block;
        padding: 14px 0;
        text-decoration: none
    }

    .Header_hoverItem__r-r\+j:first-child {
        border-top: 1px solid #dc140a
    }

    .Header_hoverItem__r-r\+j:nth-child(n+2) {
        border-top: 1px solid #e8e8e8
    }

    .Header_mobileHeaderWrap__ZKGUb {
        display: none
    }
}

.AdminModal_wrap__YQrL5 {
    background-color: rgba(0, 0, 0, .7);
    height: 100%;
    overflow: hidden;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 1000
}

.AdminModal_container__9PWyT {
    background-color: #fff;
    left: 50%;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.AdminModal_topContainer__6wV8B {
    align-items: center;
    background-color: #e63131;
    color: #fff;
    display: flex;
    font-size: 28px;
    font-weight: 600;
    height: 64px;
    justify-content: space-between;
    padding: 0 24px 0 40px;
    width: inherit
}

.AdminModal_topContainer__6wV8B img {
    cursor: pointer;
    width: 24px
}

.AdminModal_middleContainer__nSkXr {
    padding: 0 40px
}

.AdminModal_bottomContainer__zJUVp {
    align-items: center;
    background-color: #f4f4f4;
    display: flex;
    height: 120px;
    justify-content: center;
    width: inherit
}

.AdminModal_actionButton__msJW5 {
    border-radius: 36px;
    font-size: 20px;
    height: 64px;
    width: 198px
}

.AdminModal_actionButton2__Nefjf,
.AdminModal_actionButton__msJW5 {
    align-items: center;
    background-color: #e63131;
    color: #fff;
    cursor: pointer;
    display: flex;
    font-weight: 600;
    justify-content: center
}

.AdminModal_actionButton2__Nefjf {
    border-radius: 28px;
    font-size: 14px
}

.AdminModal_themeContainer__bmsnj {
    display: flex;
    flex-direction: column;
    gap: 23px;
    padding-top: 23px
}

.AdminModal_middleTheme__oQIoc {
    color: #434343;
    font-size: 24px;
    font-weight: 600
}

.AdminModal_middleLine__tVKYY {
    background-color: #ddd;
    border: none;
    height: 1px;
    margin: 0;
    width: 100%
}

.AdminModal_contentContainer__VbMy8 {
    padding: 32px 0 38px
}

.AdminModal_plusShape__2ix9K {
    background-color: #707070;
    border: none;
    height: 4px;
    margin: 0;
    position: absolute;
    width: 100%
}

.AdminModal_plusShape__2ix9K:nth-child(2) {
    rotate: 90deg
}

.AdminModal_plusMent__18lio {
    color: #a2a2a2;
    font-size: 18px
}

.AdminModal_login__F2NxU {
    height: 376px;
    width: 640px
}

.AdminModal_middleLogin__wpp0d {
    align-items: center;
    display: flex;
    flex-direction: column;
    gap: 16px;
    padding: 40px 0
}

.AdminModal_loginTextbox__w6FLQ {
    border: 1px solid #ddd;
    color: #222;
    font-size: 18px;
    font-weight: 500;
    height: 48px;
    padding: 14px 18px;
    width: 320px
}

.AdminModal_loginTextbox__w6FLQ:focus,
.AdminModal_loginTextbox__w6FLQ:not(:placeholder-shown) {
    border: 1px solid #dc140a;
    outline: none
}

.AdminModal_introMainBtn__yEkSt {
    position: absolute;
    top: -80px;
    width: 200px
}

.AdminModal_main__FBUuk {
    height: 795px;
    width: 1300px
}

.AdminModal_mainContent__zzwwC {
    gap: 16px
}

.AdminModal_mainContent__zzwwC,
.AdminModal_mainImgBox__fxzD6 {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center
}

.AdminModal_mainImgBox__fxzD6 {
    background-color: #f4f4f4;
    height: 402px;
    position: relative;
    width: 860px
}

.AdminModal_mainImgBox__fxzD6 img {
    display: block;
    height: 402px;
    left: 0;
    position: absolute;
    top: 0;
    width: 860px;
    z-index: 1
}

.AdminModal_mainPlus__L-P\+8 {
    height: 50px;
    position: relative;
    width: 50px
}

.AdminModal_mainButtonBox__XGbzZ {
    display: flex;
    gap: 10px;
    justify-content: center
}

.AdminModal_fncMainBtn__oKf1M {
    height: 48px;
    width: 104px
}

input[type=file] {
    display: none
}

.AdminModal_introProductionBtn__WwJsH {
    bottom: -96px;
    left: 50%;
    position: absolute;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 200px
}

.AdminModal_production__bpcaJ {
    height: 856px;
    width: 1300px
}

.AdminModal_middleProductionWrap__banBO {
    display: flex;
    gap: 20px
}

.AdminModal_middleProduction__HCBIQ:first-child {
    width: 270px
}

.AdminModal_middleProduction__HCBIQ:nth-child(2) {
    width: 930px
}

.AdminModal_productionContent__zCsnp {
    display: flex;
    flex-direction: column;
    gap: 23px;
    padding: 32px 0 40px
}

.AdminModal_productionListContainer__CnxKV {
    display: flex;
    flex-direction: column;
    gap: 10px;
    height: 445px;
    overflow-x: hidden;
    overflow-y: overlay;
    width: 100%
}

.AdminModal_productionListItem__9krjn {
    align-items: center;
    border: 1px solid #ddd;
    cursor: pointer;
    display: flex;
    flex-shrink: 0;
    height: 48px;
    position: relative;
    transition: .3s ease-out
}

.AdminModal_productionListItem__9krjn:hover {
    background-color: #ddd
}

.AdminModal_productionListItem__9krjn:hover>.AdminModal_deleteItemBtn__ssVRG {
    opacity: 1;
    visibility: visible
}

.AdminModal_selected__ufikO {
    background-color: #ddd
}

.AdminModal_selected__ufikO>.AdminModal_productionListItemName__10w8f,
.AdminModal_selected__ufikO>.AdminModal_productionListItemNum__afLaa {
    color: #1c1c1d
}

.AdminModal_selected__ufikO>.AdminModal_deleteItemBtn__ssVRG {
    opacity: 1;
    visibility: visible
}

.AdminModal_productionListItemNum__afLaa {
    align-items: center;
    border-right: 1px solid #ddd;
    color: #a2a2a2;
    display: flex;
    flex-shrink: 0;
    font-size: 18px;
    font-weight: 600;
    height: 48px;
    justify-content: center;
    width: 48px
}

.AdminModal_productionListItemName__10w8f {
    color: #a2a2a2;
    flex-shrink: 0;
    font-size: 18px;
    max-width: 222px;
    padding: 0 22px
}

.AdminModal_productionListItemName__10w8f>span {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis
}

.AdminModal_fncProductionBtn__werEe {
    height: 48px
}

.AdminModal_productionContent2__oj7eQ {
    display: flex;
    gap: 40px;
    padding: 32px 0 35px
}

.AdminModal_productionContentImage__5EmiR,
.AdminModal_productionContentInfo__bFH8O {
    display: flex;
    flex-direction: column;
    gap: 16px
}

.AdminModal_contentInfoContainer__bFdU\+ {
    width: 400px
}

.AdminModal_contentImageContainer__AbVXd {
    display: flex;
    flex-direction: column;
    gap: 8px;
    width: 310px
}

.AdminModal_productionContentTheme__T\+uEQ {
    color: #434343;
    font-size: 20px;
    font-weight: 600;
    position: relative;
    width: 110px
}

.AdminModal_productionContentMent__18FMt {
    color: #a2a2a2;
    font-size: 14px
}

.AdminModal_infoItemContainer__yal6e {
    display: flex;
    flex-direction: column;
    gap: 10px
}

.AdminModal_infoItem__i8zut {
    align-items: center;
    border: 1px solid #ddd;
    display: flex;
    gap: 40px;
    height: 48px;
    padding: 0 16px
}

.AdminModal_infoItem__i8zut>span {
    color: #a2a2a2;
    font-size: 16px;
    font-weight: 500;
    position: relative
}

.AdminModal_infoItem__i8zut>input[type=text] {
    border: transparent;
    color: #434343;
    font-size: 18px;
    font-weight: 600;
    height: 40px;
    outline: none
}

.AdminModal_required__9JGeh {
    color: #e63131;
    display: block;
    font-size: 9px;
    font-weight: 500;
    position: absolute;
    right: -24px;
    top: 0
}

.AdminModal_productionImage__w50Z7 {
    align-items: center;
    background-color: #f4f4f4;
    display: flex;
    flex-direction: column;
    gap: 13px;
    height: 465px;
    justify-content: center;
    position: relative;
    width: 310px
}

.AdminModal_productionPlus__pLsye {
    cursor: pointer;
    height: 37px;
    position: relative;
    width: 37px
}

.AdminModal_productionImage__w50Z7>span {
    font-size: 13px;
    padding: 0 29px;
    text-align: center
}

.AdminModal_deleteItemBtn__ssVRG {
    align-items: center;
    background-color: #e63131;
    border-radius: 50%;
    cursor: pointer;
    display: flex;
    height: 24px;
    justify-content: center;
    opacity: 0;
    position: absolute;
    right: 28px;
    rotate: 45deg;
    top: 40%;
    -webkit-transform: translateY(-40%);
    transform: translateY(-40%);
    transition: .3s ease-out;
    visibility: hidden;
    width: 24px
}

.AdminModal_deleteItemBtn__ssVRG>div {
    height: 10px;
    left: 50%;
    margin-top: 5px;
    position: relative;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 10px
}

.AdminModal_deleteItemBtn__ssVRG>div>hr {
    background-color: #fff;
    border: none;
    height: 1px;
    margin: 0;
    position: absolute;
    width: 100%
}

.AdminModal_deleteItemBtn__ssVRG>div>hr:nth-child(2) {
    rotate: 90deg
}

.AdminModal_productionImage__w50Z7>img {
    cursor: pointer;
    position: absolute;
    top: 0;
    width: 310px;
    z-index: 1
}

.AdminModal_isalbum__EBEp-,
.AdminModal_isalbum__EBEp->img {
    height: 310px
}

.AdminModal_introNewsBtn__Q-urc {
    margin: 40px auto 0
}

.AdminModal_news__X27A6 {
    height: 979px;
    width: 1300px
}

.AdminModal_notice__wXM01 {
    height: 939px;
    width: 1300px
}

.AdminModal_newsContent__8fWvf {
    display: flex;
    flex-wrap: wrap;
    gap: 24px 20px;
    margin-top: 32px
}

.AdminModal_newsContentItem__gkwNf {
    display: flex;
    flex-direction: column;
    gap: 16px;
    width: 600px
}

.AdminModal_newsContentThemeContainer__uTbvV {
    align-items: center;
    display: flex;
    gap: 32px
}

.AdminModal_newsContentTheme__nRvMA {
    color: #434343;
    font-size: 20px;
    font-weight: 600;
    position: relative
}

.AdminModal_newsContentexplain__fhIoY {
    color: #a2a2a2;
    font-size: 14px
}

.AdminModal_requirednews__R\+VLS {
    color: #e63131;
    display: block;
    font-size: 9px;
    font-weight: 500;
    position: absolute;
    right: -28px;
    top: 0
}

.AdminModal_newsContentItem__gkwNf input[type=text] {
    border: 1px solid #ddd;
    color: #434343;
    font-size: 18px;
    font-weight: 600;
    height: 48px;
    outline: none;
    padding: 0 16px
}

@media only screen and (max-width:1299px) {
    .Footer_wrap__19g4l {
        background-color: #f4f4f4;
        display: flex;
        flex-flow: column;
        gap: 15px;
        height: 231px;
        justify-content: space-between;
        padding: 33px 0 30px;
        width: 100vw
    }

    .Footer_topContainer__XxGmG {
        height: 60px;
        position: relative
    }

    .Footer_bottomContainer__2Cr4y,
    .Footer_topContainer__XxGmG {
        display: flex;
        justify-content: space-between;
        padding: 0 20px;
        width: 100vw
    }

    .Footer_bottomContainer__2Cr4y {
        flex-direction: column;
        gap: 20px
    }

    .Footer_topLogo__o5xYb img {
        display: block;
        width: 96px
    }

    .Footer_topLink__4VqrZ {
        align-items: center;
        display: flex;
        display: none;
        height: inherit
    }

    .Footer_topLinkItem__-M\+zw {
        height: inherit;
        position: relative
    }

    .Footer_topLinkItem__-M\+zw>a,
    .Footer_topLinkItem__-M\+zw>span {
        align-items: flex-end;
        color: #222;
        display: flex;
        font-size: 20px;
        font-weight: 500;
        height: inherit;
        padding: 0 32px;
        text-decoration: none
    }

    .Footer_hoverItem__PIrqH {
        display: flex;
        flex-flow: column;
        gap: 11px;
        margin-top: 39px;
        text-align: center
    }

    .Footer_hoverItem__PIrqH>a>span {
        color: #222;
        display: block;
        font-size: 18px
    }

    .Footer_topHr__lHUOI {
        border-top: 1px solid #222;
        display: none;
        height: 0;
        margin: 0;
        opacity: .16;
        position: absolute;
        top: 78px;
        width: 1300px
    }

    .Footer_bottomSelect__\+RaKi {
        margin-top: auto;
        position: relative
    }

    .Footer_bottomInfo__Hzgxw>span {
        color: #5a5a5a;
        font-size: 10px;
        font-weight: 500;
        line-height: 16px
    }

    .Footer_selectBox__41U3B {
        align-items: center;
        background-color: #222;
        color: #fff;
        cursor: pointer;
        display: flex;
        font-size: 10px;
        font-weight: 500;
        height: 32px;
        justify-content: space-between;
        padding: 0 14px 0 10px;
        transition: .3s ease-out;
        width: 152px
    }

    .Footer_selectBox__41U3B>img {
        transition: .3s ease-out;
        width: 6px
    }

    .Footer_show__xDqVi {
        rotate: 180deg
    }

    .Footer_selectBoxHr__CcUH6 {
        border: none;
        border-top: 1px solid #fff;
        margin: 0;
        opacity: .2;
        width: 132px
    }

    .Footer_selectBoxWrap__eMucX {
        overflow: hidden;
        position: absolute;
        top: -83px
    }

    .Footer_selectBoxContent__jMrFC {
        background-color: #222;
        color: #fff;
        display: flex;
        flex-flow: column;
        font-size: 10px;
        gap: 12px;
        padding: 10px 10px 0;
        top: 0;
        -webkit-transform: translateY(83px);
        transform: translateY(83px);
        transition: .3s ease-out;
        width: 152px
    }

    .Footer_selectBoxContent__jMrFC.Footer_open__cgZja {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    .Footer_selectBoxContent__jMrFC>span {
        cursor: pointer;
        opacity: 0;
        transition: .3s ease-out
    }

    .Footer_selectBoxContent__jMrFC.Footer_open__cgZja>span {
        opacity: 1
    }
}

@media only screen and (min-width:1300px) {
    .Footer_wrap__19g4l {
        background-color: #f4f4f4;
        display: flex;
        flex-flow: column;
        height: 450px;
        justify-content: space-between;
        padding: 68px 0 60px;
        width: 100%
    }

    .Footer_topContainer__XxGmG {
        height: 60px;
        position: relative
    }

    .Footer_bottomContainer__2Cr4y,
    .Footer_topContainer__XxGmG {
        display: flex;
        justify-content: space-between;
        margin: 0 auto;
        width: 1300px
    }

    .Footer_topLogo__o5xYb {
        align-items: center;
        display: flex;
        padding-left: 32px
    }

    .Footer_topLogo__o5xYb img {
        display: block
    }

    .Footer_topLink__4VqrZ {
        align-items: center;
        display: flex;
        height: inherit
    }

    .Footer_topLinkItem__-M\+zw {
        height: inherit;
        position: relative
    }

    .Footer_topLinkItem__-M\+zw>a,
    .Footer_topLinkItem__-M\+zw>span {
        align-items: center;
        color: #222;
        display: flex;
        font-size: 20px;
        font-weight: 500;
        height: inherit;
        padding: 0 32px;
        text-decoration: none
    }

    .Footer_hoverItem__PIrqH {
        display: flex;
        flex-flow: column;
        gap: 11px;
        margin-top: 39px;
        text-align: center
    }

    .Footer_hoverItem__PIrqH>a>span {
        color: #222;
        display: block;
        font-size: 18px
    }

    .Footer_topHr__lHUOI {
        border-top: 1px solid #222;
        height: 0;
        margin: 0;
        opacity: .16;
        position: absolute;
        top: 78px;
        width: 1300px
    }

    .Footer_bottomSelect__\+RaKi {
        height: 45px;
        margin-top: auto;
        position: relative
    }

    .Footer_bottomInfo__Hzgxw>span {
        color: #5a5a5a;
        font-size: 14px;
        font-weight: 500;
        line-height: 22px
    }

    .Footer_selectBox__41U3B {
        align-items: center;
        background-color: #222;
        color: #fff;
        cursor: pointer;
        display: flex;
        font-weight: 500;
        height: 45px;
        justify-content: space-between;
        padding: 0 16px;
        transition: .3s ease-out;
        width: 200px
    }

    .Footer_selectBox__41U3B>img {
        transition: .3s ease-out;
        width: 12px
    }

    .Footer_show__xDqVi {
        rotate: 180deg
    }

    .Footer_selectBoxHr__CcUH6 {
        border: none;
        border-top: 1px solid #fff;
        margin: 0;
        opacity: .2;
        width: 168px
    }

    .Footer_selectBoxWrap__eMucX {
        overflow: hidden;
        position: absolute;
        top: -106px
    }

    .Footer_selectBoxContent__jMrFC {
        background-color: #222;
        color: #fff;
        display: flex;
        flex-flow: column;
        gap: 12px;
        padding: 12px 16px 0;
        top: 0;
        -webkit-transform: translateY(108px);
        transform: translateY(108px);
        transition: .3s ease-out;
        width: 200px
    }

    .Footer_selectBoxContent__jMrFC.Footer_open__cgZja {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    .Footer_selectBoxContent__jMrFC>span {
        cursor: pointer;
        opacity: 0;
        transition: .3s ease-out
    }

    .Footer_selectBoxContent__jMrFC.Footer_open__cgZja>span {
        opacity: 1
    }
}

@-webkit-keyframes Main_imgBack__5Up1P {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes Main_imgBack__5Up1P {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@-webkit-keyframes Main_imgLogo__GIK08 {
    0% {
        -webkit-transform: translateY(100%);
        transform: translateY(100%)
    }

    to {
        transfrom: translateY(0)
    }
}

@keyframes Main_imgLogo__GIK08 {
    0% {
        -webkit-transform: translateY(100%);
        transform: translateY(100%)
    }

    to {
        transfrom: translateY(0)
    }
}

@-webkit-keyframes Main_content__Nji0K {
    0% {
        opacity: 0;
        -webkit-transform: translateY(40px);
        transform: translateY(40px)
    }

    to {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes Main_content__Nji0K {
    0% {
        opacity: 0;
        -webkit-transform: translateY(40px);
        transform: translateY(40px)
    }

    to {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@-webkit-keyframes Main_arrow__43tHU {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-40px);
        transform: translateY(-40px)
    }

    to {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes Main_arrow__43tHU {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-40px);
        transform: translateY(-40px)
    }

    to {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@media only screen and (max-width:1299px) {
    .Main_wrap__1Y18- {
        width: 100vw
    }

    .Main_imgBack__5Up1P {
        padding-top: 84px;
        position: relative
    }

    .Main_imgBack__5Up1P>img {
        display: block;
        width: 100vw
    }

    .Main_contentContainer__Qo4kZ {
        bottom: -12px;
        color: #222;
        display: flex;
        font-size: 18px;
        font-weight: 900;
        justify-content: space-between;
        line-height: 17px;
        padding: 0 20px;
        position: absolute;
        text-align: left;
        width: 100vw
    }

    .Main_contentContainer__Qo4kZ span {
        display: block
    }

    .Main_arrow__43tHU {
        -webkit-animation: Main_arrow__43tHU .6s;
        animation: Main_arrow__43tHU .6s;
        -webkit-animation-delay: .6s;
        animation-delay: .6s;
        -webkit-animation-fill-mode: both;
        animation-fill-mode: both;
        background-color: #dc140a;
        border-radius: 16px;
        height: 32.72px;
        margin-top: auto;
        position: relative;
        top: -28px;
        width: 19.5px
    }

    .Main_arrow__43tHU img {
        left: 50%;
        position: absolute;
        top: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        width: 7.5px
    }

    .Main_content__Nji0K {
        -webkit-animation: Main_content__Nji0K .6s ease-out;
        animation: Main_content__Nji0K .6s ease-out;
        -webkit-animation-fill-mode: both;
        animation-fill-mode: both
    }

    .Main_explainContainer__BkJST {
        margin: 0 auto;
        overflow-x: hidden
    }

    .Main_explain__H2iUo {
        display: flex;
        flex-direction: column;
        margin-top: 64.77px;
        text-align: center
    }

    .Main_explain__H2iUo:first-child {
        padding-bottom: 55.23px
    }

    #Main_explainLogo__cv1yU {
        margin: 0 auto;
        opacity: 1;
        transition: .6s ease-out;
        width: 114px
    }

    .Main_redDot__EY6ap {
        flex-shrink: 0;
        margin-top: 8px
    }

    .Main_redDot2__JvvJ5,
    .Main_redDot__EY6ap {
        background-color: #ff4545;
        border-radius: 50%;
        height: 8px;
        width: 8px
    }

    .Main_explainItem__-eLmj img {
        display: block
    }

    .Main_explainItem__-eLmj:nth-child(2) {
        display: flex;
        gap: 16px;
        justify-content: center;
        margin: 40.77px 0 56px;
        padding: 0 36px;
        text-align: left
    }

    .Main_explainItem__-eLmj:nth-child(2) span {
        color: #434343;
        display: block;
        font-size: 16px;
        font-weight: 500;
        line-height: 26px;
        word-break: keep-all
    }

    .Main_explainItem__-eLmj:nth-child(3) a {
        display: inline-block
    }

    .Main_explainButton__\+3syW {
        align-items: center;
        background-color: #8bd7ff;
        border: none;
        border-radius: 24px;
        color: #fff;
        cursor: pointer;
        display: flex;
        font-size: 16px;
        font-weight: 500;
        height: 27px;
        justify-content: space-between;
        margin: 0 auto;
        padding: 0 16px;
        width: 82px
    }

    .Main_explainButton__\+3syW>img {
        width: 6px
    }

    .Main_explain__H2iUo:nth-child(2) {
        background-color: #fafafa;
        height: 735px;
        padding: 80px 0
    }

    .Main_explainItem2__DCCBC:first-child {
        align-items: center;
        color: #222;
        display: flex;
        font-size: 24px;
        gap: 6px;
        justify-content: center;
        margin-bottom: 80px
    }

    .Main_explainItem2__DCCBC:nth-child(2) {
        display: flex;
        gap: 31px;
        justify-content: center
    }

    .Main_explainItem2__DCCBC:first-child>span {
        font-family: Montserrat, sans-serif
    }

    .Main_spectrumContainer__HKtYE {
        display: flex;
        flex-direction: column;
        position: relative;
        width: 72px
    }

    .Main_spectrumItem__lFgGk {
        height: 240px;
        position: relative;
        -webkit-transform: translateY(-24px);
        transform: translateY(-24px)
    }

    .Main_spectrumItem__lFgGk:nth-child(2) {
        -webkit-transform: translateY(-82px);
        transform: translateY(-82px)
    }

    .Main_spectrumItem__lFgGk:nth-child(3) {
        height: 206px;
        overflow: hidden;
        -webkit-transform: translateY(-140px);
        transform: translateY(-140px)
    }

    .Main_spectrumIcon__8lL4c {
        left: 30px;
        left: 50%;
        position: absolute;
        top: 13px;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        width: 44px;
        z-index: 1
    }

    .Main_spectrumItem__lFgGk img:nth-child(2) {
        height: 72px;
        left: 0;
        position: absolute;
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
        -webkit-transform-origin: 36px;
        transform-origin: 36px
    }

    .Main_spectrumContentContainer__RMdRk {
        display: flex;
        flex-direction: column;
        gap: 50px;
        text-align: left
    }

    .Main_spectrumContentItem__gNLsZ {
        display: flex;
        flex-flow: column;
        gap: 12px;
        width: 217px
    }

    .Main_contentItemTheme__cqMlk {
        color: #222;
        font-size: 16px;
        font-weight: 700;
        padding-left: 9px
    }

    .Main_contentItemcontent__z2jvd {
        color: #434343;
        font-size: 12px;
        line-height: 20px;
        padding-left: 8px;
        text-indent: -8px
    }

    .Main_contentItemcontent__z2jvd>span {
        display: block
    }

    .Main_explain__H2iUo:nth-child(3) {
        margin-top: 120px
    }

    .Main_explainItem3__0OZaI:nth-child(2) {
        display: flex;
        flex-flow: row;
        gap: 50px;
        margin: 120px auto 0;
        position: relative;
        width: 1300px
    }

    .Main_businessItem__HYPhB {
        display: flex;
        flex-flow: column;
        flex-shrink: 0;
        gap: 40px;
        text-align: left;
        width: 400px
    }

    .Main_businessitemLine__kFubd {
        background-image: linear-gradient(90deg, #dc140a 10%, hsla(0, 0%, 100%, 0) 0);
        background-position: top;
        background-repeat: repeat-x;
        background-size: 11px 1px;
        height: 1px;
        position: absolute;
        top: 80px;
        width: 1610px;
        z-index: -10
    }

    .Main_businessItemImgContainer__WGqzu {
        background-color: #dc140a;
        border: none;
        border-radius: 50%;
        height: 160px;
        position: relative;
        width: 160px
    }

    .Main_businessItemImgContainer__WGqzu img {
        height: 100px;
        left: 50%;
        position: absolute;
        top: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        width: 100px
    }

    .Main_businessItemThemeContainer__q330I {
        color: #222;
        font-size: 40px;
        font-weight: 600;
        line-height: 36px
    }

    .Main_businessItemContentContainer__c01Vo {
        color: #434343;
        font-size: 26px;
        line-height: 44px;
        word-break: keep-all
    }

    .Main_businessItemContentContainer__c01Vo span {
        display: block;
        padding-left: 18px;
        text-indent: -18px
    }

    .Main_explainItem4__1\+Xep {
        margin: 0 auto;
        width: 240px
    }

    .Main_explainItem4__1\+Xep>img {
        width: 70px
    }

    .Main_explainItem4__1\+Xep:nth-child(2) {
        margin-bottom: 120px;
        margin-top: 21.75px
    }

    .Main_explainItem4Info__b-A66 {
        color: #222;
        font-size: 18px;
        font-weight: 600;
        line-height: 24px
    }
}

@media only screen and (min-width:1300px) {
    .Main_wrap__1Y18- {
        width: 100%
    }

    .Main_imgBack__5Up1P {
        position: relative;
        width: 100%
    }

    .Main_imgBack__5Up1P>img {
        width: inherit
    }

    .Main_contentContainer__Qo4kZ {
        bottom: -50px;
        color: #222;
        display: flex;
        font-size: 80px;
        font-weight: 700;
        justify-content: space-between;
        left: 50%;
        line-height: 80px;
        position: absolute;
        text-align: left;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        width: 1300px
    }

    .Main_contentContainer__Qo4kZ span {
        display: block;
        width: 614px
    }

    .Main_arrow__43tHU {
        -webkit-animation: Main_arrow__43tHU .6s;
        animation: Main_arrow__43tHU .6s;
        -webkit-animation-delay: .6s;
        animation-delay: .6s;
        -webkit-animation-fill-mode: both;
        animation-fill-mode: both;
        background-color: #dc140a;
        border-radius: 16px;
        height: 64px;
        margin-top: auto;
        position: relative;
        top: -100px;
        width: 32px
    }

    .Main_arrow__43tHU img {
        left: 50%;
        position: absolute;
        top: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%)
    }

    .Main_content__Nji0K {
        -webkit-animation: Main_content__Nji0K .6s ease-out;
        animation: Main_content__Nji0K .6s ease-out;
        -webkit-animation-fill-mode: both;
        animation-fill-mode: both
    }

    .Main_explainContainer__BkJST {
        margin: 0 auto;
        overflow-x: hidden
    }

    .Main_explain__H2iUo {
        margin-top: 240px;
        text-align: center
    }

    .Main_explainItem__-eLmj.Main_hover__ILzK\+ {
        height: 345px
    }

    .Main_explainItem__-eLmj.Main_hover__ILzK\+ img {
        left: 50%;
        position: absolute;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%)
    }

    #Main_explainLogo__cv1yU {
        opacity: 1;
        transition: .6s ease-out;
        width: 300px
    }

    .Main_redDot__EY6ap {
        margin-top: 13px
    }

    .Main_redDot2__JvvJ5,
    .Main_redDot__EY6ap {
        background-color: #ff4545;
        border-radius: 50%;
        height: 16px;
        width: 16px
    }

    .Main_explainItem__-eLmj img {
        display: block
    }

    .Main_explainItem__-eLmj:nth-child(2) {
        display: flex;
        gap: 36px;
        justify-content: center;
        margin: 80px 0 90px;
        text-align: left
    }

    .Main_explainItem__-eLmj:nth-child(2) span {
        color: #434343;
        display: block;
        font-size: 32px;
        font-weight: 500;
        line-height: 44px;
        width: 1180px
    }

    .Main_explainItem__-eLmj:nth-child(3) a {
        display: inline-block
    }

    .Main_explainButton__\+3syW {
        align-items: center;
        background-color: #8bd7ff;
        border: none;
        border-radius: 24px;
        color: #fff;
        cursor: pointer;
        display: flex;
        font-size: 26px;
        font-weight: 700;
        height: 48px;
        justify-content: space-between;
        margin: 0 auto;
        padding: 0 32px;
        width: 147px
    }

    .Main_explain__H2iUo:nth-child(2) {
        background-color: #fafafa;
        padding: 200px 0
    }

    .Main_explainItem2__DCCBC:first-child {
        align-items: center;
        color: #222;
        display: flex;
        font-size: 56px;
        gap: 16px;
        justify-content: center;
        margin-bottom: 80px
    }

    .Main_explainItem2__DCCBC:first-child>span {
        font-family: Montserrat, sans-serif
    }

    .Main_spectrumContainer__HKtYE {
        display: flex;
        height: 160px;
        margin-bottom: 40px;
        padding-left: calc(50vw - 650px);
        position: relative
    }

    .Main_spectrumItem__lFgGk {
        position: relative
    }

    .Main_spectrumIcon__8lL4c {
        left: 30px;
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%)
    }

    .Main_spectrumItem__lFgGk:nth-child(n+2) {
        margin-left: -190px
    }

    .Main_spectrumContentContainer__RMdRk {
        display: flex;
        gap: 50px;
        margin: 0 auto;
        text-align: left;
        width: 1300px
    }

    .Main_spectrumContentItem__gNLsZ {
        display: flex;
        flex-flow: column;
        gap: 40px;
        width: 400px
    }

    .Main_contentItemTheme__cqMlk {
        color: #222;
        font-size: 40px;
        font-weight: 700
    }

    .Main_contentItemcontent__z2jvd {
        color: #434343;
        font-size: 26px;
        line-height: 44px;
        padding-left: 18px;
        text-indent: -18px
    }

    .Main_contentItemcontent__z2jvd>span {
        display: block
    }

    .Main_explainItem3__0OZaI:nth-child(2) {
        display: flex;
        flex-flow: row;
        gap: 50px;
        margin: 120px auto 0;
        position: relative;
        width: 1300px
    }

    .Main_businessItem__HYPhB {
        display: flex;
        flex-flow: column;
        flex-shrink: 0;
        gap: 40px;
        text-align: left;
        width: 400px
    }

    .Main_businessitemLine__kFubd {
        background-image: linear-gradient(90deg, #dc140a 10%, hsla(0, 0%, 100%, 0) 0);
        background-position: top;
        background-repeat: repeat-x;
        background-size: 11px 1px;
        height: 1px;
        position: absolute;
        top: 80px;
        width: 1610px;
        z-index: -10
    }

    .Main_businessItemImgContainer__WGqzu {
        background-color: #dc140a;
        border: none;
        border-radius: 50%;
        height: 160px;
        position: relative;
        width: 160px
    }

    .Main_businessItemImgContainer__WGqzu img {
        height: 100px;
        left: 50%;
        position: absolute;
        top: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        width: 100px
    }

    .Main_businessItemThemeContainer__q330I {
        color: #222;
        font-size: 40px;
        font-weight: 600;
        line-height: 36px
    }

    .Main_businessItemContentContainer__c01Vo {
        color: #434343;
        font-size: 26px;
        line-height: 44px;
        word-break: keep-all
    }

    .Main_businessItemContentContainer__c01Vo span {
        display: block;
        padding-left: 18px;
        text-indent: -18px
    }

    .Main_explainItem4__1\+Xep {
        margin: 0 auto;
        width: 448px
    }

    .Main_explainItem4__1\+Xep>img {
        width: 157px
    }

    .Main_explainItem4__1\+Xep:nth-child(2) {
        margin-bottom: 240px;
        margin-top: 80px
    }

    .Main_explainItem4Info__b-A66 {
        color: #222;
        font-size: 32px;
        font-weight: 600;
        line-height: 40px
    }
}

@media only screen and (max-width:1299px) {
    .Pages_wrap__1yG61 {
        min-height: calc(100vh - 231px);
        padding: 84px 0 88px;
        width: 100vw
    }

    .Pages_container__x1-Ca {
        margin: 0 auto;
        width: 100vw
    }

    .Pages_categoryContainer__3a-\+E {
        -webkit-animation-fill-mode: both;
        animation-fill-mode: both;
        color: #222;
        font-size: 32px;
        font-weight: 700
    }

    .Pages_categoryContainer__3a-\+E,
    .Pages_commentContainer__f86qB {
        -webkit-animation: Pages_divUp__5sjpl .6s ease-in-out;
        animation: Pages_divUp__5sjpl .6s ease-in-out;
        text-align: center
    }

    .Pages_commentContainer__f86qB {
        -webkit-animation-delay: .6s;
        animation-delay: .6s;
        -webkit-animation-fill-mode: both;
        animation-fill-mode: both;
        display: flex;
        flex-flow: column;
        gap: 24px;
        margin: 62px 0 40px
    }

    .Pages_commentTheme__sUbgU {
        color: #222;
        font-size: 24px;
        font-weight: 600
    }

    .Pages_commentContent__NdWdd {
        color: #434343;
        font-size: 14px;
        line-height: 24px;
        padding: 0 20px;
        text-align: left;
        word-break: keep-all
    }

    .Pages_companyContainer__4eKxl {
        display: flex;
        gap: 84px;
        overflow-x: scroll;
        overflow-y: hidden;
        padding: 0 20px
    }

    .Pages_companyContainer__4eKxl::-webkit-scrollbar {
        display: block !important;
        height: 2px
    }

    .Pages_companyContainer__4eKxl::-webkit-scrollbar-button:end:decrement,
    .Pages_companyContainer__4eKxl::-webkit-scrollbar-button:start:decrement {
        background-color: initial;
        display: block;
        width: 20px
    }

    .Pages_companyContainer__4eKxl::-webkit-scrollbar-thumb {
        background-color: #a2a2a2;
        height: 2px
    }

    .Pages_companyContainer__4eKxl::-webkit-scrollbar-track {
        background-color: #ddd
    }

    .Pages_companyItem__\+fm1i {
        -webkit-animation: Pages_divUp__5sjpl .6s ease-in-out;
        animation: Pages_divUp__5sjpl .6s ease-in-out;
        -webkit-animation-fill-mode: both;
        animation-fill-mode: both;
        display: flex;
        flex-flow: column;
        margin-bottom: 40.27px;
        min-width: 320px
    }

    .Pages_companyItemImg__Gmkwu {
        height: 200px;
        margin: 0 auto;
        position: relative;
        width: 200px
    }

    .Pages_companyItem__\+fm1i:first-child {
        -webkit-animation-delay: 1.2s;
        animation-delay: 1.2s
    }

    .Pages_companyItem__\+fm1i:nth-child(2) {
        -webkit-animation-delay: 1.3s;
        animation-delay: 1.3s
    }

    .Pages_companyItem__\+fm1i:nth-child(3) {
        -webkit-animation-delay: 1.4s;
        animation-delay: 1.4s
    }

    .Pages_companyItem__\+fm1i:nth-child(4) {
        -webkit-animation-delay: 1.5s;
        animation-delay: 1.5s
    }

    .Pages_companyItem__\+fm1i:nth-child(5) {
        -webkit-animation-delay: 1.6s;
        animation-delay: 1.6s
    }

    .Pages_companyItem__\+fm1i:nth-child(6) {
        -webkit-animation-delay: 1.7s;
        animation-delay: 1.7s
    }

    .Pages_companyItemImg__Gmkwu>img {
        width: 200px
    }

    #Pages_overlabB__uxVMC {
        opacity: 1;
        transition: .6s ease-out
    }

    #Pages_overlabB__uxVMC:hover {
        opacity: 1
    }

    #Pages_overlabR__PAv9k {
        opacity: 0;
        transition: .6s ease-out
    }

    #Pages_overlabR__PAv9k:hover {
        opacity: 1
    }

    .Pages_companyItemTheme__FX-Nb {
        color: #222;
        font-size: 16px;
        font-weight: 600;
        margin: 40.73px 0 12px;
        text-align: center
    }

    .Pages_companyItemContent__WQfaf {
        color: #434343;
        font-size: 14px;
        line-height: 24px;
        margin: 0 auto;
        text-align: center;
        word-break: keep-all
    }

    @-webkit-keyframes Pages_divUp__5sjpl {
        0% {
            opacity: 0;
            -webkit-transform: translateY(40px);
            transform: translateY(40px)
        }

        to {
            opacity: 1;
            -webkit-transform: translateY(0);
            transform: translateY(0)
        }
    }

    @keyframes Pages_divUp__5sjpl {
        0% {
            opacity: 0;
            -webkit-transform: translateY(40px);
            transform: translateY(40px)
        }

        to {
            opacity: 1;
            -webkit-transform: translateY(0);
            transform: translateY(0)
        }
    }

    .Pages_productionContainer__a5SC2 {
        -webkit-animation: Pages_divUp__5sjpl .6s ease-out;
        animation: Pages_divUp__5sjpl .6s ease-out;
        -webkit-animation-delay: 1.2s;
        animation-delay: 1.2s;
        -webkit-animation-fill-mode: both;
        animation-fill-mode: both;
        padding: 0 20px
    }

    .Pages_productionContainer__a5SC2:nth-child(n+2) {
        margin-top: 60px
    }

    .Pages_productionTheme__uujNA {
        align-items: center;
        display: flex;
        gap: 12px;
        justify-content: space-between
    }

    .Pages_productionTheme__uujNA>span {
        color: #222;
        flex-shrink: 0;
        font-size: 20px;
        font-weight: 700
    }

    .Pages_productionTheme__uujNA>hr {
        border: none;
        border-top: 1px solid #dc140a;
        height: 0;
        margin: 0;
        width: 100%
    }

    .Pages_productionItemContainer__VDrBX {
        display: flex;
        flex-wrap: wrap;
        gap: 16px;
        margin-top: 48px
    }

    .Pages_productionItem__Nkmsa {
        display: flex;
        flex-flow: column;
        gap: 16px;
        width: 152px
    }

    .Pages_productionItem__Nkmsa:nth-child(n) {
        -webkit-animation: Pages_divUp__5sjpl .6s ease-in-out;
        animation: Pages_divUp__5sjpl .6s ease-in-out;
        -webkit-animation-fill-mode: both;
        animation-fill-mode: both
    }

    .Pages_productionItemImg__BVcbZ {
        width: 152px
    }

    .Pages_productionItemImgAlbum__W-4RN {
        height: 152px;
        width: 152px
    }

    .Pages_productionItemImgAlbum__W-4RN>img,
    .Pages_productionItemImg__BVcbZ>img {
        height: inherit;
        width: inherit
    }

    .Pages_productionItemTheme__UqkEQ {
        color: #434343;
        font-size: 14px;
        font-weight: 500;
        line-height: 20px;
        text-align: center
    }

    .Pages_productionNodataContainer__cplmu {
        -webkit-animation: Pages_divUp__5sjpl .6s ease-out;
        animation: Pages_divUp__5sjpl .6s ease-out;
        -webkit-animation-delay: 1.2s;
        animation-delay: 1.2s;
        -webkit-animation-fill-mode: both;
        animation-fill-mode: both;
        margin-bottom: 160px
    }

    .Pages_productionNoData__qhbet {
        color: #222;
        display: block;
        font-size: 16px;
        font-weight: 600;
        margin-top: 60px;
        text-align: center
    }

    .Pages_auditionForm__kZu8e {
        -webkit-animation: Pages_divUp__5sjpl .6s ease-in-out;
        animation: Pages_divUp__5sjpl .6s ease-in-out;
        -webkit-animation-delay: .6s;
        animation-delay: .6s;
        -webkit-animation-fill-mode: both;
        animation-fill-mode: both;
        border-top: 2px solid #dc140a;
        margin: 0 auto;
        width: calc(100vw - 40px)
    }

    .Pages_auditionItem__Ehguc {
        display: flex;
        flex-direction: column
    }

    .Pages_auditionItem__Ehguc:nth-child(n+2) {
        border-bottom: 2px solid rgba(43, 43, 43, .2);
        flex-direction: row
    }

    .Pages_auditionItem__Ehguc:last-child {
        border: none
    }

    .Pages_auditionItemDiv__KUp3v {
        align-items: center;
        border-bottom: 2px solid rgba(43, 43, 43, .2);
        display: flex;
        gap: 32px
    }

    .Pages_auditionTheme__5wdkB {
        color: #222;
        flex-shrink: 0;
        font-size: 16px;
        font-weight: 700;
        padding: 24px 0 24px 8px;
        width: 100px
    }

    .Pages_auditionContent__sL160 {
        color: #222;
        display: flex;
        flex-flow: column;
        font-size: 16px;
        font-weight: 500;
        gap: 19px;
        min-width: 208px;
        padding: 24px 0 24px 10px
    }

    .Pages_auditionItem__Ehguc:nth-child(3) .Pages_auditionContent__sL160 {
        flex-shrink: 0;
        flex-wrap: wrap;
        gap: 24px
    }

    .Pages_auditionContentSpace__8fp5h {
        display: flex;
        gap: 20px
    }

    .Pages_auditionContentSpace__8fp5h>span:first-child {
        width: 14px
    }

    .Pages_auditionContentSpace__8fp5h>span:nth-child(2) {
        display: flex;
        flex-direction: column;
        gap: 10px
    }

    .Pages_auditionContentEx__f5KRi {
        color: #434343;
        font-size: 12px
    }

    .Pages_auditionContentFlex__4PxY3 {
        display: flex;
        flex-flow: column;
        gap: 10px;
        min-width: 208px
    }

    .Pages_flexContent2__BItXc>span {
        line-height: 40px
    }

    .Pages_flexContent2__BItXc>span,
    .Pages_flexContent__sxPb0>span {
        color: #434343;
        display: block;
        font-size: 12px;
        font-weight: 400;
        max-width: 208px
    }

    .Pages_flexContent__sxPb0>span {
        line-height: 20px;
        padding-left: 8px;
        text-indent: -8px;
        word-break: keep-all
    }

    .Pages_flexButton__IMJjB {
        display: flex;
        flex-wrap: wrap;
        gap: 10px 15px;
        margin-top: 24px
    }

    .Pages_downloadButton__i4kbb {
        align-items: center;
        background-color: #dc140a;
        border-radius: 13px;
        color: #fff;
        cursor: pointer;
        display: flex;
        font-size: 12px;
        font-weight: 700;
        gap: 8px;
        height: 25px;
        justify-content: center;
        padding: 5px 16px;
        width: auto
    }

    .Pages_downloadButton__i4kbb>img {
        width: 10px
    }

    .Pages_companyScrollBarContainer__\+miVM {
        -webkit-animation: Pages_divUp__5sjpl .6s ease-in-out;
        animation: Pages_divUp__5sjpl .6s ease-in-out;
        -webkit-animation-delay: .6s;
        animation-delay: .6s;
        -webkit-animation-fill-mode: both;
        animation-fill-mode: both;
        height: 8px;
        margin: 40.27px 0 88px;
        padding: 0 20px;
        width: 100vw
    }

    .Pages_companyScrollBar__HBqBq {
        background-color: #ddd;
        border: none;
        height: 1px;
        position: relative
    }

    .Pages_companyScrollBarShow__Jgqy\+ {
        background-color: #a2a2a2;
        border: none;
        height: 2px;
        left: 0;
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        transition: .3s ease-out;
        width: 0
    }
}

@media only screen and (min-width:1300px) {
    .Pages_wrap__1yG61 {
        padding: 148px 0 240px;
        width: 100%
    }

    .Pages_container__x1-Ca {
        margin: 0 auto;
        width: 1300px
    }

    .Pages_categoryContainer__3a-\+E {
        -webkit-animation-fill-mode: both;
        animation-fill-mode: both;
        color: #222;
        font-size: 64px;
        font-weight: 700
    }

    .Pages_categoryContainer__3a-\+E,
    .Pages_commentContainer__f86qB {
        -webkit-animation: Pages_divUp__5sjpl .6s ease-in-out;
        animation: Pages_divUp__5sjpl .6s ease-in-out;
        text-align: center
    }

    .Pages_commentContainer__f86qB {
        -webkit-animation-delay: .6s;
        animation-delay: .6s;
        -webkit-animation-fill-mode: both;
        animation-fill-mode: both;
        display: flex;
        flex-flow: column;
        gap: 24px;
        margin: 80px 0 160px
    }

    .Pages_commentTheme__sUbgU {
        color: #222;
        font-size: 40px;
        font-weight: 600
    }

    .Pages_commentContent__NdWdd {
        color: #434343;
        font-size: 26px;
        line-height: 44px;
        margin: 0 auto;
        text-align: left;
        width: 1000px;
        word-break: keep-all
    }

    .Pages_productionComment__BAXtD {
        width: 900px
    }

    .Pages_companyContainer__4eKxl {
        display: flex;
        flex-wrap: wrap;
        gap: 160px 20px
    }

    .Pages_companyItem__\+fm1i {
        -webkit-animation: Pages_divUp__5sjpl .6s ease-in-out;
        animation: Pages_divUp__5sjpl .6s ease-in-out;
        -webkit-animation-fill-mode: both;
        animation-fill-mode: both;
        display: flex;
        flex-flow: column;
        height: 855px
    }

    .Pages_companyItem__\+fm1i:nth-child(3n-2) {
        justify-content: flex-start
    }

    .Pages_companyItem__\+fm1i:nth-child(3n-1) {
        justify-content: center
    }

    .Pages_companyItem__\+fm1i:nth-child(3n) {
        justify-content: flex-end
    }

    .Pages_companyItemImg__Gmkwu {
        height: 280px;
        position: relative;
        width: 420px
    }

    .Pages_companyItem__\+fm1i:first-child {
        -webkit-animation-delay: 1.2s;
        animation-delay: 1.2s
    }

    .Pages_companyItem__\+fm1i:nth-child(2) {
        -webkit-animation-delay: 1.3s;
        animation-delay: 1.3s
    }

    .Pages_companyItem__\+fm1i:nth-child(3) {
        -webkit-animation-delay: 1.4s;
        animation-delay: 1.4s
    }

    .Pages_companyItem__\+fm1i:nth-child(4) {
        -webkit-animation-delay: 1.5s;
        animation-delay: 1.5s
    }

    .Pages_companyItem__\+fm1i:nth-child(5) {
        -webkit-animation-delay: 1.6s;
        animation-delay: 1.6s
    }

    .Pages_companyItem__\+fm1i:nth-child(6) {
        -webkit-animation-delay: 1.7s;
        animation-delay: 1.7s
    }

    .Pages_companyItemImg__Gmkwu>img {
        left: 50%;
        position: absolute;
        top: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%)
    }

    #Pages_overlabB__uxVMC {
        opacity: 1;
        transition: .6s ease-out
    }

    #Pages_overlabB__uxVMC:hover {
        opacity: 1
    }

    #Pages_overlabR__PAv9k {
        opacity: 0;
        transition: .6s ease-out
    }

    #Pages_overlabR__PAv9k:hover {
        opacity: 1
    }

    .Pages_companyItemTheme__FX-Nb {
        color: #222;
        font-size: 40px;
        font-weight: 600;
        margin: 65px 0 24px;
        text-align: center
    }

    .Pages_companyItemContent__WQfaf {
        color: #434343;
        font-size: 26px;
        line-height: 44px;
        text-align: center;
        width: 400px;
        word-break: keep-all
    }

    @-webkit-keyframes Pages_divUp__5sjpl {
        0% {
            opacity: 0;
            -webkit-transform: translateY(40px);
            transform: translateY(40px)
        }

        to {
            opacity: 1;
            -webkit-transform: translateY(0);
            transform: translateY(0)
        }
    }

    @keyframes Pages_divUp__5sjpl {
        0% {
            opacity: 0;
            -webkit-transform: translateY(40px);
            transform: translateY(40px)
        }

        to {
            opacity: 1;
            -webkit-transform: translateY(0);
            transform: translateY(0)
        }
    }

    .Pages_productionContainer__a5SC2 {
        -webkit-animation: Pages_divUp__5sjpl .6s ease-out;
        animation: Pages_divUp__5sjpl .6s ease-out;
        -webkit-animation-delay: 1.2s;
        animation-delay: 1.2s;
        -webkit-animation-fill-mode: both;
        animation-fill-mode: both
    }

    .Pages_productionContainer__a5SC2:nth-child(n+2) {
        margin-top: 160px
    }

    .Pages_productionTheme__uujNA {
        align-items: center;
        display: flex;
        justify-content: space-between
    }

    .Pages_productionTheme__uujNA>span {
        color: #222;
        font-size: 56px;
        font-weight: 700
    }

    .Pages_productionTheme__uujNA>hr {
        border: none;
        border-top: 1px solid #dc140a;
        height: 0;
        margin: 0;
        width: 1080px
    }

    .Pages_productionItemContainer__VDrBX {
        display: flex;
        flex-wrap: wrap;
        gap: 50px;
        margin-top: 48px
    }

    .Pages_productionItem__Nkmsa {
        display: flex;
        flex-flow: column;
        gap: 16px;
        width: 400px
    }

    .Pages_productionItem__Nkmsa:nth-child(n) {
        -webkit-animation: Pages_divUp__5sjpl .6s ease-in-out;
        animation: Pages_divUp__5sjpl .6s ease-in-out;
        -webkit-animation-fill-mode: both;
        animation-fill-mode: both
    }

    .Pages_productionItemImg__BVcbZ {
        height: 600px;
        width: 400px
    }

    .Pages_productionItemImgAlbum__W-4RN {
        height: 400px;
        width: 400px
    }

    .Pages_productionItemImgAlbum__W-4RN>img,
    .Pages_productionItemImg__BVcbZ>img {
        height: inherit;
        width: inherit
    }

    .Pages_productionItemTheme__UqkEQ {
        color: #434343;
        font-size: 24px;
        font-weight: 500;
        line-height: 34px;
        text-align: center
    }

    .Pages_productionNodataContainer__cplmu {
        -webkit-animation: Pages_divUp__5sjpl .6s ease-out;
        animation: Pages_divUp__5sjpl .6s ease-out;
        -webkit-animation-delay: 1.2s;
        animation-delay: 1.2s;
        -webkit-animation-fill-mode: both;
        animation-fill-mode: both;
        margin-bottom: 160px
    }

    .Pages_productionNoData__qhbet {
        color: #222;
        display: block;
        font-size: 40px;
        font-weight: 600;
        margin-top: 120px;
        text-align: center
    }

    .Pages_auditionForm__kZu8e {
        -webkit-animation: Pages_divUp__5sjpl .6s ease-in-out;
        animation: Pages_divUp__5sjpl .6s ease-in-out;
        -webkit-animation-delay: .6s;
        animation-delay: .6s;
        -webkit-animation-fill-mode: both;
        animation-fill-mode: both;
        border-top: 2px solid #dc140a;
        margin: 0 auto;
        width: 1300px
    }

    .Pages_auditionItem__Ehguc {
        display: flex;
        gap: 20px
    }

    .Pages_auditionItem__Ehguc:nth-child(n+2) {
        border-bottom: 2px solid rgba(43, 43, 43, .2)
    }

    .Pages_auditionItem__Ehguc:last-child {
        border: none
    }

    .Pages_auditionItemDiv__KUp3v {
        align-items: center;
        border-bottom: 2px solid rgba(43, 43, 43, .2);
        display: flex;
        gap: 20px;
        width: 640px
    }

    .Pages_auditionTheme__5wdkB {
        color: #222;
        font-size: 32px;
        font-weight: 700;
        padding: 60px 0 60px 32px;
        width: 200px
    }

    .Pages_auditionContent__sL160 {
        color: #222;
        display: flex;
        flex-flow: column;
        font-size: 32px;
        font-weight: 500;
        gap: 27px;
        min-width: 420px;
        padding: 60px 0 60px 20px
    }

    .Pages_auditionItem__Ehguc:nth-child(3) .Pages_auditionContent__sL160 {
        flex-flow: row;
        flex-shrink: 0;
        flex-wrap: wrap;
        gap: 60px 27px;
        max-width: 1080px
    }

    .Pages_auditionContentSpace__8fp5h {
        display: flex;
        gap: 32px
    }

    .Pages_auditionContentSpace__8fp5h>span:first-child {
        width: 35px
    }

    .Pages_auditionContentEx__f5KRi {
        color: #434343;
        font-size: 26px
    }

    .Pages_auditionContentFlex__4PxY3 {
        display: flex;
        flex-flow: column;
        gap: 24px;
        min-width: 420px
    }

    .Pages_flexContent2__BItXc>span {
        width: 420px
    }

    .Pages_flexContent2__BItXc>span,
    .Pages_flexContent__sxPb0>span {
        color: #434343;
        display: block;
        font-size: 26px;
        font-weight: 400;
        line-height: 40px
    }

    .Pages_flexButton__IMJjB {
        display: flex;
        gap: 16px;
        margin-top: 36px
    }

    .Pages_downloadButton__i4kbb {
        align-items: center;
        background-color: #dc140a;
        border-radius: 21px;
        color: #fff;
        cursor: pointer;
        display: flex;
        font-size: 20px;
        font-weight: 700;
        gap: 16px;
        height: 43px;
        justify-content: center;
        padding: 0 32px;
        width: auto
    }

    .Pages_companyScrollBarContainer__\+miVM {
        display: none
    }
}

@-webkit-keyframes Component_divUp__OXZY3 {
    0% {
        opacity: 0;
        -webkit-transform: translateY(40px);
        transform: translateY(40px)
    }

    to {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes Component_divUp__OXZY3 {
    0% {
        opacity: 0;
        -webkit-transform: translateY(40px);
        transform: translateY(40px)
    }

    to {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@media only screen and (max-width:1299px) {
    .Component_container__pUurK {
        -webkit-animation: Component_divUp__OXZY3 .6s ease-in-out;
        animation: Component_divUp__OXZY3 .6s ease-in-out;
        -webkit-animation-delay: .6s;
        animation-delay: .6s;
        -webkit-animation-fill-mode: both;
        animation-fill-mode: both;
        display: flex;
        height: 20px;
        margin-left: 20px;
        margin-top: 60px;
        width: 156px
    }

    .Component_arrow__SMG6n {
        cursor: pointer;
        height: 20px;
        width: 20px
    }

    .Component_numWrap__KaGJK {
        height: inherit;
        overflow: hidden;
        position: relative;
        width: 116px
    }

    .Component_num__2itM0 {
        display: flex;
        gap: 4px;
        position: absolute;
        scroll-behavior: smooth;
        transition: all, .3s;
        width: 100%
    }

    .Component_numItem__vsDeL {
        align-items: center;
        color: #a2a2a2;
        cursor: pointer;
        display: flex;
        flex-shrink: 0;
        font-size: 10px;
        height: 20px;
        justify-content: center;
        text-align: center;
        width: 20px
    }

    .Component_select__ggWcJ {
        background-color: #dc140a;
        border-radius: 10px;
        color: #f4f4f4;
        cursor: default;
        font-weight: 600
    }

    .Component_navBox__MxgpC {
        align-items: center;
        -webkit-animation: Component_divUp__OXZY3 .6s ease-in-out;
        animation: Component_divUp__OXZY3 .6s ease-in-out;
        -webkit-animation-fill-mode: both;
        animation-fill-mode: both;
        display: flex;
        height: 54px;
        justify-content: space-between;
        padding: 0 20px;
        width: 100%
    }

    .Component_navBoxPageText__Iw8U1 {
        color: #222;
        font-size: 17px;
        font-weight: 600;
        margin: 0;
        text-transform: uppercase
    }

    .Component_webNavBoxPathContainer__UQ7PS {
        display: none
    }

    .Component_mobileNavBoxPathContainer__MtOT1 {
        align-items: center;
        display: flex;
        gap: 5px
    }

    .Component_navBoxPathText__AhThf {
        color: #a2a2a2;
        font-size: 11px;
        text-transform: capitalize
    }

    .Component_navBoxPathSeparator__6IOt- {
        border-bottom: 3px solid transparent;
        border-left: 5px solid #a2a2a2;
        border-top: 3px solid transparent;
        height: 0;
        width: 0
    }
}

@media only screen and (min-width:1300px) {
    .Component_container__pUurK {
        -webkit-animation: Component_divUp__OXZY3 .6s ease-in-out;
        animation: Component_divUp__OXZY3 .6s ease-in-out;
        -webkit-animation-delay: .6s;
        animation-delay: .6s;
        -webkit-animation-fill-mode: both;
        animation-fill-mode: both;
        display: flex;
        height: 32px;
        margin-top: 80px;
        width: 256px
    }

    .Component_arrow__SMG6n {
        cursor: pointer;
        height: 32px;
        width: 32px
    }

    .Component_numWrap__KaGJK {
        height: inherit;
        overflow: hidden;
        position: relative;
        width: 192px
    }

    .Component_num__2itM0 {
        display: flex;
        gap: 8px;
        position: absolute;
        scroll-behavior: smooth;
        transition: all, .3s;
        width: 100%
    }

    .Component_numItem__vsDeL {
        align-items: center;
        color: #a2a2a2;
        cursor: pointer;
        display: flex;
        flex-shrink: 0;
        font-size: 22px;
        height: 32px;
        justify-content: center;
        text-align: center;
        width: 32px
    }

    .Component_select__ggWcJ {
        background-color: #dc140a;
        border-radius: 16px;
        color: #f4f4f4;
        cursor: default;
        font-weight: 600
    }

    .Component_navBox__MxgpC {
        align-items: center;
        -webkit-animation: Component_divUp__OXZY3 .6s ease-in-out;
        animation: Component_divUp__OXZY3 .6s ease-in-out;
        -webkit-animation-fill-mode: both;
        animation-fill-mode: both;
        display: flex;
        height: 96px;
        justify-content: space-between;
        padding: 0 20px;
        width: 100%
    }

    .Component_navBoxPageText__Iw8U1 {
        color: #222;
        font-size: 32px;
        font-weight: 600;
        margin: 0;
        text-transform: uppercase
    }

    .Component_mobileNavBoxPathContainer__MtOT1 {
        display: none
    }

    .Component_webNavBoxPathContainer__UQ7PS {
        align-items: center;
        display: flex;
        gap: 10px
    }

    .Component_navBoxPathText__AhThf {
        color: #a2a2a2;
        font-size: 18px;
        text-transform: capitalize
    }

    .Component_navBoxPathSeparator__6IOt- {
        border-bottom: 4.5px solid transparent;
        border-left: 8px solid #a2a2a2;
        border-top: 4.5px solid transparent;
        height: 0;
        width: 0
    }
}

@-webkit-keyframes Pages2_divUp__lVkZK {
    0% {
        opacity: 0;
        -webkit-transform: translateY(40px);
        transform: translateY(40px)
    }

    to {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes Pages2_divUp__lVkZK {
    0% {
        opacity: 0;
        -webkit-transform: translateY(40px);
        transform: translateY(40px)
    }

    to {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@media only screen and (max-width:1299px) {
    .Pages2_wrap__cbsAv {
        min-height: calc(100vh - 231px);
        padding: 84px 0 120px;
        width: 100vw
    }

    .Pages2_container__5Q3Lt {
        margin: 0 auto;
        width: 100vw
    }

    .Pages2_categoryContainer__axyES {
        align-items: center;
        -webkit-animation: Pages2_divUp__lVkZK .6s ease-in-out;
        animation: Pages2_divUp__lVkZK .6s ease-in-out;
        -webkit-animation-fill-mode: both;
        animation-fill-mode: both;
        display: flex;
        gap: 13px;
        justify-content: center;
        text-align: center
    }

    .Pages2_categoryContainer__axyES span:first-child {
        color: #222;
        font-size: 32px;
        font-weight: 700
    }

    .Pages2_categoryContainer__axyES span:nth-child(2) {
        background-color: #dc140a;
        border-radius: 16px;
        color: #fff;
        display: inline-block;
        font-size: 12px;
        font-weight: 700;
        margin-bottom: 7px;
        margin-top: auto;
        padding: 3px 11px
    }

    .Pages2_artistContainer__M3UoF,
    .Pages2_musicianContainer__bQjxh {
        display: flex;
        flex-wrap: wrap;
        gap: 8px;
        justify-content: flex-start;
        padding: 0 calc(50vw - max(160px, min(44.4vw, 310px))*2/2 - 4px);
        transition: .3s ease-out
    }

    .Pages2_artistItem__X4tmG {
        -webkit-animation: Pages2_divUp__lVkZK .6s ease-in-out;
        animation: Pages2_divUp__lVkZK .6s ease-in-out;
        -webkit-animation-fill-mode: both;
        animation-fill-mode: both;
        cursor: pointer;
        display: flex;
        flex-flow: column;
        gap: 8px
    }

    .Pages2_artistItemImg__yvlbT,
    .Pages2_artistItemImg__yvlbT>img {
        display: block;
        height: max(160px, min(44.4vw, 310px));
        object-fit: cover;
        object-position: center 10%;
        transition: .3s ease-out;
        width: max(160px, min(44.4vw, 310px))
    }

    .Pages2_artistItemImg__yvlbT {
        overflow: hidden;
        position: relative
    }

    .Pages2_artistItem__X4tmG:hover .Pages2_artistItemImg__yvlbT>img {
        -webkit-transform: scale(1.1);
        transform: scale(1.1)
    }

    .Pages2_artistItemNameContainer__ILauC {
        align-items: center;
        background-color: #222;
        bottom: 0;
        display: flex;
        height: 38px;
        justify-content: center;
        left: 0;
        position: absolute;
        right: 0
    }

    .Pages2_artistItemName__1hb4Y {
        color: #f4f4f4;
        font-size: 14px;
        font-weight: 600;
        position: relative
    }

    .Pages2_artistItemName__1hb4Y>span {
        display: inline-block;
        position: relative
    }

    .Pages2_artistItem__X4tmG:hover>.Pages2_artistItemName__1hb4Y {
        color: #dc140a
    }

    .Pages2_musicianItem__g8\+0a {
        -webkit-animation: Pages2_divUp__lVkZK .6s ease-in-out;
        animation: Pages2_divUp__lVkZK .6s ease-in-out;
        -webkit-animation-fill-mode: both;
        animation-fill-mode: both;
        cursor: pointer;
        display: flex;
        flex-flow: column;
        gap: 10px
    }

    .Pages2_musicianItemImg__QypHn,
    .Pages2_musicianItemImg__QypHn>img {
        display: block;
        transition: .3s ease-out;
        width: 152px
    }

    .Pages2_musicianItemImg__QypHn {
        overflow: hidden
    }

    .Pages2_musicianItem__g8\+0a:hover .Pages2_musicianItemImg__QypHn>img {
        -webkit-transform: scale(1.1);
        transform: scale(1.1)
    }

    .Pages2_musicianItemName__RnGqx {
        color: #222;
        font-size: 12px;
        font-weight: 600;
        text-align: center
    }

    .Pages2_musicianItemName__RnGqx>span {
        display: inline-block;
        position: relative
    }

    .Pages2_musicianItem__g8\+0a:hover>.Pages2_musicianItemName__RnGqx {
        color: #dc140a
    }

    .Pages2_musicianItem__g8\+0a:hover .Pages2_plusShape__95oiQ {
        opacity: 1;
        visibility: visible
    }

    .Pages2_musicianItem__g8\+0a:hover .Pages2_plusShape__95oiQ>hr:first-child {
        -webkit-transform: rotate(270deg);
        transform: rotate(270deg)
    }

    .Pages2_musicianItem__g8\+0a:hover .Pages2_plusShape__95oiQ>hr:nth-child(2) {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }

    .Pages2_plusShape__95oiQ {
        height: 9px;
        right: -17px
    }

    .Pages2_plusShape__95oiQ,
    .Pages2_plusShape__95oiQ>div {
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        transition: .3s ease-out;
        width: 9px
    }

    .Pages2_plusShape__95oiQ>div {
        background-color: #f4f4f4;
        height: 1px;
        left: 0
    }

    .Pages2_plusShape__95oiQ>div:nth-child(2) {
        -webkit-transform: translateY(-50%) rotate(90deg);
        transform: translateY(-50%) rotate(90deg)
    }

    .Pages2_artistNodataContainer__5-C9B,
    .Pages2_musicianNodataContainer__GdVKZ {
        -webkit-animation: Pages2_divUp__lVkZK .6s ease-out;
        animation: Pages2_divUp__lVkZK .6s ease-out;
        -webkit-animation-delay: .6s;
        animation-delay: .6s;
        -webkit-animation-fill-mode: both;
        animation-fill-mode: both;
        margin-bottom: 160px;
        width: 100%
    }

    .Pages2_productionNoData__K\+63d {
        color: #222;
        display: block;
        font-size: 16px;
        font-weight: 600;
        margin-top: 110px;
        text-align: center
    }

    .Pages2_contentContainer__wQNIU {
        -webkit-animation: Pages2_divUp__lVkZK .6s ease-in-out;
        animation: Pages2_divUp__lVkZK .6s ease-in-out;
        -webkit-animation-delay: .6s;
        animation-delay: .6s;
        -webkit-animation-fill-mode: both;
        animation-fill-mode: both;
        height: auto;
        margin: 0 auto;
        padding: 12px
    }

    .Pages2_news__ME5Kw {
        display: grid;
        grid-auto-rows: 1px;
        grid-template-columns: repeat(auto-fill, 166px);
        margin: 0 auto
    }

    .Pages2_newsitem__v6aRC {
        -webkit-animation: Pages2_divUp__lVkZK .6s ease-in-out;
        animation: Pages2_divUp__lVkZK .6s ease-in-out;
        -webkit-animation-fill-mode: both;
        animation-fill-mode: both;
        cursor: pointer;
        margin: 0 8px;
        position: relative
    }

    .Pages2_newsitem__v6aRC:hover>.Pages2_imgContainer__EmQsX>img {
        -webkit-transform: scale(1.1);
        transform: scale(1.1)
    }

    .Pages2_newsitem__v6aRC>.Pages2_imgContainer__EmQsX>img {
        display: block;
        overflow: hidden;
        transition: .3s ease-in-out;
        width: 152px
    }

    .Pages2_small__3-giA {
        grid-row-end: span 153
    }

    .Pages2_big__slBDg {
        grid-row-end: span 299
    }

    .Pages2_small__3-giA>.Pages2_imgContainer__EmQsX>img {
        height: 102px
    }

    .Pages2_big__slBDg .Pages2_imgContainer__EmQsX>img {
        height: 228px
    }

    .Pages2_imgContainer__EmQsX {
        overflow: hidden;
        width: 152px
    }

    .Pages2_tagContainer__GqIc\+ {
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        color: #dc140a;
        display: -webkit-box;
        font-size: 10px;
        font-weight: 500;
        margin: 4px 0;
        overflow: hidden;
        text-overflow: ellipsis;
        width: 152px
    }

    .Pages2_tagContainer__GqIc\+>span {
        margin-right: 8px
    }

    .Pages2_themeContainer__Ajm60 {
        color: #1c1c1c;
        font-size: 12px;
        font-weight: 600;
        line-height: 16px;
        overflow: hidden
    }

    .Pages2_themeContainer__Ajm60>span {
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        display: -webkit-box;
        overflow: hidden;
        text-overflow: ellipsis
    }

    .Pages2_pagenationContainer__Bf\+kc {
        margin: 0 auto;
        width: 100vw
    }

    .Pages2_moreContainer__krCwn {
        -webkit-animation: Pages2_divUp__lVkZK .6s ease-in-out;
        animation: Pages2_divUp__lVkZK .6s ease-in-out;
        -webkit-animation-delay: .6s;
        animation-delay: .6s;
        -webkit-animation-fill-mode: both;
        animation-fill-mode: both;
        margin: 0 auto;
        padding: 0 20px;
        width: 100vw
    }

    .Pages2_moreThemeContainer__hwhnG {
        border-bottom: 1px solid #ddd;
        border-top: 2px solid #dc140a;
        display: flex;
        flex-direction: column;
        gap: 8px;
        padding: 14px 0
    }

    .Pages2_moreTheme__v22ar {
        color: #222;
        font-size: 20px;
        font-weight: 700;
        line-height: 28px
    }

    .Pages2_moreDate__br8wf {
        color: #a2a2a2;
        flex-shrink: 0;
        font-size: 12px;
        font-weight: 300
    }

    .Pages2_moreContentContainer__YyuUf {
        display: flex;
        flex-flow: column;
        gap: 40px;
        padding: 30px 0
    }

    .Pages2_moreContent__ulPul {
        color: #434343;
        font-size: 12px;
        line-height: 20px;
        white-space: pre-line
    }

    .Pages2_moreContentContainer__YyuUf div:nth-child(2) {
        max-width: 1200px;
        overflow: hidden
    }

    .Pages2_moreContentContainer__YyuUf div:nth-child(2)>img {
        max-width: 100%
    }

    .Pages2_moreImg__GoqUU {
        width: 152px
    }

    .Pages2_bigSize__bBL5g {
        height: 228px
    }

    .Pages2_smallSize__K5W50 {
        height: 102px
    }

    .Pages2_backToList__\+ejxw {
        align-items: center;
        background-color: #dc140a;
        border-radius: 16px;
        color: #fff;
        cursor: pointer;
        display: flex;
        font-size: 16px;
        font-weight: 700;
        gap: 8px;
        height: 29px;
        justify-content: space-between;
        padding: 0 16px;
        width: 71px
    }

    .Pages2_backToList__\+ejxw>img {
        width: 6px
    }

    .Pages2_notice__yiX69 {
        border-top: 2px solid #dc140a;
        margin: 0 auto;
        padding: 0 10px;
        width: calc(100vw - 40px)
    }

    .Pages2_noticeItem__93tkj {
        border-bottom: 1px solid #ddd;
        display: flex;
        flex-flow: column;
        gap: 4px;
        padding: 14px 0
    }

    .Pages2_noticeItemTop__N25Hu {
        display: flex;
        flex-direction: column;
        gap: 4px;
        justify-content: space-between
    }

    .Pages2_noticeItemTheme__SQpsE {
        color: #1c1c1d;
        font-size: 12px;
        font-weight: 600;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap
    }

    .Pages2_noticeItemDate__8sJa7 {
        color: #a2a2a2;
        flex-shrink: 0;
        font-size: 12px;
        font-weight: 300
    }

    .Pages2_noticeItemDate__8sJa7>span {
        font-size: 12px
    }

    .Pages2_noticeItemBottom__9Bh2- {
        width: 785px
    }

    .Pages2_noticeItemContent__2h7ja {
        color: #434343;
        font-size: 12px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap
    }

    .Pages2_buttonContainer__6CBJZ {
        display: flex;
        flex-direction: column;
        gap: 20px;
        justify-content: space-between;
        margin-top: 20px
    }

    .Pages2_noticeDownload__-otmF {
        display: flex;
        gap: 16px;
        overflow-x: scroll !important
    }

    .Pages2_noticeDownloadBtn__kS8CW {
        align-items: center;
        background-color: #f4f4f4;
        border-radius: 24px;
        color: #222;
        cursor: pointer;
        display: flex;
        font-size: 12px;
        gap: 8px;
        height: 25px;
        justify-content: space-between;
        max-width: 260px;
        padding: 0 16px
    }

    .Pages2_noticeDownloadBtn__kS8CW>img {
        width: 10px
    }

    .Pages2_spanSplit__RaXkd {
        display: flex;
        min-width: 0
    }

    .Pages2_spanSplit__RaXkd>span:first-child {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap
    }

    .Pages2_spanSplit__RaXkd>span:last-child {
        flex-shrink: 0
    }
}

@media only screen and (min-width:1300px) {
    .Pages2_wrap__cbsAv {
        padding: 148px 0 240px;
        width: 100%
    }

    .Pages2_container__5Q3Lt {
        margin: 0 auto;
        width: 1300px
    }

    .Pages2_categoryContainer__axyES {
        align-items: center;
        -webkit-animation: Pages2_divUp__lVkZK .6s ease-in-out;
        animation: Pages2_divUp__lVkZK .6s ease-in-out;
        -webkit-animation-fill-mode: both;
        animation-fill-mode: both;
        display: flex;
        gap: 8px;
        justify-content: center;
        text-align: center
    }

    .Pages2_categoryContainer__axyES span:first-child {
        color: #222;
        font-size: 64px;
        font-weight: 700
    }

    .Pages2_categoryContainer__axyES span:nth-child(2) {
        background-color: #dc140a;
        border-radius: 16px;
        color: #fff;
        display: inline-block;
        font-size: 20px;
        font-weight: 700;
        margin-bottom: 19px;
        margin-top: auto;
        padding: 4px 16px
    }

    .Pages2_artistContainer__M3UoF,
    .Pages2_musicianContainer__bQjxh {
        display: flex;
        flex-wrap: wrap;
        gap: 20px;
        justify-content: flex-start;
        transition: .3s ease-out
    }

    .Pages2_artistItem__X4tmG {
        -webkit-animation: Pages2_divUp__lVkZK .6s ease-in-out;
        animation: Pages2_divUp__lVkZK .6s ease-in-out;
        -webkit-animation-fill-mode: both;
        animation-fill-mode: both;
        cursor: pointer;
        display: flex;
        flex-flow: column;
        gap: 8px
    }

    .Pages2_artistItemImg__yvlbT,
    .Pages2_artistItemImg__yvlbT>img {
        display: block;
        height: 310px;
        object-fit: cover;
        object-position: center 10%;
        transition: .3s ease-out;
        width: 310px
    }

    .Pages2_artistItemImg__yvlbT {
        overflow: hidden
    }

    .Pages2_artistItem__X4tmG:hover .Pages2_artistItemImg__yvlbT>img {
        -webkit-transform: scale(1.1);
        transform: scale(1.1)
    }

    .Pages2_artistItemNameContainer__ILauC {
        align-items: center;
        background-color: #222;
        bottom: 0;
        display: flex;
        height: 62px;
        justify-content: center;
        left: 0;
        position: absolute;
        right: 0
    }

    .Pages2_artistItemName__1hb4Y {
        color: #f4f4f4;
        font-size: 26px;
        font-weight: 600;
        position: relative
    }

    .Pages2_artistItemName__1hb4Y>span {
        display: inline-block;
        position: relative
    }

    .Pages2_artistItem__X4tmG:hover>.Pages2_artistItemName__1hb4Y {
        color: #dc140a
    }

    .Pages2_artistItem__X4tmG:hover .Pages2_plusShape__95oiQ {
        opacity: 1;
        -webkit-transform: translateY(-50%) rotate(270deg);
        transform: translateY(-50%) rotate(270deg);
        visibility: visible
    }

    .Pages2_musicianItem__g8\+0a {
        -webkit-animation: Pages2_divUp__lVkZK .6s ease-in-out;
        animation: Pages2_divUp__lVkZK .6s ease-in-out;
        -webkit-animation-fill-mode: both;
        animation-fill-mode: both;
        cursor: pointer;
        display: flex;
        flex-flow: column;
        gap: 8px
    }

    .Pages2_musicianItemImg__QypHn,
    .Pages2_musicianItemImg__QypHn>img {
        height: 420px;
        transition: .3s ease-out;
        width: 280px
    }

    .Pages2_musicianItemImg__QypHn {
        overflow: hidden
    }

    .Pages2_musicianItem__g8\+0a:hover .Pages2_musicianItemImg__QypHn>img {
        -webkit-transform: scale(1.1);
        transform: scale(1.1)
    }

    .Pages2_musicianItemName__RnGqx {
        color: #222;
        font-size: 26px;
        font-weight: 500;
        text-align: center
    }

    .Pages2_musicianItemName__RnGqx>span {
        display: inline-block;
        position: relative
    }

    .Pages2_musicianItem__g8\+0a:hover>.Pages2_musicianItemName__RnGqx {
        color: #dc140a
    }

    .Pages2_musicianItem__g8\+0a:hover .Pages2_plusShape__95oiQ {
        opacity: 1;
        visibility: visible
    }

    .Pages2_musicianItem__g8\+0a:hover .Pages2_plusShape__95oiQ>hr:first-child {
        -webkit-transform: rotate(270deg);
        transform: rotate(270deg)
    }

    .Pages2_musicianItem__g8\+0a:hover .Pages2_plusShape__95oiQ>hr:nth-child(2) {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }

    .Pages2_plusShape__95oiQ {
        height: 16px;
        opacity: 0;
        right: -24px;
        visibility: hidden
    }

    .Pages2_plusShape__95oiQ,
    .Pages2_plusShape__95oiQ>div {
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        transition: .3s ease-out;
        width: 16px
    }

    .Pages2_plusShape__95oiQ>div {
        background-color: #c93121;
        height: 2px;
        left: 0
    }

    .Pages2_plusShape__95oiQ>div:nth-child(2) {
        -webkit-transform: translateY(-50%) rotate(90deg);
        transform: translateY(-50%) rotate(90deg)
    }

    .Pages2_artistNodataContainer__5-C9B,
    .Pages2_musicianNodataContainer__GdVKZ {
        -webkit-animation: Pages2_divUp__lVkZK .6s ease-out;
        animation: Pages2_divUp__lVkZK .6s ease-out;
        -webkit-animation-delay: .6s;
        animation-delay: .6s;
        -webkit-animation-fill-mode: both;
        animation-fill-mode: both;
        margin-bottom: 160px;
        width: 100%
    }

    .Pages2_productionNoData__K\+63d {
        color: #222;
        display: block;
        font-size: 40px;
        font-weight: 600;
        margin-top: 120px;
        text-align: center
    }

    .Pages2_contentContainer__wQNIU {
        -webkit-animation: Pages2_divUp__lVkZK .6s ease-in-out;
        animation: Pages2_divUp__lVkZK .6s ease-in-out;
        -webkit-animation-delay: .6s;
        animation-delay: .6s;
        -webkit-animation-fill-mode: both;
        animation-fill-mode: both;
        height: auto;
        margin: 0 auto
    }

    .Pages2_news__ME5Kw {
        display: grid;
        grid-auto-rows: 1px;
        grid-template-columns: repeat(auto-fill, 450px);
        width: 1350px
    }

    .Pages2_newsitem__v6aRC {
        -webkit-animation: Pages2_divUp__lVkZK .6s ease-in-out;
        animation: Pages2_divUp__lVkZK .6s ease-in-out;
        -webkit-animation-fill-mode: both;
        animation-fill-mode: both;
        cursor: pointer;
        margin: 0 25px;
        position: relative
    }

    .Pages2_newsitem__v6aRC:hover>.Pages2_imgContainer__EmQsX>img {
        -webkit-transform: scale(1.1);
        transform: scale(1.1)
    }

    .Pages2_newsitem__v6aRC>.Pages2_imgContainer__EmQsX>img {
        display: block;
        overflow: hidden;
        transition: .3s ease-in-out;
        width: 400px
    }

    .Pages2_small__3-giA {
        grid-row-end: span 411
    }

    .Pages2_big__slBDg {
        grid-row-end: span 745
    }

    .Pages2_small__3-giA>.Pages2_imgContainer__EmQsX>img {
        height: 266px
    }

    .Pages2_big__slBDg .Pages2_imgContainer__EmQsX>img {
        height: 600px
    }

    .Pages2_imgContainer__EmQsX {
        overflow: hidden;
        width: 400px
    }

    .Pages2_tagContainer__GqIc\+ {
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        color: #dc140a;
        display: -webkit-box;
        font-size: 18px;
        font-weight: 500;
        margin: 16px 0 8px;
        overflow: hidden;
        text-overflow: ellipsis;
        width: 400px
    }

    .Pages2_tagContainer__GqIc\+>span {
        margin-right: 16px
    }

    .Pages2_themeContainer__Ajm60 {
        color: #1c1c1c;
        font-size: 22px;
        font-weight: 600;
        line-height: 30px;
        overflow: hidden
    }

    .Pages2_themeContainer__Ajm60>span {
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        display: -webkit-box;
        overflow: hidden;
        text-overflow: ellipsis
    }

    .Pages2_pagenationContainer__Bf\+kc {
        margin: 0 auto;
        width: 1300px
    }

    .Pages2_moreContainer__krCwn {
        -webkit-animation: Pages2_divUp__lVkZK .6s ease-in-out;
        animation: Pages2_divUp__lVkZK .6s ease-in-out;
        -webkit-animation-delay: .6s;
        animation-delay: .6s;
        -webkit-animation-fill-mode: both;
        animation-fill-mode: both;
        margin: 0 auto;
        width: 1300px
    }

    .Pages2_moreThemeContainer__hwhnG {
        align-items: center;
        border-bottom: 1px solid #ddd;
        border-top: 2px solid #dc140a;
        display: flex;
        gap: 20px;
        justify-content: space-between;
        padding: 48px 33px
    }

    .Pages2_moreTheme__v22ar {
        color: #222;
        font-size: 40px;
        font-weight: 600;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap
    }

    .Pages2_moreDate__br8wf {
        color: #a2a2a2;
        flex-shrink: 0;
        font-size: 26px
    }

    .Pages2_moreContentContainer__YyuUf {
        display: flex;
        flex-flow: column;
        gap: 80px;
        padding: 80px 33px
    }

    .Pages2_moreContent__ulPul {
        color: #434343;
        font-size: 26px;
        line-height: 44px;
        white-space: pre-line
    }

    .Pages2_moreContentContainer__YyuUf div:nth-child(2) {
        max-width: 1200px;
        overflow: hidden
    }

    .Pages2_moreContentContainer__YyuUf div:nth-child(2)>img {
        max-width: 100%
    }

    .Pages2_moreImg__GoqUU {
        width: 400px
    }

    .Pages2_bigSize__bBL5g {
        height: 600px
    }

    .Pages2_smallSize__K5W50 {
        height: 266px
    }

    .Pages2_backToList__\+ejxw {
        align-items: center;
        background-color: #dc140a;
        border-radius: 24px;
        color: #fff;
        cursor: pointer;
        display: flex;
        font-size: 26px;
        font-weight: 700;
        height: 48px;
        justify-content: space-between;
        padding: 0 32px;
        width: 129px
    }

    .Pages2_notice__yiX69 {
        border-top: 2px solid #dc140a;
        margin: 0 auto;
        width: 1300px
    }

    .Pages2_noticeItem__93tkj {
        border-bottom: 1px solid #ddd;
        display: flex;
        justify-content: space-between;
        padding: 40px 32px
    }

    .Pages2_noticeItemTop__N25Hu {
        display: flex;
        flex-direction: column;
        gap: 16px;
        justify-content: space-between;
        width: 785px
    }

    .Pages2_noticeItemTheme__SQpsE {
        color: #1c1c1d;
        font-size: 26px;
        font-weight: 700;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap
    }

    .Pages2_noticeItemDate__8sJa7 {
        color: #a2a2a2;
        flex-shrink: 0;
        font-size: 26px;
        font-weight: 300
    }

    .Pages2_noticeItemContent__2h7ja {
        color: #434343;
        font-size: 18px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap
    }

    .Pages2_buttonContainer__6CBJZ {
        align-items: center;
        display: flex;
        justify-content: space-between
    }

    .Pages2_noticeDownload__-otmF {
        display: flex;
        gap: 16px
    }

    .Pages2_noticeDownloadBtn__kS8CW {
        align-items: center;
        background-color: #f4f4f4;
        border-radius: 24px;
        color: #222;
        cursor: pointer;
        display: flex;
        font-size: 26px;
        gap: 16px;
        height: 49px;
        justify-content: space-between;
        max-width: 260px;
        padding: 0 32px
    }

    .Pages2_spanSplit__RaXkd {
        display: flex;
        min-width: 0
    }

    .Pages2_spanSplit__RaXkd>span:first-child {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap
    }

    .Pages2_spanSplit__RaXkd>span:last-child {
        flex-shrink: 0
    }
}

@media only screen and (min-width:672px) and (max-width:1002px) {

    .Pages2_artistContainer__M3UoF,
    .Pages2_musicianContainer__bQjxh {
        display: flex;
        flex-wrap: wrap;
        gap: 20px;
        justify-content: flex-start;
        padding: 0 calc(50vw - 320px);
        transition: .3s ease-out
    }
}

@media only screen and (min-width:1003px) and (max-width:1299px) {

    .Pages2_artistContainer__M3UoF,
    .Pages2_musicianContainer__bQjxh {
        display: flex;
        flex-wrap: wrap;
        gap: 20px;
        justify-content: flex-start;
        padding: 0 calc(50vw - 485px);
        transition: .3s ease-out
    }
}

@-webkit-keyframes Modal_modalOpen__tCI8Z {
    0% {
        opacity: 0;
        -webkit-transform: translateY(100%);
        transform: translateY(100%)
    }

    90% {
        opacity: .9;
        -webkit-transform: translateY(-40px);
        transform: translateY(-40px)
    }

    to {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes Modal_modalOpen__tCI8Z {
    0% {
        opacity: 0;
        -webkit-transform: translateY(100%);
        transform: translateY(100%)
    }

    90% {
        opacity: .9;
        -webkit-transform: translateY(-40px);
        transform: translateY(-40px)
    }

    to {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@-webkit-keyframes Modal_modalClose__0MkxW {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    to {
        opacity: 0;
        -webkit-transform: translateY(100%);
        transform: translateY(100%)
    }
}

@keyframes Modal_modalClose__0MkxW {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    to {
        opacity: 0;
        -webkit-transform: translateY(100%);
        transform: translateY(100%)
    }
}

@media only screen and (max-width:1299px) {
    .Modal_wrap__u1bJn {
        -webkit-animation-fill-mode: both;
        animation-fill-mode: both;
        background-color: #fff;
        height: 100%;
        overflow-x: hidden;
        overflow-y: auto;
        padding: 100px 20px 86px;
        position: fixed;
        top: 0;
        width: 100vw;
        z-index: 9999
    }

    .Modal_open__GOfr4 {
        -webkit-animation: Modal_modalOpen__tCI8Z .5s ease-in-out;
        animation: Modal_modalOpen__tCI8Z .5s ease-in-out
    }

    .Modal_close__kmMUY {
        -webkit-animation: Modal_modalClose__0MkxW .5s ease-in-out;
        animation: Modal_modalClose__0MkxW .5s ease-in-out
    }

    .Modal_containerTop__QHzLm {
        display: flex;
        justify-content: space-between;
        margin: 0 auto;
        position: relative
    }

    .Modal_imgContainer__xiQlU {
        width: 208px
    }

    .Modal_imgContainer__xiQlU>img {
        display: block;
        width: inherit
    }

    .Modal_infoContainer__20nLQ {
        display: flex;
        flex-flow: column;
        flex-shrink: 0;
        justify-content: center
    }

    .Modal_infoContainer__20nLQ>span {
        display: block;
        text-align: right
    }

    .Modal_infoEname__zvIW3 {
        color: #a2a2a2;
        font-size: 12px;
        font-weight: 500;
        opacity: 1
    }

    .Modal_infoEname__zvIW3.Modal_hide__eyWLO {
        visibility: hidden
    }

    .Modal_infoKname__x6jKf {
        color: #222;
        font-size: 20px;
        font-weight: 700;
        margin: 0 0 14px
    }

    .Modal_infoBirth__\+SBwM {
        color: #222;
        font-size: 12px
    }

    .Modal_infoHr__MtsPM {
        border: none;
        border-top: 1px solid #dc140a;
        height: 0;
        position: absolute;
        right: 0;
        top: 51%;
        -webkit-transform: translateY(-51%);
        transform: translateY(-51%);
        width: calc(100vw - 200px)
    }

    .Modal_exit__xa8ox {
        cursor: pointer;
        position: absolute;
        right: 0;
        top: -70px;
        width: 28px
    }

    .Modal_containerMiddle__ym4Qd {
        display: flex;
        gap: 20px;
        margin: 20px 0 40px;
        overflow-x: scroll;
        padding: 0 calc(50vw - 658.5px)
    }

    .Modal_containerMiddle__ym4Qd::-webkit-scrollbar {
        display: none
    }

    .Modal_imgItem__XGfad {
        cursor: pointer;
        flex-shrink: 0;
        height: 100px;
        overflow: hidden;
        position: relative;
        width: 100px
    }

    .Modal_imgItem__XGfad.Modal_selected__stw95 {
        border: 2px solid #dc140a
    }

    .Modal_imgItem__XGfad>img {
        left: 50%;
        position: absolute;
        top: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        width: inherit
    }

    .Modal_careerContainer__SX60D {
        display: grid;
        grid-auto-rows: 1px;
        grid-template-columns: repeat(auto-fill, 320px);
        margin: 0 auto;
        width: 100vw
    }

    .Modal_careerItem__9KkK\+ {
        display: flex;
        flex-flow: column;
        gap: 16px;
        width: 320px
    }

    .Modal_careerTheme__ZyHjm {
        align-items: center;
        display: flex;
        gap: 6px
    }

    .Modal_careerTheme__ZyHjm>span {
        color: #222;
        font-size: 20px;
        font-weight: 500
    }

    .Modal_careerCount__B2u4U {
        background-color: #dc140a;
        border-radius: 16px;
        color: #fff;
        display: flex;
        font-size: 12px;
        justify-content: center;
        min-width: 33px;
        padding: 4px 10px
    }

    .Modal_careerContent__iuAdz {
        color: #434343;
        font-size: 12px;
        line-height: 20px
    }

    .Modal_careerContent__iuAdz>span {
        display: block
    }
}

@media only screen and (min-width:1300px) {
    .Modal_wrap__u1bJn {
        -webkit-animation-fill-mode: both;
        animation-fill-mode: both;
        background-color: #fff;
        height: 100%;
        overflow-x: hidden;
        overflow-y: auto;
        padding: 120px 0 240px;
        position: fixed;
        top: 0;
        width: 100%;
        z-index: 9999
    }

    .Modal_open__GOfr4 {
        -webkit-animation: Modal_modalOpen__tCI8Z .5s ease-in-out;
        animation: Modal_modalOpen__tCI8Z .5s ease-in-out
    }

    .Modal_close__kmMUY {
        -webkit-animation: Modal_modalClose__0MkxW .5s ease-in-out;
        animation: Modal_modalClose__0MkxW .5s ease-in-out
    }

    .Modal_containerTop__QHzLm {
        display: flex;
        justify-content: space-between;
        margin: 0 auto;
        position: relative;
        width: 1300px
    }

    .Modal_imgContainer__xiQlU {
        height: 960px;
        width: 640px
    }

    .Modal_infoContainer__20nLQ {
        display: flex;
        flex-flow: column;
        justify-content: center
    }

    .Modal_infoContainer__20nLQ>span {
        display: block;
        text-align: right
    }

    .Modal_infoEname__zvIW3 {
        color: #434343;
        font-size: 24px;
        font-weight: 500;
        opacity: .47
    }

    .Modal_infoEname__zvIW3.Modal_hide__eyWLO {
        visibility: hidden
    }

    .Modal_infoKname__x6jKf {
        color: #222;
        font-size: 56px;
        font-weight: 700;
        margin: 4px 0 24px
    }

    .Modal_infoBirth__\+SBwM {
        color: #222;
        font-size: 24px
    }

    .Modal_infoHr__MtsPM {
        border: none;
        border-top: 1px solid #dc140a;
        height: 0;
        position: absolute;
        right: 0;
        top: 53%;
        -webkit-transform: translateY(-53%);
        transform: translateY(-53%);
        width: 750px
    }

    .Modal_exit__xa8ox {
        cursor: pointer;
        position: absolute;
        right: 0;
        top: 0
    }

    .Modal_containerMiddle__ym4Qd {
        display: flex;
        gap: 80px;
        margin: 80px 0 82px;
        overflow-x: scroll;
        padding: 0 calc(50vw - 658.5px)
    }

    .Modal_containerMiddle__ym4Qd::-webkit-scrollbar {
        display: none
    }

    .Modal_imgItem__XGfad {
        cursor: pointer;
        flex-shrink: 0;
        height: 280px;
        overflow: hidden;
        position: relative;
        width: 280px
    }

    .Modal_imgItem__XGfad.Modal_selected__stw95 {
        border: 2px solid #dc140a
    }

    .Modal_imgItem__XGfad>img {
        left: 50%;
        position: absolute;
        top: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        width: inherit
    }

    .Modal_careerContainer__SX60D {
        display: grid;
        grid-auto-rows: 1px;
        grid-template-columns: repeat(auto-fill, 400px);
        margin: 0 auto;
        width: 1300px
    }

    .Modal_careerItem__9KkK\+ {
        display: flex;
        flex-flow: column;
        gap: 28px;
        width: 400px
    }

    .Modal_careerTheme__ZyHjm {
        align-items: center;
        display: flex;
        gap: 6px
    }

    .Modal_careerTheme__ZyHjm>span {
        color: #222;
        font-size: 34px;
        font-weight: 500
    }

    .Modal_careerCount__B2u4U {
        background-color: #dc140a;
        border-radius: 16px;
        color: #fff;
        display: inline-block;
        font-size: 20px;
        min-width: 43px;
        padding: 4px 16px
    }

    .Modal_careerContent__iuAdz {
        color: #434343;
        font-size: 26px;
        line-height: 44px
    }

    .Modal_careerContent__iuAdz>span {
        display: block
    }
}

/*# sourceMappingURL=main.fa3707ba.css.map*/