@charset "utf-8";

main#main-app #ctt {
    margin:0 auto;
    padding:0;
    box-shadow: unset;
}
#main-app .page-title-wrap {
    padding:0 40px;
    height: 100vh;
    min-height: 866px;
    max-height: 1200px;
    background: url('../../image/_company/pc/bg/subpage-basic_bg.jpg') no-repeat top center;
    background-size: cover;
}
#main-app .sub-breadcrumb-wrap {
    margin:0 auto 140px;
    width:100%;
}
#main-app .sub-breadcrumb a {

}
#main-app .sub-breadcrumb-wrap .sub-breadcrumb li {
    margin-left:15px;
    font-size: 18px;
    color: #fff;
}
#main-app .sub-breadcrumb-wrap .sub-breadcrumb li::before {
    margin-right:15px;
    content:'·';
}

#main-app .page-main-path {
    margin:0 auto 50px;
    width:100%;
    font-size:27px;
    font-weight: bold;
}
#main-app .page-title {
    width:100%;
    font-size:56px;
    font-weight: bold;
}
.sec {
    color:var(--primary-color-subpage);
}
.sec .tt-wrap {
    margin:0 auto;
    padding:0 26px;
    max-width: 1600px;
    width: 100%;
}
.sec .tt-wrap .tt {
    margin:0 auto 60px;
    font-size: 73px;
    font-weight: normal;
}
.sec .tt-wrap .sub-tt {
    font-size: 24px;
    font-weight: normal;
}
.sec .tt-wrap .desc {
    font-size: 24px;
    font-weight: normal;
}
.sec .cont-wrap {

}
.sec .cont {
    margin:0 auto;
    padding:0 26px;
    max-width: 1600px;
    width: 100%;
}
.sec .tt {
    font-size: 56px;
}
.sec .sub-tt {
    font-size: 24px;
}
.sec .desc {
    font-size: 16px;
}

/* board common */
.board-sec .tt-wrap {
    margin:0 auto 96px;
}
.board-sec .tt-wrap .tt {
    margin:0 auto;
    font-size: 56px;
    font-weight: bold;
}


/* 회사소개 */

/* 회사소개 > BNM 비전 (company) */
#main-app.subpage-company .page-title-wrap {
    /*background: url('../../image/_company/pc/bg/subpage-company_bg.jpg') no-repeat top center;*/
    background-size: cover;
}
.subpage-company .greet-sec {
    padding-top:208px;
    padding-bottom:143px;
}
.subpage-company .intro-sec {
    padding-top:180px;
    padding-bottom:185px;

    background: radial-gradient(circle at 70% 130%,
    #5f4921 6%,
    #232221 36%,
    #000000 100%)
}
.subpage-company .intro-sec .cont1 {
    gap:32px;
}
.subpage-company .intro-sec .cont1 .item {
    padding:117px 24px 101px 24px;
    width: calc(100% / 3 - 32px * 3 / 2);
    max-width: 465px;
    background: var(--primary-color);
    border-radius: 30px;
}
.subpage-company .intro-sec .cont1 .item1 {
    background: url('../../image/_company/pc/sub/company/intro-item1_bg.png') no-repeat top center;
    background-size: cover;
}
.subpage-company .intro-sec .cont1 .item2 {
    background: url('../../image/_company/pc/sub/company/intro-item2_bg.png') no-repeat top center;
    background-size: cover;
}
.subpage-company .intro-sec .cont1 .item3 {
    background: url('../../image/_company/pc/sub/company/intro-item3_bg.png') no-repeat top center;
    background-size: cover;
}
.subpage-company .intro-sec .cont1 .item .tt {
    margin:0 auto 11px;
    font-size: 32px;
    font-weight: bold;
}
.subpage-company .intro-sec .cont1 .item .sub-tt {
    margin:0 auto 61px;
    font-size: 21px;
}
.subpage-company .intro-sec .cont1 .item .desc {
    font-size: 24px;
}
.subpage-company .goal-sec {
    padding-top:209px;
    padding-bottom:171px;
}
.subpage-company .interior-sec {
    width: 100%;
    height: 510px;
    background: url('../../image/_company/pc/sub/company/interior-sec_bg.jpg') no-repeat center center;
    background-size: cover;
}
.subpage-company .grow-sec {
    padding-top:231px;
    padding-bottom:200px;
}
.subpage-company .grow-sec .tt-wrap {
    margin:0 auto 97px;
}
.subpage-company .grow-sec .tt-wrap .tt {
    margin:0 auto 42px;
}
.subpage-company .grow-sec .tt-wrap .sub-tt {
    margin:0 auto 97px;
    font-size: 24px;
}
.subpage-company .grow-sec .tt-wrap .desc {
    font-size: 24px;
}
.subpage-company .grow-sec .cont1 {
    gap:18px;
}
.subpage-company .grow-sec .cont1 .item {
    padding:117px 24px 101px 24px;
    width: calc(100% / 3 - 18px * 3 / 2);
    max-width: 493px;
    background: #f8f8f8;
    border-radius: 34px;
}
.subpage-company .grow-sec .cont1 .item .sub-tt {
    margin:0 auto 10px;
    font-weight: bold;
    font-size: 21px;
}
.subpage-company .grow-sec .cont1 .item .tt {
    margin:0 auto 18px;
    font-weight: normal;
    font-size: 21px;
}


/* 회사소개 > 주요연혁 (history) */
#main-app.subpage-history {
    background: #000;
}
#main-app.subpage-history #ctt {
    background: unset;
}
#main-app.subpage-history .page-title-wrap {
    background: url('../../image/_company/pc/bg/subpage-history_bg.jpg?v=1') no-repeat top center;
    background-size: cover;
}
.subpage-history .intro-sec {
    padding-top:227px;
    padding-bottom:116px;
}
.subpage-history .intro-sec .tt-wrap .tt {
    margin:0 auto 32px;
    font-size: 56px;
    font-weight: bold;
}
.subpage-history .intro-sec .tt-wrap .desc {
    font-size: 18px;
}
.subpage-history .history-sec {
    padding-top:0;
    padding-bottom:220px;
}
.subpage-history .history-sec .swiper-slide {
    width: 627px;
}
.subpage-history .history-sec .swiper-slide .img-file1 {
    position: relative;
    height: 328px;
    border-radius: 12px;
    overflow: hidden;
}
.subpage-history .history-sec .swiper-slide .img-file1 img{
    position: relative;
    top:50%;
    left:50%;
    transform: translate(-50%, -50%);
    min-height: 100%;
    max-width: unset;
    min-width: 100%;
    transition: all 0.5s;
}
.subpage-history .history-sec .swiper-slide .img-file1:hover img {
    transform: scale(1.1) translate(-50%, -50%);
}
.subpage-history .history-sec .swiper-slide .img-file2 {
    margin:0 auto 24px;
    padding:0 10px;
    min-height: 80px;
}
.subpage-history .history-sec .history-swiper {
    max-width: 627px;
    height: auto;
    overflow: visible;
}
.subpage-history .history-sec .swiper-slide .img-file2 img {
    max-height: 80px;
}
.subpage-history .history-sec .swiper-slide.slide1 .img-file2 {
    padding:0 10px 0 28px;
}
.subpage-history .history-sec .swiper-slide.slide1 .img-file2 img {
    max-height: 56px;
}
.subpage-history .history-sec .swiper-slide .history-wrap {
    gap:24px;
    padding:62px 34px 34px 34px;
}
.subpage-history .history-sec .swiper-slide .history-wrap .tt {
    font-size: 32px;
    font-weight: bold;
}
.subpage-history .history-sec .swiper-slide .history-wrap .info-cont {
    padding:8px 0 40px 0;
    font-size: 18px;
}
.subpage-history .history-sec .swiper-slide .history-wrap .txt-cont {
    font-size:15px;
}
.subpage-history .history-sec .swiper-slide .history-wrap .txt-cont ul {
    display: flex;
    gap:8px;
    flex-direction: column;
    width: 100%;
}
.subpage-history .history-sec .swiper-slide .history-wrap .txt-cont li {
    display: flex;
    align-items: flex-start;
    gap:8px;
    line-height: 1.8;
    width: 100%;
}
.subpage-history .history-sec .swiper-slide .history-wrap .txt-cont li .month {
    width: calc(34px);
}
.subpage-history .history-sec .swiper-slide .history-wrap .txt-cont li .history-txt {
    width: calc(100% - 34px - 8px);
}
.subpage-history .history-sec .swiper-button {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background: rgba(0, 0, 0, 0.8);
    border: 1px solid #fff;
    cursor: pointer;
    transition: all 0.5s;
    z-index: 100;
}
.subpage-history .history-sec .swiper-button:hover {
    background: var(--primary-color);
}
.subpage-history .history-sec .swiper-button::before {
    content: '';
    display: block;
    width: 10px;
    height: 10px;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(225deg);
}
.subpage-history .history-sec .swiper-button-next {
    top:calc(80px + 24px + (328px / 2));
    right: calc(50px / 2 * -1);
}
.subpage-history .history-sec .swiper-button-next::before {
    transform: translate(-50%, -50%) rotate(-315deg);
}
.subpage-history .history-sec .swiper-button-prev {
    top:calc(80px + 24px + (328px / 2));
    left: calc(50px / 2 * -1);
}



/* 회사소개 > LOGO SYSTEM (logo_system) */
#main-app.subpage-logo_system .page-title-wrap {
    background: url('../../image/_company/pc/bg/subpage-logo_system_bg.jpg') no-repeat top center;
    background-size: cover;
}
.subpage-logo_system .intro-sec {
    padding-top:270px;
    padding-bottom:450px;
}
.subpage-logo_system .intro-sec .cont-wrap {
    gap:124px;
    margin:0 auto;
    max-width: 1400px;
}
.subpage-logo_system .intro-sec .cont-wrap .cont {
    width: 100%;
}
.subpage-logo_system .intro-sec .cont {
    gap:20px;
}
.subpage-logo_system .intro-sec .item-sort {
    width: calc(175px);
}
.subpage-logo_system .intro-sec .item-sort .tt {
    font-size:30px;
    color:#000;
    font-weight: normal;
}
.subpage-logo_system .intro-sec .item-content {
    width: calc(100% - (175px + 180px) - 20px * 1 / 2);
}
.subpage-logo_system .intro-sec .cont1 .item-content {
    padding:0 0 24px 0;
}
.subpage-logo_system .intro-sec .cont1 .item-content .tt {
    margin:0 auto 26px;
    padding:0 0 0 10px;
    font-size:56px;
}
.subpage-logo_system .intro-sec .cont1 .item-content .sub-tt {
    margin:0 auto 105px;
    font-size: 16px;
}
.subpage-logo_system .intro-sec .cont1 .item-content .img-wrap img {
    width: 100%;
}
.subpage-logo_system .intro-sec .cont2 .item-content .desc {
    padding:0 0 0 36px;
    font-size: 16px;
    line-height: 1.5;
}
.subpage-logo_system .intro-sec .cont3 .item-content {
    gap:63px;
}
.subpage-logo_system .intro-sec .cont3 .item-content .sub-item {
    width: 100%;
}
.subpage-logo_system .intro-sec .cont3 .item-content .label {
    gap:10px;
    margin:0 auto 16px;
    font-size:16px;
}
.subpage-logo_system .intro-sec .cont3 .item-content .label tag {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 21px;
    height: 21px;
    font-size: 14px;
    background: #000;
    border-radius: 50%;
}
.subpage-logo_system .intro-sec .cont3 .item-content .list-content {
    gap:70px;
    max-width: 950px;
    width: 100%;
}
.subpage-logo_system .intro-sec .cont3 .item-content .list-content .img-wrap {
    width: calc(100% / 2 - 70px * 1 / 2);
}
.subpage-logo_system .intro-sec .cont3 .item-content .list-content .img-wrap img {
    width: 100%;
}
.subpage-logo_system .intro-sec .cont3 .item-content .si4 {
    padding:0 0 68px 0;
}
.subpage-logo_system .intro-sec .cont3 .item-content .si4 .list-content {
    gap:18px;
    margin:0 0 45px;
}
.subpage-logo_system .intro-sec .cont3 .item-content .si4 .list-content .img-wrap {
    width: calc(100% / 3 - 18px * 2 / 3);
}
.subpage-logo_system .intro-sec .cont3 .item-content .si4 .desc {
    font-size:16px;
}
.subpage-logo_system .intro-sec .cont3 .item-content .si4 .desc.d1 {
    margin:0 auto 20px;
}
.subpage-logo_system .intro-sec .cont4 .item-content {
    gap:126px;
}
.subpage-logo_system .intro-sec .cont4 .item-content .sub-item {
    width: 100%;
}
.subpage-logo_system .intro-sec .cont4 .item-content .si1 .tt {
    margin:0 auto 55px;
    font-size:56px;
}
.subpage-logo_system .intro-sec .cont4 .item-content .si1 {

}
.subpage-logo_system .intro-sec .cont4 .item-content .si1 .list-content {
    gap:20px;
}
.subpage-logo_system .intro-sec .cont4 .item-content .si1 .list-content .sub2-item {
    width: calc(100% / 4 - 20px * 3 / 4);
}
.subpage-logo_system .intro-sec .cont4 .item-content .si1 .list-content .sub2-item .desc {
    padding:20px 0 0 0;
    font-size: 16px;
}
.subpage-logo_system .intro-sec .cont4 .item-content .si2 .tt {
    margin:0 auto 32px;
    font-size:40px;
}
.subpage-logo_system .intro-sec .cont4 .item-content .si2 .desc {
    margin:0 auto 55px;
    font-size:16px;
}
.subpage-logo_system .intro-sec .cont4 .item-content .si3 .tt {
    margin:0 auto 4px;
    font-size:40px;
}
.subpage-logo_system .intro-sec .cont4 .item-content .si3 .desc {
    padding:0 20px 0 0;
    width: calc(100% - 493px);
    font-size:16px;
}
.subpage-logo_system .intro-sec .cont4 .item-content .si3 .img-wrap {
    width: 493px;
}



/* 회사소개 > BRANDS (brand) */
#main-app.subpage-brand .page-title-wrap {
    background: url('../../image/_company/pc/bg/subpage-brand_bg.jpg') no-repeat top center;
    background-size: cover;
}
.subpage-brand .intro-sec {
    padding-top:270px;
    padding-bottom:270px;
}
.subpage-brand .intro-sec .tt-wrap {
    margin:0 auto 120px;
}
.subpage-brand .intro-sec .tt-wrap .tt {
    margin:0 auto 60px;
    font-size: 56px;
    font-weight: bold;
}
.subpage-brand .intro-sec .tt-wrap .sub-tt {
    font-size: 18px;
}
.subpage-brand .intro-sec .cont1 .item {
    padding:200px 24px;
    width: calc(100% / 3);
    box-sizing: border-box;
    border-top:1px solid #ccc;
    border-right:1px solid #ccc;
}
.subpage-brand .intro-sec .cont1 .item:nth-child(3n) {
    border-right:none;
}
.subpage-brand .intro-sec .cont1 .item:nth-child(n+7){
    border-bottom:1px solid #ccc;
}
.subpage-brand .intro-sec .cont1 .item img {
    display: inline-flex;
}


/* 회사소개 > 제휴 제안 (bbs_proposal) */
#main-app.subpage-bbs_proposal .page-title-wrap {
    background: url('../../image/_company/pc/bg/subpage-bbs_proposal_bg.jpg?v=1') no-repeat top center;
    background-size: cover;
}
.subpage-bbs_proposal .board-sec {

}

/* 회사소개 > 파트너스 (partners) */
#main-app.subpage-partners .page-title-wrap {
    background: url('../../image/_company/pc/bg/subpage-partners_bg.jpg') no-repeat top center;
    background-size: cover;
}
.subpage-partners .intro-sec {
    padding-top:270px;
    padding-bottom:270px;
}
.subpage-partners .intro-sec .tt-wrap {
    margin:0 auto 60px;
}
.subpage-partners .intro-sec .tt-wrap .tt {
    margin:0 auto 60px;
    font-size: 56px;
    font-weight: bold;
}
.subpage-partners .intro-sec .tt-wrap .sub-tt {
    font-size: 16px;
}


/* CONTENTS */
/* CONTENTS > BRAND NEWS (bbs_news) */
#main-app.subpage-bbs_news .page-title-wrap {
    background: url('../../image/_company/pc/bg/subpage-bbs_news_bg.jpg?v=1') no-repeat top center;
    background-size: cover;
}
.subpage-bbs_news .board-sec {
    padding-top:260px;
    padding-bottom:340px;
}


/* CONTENTS >운영브랜드 이슈 (bbs_brand_news) */
#main-app.subpage-bbs_brand_news .page-title-wrap {
    background: url('../../image/_company/pc/bg/subpage-bbs_brand_news_bg.jpg') no-repeat top center;
    background-size: cover;
}
.subpage-bbs_brand_news .board-sec {
    padding-top:260px;
    padding-bottom:340px;
}



/* CONTENTS >협력사 이슈 (bbs_partner_news) */
#main-app.subpage-bbs_partner_news .page-title-wrap {
    background: url('../../image/_company/pc/bg/subpage-bbs_partner_news_bg.jpg') no-repeat top center;
    background-size: cover;
}
.subpage-bbs_partner_news .board-sec {
    padding-top:260px;
    padding-bottom:340px;
}




/* 소셜미디어 (social) */
#main-app.subpage-bbs_social .page-title-wrap {
    background: url('../../image/_company/pc/bg/subpage-bbs_social_bg.jpg') no-repeat top center;
    background-size: cover;
}
.subpage-bbs_social .board-sec {
    padding-top:260px;
    padding-bottom:340px;
}



/* 사업부 (business) */
#main-app.subpage-business .page-title-wrap {
    background: url('../../image/_company/pc/bg/subpage-business_bg.jpg') no-repeat top center;
    background-size: cover;
}
.subpage-business .intro-sec {
    padding-top:192px;
    padding-bottom:180px;
}
.subpage-business .intro-sec .tt-wrap .tt {
    margin:0 auto;
    font-size: 73px;
    line-height: 1.38;
}
.subpage-business .business-sec {
    padding-top:0;
    padding-bottom:200px;
}
.subpage-business .business-tab-wrap {
    margin:108px auto 0;
    width: 100%;
    max-width:1600px;
}
.subpage-business .business-tab-wrap .tt {
    position: relative;
    padding:0 0 16px 0;
    font-size:24px;
    font-weight: 400;
    color: #1a1b1d;
}
.subpage-business .business-tab-wrap .custom-active .tt {
    color: var(--primary-color);
    border-bottom:2px solid var(--primary-color);
}
.subpage-business .business-sec .business-swiper {
    max-width: 100%;
    height: auto;
    overflow: visible;
}
.subpage-business .business-sec .swiper-slide {
    width: 100%;
}
.subpage-business .business-sec .swiper-slide .inner {
    margin:0 auto;
    max-width: 2560px;
    width: 100%;
}
.subpage-business .business-sec .swiper-slide .inner a.inner-link-btn {
    display: block;
}
.subpage-business .business-sec .swiper-slide .inner a.inner-link-btn:hover .tt {
    color: #000;
}
.subpage-business .business-sec .swiper-slide .img-box {
    margin:0 auto 198px;
    max-width:2560px;
    width:100%;
    overflow: hidden;
}
.subpage-business .business-sec .swiper-slide .img-file1 {
    position: relative;
    height: 100%;
    overflow: hidden;
}
.subpage-business .business-sec .swiper-slide .img-file1 img{
    position: relative;
    transition: all 0.5s;
}
.subpage-business .business-sec .swiper-slide .img-file1:hover img {
    transform: scale(1.1);
}
.subpage-business .business-sec .swiper-slide .img-file2 {
    margin:0 auto 24px;
    padding:0 10px;
    min-height: 80px;
}
.subpage-business .business-sec .swiper-slide .inner .business-wrap {
    margin:0 auto;
    width: 100%;
    max-width: 1600px;
}
.subpage-business .business-sec .swiper-slide .inner .tt-wrap {
    margin:0 auto 72px;
    padding:0 26px 0 0;
    width:50%;
}
.subpage-business .business-sec .swiper-slide .inner .tt-wrap .tt {
    position: relative;
    margin:0 auto;
    padding:34px 0 0 0;
    font-size: 56px;
    font-weight: bold;
}
.subpage-business .business-sec .swiper-slide .inner .tt-wrap .tt::before {
    content:'';
    position: absolute;
    top:0;
    left:0;
    display: block;
    width:25px;
    height:25px;
    background: var(--primary-color);
}
.subpage-business .business-sec .swiper-slide .inner .tt-wrap .desc {
    line-height: 1.5;
    min-height:92px;
    font-size: 16px;
    color:#1a1b1d;
}
.subpage-business .business-sec .swiper-slide .inner .txt-wrap {
    padding:160px 26px 0 0;
    width:50%;
}
.subpage-business .business-sec .swiper-slide .inner .txt-wrap .desc {
    line-height: 1.71;
    font-size: 21px;
    color:#1a1b1d;
    word-break: keep-all;
}
.subpage-business .business-sec .swiper-slide .inner .txt-wrap .desc p {
    word-break: keep-all;
}
.subpage-business .business-sec .swiper-slide .inner .txt-wrap .desc.desc-wr1 {
    line-height: 1.5;
    margin:0 auto 75px;
    font-size:16px;
}
.subpage-business .business-sec .swiper-slide .inner .txt-wrap .desc.desc-cont {

}
.subpage-business .business-sec .swiper-button {
    transform: translateY(-50%);
    width: 98px;
    height: 98px;
    border-radius: 50%;
    border: 1px solid #000;
    cursor: pointer;
    transition: all 0.5s;
    background: rgba(255,255,255,0.8);
    z-index: 100;
}
.subpage-business .business-sec .swiper-button:hover {
    background: #000;
}
.subpage-business .business-sec .swiper-button:hover::before {
    border-top: 1px solid #fff;
    border-right:1px solid #fff;
}
.subpage-business .business-sec .swiper-button::before {
    content: '';
    display: block;
    width: 24px;
    height: 24px;
    border-top: 1px solid #000;
    border-right:1px solid #000;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(225deg);
}
.subpage-business .business-sec .swiper-button-prev::before {
    margin-left:6px;
}
.subpage-business .business-sec .swiper-button-next::before {
    margin-left:-6px;
}
.subpage-business .business-sec .swiper-button-next {
    top:calc(636px / 2);
    left:50%;
    transform: translateY(calc(98px / 2 * -1)) translateX(672px);
}
.subpage-business .business-sec .swiper-button-next::before {
    transform: translate(-50%, -50%) rotate(-315deg);
}
.subpage-business .business-sec .swiper-button-prev {
    top:calc(636px / 2);
    left:50%;
    transform: translateY(calc(98px / 2 * -1)) translateX(calc(-672px - 98px));
}


/* 사업부 > 운영 PC방 (business) */
#main-app.subpage-bbs_store .page-title-wrap {
    background: url('../../image/_company/pc/bg/subpage-bbs_store_bg.png') no-repeat top center;
    background-size: cover;
}
.subpage-bbs_store .board-sec {
    padding-top:192px;
    padding-bottom:180px;
}
.subpage-bbs_store .board-sec .tt-wrap .tt {
    margin:0 auto;
    line-height: 1.38;
}


/* RECRUIT */
/* RECRUIT > 인재상 (talent) */
#main-app.subpage-talent .page-title-wrap {
    background: url('../../image/_company/pc/bg/subpage-talent_bg.jpg') no-repeat top center;
    background-size: cover;
}
.subpage-talent .intro-sec {
    padding-top:190px;
    padding-bottom:270px;
}
.subpage-talent .intro-sec .cont {
    gap:136px;
}
.subpage-talent .intro-sec .cont .item {
    gap:82px;
    width: 100%;
}
.subpage-talent .intro-sec .cont .item .img-wrap {
    max-width: 674px;
    width: calc(100% / 2 - 82px * 2 / 1);
}
.subpage-talent .intro-sec .cont .item .txt-wrap {
    padding:0 40px;
    max-width: 674px;
    width: calc(100% / 2 - 82px * 2 / 1);
}
.subpage-talent .intro-sec .cont .item .txt-wrap .tt {
    margin:0 auto 48px;
}


/* RECRUIT > 상시모집 (bbs_recruit) */
#main-app.subpage-bbs_recruit .page-title-wrap {
    background: url('../../image/_company/pc/bg/subpage-bbs_recruit_bg.jpg') no-repeat top center;
    background-size: cover;
}
.subpage-bbs_recruit .desc {
    margin:0 auto 75px;
}

@media screen and (max-width: 1024px) {
    #main-app.subpage-company .page-title-wrap {
        background: url('../../image/_company/mobile/bg/subpage-company_bg.jpg') no-repeat top center;
        background-size: cover;
    }
    #main-app.subpage-history .page-title-wrap {
        background: url('../../image/_company/mobile/bg/subpage-history_bg.jpg') no-repeat top center;
        background-size: cover;
    }
    #main-app.subpage-logo_system .page-title-wrap {
        background: url('../../image/_company/mobile/bg/subpage-logo_system_bg.png') no-repeat top center;
        background-size: cover;
    }
    #main-app.subpage-brand .page-title-wrap {
        background: url('../../image/_company/mobile/bg/subpage-brand_bg.jpg') no-repeat top center;
        background-size: cover;
    }
    #main-app.subpage-bbs_proposal .page-title-wrap {
        background: url('../../image/_company/mobile/bg/subpage-bbs_proposal_bg.jpg?v=1') no-repeat top center;
        background-size: cover;
    }
    #main-app.subpage-partners .page-title-wrap {
        background: url('../../image/_company/mobile/bg/subpage-partners_bg.jpg') no-repeat top center;
        background-size: cover;
    }
    #main-app.subpage-bbs_news .page-title-wrap {
        background: url('../../image/_company/mobile/bg/subpage-bbs_news_bg.jpg?v=1') no-repeat top center;
        background-size: cover;
    }
    #main-app.subpage-bbs_brand_news .page-title-wrap {
        background: url('../../image/_company/mobile/bg/subpage-bbs_brand_news_bg.jpg') no-repeat top center;
        background-size: cover;
    }
    #main-app.subpage-bbs_partner_news .page-title-wrap {
        background: url('../../image/_company/mobile/bg/subpage-bbs_partner_news_bg.jpg') no-repeat top center;
        background-size: cover;
    }
    #main-app.subpage-bbs_social .page-title-wrap {
        background: url('../../image/_company/mobile/bg/subpage-bbs_social_bg.jpg') no-repeat top center;
        background-size: cover;
    }
    #main-app.subpage-business .page-title-wrap {
        /*background: url('../../image/_company/mobile/bg/subpage-business_bg.jpg') no-repeat top center;*/
        background-size: cover;
    }
    #main-app.subpage-bbs_store .page-title-wrap {
        background: url('../../image/_company/mobile/bg/subpage-bbs_store_bg.png') no-repeat top center;
        background-size: cover;
    }
    #main-app.subpage-talent .page-title-wrap {
        background: url('../../image/_company/mobile/bg/subpage-talent_bg.jpg') no-repeat top center;
        background-size: cover;
    }
    #main-app.subpage-bbs_recruit .page-title-wrap {
        background: url('../../image/_company/mobile/bg/subpage-bbs_recruit_bg.jpg') no-repeat top center;
        background-size: cover;
    }
}




@media screen and (max-width: 768px) {
    .sec .tt-wrap {
        padding:0 calc(var(--mb-vw) * 0);
    }
    .sec .tt-wrap .tt {
        font-size: calc(var(--mb-vw) * 49);
    }
    .sec .tt-wrap .desc {
        font-size: calc(var(--mb-vw) * 14);
    }
    .sec .cont {
        padding:0 calc(var(--mb-vw) * 35);
    }
    .sec .tt {
        font-size: calc(var(--mb-vw) * 56);
    }
    .sec .desc {
        font-size: calc(var(--mb-vw) * 16);
    }
    #main-app .page-title-wrap {
        padding:0 calc(var(--mb-vw) * 35);
    }
    #main-app .page-title-wrap .inner {
        position: relative;
        z-index: 1;
    }
    #main-app.subpage-logo_system .page-title {
        font-size:calc(var(--mb-vw) * 40);
    }
    #main-app .sub-breadcrumb-wrap .sub-breadcrumb li {
        margin-left:calc(var(--mb-vw) * 15);
        font-size:calc(var(--mb-vw) * 15);
    }
    #main-app .sub-breadcrumb-wrap .sub-breadcrumb li::before {
        margin-right:calc(var(--mb-vw) * 15);
    }
    #main-app .page-title-wrap {
        height: calc(var(--mb-vw) * 508);
        min-height: unset;
    }
    #main-app .sub-breadcrumb-wrap {
        margin:0 auto calc(var(--mb-vw) * 120);
        font-size: calc(var(--mb-vw) * 15);
    }
    #main-app .page-main-path {
        margin:0 auto calc(var(--mb-vw) * 48);
        font-size: calc(var(--mb-vw) * 22);
    }
    #main-app .page-title {
        font-size: calc(var(--mb-vw) * 48);
    }

    .subpage-company .greet-sec {
        padding-top:calc(var(--mb-vw) * 87);
        padding-bottom:calc(var(--mb-vw) * 120);
    }
    .subpage-company .greet-sec .tt-wrap {
        padding:0 calc(var(--mb-vw) * 40);
    }
    .subpage-company .intro-sec {
        padding-top:calc(var(--mb-vw) * 88);
        padding-bottom:calc(var(--mb-vw) * 82);
    }
    .subpage-company .intro-sec .cont1 {
        gap:calc(var(--mb-vw) * 32);
        padding:0 calc(var(--mb-vw) * 20);
    }
    .subpage-company .intro-sec .cont1 .item {
        padding:calc(var(--mb-vw) * 104) 0 calc(var(--mb-vw) * 64) 0;
        width: 100%;
    }
    .subpage-company .intro-sec .cont1 .item .tt {
        margin:0 auto calc(var(--mb-vw) * 10);
        font-size: calc(var(--mb-vw) * 29);
    }
    .subpage-company .intro-sec .cont1 .item .sub-tt {
        margin:0 auto calc(var(--mb-vw) * 56);
        font-size: calc(var(--mb-vw) * 19);
    }
    .subpage-company .intro-sec .cont1 .item .desc {
        font-size: calc(var(--mb-vw) * 21);
    }
    .subpage-company .goal-sec {
        padding-top:calc(var(--mb-vw) * 118);
        padding-bottom:calc(var(--mb-vw) * 115);
    }
    .subpage-company .goal-sec .tt {
        margin:0 auto calc(var(--mb-vw) * 35);
    }
    .subpage-company .goal-sec .desc {
        font-size: calc(var(--mb-vw) * 14);
    }
    .subpage-company .interior-sec {
        height: calc(var(--mb-vw) * 510);
    }
    .subpage-company .grow-sec{
        padding-top:calc(var(--mb-vw) * 118);
        padding-bottom:calc(var(--mb-vw) * 115);
    }
    .subpage-company .grow-sec .tt {
        margin:0 auto calc(var(--mb-vw) * 35);
    }
    .subpage-company .grow-sec .tt-wrap .sub-tt {
        margin:0 auto calc(var(--mb-vw) * 70);
        font-size: calc(var(--mb-vw) * 17);
    }
    .subpage-company .grow-sec .tt-wrap .desc {
        font-size: calc(var(--mb-vw) * 17);
    }
    .subpage-company .grow-sec .cont1 .item {
        padding:calc(var(--mb-vw) * 55) 0 calc(var(--mb-vw) * 42) 0;
        width: 100%;
        max-width: 100%;
    }
    .subpage-company .grow-sec .cont1 {
        gap:calc(var(--mb-vw) * 38);
    }
    .subpage-company .grow-sec .cont1 .item .sub-tt {
        margin:0 auto calc(var(--mb-vw) * 10);
        font-size: calc(var(--mb-vw) * 21);
    }
    .subpage-company .grow-sec .cont1 .item .tt {
        margin:0 auto calc(var(--mb-vw) * 18);
        font-size: calc(var(--mb-vw) * 21);
    }

    .subpage-history .intro-sec {
        display: none;
    }
    .subpage-history .history-sec {
        padding-top:calc(var(--mb-vw) * 72);
        padding-bottom:calc(var(--mb-vw) * 220);
    }
    .subpage-history .history-sec .cont-wrap {
        padding:0 calc(var(--mb-vw) * 36);
    }
    .subpage-history .history-sec .swiper-slide .img-file1 {
        height:calc(var(--mb-vw) * 187);
    }
    .subpage-history .history-sec .swiper-slide .img-file2 {
        margin:0 auto calc(var(--mb-vw) * 24);
        padding:0 calc(var(--mb-vw) * 10);
        min-height: calc(var(--mb-vw) * 80);
    }
    .subpage-history .history-sec .swiper-button-next {
        top:calc((var(--mb-vw) * 80) + (var(--mb-vw) * 24) + ((var(--mb-vw) * 187) / 2));
        right: calc(var(--mb-vw) * 36 * -1);
    }
    .subpage-history .history-sec .swiper-button-prev {
        top:calc((var(--mb-vw) * 80) + (var(--mb-vw) * 24) + ((var(--mb-vw) * 187) / 2));
        left: calc(var(--mb-vw) * 36 * -1);
    }
    .subpage-history .history-sec .swiper-slide .history-wrap {
        gap:calc(var(--mb-vw) * 18);
        padding:calc(var(--mb-vw) * 69) 0 0 calc(var(--mb-vw) * 9);
    }
    .subpage-history .history-sec .swiper-slide .item-year {
        width: calc(var(--mb-vw) * 80);
    }
    .subpage-history .history-sec .swiper-slide .item-info {
        width: calc(100% - (var(--mb-vw) * 80) - (var(--mb-vw) * 18) );
    }
    .subpage-history .history-sec .swiper-slide .history-wrap .tt {
        font-size: calc(var(--mb-vw) * 29);
    }
    .subpage-history .history-sec .swiper-slide .history-wrap .info-cont {
        font-size: calc(var(--mb-vw) * 16);
    }
    .subpage-history .history-sec .swiper-slide .history-wrap .txt-cont li {
        gap:calc(var(--mb-vw) * 6);
    }
    .subpage-history .history-sec .swiper-slide .history-wrap .txt-cont li .history-txt {
        font-size: calc(var(--mb-vw) * 12);
        width: calc(100% - (var(--mb-vw) * 30) - (var(--mb-vw) * 6) );
    }
    .subpage-history .history-sec .swiper-slide .history-wrap .txt-cont li .month {
        font-size: calc(var(--mb-vw) * 12);
        width: calc(var(--mb-vw) * 30);
    }
    .subpage-logo_system .intro-sec {
        padding-top:calc(var(--mb-vw) * 132);
    }
    .subpage-logo_system .intro-sec .cont {
        gap:calc(var(--mb-vw) * 35);
        padding:0 calc(var(--mb-vw) * 24);
    }
    .subpage-logo_system .intro-sec .cont-wrap {
        gap:calc(var(--mb-vw) * 76);
    }
    .subpage-logo_system .intro-sec .item-sort {
        width: 100%;
    }
    .subpage-logo_system .intro-sec .item-sort .tt {
        font-size: calc(var(--mb-vw) * 30);
    }
    .subpage-logo_system .intro-sec .item-content {
        width: 100%;
    }
    .subpage-logo_system .intro-sec .cont1 .item-content .tt {
        padding:0;
    }

    .subpage-logo_system .intro-sec .cont1 .item-content .tt{
        margin:0 auto calc(var(--mb-vw) * 20);
        font-size: calc(var(--mb-vw) * 42);
    }
    .subpage-logo_system .intro-sec .cont1 .item-content .sub-tt {
        margin:0 auto calc(var(--mb-vw) * 70);
        font-size: calc(var(--mb-vw) * 14);
    }
    .subpage-logo_system .intro-sec .cont2 .item-content .desc {
        padding:0;
        font-size: calc(var(--mb-vw) * 14);
    }
    .subpage-logo_system .intro-sec .cont3 .item-content .label {
        gap:calc(var(--mb-vw) * 12);
        margin:0 auto calc(var(--mb-vw) * 24);
        font-size: calc(var(--mb-vw) * 19);
    }
    .subpage-logo_system .intro-sec .cont3 .item-content .label tag {
        width:calc(var(--mb-vw) * 24);
        height: calc(var(--mb-vw) * 24);
        font-size: calc(var(--mb-vw) * 16);
    }
    .subpage-logo_system .intro-sec .cont3 .item-content .list-content {
        gap:calc(var(--mb-vw) * 28);
    }
    .subpage-logo_system .intro-sec .cont3 .item-content .list-content .img-wrap {
        width: 100%;
    }
    .subpage-logo_system .intro-sec .cont3 .item-content .si4 {
        padding:0;
    }
    .subpage-logo_system .intro-sec .cont3 .item-content .si4 .list-content {
        gap:calc(var(--mb-vw) * 25);
        margin:0 auto calc(var(--mb-vw) * 61);
    }
    .subpage-logo_system .intro-sec .cont3 .item-content .si4 .list-content .img-wrap {
        width: 100%;
    }
    .subpage-logo_system .intro-sec .cont3 .item-content .si4 .desc.d1 {
        margin:0 auto calc(var(--mb-vw) * 46);
        font-size: calc(var(--mb-vw) * 14);
    }
    .subpage-logo_system .intro-sec .cont3 .item-content .si4 .desc.d2 {
        font-size: calc(var(--mb-vw) * 16);
    }
    .subpage-logo_system .intro-sec .cont4 .item-content {
        gap:calc(var(--mb-vw) * 80);
    }
    .subpage-logo_system .intro-sec .cont4 .item-content .si1 .list-content .sub2-item {
        width: 100%;
    }
    .subpage-logo_system .intro-sec .cont4 .item-content .si1 .list-content {
        gap:calc(var(--mb-vw) * 32);
    }
    .subpage-logo_system .intro-sec .cont4 .item-content .si1 .list-content .sub2-item .desc {
        margin:calc(var(--mb-vw) * 32) auto 0;
        font-size: calc(var(--mb-vw) * 26);
    }
    .subpage-logo_system .intro-sec .cont4 .item-content .si3 .desc {
        width: 100%;
    }
    .subpage-brand .intro-sec {
        padding-top:calc(var(--mb-vw) * 108);
        padding-bottom:calc(var(--mb-vw) * 220);
    }
    .subpage-brand .intro-sec .tt-wrap {
        margin:0 auto calc(var(--mb-vw) * 75);
        padding:0 calc(var(--mb-vw) * 21);
    }
    .subpage-brand .intro-sec .tt-wrap .tt {
        margin:0 auto calc(var(--mb-vw) * 28);
        font-size: calc(var(--mb-vw) * 38);
    }
    .subpage-brand .intro-sec .cont1 {
        justify-content: flex-start;
    }
    .subpage-brand .intro-sec .cont1 .item:nth-child(3n) {
        border-right:1px solid #ccc;
    }
    .subpage-brand .intro-sec .cont1 .item:nth-child(2n) {
        border-right:none;
    }
    .subpage-brand .intro-sec .cont1 .item {
        padding:calc(var(--mb-vw) * 56) 0;
        width: 50%;
    }
    .subpage-brand #ctt_con .intro-sec .cont1 .item img {
        height:calc(var(--mb-vw) * 24);
    }
    .subpage-partners .intro-sec {
        padding-top:calc(var(--mb-vw) * 108);
        padding-bottom:calc(var(--mb-vw) * 220);
    }
    .subpage-partners .intro-sec .tt-wrap {
        margin:0 auto calc(var(--mb-vw) * 75);
        padding:0 calc(var(--mb-vw) * 21);
    }
    .subpage-partners .intro-sec .tt-wrap .tt {
        margin:0 auto calc(var(--mb-vw) * 28);
        font-size: calc(var(--mb-vw) * 38);
    }


    .subpage-bbs_news .board-sec {
        padding-top:calc(var(--mb-vw) * 108);
    }
    .board-sec .tt-wrap .tt{
        font-size: calc(var(--mb-vw) * 38);
    }
    #main-app .basic-body .board-list {
        padding:0 calc(var(--mb-vw) * 26);
        min-width: unset;
        max-width: 100%;
    }
    .board-list-search-wrap {
        margin:0 auto calc(var(--mb-vw) * 60);
    }
    .board-gallery .gallery-item, .board-gallery .gallery-sizer {
        width: 100%;
    }
    .board-gallery .gallery-item .gallery-item-info {
        padding:calc(var(--mb-vw) * 24) 0;
    }
    .board-gallery .gallery-item-in .gallery-item-category {
        padding:0 0 calc(var(--mb-vw) * 16) 0;
        font-size: calc(var(--mb-vw) * 18);
    }
    .board-gallery .gallery-item .gallery-item-info h4 {
        font-size: calc(var(--mb-vw) * 18);
        min-height: calc(var(--mb-vw) * 60);
    }
    .board-gallery .gallery-item .gallery-item-info .gallery-cont {
        font-size: calc(var(--mb-vw) * 16);
    }
    .board-gallery .gallery-item .gallery-item-bottom {
        font-size: calc(var(--mb-vw) * 16);
    }
    .body-bbs_store .board-gallery .gallery-item .gallery-item-info {
        padding:calc(var(--mb-vw) * 16) 0;
    }
    .body-bbs_store .board-gallery .gallery-item .gallery-item-info h4 {
        margin:0 auto calc(var(--mb-vw) * 8);
        min-height: unset;
    }
    .board-gallery .gallery-item .new-img {
        left:calc(var(--mb-vw) * 2 * -1);
        bottom:calc(var(--mb-vw) * 64);
    }
    .board-view {
        padding-top:calc(var(--mb-vw) * 108);
        padding-left:calc(var(--mb-vw) * 24);
        padding-right:calc(var(--mb-vw) * 24);
    }
    .subpage-business .intro-sec {
        padding-top:calc(var(--mb-vw) * 78);
        padding-bottom:calc(var(--mb-vw) * 89);
    }
    .subpage-business .intro-sec .tt-wrap {
        padding:0 calc(var(--mb-vw) * 47);
        margin:0 auto;
    }
    .subpage-business .intro-sec .tt-wrap .tt {
        margin:0 auto;
        font-size: calc(var(--mb-vw) * 43);
    }
    .subpage-business .business-tab-wrap {
        margin:calc(var(--mb-vw) * 75) auto 0;
        padding:0 calc(var(--mb-vw) * 47);
        overflow: visible;
    }
    .subpage-business .business-tab-wrap .swiper {
        touch-action: pan-y; /* 또는 auto */
        -ms-touch-action: pan-y;
        overflow: visible;
    }
    .subpage-business .business-tab-wrap .swiper-wrapper {

    }
    .subpage-business .business-tab-wrap .swiper-slide {
        width: auto;
        pointer-events: auto;
    }
    .subpage-business .business-tab-wrap .swiper-slide:last-child {

    }
    .subpage-business .business-tab-wrap .tt {
        padding:0 0 calc(var(--mb-vw) * 10) 0;
        font-size:calc(var(--mb-vw) * 14);
    }
    .subpage-business .business-sec {
        padding-bottom:calc(var(--mb-vw) * 48);
    }
    .subpage-business .business-sec .swiper-slide .inner .tt-wrap {
        margin:0 auto calc(var(--mb-vw) * 64);
    }
    .subpage-business .business-sec .swiper-slide .inner .tt-wrap .tt {
        margin:0 auto calc(var(--mb-vw) * 25);
        font-size: calc(var(--mb-vw) * 33);
    }
    .subpage-business .business-sec .swiper-slide .inner .tt-wrap .desc {
        min-height:calc(var(--mb-vw) * 108);
        font-size: calc(var(--mb-vw) * 16);
    }
    .subpage-business .business-sec .swiper-slide .img-box {
        margin:0 auto calc(var(--mb-vw) * 56);
    }
    .subpage-business #ctt_con .business-sec .swiper-slide .img-file1 img {
        width:100%;
        transition: none;
    }
    .subpage-business .business-sec .swiper-slide .inner .txt-wrap .desc {
        font-size: calc(var(--mb-vw) * 12);
    }
    .subpage-business .business-sec .swiper-slide .inner .business-wrap {
        padding:calc(var(--mb-vw) * 74) calc(var(--mb-vw) * 47);
    }
    .subpage-business .business-sec .swiper-slide .inner .tt-wrap {
        margin:0 auto calc(var(--mb-vw) * 50);
        padding:0;
        width:100%;
    }
    .subpage-business .business-sec .swiper-slide .inner .tt-wrap .tt {
        margin:0 auto;
        padding:calc(var(--mb-vw) * 20) 0 0 0;
    }
    .subpage-business .business-sec .swiper-slide .inner .tt-wrap .tt::before {
        width:calc(var(--mb-vw) * 12);
        height:calc(var(--mb-vw) * 12);
    }
    .subpage-business .business-sec .swiper-slide .inner .txt-wrap {
        padding:0;
        width: 100%;
    }
    .subpage-business .business-sec .swiper-slide .inner .txt-wrap .desc.desc-wr1 {
        margin:0 auto calc(var(--mb-vw) * 67);
        font-size: calc(var(--mb-vw) * 12);
    }
    .subpage-business .business-sec .swiper-slide .inner .txt-wrap .desc.desc-cont {
        font-size: calc(var(--mb-vw) * 14);
    }

    .subpage-business .business-sec .swiper-button {
        top:calc(var(--mb-vw) * 260 / 2);
        transform: translateY(calc(var(--mb-vw) * 0 / 2 * -1));
        width: calc(var(--mb-vw) * 43);
        height: calc(var(--mb-vw) * 43);
    }
    .subpage-business .business-sec .swiper-button::before {
        width: calc(var(--mb-vw) * 12);
        height: calc(var(--mb-vw) * 12);
    }
    .subpage-business .business-sec .swiper-button-prev::before {
        margin-left:calc(var(--mb-vw) * 4);
    }
    .subpage-business .business-sec .swiper-button-next::before {
        margin-left:calc(var(--mb-vw) * 4 * -1);
    }
    .subpage-business .business-sec .swiper-button-next {
        left:unset;
        right:calc(var(--mb-vw) * 23);
    }
    .subpage-business .business-sec .swiper-button-prev {
        left:calc(var(--mb-vw) * 23);
    }

    /* 사업부 > 운영 PC방 (business) */
    #main-app.subpage-bbs_store .page-title-wrap {
        background: url('../../image/_company/mobile/bg/subpage-bbs_store_bg.png') no-repeat top center;
        background-size: cover;
    }

    .subpage-talent .intro-sec {
        padding-top:calc(var(--mb-vw) * 108);
        padding-bottom:calc(var(--mb-vw) * 154);
    }
    .subpage-talent .intro-sec .cont {
        gap:calc(var(--mb-vw) * 136);
        padding:0 calc(var(--mb-vw) * 47);
    }
    .subpage-talent .intro-sec .cont .item {
        gap:calc(var(--mb-vw) * 75);
    }
    .subpage-talent .intro-sec .cont .item .img-wrap {
        width: 100%;
    }
    .subpage-talent .intro-sec .cont .item .txt-wrap {
        padding:0;
        width: 100%;
    }
    .subpage-talent .intro-sec .cont .item .txt-wrap .tt {
        margin:0 auto calc(var(--mb-vw) * 48);
    }
    .board-write {
        padding-top:calc(var(--mb-vw) * 108);
        padding-left:calc(var(--mb-vw) * 35);
        padding-right:calc(var(--mb-vw) * 35);
    }
    .board-write .board-write-title {
        margin:0 auto calc(var(--mb-vw) * 56);
        font-size: calc(var(--mb-vw) * 38);
    }
    .form-group-wrap.two-col {
        gap:calc(var(--mb-vw) * 16);
    }
    .form-group-wrap.two-col .form-group {
        width:100%;
    }
    .form-group-wrap .form-group label {
        padding:0;
        font-size: calc(var(--mb-vw) * 15);
    }
    .form-group-wrap .form-group label {
        width:calc(var(--mb-vw) * 100);
    }
    .form-group-wrap .form-group .input {
        width:calc(100% - var(--mb-vw) * 100);
    }
    .board-write .btn-wrap {
        margin:calc(var(--mb-vw) * 120) auto 0;
    }
    .btn-wrap .btn-submit {
        width: calc(var(--mb-vw) * 200);
        height: calc(var(--mb-vw) * 45);
        font-size: calc(var(--mb-vw) * 14);
    }
    .form-group-wrap .form-group .input input {
        height: calc(var(--mb-vw) * 52);
    }
    .form-group-wrap .form-group .input select {
        height: calc(var(--mb-vw) * 52);
    }
    .info-fgw {
        margin:calc(var(--mb-vw) * 50) auto 0;
    }
    .form-group-wrap.one-col {
        gap:calc(var(--mb-vw) * 16);
    }
    .mb-custom-fg .label {
        width: 0;
        position: absolute;
        top:-2000%;
        visibility: hidden;
    }
    .form-group-wrap .form-group .check-list {
        width: 100%;
        font-size: calc(var(--mb-vw) * 12);
    }
    .form-group-wrap .form-group .check-list .input.label-input {
        gap:calc(var(--mb-vw) * 12);
        font-size: calc(var(--mb-vw) * 12);
    }
    .body-bbs_recruit .form-group-wrap.form-captcha .vc-captcha {
        width:calc(100% - var(--mb-vw) * 100);
    }
    #captcha #captcha_img {
        width: calc(var(--mb-vw) * 135);
    }
    #captcha #captcha_key {
        width: calc(var(--mb-vw) * 90);
    }
}