/* 공통 */
body {
    background-color: #4E275E;
}
.title-tag {
    margin-bottom: 24px;
}
.color-EC691D {
    color: #EC691D !important;
}
.caption {
    position: absolute;
    left: -20px;
    top: 60px;
}
.caption-faq {
    position: relative;
    left: -60px;
}
.dot-text-box > li {
    box-sizing: border-box;
    position: relative;
}
.dot-text-box > li::after {
    content: "";
    display: block;
    position: absolute;
    border-radius: 50%;
}

.table-type .tal {
    text-align: left !important;
}
.table-type .tac {
    text-align: center !important;
}
.table-type .tar {
    text-align: right !important;
}
.table-type .wsw {
    white-space: wrap !important;
}


@media (max-width:1400px) {
    .jobintroduction-area .cnt-box .cnt-1 .swiper-box {
        padding: 0 80px 60px 80px;
    }
    .jobintroduction-area .cnt-box .cnt-2 .swiper-box .swiper-button-prev {
        left: 0 !important;
    }
    .jobintroduction-area .cnt-box .cnt-2 .swiper-box .swiper-button-next {
        right: 0 !important;
    }

}

@media (max-width:1320px) {
    .jobintroduction-area .cnt-box .cnt-1 .swiper-box {
        margin-top: 80px;
        padding: 0 32px 60px 32px;
        padding-bottom: 36px;
    }
    .jobintroduction-area .cnt-box .cnt-1 .swiper-box .swiper .swiper-wrapper .swiper-slide > h1 {
        font-size: 20px;
        margin-top: 24px;
        line-height: 140%;
    }
    .swiper-pagination .swiper-pagination-bullet {
        width: 4px !important;
        height: 4px !important; 
        margin: 0 8px !important;
    }
    .jobintroduction-area .cnt-box .cnt-2 .swiper-box .swiper-button-prev,
    .jobintroduction-area .cnt-box .cnt-2 .swiper-box .swiper-button-next {
        width: 32px !important;
        height: 32px !important;
    }
}

@media (max-width:767px) {
    .jobintroduction-area .cnt-box .cnt-1 .swiper-box {
        margin-top: 28px;
        padding: 0 24px 60px 24px;
        padding-bottom: 32px;
    }
    .jobintroduction-area .cnt-box .cnt-1 .swiper-box .swiper .swiper-wrapper .swiper-slide > h1 {
        font-size: 15px;
        margin-top: 16px;
    }
    .swiper-pagination .swiper-pagination-bullet {
        margin: 0 4px !important;
    }
    .jobintroduction-area .cnt-box .cnt-2 .swiper-box .swiper-button-prev,
    .jobintroduction-area .cnt-box .cnt-2 .swiper-box .swiper-button-next {
        width: 24px !important;
        height: 24px !important;
    }
    .caption-faq {
        height: 60px !important;
        left: -20px;
        margin-bottom: 32px;
    }
}

/* ------------------------------------------------------------------------------- */

/* 모달 영역 */
.modal-area {
    background: rgba(0,0,0,0.6);
    width: 100%;
    height: 100%;
    display: none;
}
.modal-area.active {
    display: block;
}
.modal-area .modal {
    display: none;
}
.modal-area .modal.active {
    display: block;
}

/* 전형절차 모달 */
.recruitmentdetails-modal {
    width: 900px;
}
.recruitmentdetails-modal .x-btn {
    width: 28px;
    top: 26px;
    right: 40px;
}
.recruitmentdetails-modal .top-box {
    border-radius: 20px 20px 0 0;
    box-sizing: border-box;
    padding: 28px 40px 20px 40px;
    gap: 16px;
}
.recruitmentdetails-modal .top-box > h1 {
    font-size: 24px;
}
.recruitmentdetails-modal .top-box > h2 {
    font-size: 28px;
}
.recruitmentdetails-modal .cnt-box {
    min-height: 412px;
    border-radius: 0 0 20px 20px;
    box-sizing: border-box;
    border: 2px solid #EC691D;
    border-top: none;
    padding: 40px 40px 48px 40px;
}

.recruitmentdetails-modal-1 .cnt-box .list-box {
    width: 100%;
    gap: 50px;
}
.recruitmentdetails-modal-1 .cnt-box .list-box > li {
    width: 200px;
    position: relative;
}
.recruitmentdetails-modal-1 .cnt-box .list-box > li:nth-child(1):after,
.recruitmentdetails-modal-1 .cnt-box .list-box > li:nth-child(2):after {
    content: "";
    display: block;
    width: 18px;
    height: 18px;
    background: url(../img/ico_polygon_FF7000.svg) no-repeat center center/cover;
    position: absolute;
    top: 97px;
    right: -34px;
}
.recruitmentdetails-modal-1 .cnt-box .list-box > li > .img-box {
    width: 100%;
}
.recruitmentdetails-modal-1 .cnt-box .list-box > li .text-box {
    margin-top: 24px;
}
.recruitmentdetails-modal-1 .cnt-box .list-box > li .text-box > h3 {
    font-size: 28px;
}
.recruitmentdetails-modal-1 .cnt-box .list-box > li .text-box > p {
    font-size: 22px;
    margin-top: 16px;
}

.recruitmentdetails-modal-2 .cnt-box .list-box {
    width: 100%;
    gap: 50px;
}
.recruitmentdetails-modal-2 .cnt-box .list-box .img-box {
    width: 200px;
}
.recruitmentdetails-modal-2 .cnt-box .list-box .text-box {
    margin-top: 40px;
}
.recruitmentdetails-modal-2 .cnt-box .list-box .text-box > h3 {
    font-size: 28px;
}
.recruitmentdetails-modal-2 .cnt-box .list-box .text-box > .text-1 {
    font-size: 22px;
    margin-top: 20px;
}
.recruitmentdetails-modal-2 .cnt-box .list-box .text-box > h4 {
    font-size: 18px;
    margin-top: 20px;
}
.recruitmentdetails-modal-2 .cnt-box .list-box .text-box > .text-2 {
    font-size: 22px;
    word-break: keep-all;
}

.recruitmentdetails-modal-3 .cnt-box .list-box {
    width: 100%;
    gap: 40px;
}
.recruitmentdetails-modal-3 .cnt-box .list-box .img-box {
    width: 200px;
}
.recruitmentdetails-modal-3 .cnt-box .list-box .text-box {
    margin-top: 20px;
}
.recruitmentdetails-modal-3 .cnt-box .list-box .text-box > h3 {
    font-size: 28px;
}
.recruitmentdetails-modal-3 .cnt-box .list-box .text-box > .text-1 {
    font-size: 22px;
    margin-top: 20px;
}
.recruitmentdetails-modal-3 .cnt-box .list-box .text-box > .text-2 {
    font-size: 22px;
    margin-top: 20px;
}
.recruitmentdetails-modal-3 .cnt-box .list-box .text-box > .text-2 br.tb-ver {
    display: none;
}
.recruitmentdetails-modal-3 .cnt-box .list-box .text-box > .text-2 br.mb-ver {
    display: none;
}

.recruitmentdetails-modal-4 .cnt-box .list-box {
    width: 100%;
    gap: 50px;
}
.recruitmentdetails-modal-4 .cnt-box .list-box .img-box {
    width: 200px;
}
.recruitmentdetails-modal-4 .cnt-box .list-box .text-box {
    margin-top: 40px;
}
.recruitmentdetails-modal-4 .cnt-box .list-box .text-box > h3 {
    font-size: 28px;
}
.recruitmentdetails-modal-4 .cnt-box .list-box .text-box > .text-1 {
    font-size: 22px;
    margin-top: 20px;
}

/* 인터뷰 모달 */
.interview-modal {
    width: 840px;
    height: calc(100vh - 100px);
    background: #fff;
    border-radius: 20px;
    overflow: hidden;
}
.interview-modal .x-btn {
    width: 40px;
    top: 18px;
    right: 18px;
}
.interview-modal .x-btn:hover > img {
    content: url(../img/ico_x_point_FF7000.svg);
}
.interview-modal .scroll-box {
    height: 100%;
    overflow-y: auto;
    overflow-x: hidden;
}
.interview-modal .scroll-box::-webkit-scrollbar {
    width: 6px;
}
.interview-modal .scroll-box::-webkit-scrollbar-thumb {
    background: #EC691D;
}
.interview-modal .scroll-box::-webkit-scrollbar-track {
    background: transparent;
}
.interview-modal .scroll-box .title-box {
    width: 100%;
    height: 250px;
    background: url(../img/interview_modal_bg.png) no-repeat center center/cover;
    box-sizing: border-box;
    padding: 40px;
}
.interview-modal .scroll-box .title-box .logo-box {
    display: block;
    width: 108px;
}
.interview-modal .scroll-box .title-box h1 {
    font-size: 30px;
    margin-top: 10px;
}
.interview-modal .scroll-box .tab-box {
    box-sizing: border-box;
    padding: 24px 40px 50px 40px;
    gap: 60px;
}
.interview-modal .scroll-box .tab-box .tab-menu-box {
    gap: 15px;
}
.interview-modal .scroll-box .tab-box .tab-menu-box > li > a {
    box-sizing: border-box;
    padding-bottom: 8px;
    border-bottom: 2px solid transparent;
    font-size: 20px;
}
.interview-modal .scroll-box .tab-box .tab-menu-box > li > a.active {
    border-bottom: 2px solid #EC691D;
    color: #EC691D;
}
.interview-modal .scroll-box .tab-box .tab-cnt-box > li .list-box {
    gap: 60px;
}
.interview-modal .scroll-box .tab-box .tab-cnt-box > li .list-box > li .text-box-1 {
    box-sizing: border-box;
    padding-bottom: 12px;
    border-bottom: 1px solid #FBB584;
}
.interview-modal .scroll-box .tab-box .tab-cnt-box > li .list-box > li .text-box-1 > h1 {
    font-size: 20px;
    line-height: 140%;
}
.interview-modal .scroll-box .tab-box .tab-cnt-box > li .list-box > li .text-box-2 {
    box-sizing: border-box;
    padding: 12px 4px 0 4px;
}
.interview-modal .scroll-box .tab-box .tab-cnt-box > li .list-box > li .text-box-2 > p {
    font-size: 16px;
}

/* ************ add */
.interview-modal .scroll-box .box-wrap {
    gap: 140px;
    position: absolute;
    top: 120px;
    left: 28px;
}
.interview-modal .scroll-box .box-wrap .img-box {
    width: 260px;
    height: 140px;
    background-color: #d9d9d9;
}
.interview-modal .scroll-box .box-wrap h1 {
    font-size: 30px;
    color: #EC691D;
}
.interview-modal .scroll-box .box-wrap p {
    font-size: 20px;
    color: #FDF1E6;
    margin-top: 14px;
}
.itv-cont {
    margin-top: 72px;
    padding: 0 28px 40px 28px;
}
.itv-cont .item-box {
    width: 100%;
}
.itv-cont .item-box:not(:first-child) {
    border-left: 1px solid #eee;
    padding-left: 12px;
}
.itv-cont .item-box:not(:last-child) {
    padding-right: 12px;
}
.itv-cont .item-box .job-cont h2 {
    font-size: 18px;
    color: #4E275E;
}
.itv-cont .item-box .job-cont p {
    font-size: 15px;
    color: #44464A;
    margin-top: 16px;
    line-height: 1.6;
}
.itv-cont .item-box .career-cont {
    margin-top: 48px;
    gap: 20px;
}
.itv-cont .item-box .career-cont h3 {
    font-size: 16px;
    color: #EC691D;
}
.itv-cont .item-box .career-cont p {
    font-size: 15px;
    color: #44464A;
    line-height: 1.6;
    margin-top: 12px;
    letter-spacing: -0.05rem;
}
.itv-cont .item-box .career-cont div:nth-child(2) p:nth-child(n+3),
.itv-cont .item-box .career-cont div:nth-child(3) p:nth-child(n+3) {
    margin-top: 5px;
}

/* 이벤트 모달 */
.event-modal {
    background: #fff;
    width: 640px;
    border-radius: 12px;
    overflow: hidden;
    box-sizing: border-box;
    padding: 36px 48px 60px 48px;
}
.event-modal .x-btn {
    width: 40px;
    top: 40px;
    right: 40px;
}
.event-modal .x-btn:hover > img {
    content: url(../img/ico_x_point_FF7000.svg);
}
.event-modal .top-box {
    gap: 32px;
}
.event-modal .top-box .logo-box {
    width: 170px;
}
.event-modal .top-box > h1 {
    font-size: 22px;
}
.event-modal .accordion-menu-box {
    margin-top: 20px;
    gap: 12px;
}
.event-modal .accordion-menu-box .que {
    padding: 20px;
    cursor: pointer;
    box-sizing: border-box;
    background: #FAFAFA;
    border-radius: 12px;
    margin-top: 12px;
}
.event-modal .accordion-menu-box .que.active {
    background: #FFF1E6;
}
.event-modal .accordion-menu-box .que .text-box {
    width: calc(100% - 36px);
}
.event-modal .accordion-menu-box .que .text-box .text-1 {
    font-size: 24px;
    color: #000;
}
.event-modal .accordion-menu-box .que.active .text-box .text-1 {
    color: #EC691D;
}
.event-modal .accordion-menu-box .que .arrow-ico {
    width: 24px;
}
.event-modal .accordion-menu-box .que.active .arrow-ico > img {
    content: url(../img/arrow_top_FF7000.svg);
}
.event-modal .accordion-menu-box .anw {
    display: none;
    padding: 12px 20px 0 20px;
    box-sizing: border-box;
}
.event-modal .accordion-menu-box .anw .text-area {
    gap: 16px;
}
.event-modal .accordion-menu-box .anw .text-area > .text-box {
    gap: 8px;
}
.event-modal .accordion-menu-box .anw .text-area > .text-box > h3 {
    font-size: 20px;
}
.event-modal .accordion-menu-box .anw .text-area > .text-box > p {
    font-size: 22px;
}

@media (max-width:1320px) {
    /* 전형절차 모달 */
    .recruitmentdetails-modal {
        width: 680px;
    }
    .recruitmentdetails-modal .x-btn {
        width: 32px;
        /* top: 36px; */
        right: 36px;
    }
    .recruitmentdetails-modal .top-box {
        /* border-radius: 20px 20px 0 0; */
        padding: 40px 40px 24px 40px;
        /* gap: 16px; */
    }
    .recruitmentdetails-modal .top-box > h1 {
        font-size: 20px;
    }
    .recruitmentdetails-modal .top-box > h2 {
        font-size: 24px;
    }
    .recruitmentdetails-modal .cnt-box {
        min-height: 350px;
        /* border-radius: 0 0 20px 20px; */
        /* border: 2px solid #EC691D; */
        padding: 40px
    }

    .recruitmentdetails-modal-1 .cnt-box .list-box {
        /* gap: 50px; */
    }
    .recruitmentdetails-modal-1 .cnt-box .list-box > li {
        width: 160px;
    }
    .recruitmentdetails-modal-1 .cnt-box .list-box > li:nth-child(1):after,
    .recruitmentdetails-modal-1 .cnt-box .list-box > li:nth-child(2):after {
        /* width: 18px;
        height: 18px; */
        top: 71px;
        /* right: -34px; */
    }
    .recruitmentdetails-modal-1 .cnt-box .list-box > li .text-box {
        margin-top: 20px;
    }
    .recruitmentdetails-modal-1 .cnt-box .list-box > li .text-box > h3 {
        font-size: 22px;
    }
    .recruitmentdetails-modal-1 .cnt-box .list-box > li .text-box > p {
        font-size: 18px;
        margin-top: 16px;
        white-space: nowrap;
    }

    .recruitmentdetails-modal-2 .cnt-box .list-box {
        gap: 36px;
    }
    .recruitmentdetails-modal-2 .cnt-box .list-box .img-box {
        width: 160px;
    }
    .recruitmentdetails-modal-2 .cnt-box .list-box .text-box {
        margin-top: 20px;
    }
    .recruitmentdetails-modal-2 .cnt-box .list-box .text-box > h3 {
        font-size: 22px;
    }
    .recruitmentdetails-modal-2 .cnt-box .list-box .text-box > .text-1 {
        font-size: 18px;
        margin-top: 20px;
    }
    .recruitmentdetails-modal-2 .cnt-box .list-box .text-box > h4 {
        font-size: 16px;
        margin-top: 16px;
    }
    .recruitmentdetails-modal-2 .cnt-box .list-box .text-box > .text-2 {
        font-size: 18px;
    }

    .recruitmentdetails-modal-3 .cnt-box .list-box {
        gap: 36px;
    }
    .recruitmentdetails-modal-3 .cnt-box .list-box .img-box {
        width: 160px;
    }
    .recruitmentdetails-modal-3 .cnt-box .list-box .text-box {
        margin-top: 20px;
    }
    .recruitmentdetails-modal-3 .cnt-box .list-box .text-box > h3 {
        font-size: 22px;
    }
    .recruitmentdetails-modal-3 .cnt-box .list-box .text-box > .text-1 {
        font-size: 18px;
        margin-top: 16px;
    }
    .recruitmentdetails-modal-3 .cnt-box .list-box .text-box > .text-2 {
        font-size: 18px;
        margin-top: 16px;
    }
    .recruitmentdetails-modal-3 .cnt-box .list-box .text-box > .text-2 br {
        display: none;
    }
    .recruitmentdetails-modal-3 .cnt-box .list-box .text-box > .text-2 br.tb-ver {
        display: block;
    }

    .recruitmentdetails-modal-4 .cnt-box .list-box {
        gap: 36px;
    }
    .recruitmentdetails-modal-4 .cnt-box .list-box .img-box {
        width: 160px;
    }
    .recruitmentdetails-modal-4 .cnt-box .list-box .text-box {
        margin-top: 20px;

    }
    .recruitmentdetails-modal-4 .cnt-box .list-box .text-box > h3 {
        font-size: 22px;
    }
    .recruitmentdetails-modal-4 .cnt-box .list-box .text-box > .text-1 {
        font-size: 18px;
        margin-top: 16px;
    }

    
}

@media (max-width:812px) {
    .interview-modal {
        width: 740px;
    }
}
@media (max-width:767px) {
    /* 전형절차 모달 */
    .recruitmentdetails-modal {
        width: 320px;
    }
    .recruitmentdetails-modal .x-btn {
        width: 24px;
        top: 20px;
        right: 20px;
    }
    .recruitmentdetails-modal .top-box {
        padding: 24px 20px 20px 20px;
        gap: 8px;
        flex-direction: column;
        align-items: flex-start;
    }
    .recruitmentdetails-modal .top-box > h1 {
        font-size: 16px;
    }
    .recruitmentdetails-modal .top-box > h2 {
        font-size: 22px;
    }
    .recruitmentdetails-modal .cnt-box {
        min-height: auto;
        padding: 24px 20px 32px 20px;
    }

    .recruitmentdetails-modal-1 .cnt-box .list-box {
        gap: 60px;
        flex-direction: column;
    }
    .recruitmentdetails-modal-1 .cnt-box .list-box > li {
        width: 100%;
        display: flex;
        align-items: center;
        gap: 16px;
    }
    .recruitmentdetails-modal-1 .cnt-box .list-box > li:nth-child(1):after,
    .recruitmentdetails-modal-1 .cnt-box .list-box > li:nth-child(2):after {
        width: 12px;
        height: 12px;
        top: auto;
        bottom: -36px;
        right: auto;
        left: 28px;
        transform: rotate(90deg);
    }
    .recruitmentdetails-modal-1 .cnt-box .list-box > li .img-box{
        width: 68px;
    }
    .recruitmentdetails-modal-1 .cnt-box .list-box > li .text-box {
        margin-top: 0;
        width: calc(100% - 84px);
    }
    .recruitmentdetails-modal-1 .cnt-box .list-box > li .text-box > h3 {
        font-size: 20px;
        text-align: left;
    }
    .recruitmentdetails-modal-1 .cnt-box .list-box > li .text-box > p {
        font-size: 16px;
        margin-top: 8px;
        text-align: left;
    }

    .recruitmentdetails-modal-2 .cnt-box .list-box {
        gap: 16px;
    }
    .recruitmentdetails-modal-2 .cnt-box .list-box .img-box {
        width: 68px;
    }
    .recruitmentdetails-modal-2 .cnt-box .list-box .text-box {
        margin-top: 12px;
        width: calc(100% - 84px);
    }
    .recruitmentdetails-modal-2 .cnt-box .list-box .text-box > h3 {
        font-size: 20px;
    }
    .recruitmentdetails-modal-2 .cnt-box .list-box .text-box > .text-1 {
        font-size: 16px;
        margin-top: 12px;
    }
    .recruitmentdetails-modal-2 .cnt-box .list-box .text-box > h4 {
        font-size: 14px;
        margin-top: 12px;
    }
    .recruitmentdetails-modal-2 .cnt-box .list-box .text-box > .text-2 {
        font-size: 16px;
    }

    .recruitmentdetails-modal-3 .cnt-box .list-box {
        gap: 16px;
    }
    .recruitmentdetails-modal-3 .cnt-box .list-box .img-box {
        width: 68px;
    }
    .recruitmentdetails-modal-3 .cnt-box .list-box .text-box {
        margin-top: 12px;
        width: calc(100% - 84px);
    }
    .recruitmentdetails-modal-3 .cnt-box .list-box .text-box > h3 {
        font-size: 20px;
    }
    .recruitmentdetails-modal-3 .cnt-box .list-box .text-box > .text-1 {
        font-size: 16px;
        margin-top: 12px;
    }
    .recruitmentdetails-modal-3 .cnt-box .list-box .text-box > .text-2 {
        font-size: 16px;
        margin-top: 12px;
    }
    .recruitmentdetails-modal-3 .cnt-box .list-box .text-box > .text-2 br.tb-ver {
        display: none;
    }
    .recruitmentdetails-modal-3 .cnt-box .list-box .text-box > .text-2 br.mb-ver {
        display: block;
    }

    .recruitmentdetails-modal-4 .cnt-box .list-box {
        gap: 16px;
    }
    .recruitmentdetails-modal-4 .cnt-box .list-box .img-box {
        width: 68px;
    }
    .recruitmentdetails-modal-4 .cnt-box .list-box .text-box {
        margin-top: 12px;
        width: calc(100% - 84px);
    }
    .recruitmentdetails-modal-4 .cnt-box .list-box .text-box > h3 {
        font-size: 20px;
    }
    .recruitmentdetails-modal-4 .cnt-box .list-box .text-box > .text-1 {
        font-size: 16px;
        margin-top: 12px;
    }
    .interview-modal .x-btn {
        width: 32px;
        top: 18px;
        right: 18px;
    }
    .event-modal {
        width: 100%;
        padding: 24px 20px 28px 20px;
    }
    .event-modal .x-btn {
        width: 24px;
        top: 24px;
        right: 24px;
    }
    .event-modal .top-box {
        gap: 20px;
    }
    .event-modal .top-box .logo-box {
        width: 96px;
    }
    .event-modal .top-box > h1 {
        font-size: 15px;
    }
    .event-modal .accordion-menu-box {
        margin-top: 24px;
        gap: 8px;
    }
    .event-modal .accordion-menu-box .que {
        padding: 12px 16px;
        border-radius: 12px;
        margin-top: 0;
    }
    .event-modal .accordion-menu-box .que .text-box {
        width: calc(100% - 24px);
    }
    .event-modal .accordion-menu-box .que .text-box .text-1 {
        font-size: 16px;
    }
    .event-modal .accordion-menu-box .que .arrow-ico {
        width: 16px;
    }
    .event-modal .accordion-menu-box .anw {
        padding: 12px 8px 0 8px;
    }
    .event-modal .accordion-menu-box .anw .text-area {
        gap: 12px;
    }
    .event-modal .accordion-menu-box .anw .text-area > .text-box > h3 {
        font-size: 16px;
    }
    .event-modal .accordion-menu-box .anw .text-area > .text-box > p {
        font-size: 15px;
    }

    .interview-modal {
        width: 100%;
        height: 100%;
        border-radius: 0;
    }
    .interview-modal .scroll-box .title-box {
        height: 160px;
        padding: 60px 0 0 20px;
    }
    .interview-modal .scroll-box .title-box .logo-box {
        width: 85px;
    }
    .interview-modal .scroll-box .title-box h1 {
        font-size: 24px;
    }
    .interview-modal .scroll-box .tab-box {
        padding: 24px 20px 32px 20px;
        gap: 40px;
    }
    .interview-modal .scroll-box .tab-box .tab-menu-box {
        gap: 12px;
    }
    .interview-modal .scroll-box .tab-box .tab-menu-box > li > a {
        font-size: 18px;
    }
    .interview-modal .scroll-box .tab-box .tab-cnt-box > li .list-box {
        gap: 40px;
    }
    .interview-modal .scroll-box .tab-box .tab-cnt-box > li .list-box > li .text-box-1 > h1 {
        font-size: 17px;
    }
    .interview-modal .scroll-box .tab-box .tab-cnt-box > li .list-box > li .text-box-2 {
        padding: 12px 0 0 0;
    }
    .interview-modal .scroll-box .tab-box .tab-cnt-box > li .list-box > li .text-box-2 > p {
        font-size: 15px;
    }

    /* itv modal add */
    .interview-modal .scroll-box .title-box {
        height: 434px;
        padding: 26px 20px 0 20px;
    }
    .interview-modal .scroll-box .title-box .logo-box {
        width: 106px;
    }
    /* .interview-modal .scroll-box .title-box .logo-box img {
        content: url(../img/logo-wh.svg);
    } */
    .interview-modal .scroll-box .box-wrap {
        gap: 40px;
        position: absolute;
        top: 100px;
        flex-direction: column;
        justify-content: center;
        width: 100%;
        left: 50%;
        transform: translateX(-50%);
    }
    .interview-modal .scroll-box .box-wrap h1 {
        font-size: 26px;
        position: relative;
        text-align: center;
    }
    .interview-modal .scroll-box .box-wrap h1::after {
        position: absolute;
        content: '';
        background-color: #EC691D;
        height: 2px;
        width: 100%;
        left: 0;
        bottom: -8px;
    }
    .interview-modal .scroll-box .box-wrap p {
        font-size: 18px;
        margin-top: 20px;
    }
    .itv-cont {
        flex-direction: column;
        gap: 60px;
        margin-top: 0;
        padding: 20px;
        padding-bottom: 40px;
    }
    .itv-cont .item-box {
        width: 100%;
    }
    .itv-cont .item-box:not(:first-child) {
        border-left: 0;
        padding-left: 0;
        border-top: 1px solid #eee;
        padding-top: 40px;
    }
    .itv-cont .item-box .career-cont {
        margin-top: 40px;
    }

}

/* ------------------------------------------------------------------------------- */

/* 모달 영역-2 */
.modal-area-2 {
    background: #333333;
    width: 100%;
    height: 100vh;
    display: none;
}
.modal-area-2.active {
    display: block;
}
.modal-area-2 .modal {
    display: none;
}
.modal-area-2 .modal.active {
    display: block;
}
.modal-area-2 .x-btn {
    width: 52px;
    position: absolute;
    top: 40px;
    right: 40px;
}
.modal-area-2 .x-btn:hover > img {
    content: url(../img/ico_x_point_FF7000_2.svg);
}

/* 영상 모달 */
.video-modal {
    width: 900px;
}
.video-modal h1 {
    font-size: 32px;
}
.video-modal .youtube-box {
    margin-top: 28px;
    width: 100%;
    height: auto;
    box-sizing: border-box;
    position: relative;
    /* 21:9 */
    /* padding-bottom: 42.8571%; */
    /* 16:9 */
    padding-bottom: 56.25%;
    /* 4:3 */
    /* padding-bottom: 75%; */
}
.video-modal .youtube-box iframe {
    z-index: 1;
    top: 0;
    left: 0;
    position: absolute;
    width: 100%;
    height: 100%;
}

@media (max-width:1320px) {
    .modal-area-2 .x-btn {
        /* width: 52px; */
        top: auto;
        right: auto;
        left: 50%;
        transform: translateX(-50%);
        bottom: 116px;
    }

    .video-modal {
        width: 580px;
    }
    .video-modal h1 {
        font-size: 24px;
    }
    .video-modal .youtube-box {
        margin-top: 20px;
    }
}

@media (max-width:767px) {
    .modal-area-2 .x-btn {
        bottom: 68px;
    }

    .video-modal {
        width: calc(100% - 40px);
    }
    .video-modal h1 {
        font-size: 12px;
    }
    .video-modal .youtube-box {
        margin-top: 18px;
    }
}

/* ------------------------------------------------------------------------------- */

/* 사이드 메뉴 영역 */
.side-menu-area {
    top: 0;
    right: -150%;
    transition: all 0.3s;
}
.side-menu-area.active {
    right: 0;
}
.side-menu-area .top-box {
    height: 64px;
    box-sizing: border-box;
    padding: 0 40px;
}
.side-menu-area .top-box .logo-box {
    width: 106px;
}
.side-menu-area .top-box .x-btn {
    width: 32px;
}
.side-menu-area .menu-box {
    margin-top: 88px;
}
.side-menu-area .menu-box li a {
    display: inline-block;
    font-size: 18px;
}
.side-menu-area .menu-box li:not(:first-child) a {
    margin-top: 40px;
}
.side-menu-area .menu-box li a.active {
    color: #EC691D;
    font-family: "04HanwhaGothicB";
}
.side-menu-area .btn-box {
    margin-top: 44px;
    gap: 12px;
}
.side-menu-area .btn-box > a {
    width: 240px;
    height: 54px;
    box-sizing: border-box;
    /* border: 1px solid #EC691D; */
    font-size: 18px;
}

@media (max-width:767px) {
    .side-menu-area .top-box {
        padding: 0 20px;
    }
    .side-menu-area .top-box .logo-box {
        width: 83px;
    }
    .side-menu-area .top-box .x-btn {
        width: 24px;
    }
}

/* ------------------------------------------------------------------------------- */

/* 픽스 버튼 영역 */
.fix-btn-area {
    display: none;
}
.fix-btn-area > a {
    width: 50%;
    height: 56px;
    box-sizing: border-box;
    font-size: 16px;
    border-top: 1px solid #EC691D;
}

@media (max-width:767px) {
    .fix-btn-area {
        display: flex;
    }
}

/* ------------------------------------------------------------------------------- */

/* 헤더 영역 */
.header-area {
    height: 88px;
}
.header-area .con {
    max-width: 1480px;
}
.header-area .logo-box {
    width: 170px;
}
.header-area .right-box {
    gap: 48px;
}
.header-area .right-box .menu-box li:not(:first-child) > a {
    margin-left: 40px;
}
.header-area .right-box .menu-box li a {
    color: #fff;
    font-size: 17px;
}
.header-area.active {
    background: #5C3468;
}
/* .header-area.active .logo-box img {
    content: url(../img/logo-bk.svg);
}
.header-area.active .right-box .menu-box li a {
    color: #000;
} */
.header-area .right-box .menu-box li a.active {
    color: #FF7000;
    font-family: "01HanwhaB";
}
.header-area .right-box .btn-box .btn {
    width: 160px;
    height: 44px;
    background: #FF7000;
    color: #fff;
    font-size: 16px;
    box-sizing: border-box;
    border: 1px solid #FF7000;
}
.header-area .right-box .btn-box .btn:hover {
    background: #fff;
    color: #FF7000;
}
.header-area .ham-btn {
    width: 32px;
    right: 40px;
    display: none;
}

@media (max-width:1320px) {
    .header-area {
        height: 64px;
    }
    .header-area .logo-box {
        width: 106px;
    }
    .header-area .right-box {
        display: none;
    }
    .header-area .ham-btn {
        display: block;
    }
    .header-area.active .ham-btn img {
        content: url(../img/ico_ham_44464A.svg);
    }
}

@media (max-width:767px) {
    .header-area .logo-box {
        width: 83px;
    }
    .header-area .ham-btn {
        width: 24px;
        right: 20px;
    }
}

/* ------------------------------------------------------------------------------- */

/* 메인 비주얼 영역 */
.main-visual-area {
    height: 100vh;
} 
.main-visual-area .con {
    max-width: 1480px;
}
.main-obj-1 {
    right: 0;
    top: -150px;
}
.main-visual-area .text-area {
    opacity: 0;
    animation-fill-mode: forwards;
    animation-name: action_2;
    animation-delay: 1.6s;
    animation-duration: 0.5s;
    animation-timing-function: ease;
    color: #fff;
}
.main-visual-area .text-area > h1.title-text-1 {
    font-size: 2.8vw;
    margin-top: 6vw;
}
.main-visual-area .text-area > h1.title-text-2 {
    font-size: 3vw;
    margin-top: 14px;
}
.main-visual-area .text-area > h3 {
    font-size: 28px;
    margin-top: 40px;
}
.pre-wrap-1 {
    margin-top: 2.5vw;
}
  .pre-title-box {
    display: flex;
    flex-direction: column;
    gap: 32px;
  }
  .pre-title img {
    height: calc(100vh - 70vh);
  }
  .pre-title p {
    font-size: 1.8vw;
  }
  .pre-title-box span {
    display: inline-block;
    line-height: 1.6;
    font-size: 1.5vw;
    color: #EC691D;
  }
  .pre-title-box .break-text-box {
    position: relative;
    left: 23.3vw;
    margin-top: -6.8vw;
  }
  
  .pre-title-box .break-text-box .title {
    font-size: 1.2vw;
  }
  
  /* timer */
  .countdown-text-box {
    font-size: 1.1vw;
    margin-bottom: 1.4rem;
  }
  .countdown-text-box img {
    width: 2rem;
  }
  .pre-container {
    color: #fff;
    text-align: center;
    gap: 20px;
    margin-top: 3vw;
  }
  .pre-container ul {
    gap: 4em;
  }
  .pre-container li {
    display: inline-block;
    list-style-type: none;
    padding: 0.7vw;
    text-transform: uppercase;
    border: 1px solid #ed6b06;
    color: #ed6b06;
    border-radius: 10px;
    box-sizing: border-box;
    margin-right: 12px;
  }
  .pre-container li:last-child {
    margin-right: 0;
  }
  .pre-container li span {
    display: block;
    font-size: 2.4vw;
    min-width: 7.2rem;
  }
  .pre-container li span.time-text {
    display: block;
    font-size: 15px;
    margin-top: 8px;
  }
/* .main-visual-area .text-area .timer-area {
    margin-top: 90px;
    gap: 56px;
}
.main-visual-area .text-area .timer-area .title-box {
    gap: 6px;
}
.main-visual-area .text-area .timer-area .title-box > .img-box {
    width: 24px;
}
.main-visual-area .text-area .timer-area .title-box > h3 {
    font-size: 20px;
}
.main-visual-area .text-area .timer-area .timer-box > ul {
    margin-top: 20px;
    gap: 6px;
}
.main-visual-area .text-area .timer-area .timer-box > ul > li {
    width: 70px;
}
.main-visual-area .text-area .timer-area .timer-box > ul > li:first-child{
    width: 88px;
}
.main-visual-area .text-area .timer-area .timer-box > ul > li .text-box-1 {
    width: 100%;
    height: 60px;
    border-radius: 8px 8px 0 0;
    font-size: 32px;
}
.main-visual-area .text-area .timer-area .timer-box > ul > li .text-box-2 {
    width: 100%;
    height: 20px;
    border-radius: 0 0 8px 8px;
    font-size: 13px;
}
.main-visual-area .img-area {
    width: 50%;
    right: 4.5312%;
}
.main-visual-area .img-area .bg-img-box {
    width: 100%;
    opacity: 0;
    transform: translate(-50%, -50%);
    animation-fill-mode: forwards;
    animation-name: action_1;
    animation-delay: 0.5s;
    animation-duration: 0.8s;
    animation-timing-function: ease;
}
.main-visual-area .img-area .flag-img-box-1 {
    width: 13.1489%;
    top: 9.8288%;
    left: 29.1604%;
}
.main-visual-area .img-area .flag-img-box-1 > img {
    opacity: 0;
    transform: translateY(-50%);
    animation-fill-mode: forwards;
    animation-name: action_3;
    animation-delay: 1.3s;
    animation-duration: 0.3s;
    animation-timing-function: ease;
}
.main-visual-area .img-area .flag-img-box-2 {
    width: 11.5447%;
    bottom: 13.1232%;
    left: 6.9479%;
}
.main-visual-area .img-area .flag-img-box-2 > img {
    opacity: 0;
    transform: translateY(-50%);
    animation-fill-mode: forwards;
    animation-name: action_3;
    animation-delay: 1.3s;
    animation-duration: 0.3s;
    animation-timing-function: ease;
}
.main-visual-area .img-area .flag-img-box-3 {
    width: 13.5333%;
    bottom: 5.0199%;
    left: 34.5708%;
}
.main-visual-area .img-area .flag-img-box-3 > img {
    opacity: 0;
    transform: translateY(-50%);
    animation-fill-mode: forwards;
    animation-name: action_3;
    animation-delay: 1.6s;
    animation-duration: 0.3s;
    animation-timing-function: ease;
}
.main-visual-area .img-area .item-img-box-1 {
    width: 8.7562%;
    top: 26.5999%;
    left: 20.6885%;
}
.main-visual-area .img-area .item-img-box-1 > img {
    opacity: 0;
    transform: translateY(-50%);
    animation-fill-mode: forwards;
    animation-name: action_3;
    animation-delay: 1.9s;
    animation-duration: 0.3s;
    animation-timing-function: ease;
}
.main-visual-area .img-area .item-img-box-2 {
    width: 11.8093%;
    bottom: 12.2128%;
    left: 21.6135%;
}
.main-visual-area .img-area .item-img-box-2 > img {
    opacity: 0;
    transform: translateY(-50%);
    animation-fill-mode: forwards;
    animation-name: action_3;
    animation-delay: 2.2s;
    animation-duration: 0.3s;
    animation-timing-function: ease;
}
.main-visual-area .img-area .item-img-box-3 {
    width: 9.4687%;
    bottom: 25.34%;
    right: 23.9947%;
}
.main-visual-area .img-area .item-img-box-3 > img {
    opacity: 0;
    transform: translateY(-50%);
    animation-fill-mode: forwards;
    animation-name: action_3;
    animation-delay: 2.5s;
    animation-duration: 0.3s;
    animation-timing-function: ease;
} */

@keyframes action_1 {
    to {
        opacity: 1;
        transform: translate(0, 0);
    }
}
@keyframes action_2 {
    to {
        opacity: 1;
    }
}
@keyframes action_3 {
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@media (max-width:1620px) {
    .pre-title-box .break-text-box {
        left: 26.22vw;
        margin-top: -7.2vw;
      }
}
@media (max-width:1440px) {
.pre-title-box .break-text-box {
    left: 28.22vw;
    margin-top: -7.2vw;
  }
}
@media (max-width:1320px) {
    .pre-bg-item {
        width: 500px;
    }
    .pre-title img {
        height: calc(100vh - 78vh);
    }
    .pre-title-box {
        gap: 16px;
    }
    .pre-title-box .break-text-box {
        left: 0;
        margin-top: 0;
    }
    .pre-title-box span {
        font-size: 26px;
    }
    .pre-title p {
        font-size: 44px;
        margin-top: 44px;
    }
    .pre-container {
        margin-top: 52px;
    }
    .pre-container li span {
        font-size: 48px;
        min-width: 100px;
    }
    .pre-container li span.time-text {
        font-size: 16px;
        margin-top: 10px;
    }
    .pre-container li {
        padding: 14px 4px;
        margin-right: 6px;
    }
    .countdown-text-box {
        font-size: 20px;
    }
    .main-visual-area {
        height: 1024px;
        box-sizing: border-box;
        padding-top: 144px;
    } 
    .main-visual-area .con {
        align-items: flex-start;
    }
    .main-visual-area .text-area > h1.title-text-1 {
        font-size: 44px;
        margin-top: 28px;
    }
    .main-visual-area .text-area > h1.title-text-2 {
        font-size: 44px;
        margin-top: 12px;
    }
    .main-visual-area .text-area > h3 {
        font-size: 20px;
        margin-top: 24px;
    }
    .main-visual-area .text-area .timer-area {
        margin-top: 95px;
        gap: 34px;
        flex-direction: column;
    }
    .main-visual-area .text-area .timer-area .title-box {
        gap: 4px;
    }
    .main-visual-area .text-area .timer-area .title-box > .img-box {
        width: 16px;
    }
    .main-visual-area .text-area .timer-area .title-box > h3 {
        font-size: 15px;
    }
    .main-visual-area .text-area .timer-area .timer-box > ul {
        margin-top: 16px;
        /* gap: 6px; */
    }
    .main-visual-area .text-area .timer-area .timer-box > ul > li {
        width: 52px;
    }
    .main-visual-area .text-area .timer-area .timer-box > ul > li .text-box-1 {
        height: 46px;
        border-radius: 6px 6px 0 0;
        font-size: 24px;
    }
    .main-visual-area .text-area .timer-area .timer-box > ul > li .text-box-2 {
        height: 16px;
        border-radius: 0 0 6px 6px;
        font-size: 11px;
    }
    .main-visual-area .img-area {
        width: 500px;
        right: 15px;
        top: auto;
        transform: inherit;
        bottom: 10px;
    }
}

@media (max-width:767px) {
    .main-visual-area {
        padding-top: 100px;
        height: 800px;
    }
    .main-visual-area .text-area > h1.title-text-1 {
        font-size: 27px;
        margin-top: 20px;
    }
    .main-visual-area .text-area > h1.title-text-1 br {
        display: block;
    }
    .main-visual-area .text-area > h1.title-text-1 span {
        line-height: 1.8;
    }
    .main-visual-area .text-area > h1.title-text-2 {
        font-size: 27px;
    }
    .pre-title img {
        height: calc(100vh - 87vh);
    }
    .pre-bg-item {
        width: 286px;
    }
    .pre-title-box span {
        font-size: 20px;
    }
    .pre-title p {
        font-size: 28px;
        margin-top: 16px;
        line-height: 1.3;
    }
    .pre-title p .mb-ver {
        display: block;
    }
    .pre-container {
        margin-top: 24px;
    }
    .countdown-text-box {
        font-size: 16px;
    }
    .pre-container li span {
        font-size: 32px;
        min-width: 68px;
    }
    .pre-container li span.time-text {
        font-size: 13px;
        margin-top: 12px;
    }
    .pre-container ul {
        display: flex;
        gap: 0;
    }
    .main-visual-area .text-area > h3 {
        font-size: 16px;
        margin-top: 16px;
    }
    .main-visual-area .text-area .timer-area {
        margin-top: 352px;
        gap: 48px;
        justify-content: center;
        align-items: center;
    }
    .main-visual-area .text-area .timer-area .title-box > h3 {
        font-size: 15px;
    }
    .main-visual-area .img-area {
        width: 100%;
        max-width: 360px;
        right: auto;
        left: 50%;
        top: 410px;
        transform: translateX(-50%);
        bottom: auto;
    }
}
@media (max-width:540px) {
    .main-visual-area{
        padding-top: 80px;
    }
    .pre-title img {
        margin-top: 20px;
        height: calc(100vh - 80vh);
    }
}
/* ------------------------------------------------------------------------------- */

/* 컨텐츠 공통 영역 */
.jobintroduction-area {
    padding: 140px 28px 0 28px;
}
.jobintroduction-area .con {
    background-color: #fff;
    padding: 190px 26px 120px 26px;
}
.cnt-area {
    width: 100%;
    box-sizing: border-box;
    position: relative;
    z-index: 1;
    /* padding: 200px 0; */
}
.cnt-area h1.cnt-title-text {
    font-family: "04HanwhaGothicB";
    font-size: 30px;
    gap: 20px;
}
.cnt-area p.cnt-sub-text {
    font-size: 40px;
    color: #3C3C3B;
}

@keyframes bg_ico_action_1 {
    to {
        opacity: 1;
        transform: translateX(0);
    }
}

@media (max-width:1320px) {
    .cnt-area {
        padding: 120px 0;
    }
    .cnt-area h1.cnt-title-text {
        font-size: 24px;
    }
    .cnt-area p.cnt-sub-text {
        font-size: 36px;
    }

    .cnt-area p.cnt-sub-text span {
        line-height: 1.4;
    }
}

@media (max-width:767px) {
    .cnt-area {
        padding: 80px 0;
    }
    .cnt-area h1.cnt-title-text {
        font-size: 26px;
    }
    .cnt-area p.cnt-sub-text {
        font-size: 17px;
        margin-top: 16px;
    }
    .cnt-area p.cnt-sub-text br {
        display: block;
    }
}
/* ------------------------------------------------------------------------------- */

/* 모집상세 영역 */
.recruitmentdetails-area {
    padding: 160px 26px 0 26px;
}
.recruitmentdetails-area .con {
    background-color: #fff;
    padding: 160px 26px;
}
.recruitmentdetails-area .caption1 {
    position: absolute;
    top: 60px;
    left: -20px;
}
.recruitmentdetails-area .break-box.con {
    background-color: #5C3468;
    padding: 58px 26px;
    color: #fff;
    gap: 20px;
}
.recruitmentdetails-area .break-box h1 {
    font-size: 40px;
    color: #EC691D;
}
.recruitmentdetails-area .break-box h1 span {
    font-size: 48px;
    letter-spacing: 2px;
}
.recruitmentdetails-area .break-box p {
    font-size: 24px;
    line-height: 1.6;
}
.recruitmentdetails-area .break-box p span {
    color: #EC691D;
}
.recruitmentdetails-area .bg-ico-box-2 {
    width: 35.0229%;
    top: 58px;
    right: -6.325%;
}

.recruitmentdetails-area .cnt-box-1 {
    margin-top: 70px;
}
.recruitmentdetails-area .cnt-box-1 .space-box-1 > .title-area {
    width: 100%;
    height: 104px;
}
.recruitmentdetails-area .cnt-box-1 .space-box-1 > .title-area > .title-box {
    width: 100%;
    height: 100%;
    border-radius: 8px;
    background: #EC691D;
    box-sizing: border-box;
    font-size: 30px;
    color: #fff;
}
.recruitmentdetails-area .cnt-box-1 .space-box-1 > .title-area > .title-box br.mb-ver {
    display: none;
}
/* .recruitmentdetails-area .cnt-box-1 .space-box-1 > .title-area > .bg-box {
    width: 100%;
    height: 100%;
    background: #EC691D;
    border-radius: 20px;
    left: 0;
    bottom: -6px;
} */
.recruitmentdetails-area .cnt-box-1 .space-box-1 .list-box {
    gap: 30px;
    margin-top: 30px;
}
.recruitmentdetails-area .cnt-box-1 .space-box-1 .list-box > li {
    width: calc(33.3333% - 20px);
    border-radius: 12px;
    box-sizing: border-box;
    border: 1px solid #EC691D;
    padding: 32px;
    background-color: #fff;
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.recruitmentdetails-area .cnt-box-1 .space-box-1 .list-box > li:nth-child(2) {
    border: 1px solid #4E275E;
}
.recruitmentdetails-area .cnt-box-1 .space-box-1 .list-box > li:nth-child(2) > h1 {
    color: #4E275E;
}
.recruitmentdetails-area .cnt-box-1 .space-box-1 .list-box > li:nth-child(2) > h1::after {
    background-color: #4E275E;
}
.recruitmentdetails-area .cnt-box-1 .space-box-1 .list-box > li .number {
    top: 32px;
    left: 32px;
    font-size: 32px;
    color: #F9E0CE;
}
.recruitmentdetails-area .cnt-box-1 .space-box-1 .list-box > li > h3 {
    font-size: 28px;
}
.recruitmentdetails-area .cnt-box-1 .space-box-1 .list-box > li > h1 {
    font-size: 40px;
    margin-top: 70px;
    position: relative;
    display: inline-block;
}
.recruitmentdetails-area .cnt-box-1 .space-box-1 .list-box > li > h1::after {
    position: absolute;
    bottom: -12px;
    left: 0;
    content: '';
    background-color: #EC691D;
    height: 1px;
    width: 100%;
}
.recruitmentdetails-area .cnt-box-1 .space-box-1 .list-box > li > p {
    font-size: 22px;
    margin-top: 32px;
}
.recruitmentdetails-area .cnt-box-1 .space-box-1 .list-box > li:not(:nth-child(1)) > .text-box {
    margin-top: 67px;
}
.recruitmentdetails-area .cnt-box-1 .space-box-1 .list-box > li > .text-box {
    width: 100%;
    height: 120px;
    border-radius: 8px;
    background: #fff;
    margin-top: 32px;
    font-size: 22px;
    background-color: #fafafa;
}
.recruitmentdetails-area .cnt-box-1 .space-box-1 .list-box > li > .text-box span {
    line-height: 1.6;
}

.recruitmentdetails-area .cnt-box-2 {
    padding-top: 100px;
}
/* .recruitmentdetails-area .cnt-box-2 > h1 {
    width: 300px;
    font-size: 36px;
} */
/* .recruitmentdetails-area .cnt-box-2 .list-area {
    width: calc(100% - 300px);
} */
.recruitmentdetails-area .cnt-box-2 .list-area > h2 {
    font-size: 32px;
    margin-top: 16px;
}
.recruitmentdetails-area .cnt-box-2 .list-area .space-area {
    margin-top: 68px;
    gap: 100px;
}
.recruitmentdetails-area .cnt-box-2 .list-area .space-area .space-box > h3 {
    font-size: 28px;
    margin-bottom: 28px;
}
.recruitmentdetails-area .cnt-box-2 .list-area .space-area .space-box .dot-text-box > li {
    padding: 0;
    padding-left: 30px;
    font-size: 20px;
    border-bottom: 0;
}
.recruitmentdetails-area .cnt-box-2 .list-area .space-area .space-box .dot-text-box > li::after {
    width: 5px;
    height: 5px;
    left: 12.5px;
    top: 13.5px;
}
.recruitmentdetails-area .cnt-box-2 .list-area .space-area .space-box-1 .dot-text-box > li,
.recruitmentdetails-area .cnt-box-2 .list-area .space-area .space-box-2 .dot-text-box > li {
    padding: 12px 30px;
    border-bottom: 1px dashed #646363;
}
.recruitmentdetails-area .cnt-box-2 .list-area .space-area .space-box .dot-text-box > li:last-child {
    border-bottom: 0;
}
.recruitmentdetails-area .cnt-box-2 .list-area .space-area .space-box-1 .dot-text-box > li::after,
.recruitmentdetails-area .cnt-box-2 .list-area .space-area .space-box-2 .dot-text-box > li::after {
    top: 25px;
}
.recruitmentdetails-area .cnt-box-2 .list-area .space-area .space-box .dot-text-box > li br.mb-ver {
    display: none;
}
.recruitmentdetails-area .cnt-box-2 .list-area .space-area .space-box-1 .banner-box {
    border-radius: 12px;
    box-sizing: border-box;
    padding: 4px 28px;
    border: 1px solid #EC691D;
    color: #3C3C3B;
}
.recruitmentdetails-area .cnt-box-2 .list-area .space-area .space-box-1 .banner-box .dot-text-box > li.bg-li {
    display: inline-block;
}
.recruitmentdetails-area .cnt-box-2 .list-area .space-area .space-box-1 .banner-box .dot-text-box > li.bg-li .bg-box {
    width: calc(100% - 30px);
    height: 100%;
}
.recruitmentdetails-area .cnt-box-2 .list-area .space-area .space-box-1 .banner-box .dot-text-box > li::after {
    background: #3C3C3B;
}
.recruitmentdetails-area .cnt-box-2 .list-area .space-area .space-box-1 .banner-box > .img-box {
    width: 200px;
    bottom: 0;
    right: 0;
}
.recruitmentdetails-area .cnt-box-2 .list-area .space-area .space-box-2 .dot-text-box > li::after {
    background: #EC691D;
}
.recruitmentdetails-area .cnt-box-2 .list-area .space-area .space-box-2 .dot-text-box > li:last-child:after {
    background-color: #3C3C3B;
}
.recruitmentdetails-area .cnt-box-2 .list-area .space-area .space-box-3 .list-box {
    padding: 80px 50px;
    border-radius: 20px;
    border: 1px solid #EC691D;
}
.recruitmentdetails-area .cnt-box-2 .list-area .space-area .space-box-4 .dot-text-box > li::after {
    background: #000;
}

@media (max-width:1320px) {
    .title-tag {
        display: block;
        height: 55px;
        margin-bottom: 20px;
    }
    .recruitmentdetails-area {
        padding: 100px 26px 0 26px;
    }
    .recruitmentdetails-area .con {
        padding-top: 160px;
        padding-bottom: 120px;
    }
    .recruitmentdetails-area .caption1, .caption2, .caption {
        height: 78px;
    }
    .recruitmentdetails-area .break-box.con {
        padding: 44px 26px;
    }
    .recruitmentdetails-area .break-box h1 {
        font-size: 28px;
    }
    .recruitmentdetails-area .break-box h1 span {
        font-size: 38px;
    }
    .recruitmentdetails-area .break-box p {
        font-size: 20px;
    }
    .recruitmentdetails-area .bg-ico-box-2 {
        width: 400px;
        top: 311px;
        right: -84px;
    }
    .main-obj-1 {
        top: -24px;
    }
    .main-obj-1 img {
        width: 228px;
    }
    .recruitmentdetails-area .cnt-box-1 {
        margin-top: 60px;
    }
    .recruitmentdetails-area .cnt-box-1 .space-box-1 > .title-area {
        height: 88px;
    }
    .recruitmentdetails-area .cnt-box-1 .space-box-1 > .title-area > .title-box {
        /* border-radius: 20px; */
        /* border: 2px solid #EC691D; */
        font-size: 28px;
    }
    .recruitmentdetails-area .cnt-box-1 .space-box-1 > .title-area > .bg-box {
        /* border-radius: 20px; */
        /* bottom: -6px; */
    }
    .recruitmentdetails-area .cnt-box-1 .space-box-1 .list-box {
        gap: 20px;
        margin-top: 44px;
        flex-direction: column;
        flex-wrap: wrap;
    }
    .recruitmentdetails-area .cnt-box-1 .space-box-1 .list-box > li {
        width: 100%;
        /* border-radius: 20px; */
        padding: 32px 36px 48px 36px;
    }
    .recruitmentdetails-area .cnt-box-1 .space-box-1 .list-box > li > h3 {
        font-size: 24px;
    }
    .recruitmentdetails-area .cnt-box-1 .space-box-1 .list-box > li > h1 {
        font-size: 36px;
        margin-top: 16px;
    }
    .recruitmentdetails-area .cnt-box-1 .space-box-1 .list-box > li > p {
        margin-top: 32px;
        font-size: 18px;
    }
    .recruitmentdetails-area .cnt-box-1 .space-box-1 .list-box > li > .text-box {
        height: 60px;
        margin-top: 32px;
        font-size: 20px;
        width: 316px;
        flex-direction: row;
        gap: 5px;
    }
    .recruitmentdetails-area .cnt-box-1 .space-box-1 .list-box > li .number {
        font-size: 28px;
    }
    .recruitmentdetails-area .cnt-box-2 {
        flex-direction: column;
        padding-top: 0;
    }
    .recruitmentdetails-area .cnt-box-2 > h1 {
        width: 100%;
        font-size: 28px;
    }
    .recruitmentdetails-area .cnt-box-2 .list-area {
        width: 100%;
        margin-top: 64px;
    }
    .recruitmentdetails-area .cnt-box-2 .list-area > h2 {
        font-size: 22px;
        margin-top: 0;
    }
    .recruitmentdetails-area .cnt-box-2 .list-area .space-area {
        margin-top: 60px;
        gap: 80px;
    }
    .recruitmentdetails-area .cnt-box-2 .list-area .space-area .space-box > h3 {
        font-size: 20px;
        margin-bottom: 24px;
    }
    .recruitmentdetails-area .cnt-box-2 .list-area .space-area .space-box .dot-text-box > li {
        padding-left: 27px;
        font-size: 18px;
    }
    .recruitmentdetails-area .cnt-box-2 .list-area .space-area .space-box .dot-text-box > li::after {
        /* width: 5px;
        height: 5px; */
        left: 11px;
        top: 24px;
    }
    .recruitmentdetails-area .cnt-box-2 .list-area .space-area .space-box-1 .banner-box .dot-text-box > li.bg-li .bg-box {
        width: calc(100% - 27px);
    }
    .recruitmentdetails-area .cnt-box-2 .list-area .space-area .space-box-1 .banner-box > .img-box {
        width: 128px;
        top: auto;
        bottom: 0;
        right: 0;
    }
    .recruitmentdetails-area .cnt-box-2 .list-area .space-area .space-box-3 .list-box {
        column-gap: 56px;
        row-gap: 32px;
        flex-wrap: wrap;
        padding: 20px 10px;
        border-radius: 12px;
    }
    .recruitmentdetails-area .cnt-box-2 .list-area .space-area .space-box-3 .list-box > li {
        width: calc(50% - 28px);
        border-radius: 28px;
        height: 200px;
        /* border: 2px solid #EC691D; */
        padding: 36px 16px 0 16px;
    }
    .recruitmentdetails-area .cnt-box-2 .list-area .space-area .space-box-3 .list-box > li.list-3 {
        order: 4;
    }
    .recruitmentdetails-area .cnt-box-2 .list-area .space-area .space-box-3 .list-box > li.list-4 {
        order: 3;
    }
    .recruitmentdetails-area .cnt-box-2 .list-area .space-area .space-box-3 .list-box > li .symbol-box {
        top: auto;
        right: auto;
        transform: inherit;
        border: none;
        border-left-color: transparent;
    }
    .recruitmentdetails-area .cnt-box-2 .list-area .space-area .space-box-3 .list-box > li:hover .symbol-box {
        border-left-color: transparent;
    }
    .recruitmentdetails-area .cnt-box-2 .list-area .space-area .space-box-3 .list-box > li.list-1 .symbol-box {
        top: 50%;
        right: -49px;
        transform: translateY(-50%);
        border-top: 8px solid transparent;
        border-bottom: 8px solid transparent;
        border-left: 12px solid #44464A;
        border-right: 12px solid transparent;
    }
    .recruitmentdetails-area .cnt-box-2 .list-area .space-area .space-box-3 .list-box > li.list-1:hover .symbol-box {
        border-left-color: #EC691D;
    }
    .recruitmentdetails-area .cnt-box-2 .list-area .space-area .space-box-3 .list-box > li.list-2 .symbol-box {
        left: 50%;
        bottom: -36px;
        transform: translateX(-50%);
        border-top: 12px solid #44464A;
        border-bottom: 12px solid transparent;
        border-left: 8px solid transparent;
        border-right: 8px solid transparent;
    }
    .recruitmentdetails-area .cnt-box-2 .list-area .space-area .space-box-3 .list-box > li.list-2:hover .symbol-box {
        border-top-color: #EC691D;
    }
    .recruitmentdetails-area .cnt-box-2 .list-area .space-area .space-box-3 .list-box > li.list-3 .symbol-box {
        top: 50%;
        left: -49px;
        transform: translateY(-50%);
        border-top: 8px solid transparent;
        border-bottom: 8px solid transparent;
        border-left: 12px solid transparent;
        border-right: 12px solid #44464A;
    }
    .recruitmentdetails-area .cnt-box-2 .list-area .space-area .space-box-3 .list-box > li.list-3:hover .symbol-box {
        border-right-color: #EC691D;
    }
    .recruitmentdetails-area .cnt-box-2 .list-area .space-area .space-box-3 .list-box > li > .img-box {
        width: 48px;
    }
    .recruitmentdetails-area .cnt-box-2 .list-area .space-area .space-box-3 .list-box > li > h4 {
        /* margin-top: 20px; */
        font-size: 20px;
    }
    .recruitmentdetails-area .cnt-box-2 .list-area .space-area .space-box-3 .list-box > li > h4 > br {
        display: none;
    }
    .recruitmentdetails-area .cnt-box-2 .list-area .space-area .space-box-3 .list-box > li > h5 {
        font-size: 15px;
        bottom: 24px;
    }
}

@media (max-width:767px) {
    .title-tag {
        height: 47px;
        margin-bottom: 12px;
    }
    .recruitmentdetails-area {
        padding: 0 20px;
    }
    .recruitmentdetails-area .caption1, .caption2, .caption {
        height: 60px;
        left: -15px;
    }
    .recruitmentdetails-area .break-box.con {
        padding: 40px;
    }
    .recruitmentdetails-area .break-box h1 {
        font-size: 22px;
    }
    .recruitmentdetails-area .break-box h1 span {
        font-size: 30px;
    }
    .recruitmentdetails-area .break-box p {
        font-size: 16px;
    }
    .recruitmentdetails-area .break-box p .mb-ver {
        display: block;
    }
    .cnt-area h1.cnt-title-text {
        font-size: 24px;
    }
    .main-obj-1 {
        top: 100px;
        left: 50%;
        right: auto;
        transform: translateX(-50%);
    }
    .main-obj-1 img {
        width: 177px;
    }

    .recruitmentdetails-area .bg-ico-box-2 {
        width: 157px;
        top: 184px;
        right: -17px;
    }
    .recruitmentdetails-area .cnt-box-1 {
        margin-top: 177px;
    }
    .recruitmentdetails-area .cnt-box-1 .space-box-1 > .title-area > .title-box {
        font-size: 20px;
        text-align: center;
        line-height: 140%;
    }
    .recruitmentdetails-area .cnt-box-1 .space-box-1 > .title-area > .title-box br.mb-ver {
        display: block;
    }
    .recruitmentdetails-area .cnt-box-1 .space-box-1 > .title-area > .title-box h1,
    .recruitmentdetails-area .cnt-box-1 .space-box-1 > .title-area > .title-box h1 > span {
        line-height: 140%;
    }
    .recruitmentdetails-area .cnt-box-1 .space-box-1 > .title-area > .bg-box {
        border-radius: 16px;
    }
    .recruitmentdetails-area .cnt-box-1 .space-box-1 .list-box {
        gap: 16px;
        margin-top: 30px;
    }
    .recruitmentdetails-area .cnt-box-1 .space-box-1 .list-box > li {
        padding: 20px 20px 36px 20px;
        border-radius: 10px;
    }
    .recruitmentdetails-area .cnt-box-1 .space-box-1 .list-box > li > h3 {
        font-size: 16px;
    }
    .recruitmentdetails-area .cnt-box-1 .space-box-1 .list-box > li > h1 {
        font-size: 32px;
        margin-top: 24px;
    }
    .recruitmentdetails-area .cnt-box-1 .space-box-1 .list-box > li > p {
        font-size: 16px;
        margin-top: 28px;
    }
    .recruitmentdetails-area .cnt-box-1 .space-box-1 .list-box > li > .text-box {
        height: 60px;
        margin-top: 28px;
        font-size: 18px;
        width: 100%;
    }
    
    /* .recruitmentdetails-area .cnt-box-2 {
        margin-top: 88px;
    } */
    .recruitmentdetails-area .cnt-box-2 > h1 {
        font-size: 22px;
    }
    .recruitmentdetails-area .cnt-box-2 .list-area {
        margin-top: 30px;
    }
    .recruitmentdetails-area .cnt-box-2 .list-area > h2 {
        font-size: 18px;
    }
    .recruitmentdetails-area .cnt-box-2 .list-area .space-area {
        margin-top: 60px;
        gap: 60px;
    }
    .recruitmentdetails-area .cnt-box-2 .list-area .space-area .space-box > h3 {
        font-size: 16px;
        margin-bottom: 20px;
    }
    .recruitmentdetails-area .cnt-box-2 .list-area .space-area .space-box .dot-text-box > li {
        padding-left: 22px;
        font-size: 14px;
    }
    .recruitmentdetails-area .cnt-box-2 .list-area .space-area .space-box .dot-text-box > li br {
        display: none;
    }
    .recruitmentdetails-area .cnt-box-2 .list-area .space-area .space-box .dot-text-box > li br.mb-ver {
        display: block;
    }
    .recruitmentdetails-area .cnt-box-2 .list-area .space-area .space-box .dot-text-box > li::after {
        width: 3px;
        height: 3px;
        left: 9.5px;
        top: 21px;
    }
    .recruitmentdetails-area .cnt-box-2 .list-area .space-area .space-box-1 .banner-box {
        padding: 0px 20px 0px 12px;
        border-radius: 10px;
    }
    .recruitmentdetails-area .cnt-box-2 .list-area .space-area .space-box-1 .banner-box .dot-text-box > li.bg-li .bg-box {
        width: calc(100% - 22px);
    }
    .recruitmentdetails-area .cnt-box-2 .list-area .space-area .space-box-1 .banner-box > .img-box {
        bottom: 100%;
        width: 67px;
    }
    .recruitmentdetails-area .cnt-box-2 .list-area .space-area .space-box-3 .list-box {
        border-radius: 0;
        padding: 0;
        border: none;
    }

    .recruitmentdetails-area .cnt-box-2 .list-area .space-area .space-box-3 .list-box > li {
        width: calc(50% - 10px);
        border-radius: 20px;
        height: 160px;
        border: 1px solid #EC691D;
        padding: 24px 8px 0 8px;
    }
    .recruitmentdetails-area .cnt-box-2 .list-area .space-area .space-box-3 .list-box > li.list-1 .symbol-box {
        right: -24px;
        border-top: 5px solid transparent;
        border-bottom: 5px solid transparent;
        border-left: 8px solid #44464A;
        border-right: 8px solid transparent;
    }
    .recruitmentdetails-area .cnt-box-2 .list-area .space-area .space-box-3 .list-box > li.list-2 .symbol-box {
        bottom: -24px;
        border-top: 8px solid #44464A;
        border-bottom: 8px solid transparent;
        border-left: 5px solid transparent;
        border-right: 5px solid transparent;
    }
    .recruitmentdetails-area .cnt-box-2 .list-area .space-area .space-box-3 .list-box > li.list-3 .symbol-box {
        left: -24px;
        border-top: 5px solid transparent;
        border-bottom: 5px solid transparent;
        border-left: 8px solid transparent;
        border-right: 8px solid #44464A;
    }
    .recruitmentdetails-area .cnt-box-2 .list-area .space-area .space-box-3 .list-box > li > .img-box {
        width: 40px;
    }
    .recruitmentdetails-area .cnt-box-2 .list-area .space-area .space-box-3 .list-box > li > h4 {
        margin-top: 10px;
        font-size: 15px;
    }
    .recruitmentdetails-area .cnt-box-2 .list-area .space-area .space-box-3 .list-box > li > h4 > br {
        display: block;
    }
    .recruitmentdetails-area .cnt-box-2 .list-area .space-area .space-box-3 .list-box > li > h5 {
        font-size: 12px;
        bottom: 16px;
    }
}


@media (max-width:640px) {
    .recruitmentdetails-area .cnt-box-2 .list-area .space-area .space-box-3 .list-box img {
        content: url(../img/recruit-step-m.svg);
        width: 76%;
        margin: 0 auto;
    }
}
@media (max-width:480px) {
    .recruitmentdetails-area .cnt-box-2 .list-area .space-area .space-box-3 .list-box img {
        content: url(../img/recruit-step-m.svg);
        width: 100%;
    }
}
/* ------------------------------------------------------------------------------- */

/* 채용분야 영역 */
/* .recruitmentdetails-area .cnt-box {
    margin-top: 100px;
} */
.recruitmentdetails-area .cnt-box .table-box table {
    border-collapse: separate;
    border-spacing: 12px 8px;
}
.recruitmentdetails-area .cnt-box .table-box tr th {
    font-size: 22px;
    font-weight: inherit;
    color: #fff;
    background: #EC691D;
    box-sizing: border-box;
    padding: 16px;
    white-space: nowrap;
    border: none;
    text-align: center;
    font-family: "04HanwhaGothicB";
    border-radius: 4px 4px 0 0;
}
.recruitmentdetails-area .cnt-box .table-box tr td {
    font-size: 20px;
    font-weight: inherit;
    color: #000;
    background: #fff;
    box-sizing: border-box;
    padding: 36px 16px;
    /* white-space: nowrap; */
    border: none;
    text-align: center;
    border-bottom: 1px dashed #646363;
}
.recruitmentdetails-area .cnt-box .table-box tr:last-child td {
    border-bottom: 1px solid #646363;
}
.recruitmentdetails-area .cnt-box .table-box tr td:nth-child(1) {
    color: #EC691D;
    font-family: "04HanwhaGothicB";
}
.recruitmentdetails-area .cnt-box .table-box tr td:nth-child(1) br,
.recruitmentdetails-area .cnt-box .table-box tr td:nth-child(2) br {
    display: none;
}
.recruitmentdetails-area .cnt-box .table-box tr td:nth-child(2) {
    white-space: wrap;
    font-size: 22px;
}
.recruitmentdetails-area .cnt-box .table-box tr td:nth-child(3) {
    font-family: "06HanwhaGothicL";
    line-height: 160%;
    border-bottom: 1px solid #646363;
}
.recruitmentdetails-area.bg-ico-box {
    width: 14.2187%;
    top: 128px;
    right: 18.75%;
}

@media (max-width:1320px) {
    /* .recruitmentdetails-area .cnt-box {
        margin-top: 80px;
    } */
    .recruitmentdetails-area .cnt-box .table-box table {
        border-spacing: 8px;
    }
    .recruitmentdetails-area .cnt-box .table-box tr th {
        font-size: 18px;
        padding: 10px;
        border-radius: 6px;
    }
    .recruitmentdetails-area .cnt-box .table-box tr td {
        font-size: 17px;
        padding: 31px 10px;
        /* border-radius: 6px; */
    }
    .recruitmentdetails-area .cnt-box .table-box tr td:nth-child(2) {
        font-size: 18px;
    }
    .recruitmentdetails-area.bg-ico-box {
        width: 228px;
        top: 77px;
        right: 44px;
    }
}

@media (max-width:767px) {
    /* .recruitmentdetails-area .cnt-box {
        margin-top: 60px;
    } */
    .recruitmentdetails-area .cnt-box .table-box table {
        border-spacing: 4px;
    }
    .recruitmentdetails-area .cnt-box .table-box tr th {
        font-size: 13px;
        padding: 10px;
    }
    .recruitmentdetails-area .cnt-box .table-box tr td {
        font-size: 13px;
        padding: 20px 10px;
        line-height: 140%;
    }
    .recruitmentdetails-area .cnt-box .table-box tr td:nth-child(2) {
        font-size: 14px;
    }
    .recruitmentdetails-area.bg-ico-box {
        width: 128px;
        top: 56px;
        right: 22px;
    }
}

/* ------------------------------------------------------------------------------- */

/* 행사소개 영역 */
.eventintroduction-area-1 {
    padding: 140px 26px 0 26px;
}
.eventintroduction-area-1 .con {
    background-color: #fff;
    position: relative;
    padding-top: 190px;
    padding-bottom: 120px;
}
.eventintroduction-area-1 .caption2 {
    position: absolute;
    top: 60px;
    left: -20px;
}
.eventintroduction-area-2 {
    padding: 20px 26px 0 26px;
}
.eventintroduction-area-2 .con {
    padding: 60px 0 120px 0;
}
.eventintroduction-area .cnt-box > h2 {
    font-size: 36px;
    box-sizing: border-box;
    padding: 8px 0;
}
.eventintroduction-area .cnt-box .list-area > .left-box > h3 {
    font-size: 30px;
    color: #4E275E;
    gap: 20px;
    margin-bottom: 24px;
}
.eventintroduction-area .cnt-box .list-area > .left-box > h3 span:last-of-type {
    margin-top: -14px;
}
.eventintroduction-area .cnt-box .list-area > .right-box .box {
    background-color: #4E275E;
    color: #fff;
    padding: 80px 60px 60px;
    border-radius: 10px;
}
.eventintroduction-area .cnt-box .list-area > .right-box .box-2 {
    background-color: #EC691D;
}
.eventintroduction-area .cnt-box .list-area > .right-box .box-2 .text-area > .text-box {
    background-color: #fff;
    color: #000;
    border-radius: 4px;
    width: 100%;
    max-width: 600px;
    padding: 28px 20px;
    box-sizing: border-box;
}
.eventintroduction-area .cnt-box .list-area > .right-box .box .box-img {
    position: absolute;
    top: 0;
    right: 0;
}
.eventintroduction-area .cnt-box .list-area > .right-box h3 {
    font-size: 36px;
}
.eventintroduction-area .cnt-box .list-area > .right-box h3.text-2 {
    margin-top: 20px;
}
.eventintroduction-area .cnt-box .list-area > .right-box .text-area {
    margin-top: 52px;
    position: relative;
}
.eventintroduction-area .cnt-box .list-area > .right-box .text-area > p {
    font-size: 22px;
}
.eventintroduction-area .cnt-box .list-area > .right-box .text-area > .text-box {
    margin-top: 52px;
    gap: 20px;
    padding: 32px 40px;
    border-radius: 4px;
}
.eventintroduction-area .cnt-box .list-area > .right-box .text-area > .text-box1 {
    background-color: #5C3468;
    max-width: 760px;
}
.eventintroduction-area .cnt-box .list-area > .right-box .text-area > .text-box > li {
    gap: 20px;
}
.eventintroduction-area .cnt-box .list-area > .right-box .text-area > .text-box > li > .text-1 {
    width: 120px;
    height: 36px;
    border-radius: 20px;
    border: 1px solid #EC691D;
    font-size: 20px;
}
.eventintroduction-area .cnt-box .list-area > .right-box .text-area > .text-box > li > .text-2 {
    width: calc(100% - 148px);
    font-size: 20px;
}
.eventintroduction-area .cnt-box .list-area > .right-box .box .text-area > .text-box > li > .text-2 span {
    padding-left: 16px;
}
.eventintroduction-area .cnt-box .list-area > .right-box .box .text-area > .text-box > li > .text-2 span::before{
    position: absolute;
    content: '';
    width: 5px;
    height: 5px;
    background: #000;
    border-radius: 50%;
    top: 9px;
    left: 0;
}
.eventintroduction-area .cnt-box .list-area > .right-box .text-area > .text-box > li > .dot-text-box {
    width: calc(100% - 148px);
}
.eventintroduction-area .cnt-box .list-area > .right-box .text-area > .text-box > li > .dot-text-box > li {
    margin-left:-10px;
    padding-left: 32px;
    font-size: 20px;
}
.eventintroduction-area .cnt-box .list-area > .right-box .text-area > .text-box > li > .dot-text-box > li::after {
    width: 5px;
    height: 5px;
    background: #fff;
    top: 14px;
    left: 15px;
}
.eventintroduction-area .cnt-box .list-area > .right-box .event-box {
    margin-top: 68px;
    gap: 36px;
}
.eventintroduction-area .cnt-box .list-area > .right-box .event-box > li {
    box-sizing: border-box;
    padding: 40px 40px 72px 40px;
    border-radius: 20px;
    background-color: #fafafa;
    width: 100%;
    max-width: 900px;
    margin: 0 auto;
}
.eventintroduction-area .cnt-box .list-area > .right-box .event-box > li .text-area > h4 {
    width: 138px;
    height: 40px;
    border-radius: 20px;
    font-size: 24px;
    background-color: #4E275E;
}
.eventintroduction-area .cnt-box .list-area > .right-box .event-box > li .text-area > h3 {
    font-size: 32px;
    margin-top: 20px;
}
.eventintroduction-area .cnt-box .list-area > .right-box .event-box > li .text-area > p {
    font-size: 20px;
    margin-top: 40px;
}
.eventintroduction-area .cnt-box .list-area > .right-box .event-box > li .text-area > p.text-1 {
    font-size: 22px;
    margin-top: 36px;
}
.eventintroduction-area .cnt-box .list-area > .right-box .event-box > li .text-area > h5 {
    font-size: 20px;
    margin-top: 60px;
}
.eventintroduction-area .cnt-box .list-area > .right-box .event-box > li .text-area > .dot-text-box {
    margin-top: 16px;
}
.eventintroduction-area .cnt-box .list-area > .right-box .event-box > li .text-area > .dot-text-box > li {
    padding-left: 27px;
    font-size: 18px;
}
.eventintroduction-area .cnt-box .list-area > .right-box .event-box > li .text-area > .dot-text-box > li::after {
    width: 4px;
    height: 4px;
    background: #44464A;
    top: 12.4px;
    left: 11.5px;;
}
.eventintroduction-area .cnt-box .list-area > .right-box .shortcut-btn {
    margin-top: 60px;
    width: 100%;
    height: 68px;
    border-radius: 4px;
    gap: 12px;
}
.eventintroduction-area .cnt-box .list-area > .right-box .shortcut-btn:hover{
    background: #FF4D00!important;
}
.eventintroduction-area .cnt-box .list-area > .right-box .shortcut-btn > .img-box {
    width: 24px;
}
.eventintroduction-area .cnt-box .list-area > .right-box .shortcut-btn > .text {
    font-size: 22px;
}
.eventintroduction-area .cnt-box .list-area > .right-box p {
    font-size: 22px;
    margin-top: 40px;
}

.eventintroduction-area-1 .cnt-box {
    margin-top: 60px;
}
.eventintroduction-area-1 .cnt-box .list-area > .right-box > .event-box > li.event-list-1 .text-area {
    width: calc(100% - 240px);
}
.eventintroduction-area-1 .cnt-box .list-area > .right-box > .event-box > li.event-list-1 .img-area {
    width: 220px;
    height: 220px;
    background: #fff;
    border-radius: 50%;
    top: 86px;
    right: 50px;
}
.eventintroduction-area-1 .cnt-box .list-area > .right-box > .event-box > li.event-list-1 .img-area .ico-box {
    width: 156px;
    margin-top: 48px;
}
.eventintroduction-area-1 .cnt-box .list-area > .right-box > .event-box > li.event-list-1 .img-area .text {
    font-size: 17px;
    margin-top: 12px;
    display: block;
}
.eventintroduction-area-1 .cnt-box .list-area > .right-box > .event-box > li.event-list-1 .img-area .num-box {
    width: 60px;
    height: 60px;
    background: #937B6E;
    font-size: 17px;
    border-radius: 50%;
    top: 0;
    right: 0;
}
.eventintroduction-area-1 .cnt-box .list-area > .right-box > .event-box > li.event-list-1 .img-area .text-img-box {
    width: 161px;
    top: -45px;
    left: -64px;
}

.eventintroduction-area-1 .cnt-box .list-area > .right-box > .event-box > li.event-list-2 .text-area {
    width: calc(100% - 240px);
}
.eventintroduction-area-1 .cnt-box .list-area > .right-box > .event-box > li.event-list-2 .img-area {
    width: 220px;
    height: 220px;
    background: #fff;
    border-radius: 50%;
    top: 148px;
    right: 50px;
}
.eventintroduction-area-1 .cnt-box .list-area > .right-box > .event-box > li.event-list-2 .img-area .ico-box {
    width: 156px;
    margin-top: 48px;
}
.eventintroduction-area-1 .cnt-box .list-area > .right-box > .event-box > li.event-list-2 .img-area .text {
    font-size: 17px;
    margin-top: 12px;
    display: block;
}
.eventintroduction-area-1 .cnt-box .list-area > .right-box > .event-box > li.event-list-2 .img-area .num-box {
    width: 60px;
    height: 60px;
    background: #937B6E;
    font-size: 17px;
    border-radius: 50%;
    top: 0;
    right: 0;
}
.eventintroduction-area-1 .cnt-box .list-area > .right-box > .event-box > li.event-list-2 .img-area .text-img-box {
    width: 190px;
    top: -45px;
    left: -64px;
}

.eventintroduction-area-1 .cnt-box .list-area > .right-box > .event-box > li.event-list-3 br.mb-ver {
    display: none;
}
.eventintroduction-area-1 .cnt-box .list-area > .right-box > .event-box > li.event-list-3 .text-area {
    width: calc(100% - 240px);
}
.eventintroduction-area-1 .cnt-box .list-area > .right-box > .event-box > li.event-list-3 .img-area {
    width: 220px;
    height: 220px;
    background: #fff;
    border-radius: 20px;
    top: 172px;
    right: 50px;
}
.eventintroduction-area-1 .cnt-box .list-area > .right-box > .event-box > li.event-list-3 .img-area .ico-box {
    width: 132px;
    margin-top: 24px;
}
.eventintroduction-area-1 .cnt-box .list-area > .right-box > .event-box > li.event-list-3 .img-area .text {
    font-size: 17px;
    margin-top: 12px;
    display: block;
}
.eventintroduction-area-1 .cnt-box .list-area > .right-box > .event-box > li.event-list-3 .img-area .num-box {
    width: 140px;
    height: 30px;
    background: #937B6E;
    font-size: 16px;
    border-radius: 20px;
    bottom: -15px;
    left: 50%;
    transform: translateX(-50%);
}
.eventintroduction-area-1 .cnt-box .list-area > .right-box > .event-box > li.event-list-3 .img-area .text-img-box {
    width: 161px;
    top: -45px;
    left: -64px;
}

.eventintroduction-area-2 .cnt-box .list-area > .right-box > .event-box > li.event-list-1 .text-area {
    width: calc(100% - 240px);
}
.eventintroduction-area-2 .cnt-box .list-area > .right-box > .event-box > li.event-list-1 .img-area {
    width: 220px;
    height: 220px;
    background: #fff;
    border-radius: 50%;
    top: 145px;
    right: 44px;
}
.eventintroduction-area-2 .cnt-box .list-area > .right-box > .event-box > li.event-list-1 .img-area .ico-box {
    width: 164px;
    margin-top: 50px;
}
.eventintroduction-area-2 .cnt-box .list-area > .right-box > .event-box > li.event-list-1 .img-area .text {
    font-size: 18px;
    margin-top: 16px;
    display: block;
}
.eventintroduction-area-2 .cnt-box .list-area > .right-box > .event-box > li.event-list-1 br.mb-ver {
    display: none;
}

.eventintroduction-area-2 .cnt-box .list-area > .right-box > .event-box > li.event-list-2 .text-area {
    width: calc(100% - 186px);
}
.eventintroduction-area-2 .cnt-box .list-area > .right-box > .event-box > li.event-list-2 .img-area {
    width: 220px;
    height: 220px;
    background: #fff;
    border-radius: 50%;
    top: 198px;
    right: 44px;
}
.eventintroduction-area-2 .cnt-box .list-area > .right-box > .event-box > li.event-list-2 .img-area .ico-box {
    width: 272px;
    margin-top: -12px;
    margin-left: -17px;
}
.eventintroduction-area-2 .cnt-box .list-area > .right-box > .event-box > li.event-list-2 .img-area .text-img-box {
    width: 145px;
    margin-top: -10px;
}
.eventintroduction-area-2 .cnt-box .list-area > .right-box > .event-box > li.event-list-2 .img-area .text {
    font-size: 18px;
}
.eventintroduction-area-2 .cnt-box .list-area > .right-box > .event-box > li.event-list-2 .bottom-box {
    margin-top: 44px;
    box-sizing: border-box;
    padding-top: 48px;
    border-top: 1px solid #EEEEEE;
}
.eventintroduction-area-2 .cnt-box .list-area > .right-box > .event-box > li.event-list-2 .bottom-box > h3 {
    font-size: 28px;
}
.eventintroduction-area-2 .cnt-box .list-area > .right-box > .event-box > li.event-list-2 .bottom-box > h4 {
    font-size: 22px;
    margin-top: 16px;
}
.eventintroduction-area-2 .cnt-box .list-area > .right-box > .event-box > li.event-list-2 .bottom-box .prize-list-box {
    margin-top: 68px;
    box-sizing: border-box;
    padding: 0 30px;
    gap: 20px;
    justify-content: center;
}
.eventintroduction-area-2 .cnt-box .list-area > .right-box > .event-box > li.event-list-2 .bottom-box .prize-list-box > li {
    width: calc(33.3333% - 13.3333px);
}
.eventintroduction-area-2 .cnt-box .list-area > .right-box > .event-box > li.event-list-2 .bottom-box .prize-list-box > li .img-area-2 {
    width: 100%;
    height: 200px;
    border-radius: 20px;
    box-sizing: border-box;
    padding: 0 20px;
    background-color: #fff;
}
.eventintroduction-area-2 .cnt-box .list-area > .right-box > .event-box > li.event-list-2 .bottom-box .prize-list-box > li.list-1 .img-area-2 .product-img-box {
    max-width: 98px;
}
.eventintroduction-area-2 .cnt-box .list-area > .right-box > .event-box > li.event-list-2 .bottom-box .prize-list-box > li.list-2 .img-area-2 .product-img-box {
    max-width: 182px;
}
.eventintroduction-area-2 .cnt-box .list-area > .right-box > .event-box > li.event-list-2 .bottom-box .prize-list-box > li.list-3 .img-area-2 .product-img-box {
    max-width: 164px;
}
.eventintroduction-area-2 .cnt-box .list-area > .right-box > .event-box > li.event-list-2 .bottom-box .prize-list-box > li .img-area-2 > .num-box {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    font-size: 16px;
    top: -20px;
    right: 20px;
}
.eventintroduction-area-2 .cnt-box .list-area > .right-box > .event-box > li.event-list-2 .bottom-box .prize-list-box > li > h5 {
    font-size: 18px;
    margin-top: 16px;
}

.eventintroduction-area-1 .bg-ico-box {
    width: 24.8958%;
    top: 200px;
    right: 13.3854%;
}
.eventintroduction-area-2 .bg-ico-box {
    width: 22.0833%;
    top: 160px;
    right: 12.8125%;
}

@media (max-width:1320px) {
    .eventintroduction-area-1 {
        padding: 100px 26px 0px 26px;
    }
    .eventintroduction-area-2 {
        padding: 16px 26px 0px 26px;
    }
    .eventintroduction-area-1 .con {
        padding-top: 120px;
    }
    .eventintroduction-area-2 .con {
        padding: 48px 26px 0 26px;
    }
    .eventintroduction-area .cnt-box > h2 {
        font-size: 26px;
        /* padding: 8px 0;
        border-bottom: 2px solid #FF4D00; */
    }
    .eventintroduction-area .cnt-box .list-area {
        margin-top: 48px;
        flex-direction: column;
    }
    .eventintroduction-area .cnt-box .list-area > .left-box {
        width: 100%;
    }
    .eventintroduction-area .cnt-box .list-area > .left-box > h3 {
        font-size: 24px;
    }
    .eventintroduction-area .cnt-box .list-area > .left-box > h3 > br {
        display: none;
    }
    .eventintroduction-area .cnt-box .list-area > .right-box{
        width: 100%;
    }
    .eventintroduction-area .cnt-box .list-area > .right-box .box {
        padding: 28px;
    }
    .eventintroduction-area .cnt-box .list-area > .right-box h3 {
        font-size: 32px;
    }
    .eventintroduction-area .cnt-box .list-area > .right-box h3.text-2 {
        margin-top: 16px;
    }
    .eventintroduction-area .cnt-box .list-area > .right-box .text-area {
        margin-top: 40px;
    }
    .eventintroduction-area .cnt-box .list-area > .right-box .text-area > p {
        font-size: 20px;
    }
    .eventintroduction-area .cnt-box .list-area > .right-box .text-area > .text-box {
        margin-top: 40px;
        gap: 16px;
        padding: 24px;
    }
    .eventintroduction-area .cnt-box .list-area > .right-box .box .box-img {
        width: 300px;
    }
    .eventintroduction-area .cnt-box .list-area > .right-box .text-area > .text-box > li {
        gap: 12px;
    }
    .eventintroduction-area .cnt-box .list-area > .right-box .text-area > .text-box > li > .text-1 {
        width: 120px;
        height: 34px;
        font-size: 18px;
    }
    .eventintroduction-area .cnt-box .list-area > .right-box .text-area > .text-box > li > .text-2 {
        width: calc(100% - 134px);
        font-size: 18px;
    }
    .eventintroduction-area .cnt-box .list-area > .right-box .text-area > .text-box > li > .dot-text-box {
        width: calc(100% - 134px);
    }
    .eventintroduction-area .cnt-box .list-area > .right-box .text-area > .text-box > li > .dot-text-box > li {
        padding-left: 26px;
        font-size: 18px;
    }
    .eventintroduction-area .cnt-box .list-area > .right-box .text-area > .text-box > li > .dot-text-box > li::after {
        width: 4px;
        height: 4px;
        top: 12px;
        left: 10.4px;
    }
    .eventintroduction-area .cnt-box .list-area > .right-box .event-box {
        margin-top: 52px;
        gap: 20px;
    }
    .eventintroduction-area .cnt-box .list-area > .right-box .event-box > li {
        padding: 36px 36px 52px 36px;
        /* border: 2px solid #EC691D; */
        /* border-radius: 20px; */
    }
    .eventintroduction-area .cnt-box .list-area > .right-box .event-box > li .text-area > h4 {
        width: 124px;
        height: 36px;
        font-size: 20px;
    }
    .eventintroduction-area .cnt-box .list-area > .right-box .event-box > li .text-area > h3 {
        font-size: 26px;
        line-height: 140%;
        /* margin-top: 20px; */
    }
    .eventintroduction-area .cnt-box .list-area > .right-box .event-box > li .text-area > p {
        font-size: 18px;
        margin-top: 36px;
    }
    .eventintroduction-area .cnt-box .list-area > .right-box .event-box > li .text-area > p.text-1 {
        font-size: 18px;
        margin-top: 36px;
    }
    .eventintroduction-area .cnt-box .list-area > .right-box .event-box > li .text-area > h5 {
        font-size: 17px;
        margin-top: 44px;
    }
    .eventintroduction-area .cnt-box .list-area > .right-box .event-box > li .text-area > .dot-text-box {
        margin-top: 16px;
    }
    .eventintroduction-area .cnt-box .list-area > .right-box .event-box > li .text-area > .dot-text-box > li {
        padding-left: 22px;
        font-size: 15px;
    }
    .eventintroduction-area .cnt-box .list-area > .right-box .event-box > li .text-area > .dot-text-box > li::after {
        /* width: 4px;
        height: 4px; */
        top: 10px;
        left: 9px;;
    }
    .eventintroduction-area .cnt-box .list-area > .right-box .shortcut-btn {
        margin-top: 56px;
        /* height: 68px; */
        /* gap: 12px; */
    }
    .eventintroduction-area .cnt-box .list-area > .right-box .shortcut-btn > .img-box {
        width: 20px;
    }
    .eventintroduction-area .cnt-box .list-area > .right-box .shortcut-btn > .text {
        font-size: 20px;
    }
    .eventintroduction-area .cnt-box .list-area > .right-box p {
        font-size: 16px;
        margin-top: 24px;
    }
    .eventintroduction-area-1 .cnt-box .list-area > .right-box > .event-box > li.event-list-1 .text-area {
        width: calc(100% - 192px);
    }
    .eventintroduction-area-1 .cnt-box .list-area > .right-box > .event-box > li.event-list-1 .img-area {
        width: 180px;
        height: 180px;
        top: 88px;
        right: 36px;
    }
    .eventintroduction-area-1 .cnt-box .list-area > .right-box > .event-box > li.event-list-1 .img-area .ico-box {
        width: 108px;
        /* margin-top: 48px; */
    }
    .eventintroduction-area-1 .cnt-box .list-area > .right-box > .event-box > li.event-list-1 .img-area .text {
        font-size: 15px;
        margin-top: 8px;
    }
    .eventintroduction-area-1 .cnt-box .list-area > .right-box > .event-box > li.event-list-1 .img-area .num-box {
        /* width: 60px;
        height: 60px; */
        font-size: 15px;
    }
    .eventintroduction-area-1 .cnt-box .list-area > .right-box > .event-box > li.event-list-1 .img-area .text-img-box {
        width: 147px;
        /* top: -45px;
        left: -64px; */
    }
    
    .eventintroduction-area-1 .cnt-box .list-area > .right-box > .event-box > li.event-list-2 .text-area {
        width: calc(100% - 192px);
    }
    .eventintroduction-area-1 .cnt-box .list-area > .right-box > .event-box > li.event-list-2 .img-area {
        width: 180px;
        height: 180px;
        top: 155px;
        right: 36px;
    }
    .eventintroduction-area-1 .cnt-box .list-area > .right-box > .event-box > li.event-list-2 .img-area .ico-box {
        width: 101px;
        margin-top: 24px;
    }
    .eventintroduction-area-1 .cnt-box .list-area > .right-box > .event-box > li.event-list-2 .img-area .text {
        font-size: 15px;
        /* margin-top: 12px; */
    }
    .eventintroduction-area-1 .cnt-box .list-area > .right-box > .event-box > li.event-list-2 .img-area .text-img-box {
        width: 196px;
        top: -96px;
        left: -24px;
    }
    
    .eventintroduction-area-1 .cnt-box .list-area > .right-box > .event-box > li.event-list-3 .text-area {
        width: calc(100% - 192px);
    }
    .eventintroduction-area-1 .cnt-box .list-area > .right-box > .event-box > li.event-list-3 .img-area {
        width: 180px;
        height: 180px;
        top: 158px;
        right: 36px;
    }
    .eventintroduction-area-1 .cnt-box .list-area > .right-box > .event-box > li.event-list-3 .img-area .ico-box {
        width: 89px;
        margin-top: 30px;
    }
    .eventintroduction-area-1 .cnt-box .list-area > .right-box > .event-box > li.event-list-3 .img-area .text {
        font-size: 15px;
        /* margin-top: 12px; */
    }
    .eventintroduction-area-1 .cnt-box .list-area > .right-box > .event-box > li.event-list-3 .img-area .num-box {
        /* width: 140px;
        height: 30px; */
        font-size: 15px;
        /* bottom: -15px; */
    }
    
    .eventintroduction-area-2 .cnt-box .list-area > .right-box > .event-box > li.event-list-1 .text-area {
        width: calc(100% - 192px);
    }
    .eventintroduction-area-2 .cnt-box .list-area > .right-box > .event-box > li.event-list-1 .img-area {
        width: 180px;
        height: 180px;
        top: 124px;
        right: 47px;
    }
    .eventintroduction-area-2 .cnt-box .list-area > .right-box > .event-box > li.event-list-1 .img-area .ico-box {
        width: 108px;
        /* margin-top: 50px; */
    }
    .eventintroduction-area-2 .cnt-box .list-area > .right-box > .event-box > li.event-list-1 .img-area .text {
        font-size: 15px;
        /* margin-top: 16px; */
    }
    
    .eventintroduction-area-2 .cnt-box .list-area > .right-box > .event-box > li.event-list-2 .text-area {
        width: calc(100% - 190px);
    }
    .eventintroduction-area-2 .cnt-box .list-area > .right-box > .event-box > li.event-list-2 .img-area {
        width: 180px;
        height: 180px;
        top: 100px;
        right: 47px;
    }
    .eventintroduction-area-2 .cnt-box .list-area > .right-box > .event-box > li.event-list-2 .img-area .ico-box {
        width: 166px;
        margin-top: 24px;
        margin-left: 18px;
    }
    .eventintroduction-area-2 .cnt-box .list-area > .right-box > .event-box > li.event-list-2 .img-area .text-img-box {
        width: 106px;
        margin-top: -7px;
    }
    .eventintroduction-area-2 .cnt-box .list-area > .right-box > .event-box > li.event-list-2 .bottom-box {
        margin-top: 40px;
        padding-top: 50px;
    }
    .eventintroduction-area-2 .cnt-box .list-area > .right-box > .event-box > li.event-list-2 .bottom-box > h3 {
        font-size: 20px;
    }
    .eventintroduction-area-2 .cnt-box .list-area > .right-box > .event-box > li.event-list-2 .bottom-box > h4 {
        font-size: 18px;
        /* margin-top: 16px; */
    }
    .eventintroduction-area-2 .cnt-box .list-area > .right-box > .event-box > li.event-list-2 .bottom-box .prize-list-box {
        margin-top: 60px;
        padding: 0;
        /* gap: 20px; */
    }
    .eventintroduction-area-2 .cnt-box .list-area > .right-box > .event-box > li.event-list-2 .bottom-box .prize-list-box > li {
        /* width: calc(33.3333% - 13.3333px); */
    }
    .eventintroduction-area-2 .cnt-box .list-area > .right-box > .event-box > li.event-list-2 .bottom-box .prize-list-box > li .img-area-2 {
        height: 156px;
        border-radius: 16px;
        padding: 0 16px;
    }
    .eventintroduction-area-2 .cnt-box .list-area > .right-box > .event-box > li.event-list-2 .bottom-box .prize-list-box > li.list-1 .img-area-2 .product-img-box {
        max-width: 78px;
    }
    .eventintroduction-area-2 .cnt-box .list-area > .right-box > .event-box > li.event-list-2 .bottom-box .prize-list-box > li.list-2 .img-area-2 .product-img-box {
        max-width: 144px;
    }
    .eventintroduction-area-2 .cnt-box .list-area > .right-box > .event-box > li.event-list-2 .bottom-box .prize-list-box > li.list-3 .img-area-2 .product-img-box {
        max-width: 128px;
    }
    .eventintroduction-area-2 .cnt-box .list-area > .right-box > .event-box > li.event-list-2 .bottom-box .prize-list-box > li .img-area-2 > .num-box {
        width: 48px;
        height: 48px;
        font-size: 14px;
        top: -16px;
        right: 16px;
    }
    .eventintroduction-area-2 .cnt-box .list-area > .right-box > .event-box > li.event-list-2 .bottom-box .prize-list-box > li > h5 {
        font-size: 15px;
        /* margin-top: 16px; */
    }
    
    .eventintroduction-area-1 .bg-ico-box {
        width: 277px;
        top: 312px;
        right: 4px;
    }
    .eventintroduction-area-2 .bg-ico-box {
        width: 291px;
        top: 100px;
        right: 26px;
    }
}

@media (max-width:767px) {
    .eventintroduction-area-2 .con {
        padding: 24px 20px 0 20px;
    }
    .eventintroduction-area-1 .caption2 {
        top: 28px;
        left: -15px;
    }
    .eventintroduction-area-1 {
        padding: 80px 20px 0px 20px;
    }
    .eventintroduction-area-2 {
        padding: 24px 20px 0 20px;
    }
    .eventintroduction-area-1 .con {
        padding-top: 104px;
    }
    .eventintroduction-area .cnt-box > h2 {
        font-size: 20px;
    }
    .eventintroduction-area .cnt-box .list-area {
        margin-top: 0;
    }
    .eventintroduction-area .cnt-box .list-area > .left-box > h3 {
        font-size: 17px;
        gap: 12px;
        margin-bottom: 12px;
    }
    .eventintroduction-area .cnt-box .list-area > .right-box{
        margin-top: 0;
    }
    .eventintroduction-area .cnt-box .list-area > .right-box .box {
        padding: 40px 16px 16px;
    }
    .eventintroduction-area .cnt-box .list-area > .right-box h3 {
        font-size: 22px;
        position: relative;
        z-index: 2;
    }
    .eventintroduction-area .cnt-box .list-area > .right-box h3 br {
        display: block;
    }
    .eventintroduction-area .cnt-box .list-area > .right-box .box .box-img {
        width: 180px;
    }
    .eventintroduction-area .cnt-box .list-area > .right-box .text-area {
        margin-top: 20px;
    }
    .eventintroduction-area .cnt-box .list-area > .right-box .text-area > p {
        font-size: 16px;
    }
    .eventintroduction-area .cnt-box .list-area > .right-box .text-area > p .mb-ver {
        display: block;
    }
    .eventintroduction-area .cnt-box .list-area > .right-box .box-2 .text-area > .text-box {
        padding: 16px 12px;
    }
    .eventintroduction-area .cnt-box .list-area > .right-box .text-area > .text-box > li > .text-1 {
        width: 88px;
    }
    .eventintroduction-area .cnt-box .list-area > .right-box .text-area > .text-box {
        margin-top: 36px;
        gap: 16px;
        padding: 16px 12px;
    }
    .eventintroduction-area .cnt-box .list-area > .right-box .text-area > .text-box > li {
        gap: 10px;
        flex-direction: column;
    }
    .eventintroduction-area .cnt-box .list-area > .right-box .text-area > .text-box > li > .text-1 {
        width: 120px;
        height: 32px;
        font-size: 14px;
    }
    .eventintroduction-area .cnt-box .list-area > .right-box .text-area > .text-box > li > .text-2 {
        width: 100%;
        font-size: 15px;
    }
    .eventintroduction-area .cnt-box .list-area > .right-box .text-area > .text-box > li > .dot-text-box {
        width: 100%;
    }
    .eventintroduction-area .cnt-box .list-area > .right-box .text-area > .text-box > li > .dot-text-box > li {
        padding-left: 22px;
        font-size: 15px;
    }
    .eventintroduction-area .cnt-box .list-area > .right-box .text-area > .text-box > li > .dot-text-box > li::after {
        width: 3px;
        height: 3px;
        top: 10.5px;
        left: 9.5px;
    }
    .eventintroduction-area .cnt-box .list-area > .right-box .event-box {
        margin-top: 36px;
        gap: 16px;
    }
    .eventintroduction-area .cnt-box .list-area > .right-box .event-box > li {
        padding: 24px 12px;
    }
    .eventintroduction-area .cnt-box .list-area > .right-box .event-box > li .text-area > h4 {
        width: 110px;
        height: 32px;
        font-size: 16px;
    }
    .eventintroduction-area .cnt-box .list-area > .right-box .event-box > li .text-area > h3 {
        font-size: 22px;        
        margin-top: 14px;
        letter-spacing: -0.05rem;
    }

    .eventintroduction-area .cnt-box .list-area > .right-box .event-box > li .text-area > p {
        font-size: 15px;
        margin-top: 22px;
    }
    .eventintroduction-area .cnt-box .list-area > .right-box .event-box > li .text-area > p.text-1 {
        font-size: 15px;
        margin-top: 22px;
    }
    .eventintroduction-area .cnt-box .list-area > .right-box .event-box > li .text-area > h5 {
        font-size: 15px;
        margin-top: 40px;
    }
    .eventintroduction-area .cnt-box .list-area > .right-box .event-box > li .text-area > .dot-text-box > li {
        padding-left: 18px;
        font-size: 15px;
    }
    .eventintroduction-area .cnt-box .list-area > .right-box .event-box > li .text-area > .dot-text-box > li::after {
        width: 3px;
        height: 3px;
        top: 9px;
        left: 7.5px;;
    }
    .eventintroduction-area .cnt-box .list-area > .right-box .shortcut-btn {
        margin-top: 44px;
        height: 56px;
    }
    .eventintroduction-area .cnt-box .list-area > .right-box .shortcut-btn > .text {
        font-size: 16px;
    }
    .eventintroduction-area .cnt-box .list-area > .right-box p {
        font-size: 14px;
    }
    
    .eventintroduction-area-1 .cnt-box {
        margin-top: 32px;
    }
    .cnt-area p.cnt-sub-text {
        font-size: 22px;
    }
    .eventintroduction-area-1 .cnt-box .list-area > .right-box > .event-box > li.event-list-1 {
        height: 500px;
    }
    .eventintroduction-area-1 .cnt-box .list-area > .right-box > .event-box > li.event-list-1 .text-area {
        width: 100%;
    }
    .eventintroduction-area-1 .cnt-box .list-area > .right-box > .event-box > li.event-list-1 .img-area {
        top: auto;
        right: auto;
        left: 50%;
        transform: translateX(-50%);
        bottom: 24px;
    }
    .eventintroduction-area-1 .cnt-box .list-area > .right-box > .event-box > li.event-list-1 .img-area .text-img-box {
        width: 147px;
        top: -42px;
        left: -50px;
    }
    
    .eventintroduction-area-1 .cnt-box .list-area > .right-box > .event-box > li.event-list-2 {
        height: 628px;
    }
    .eventintroduction-area-1 .cnt-box .list-area > .right-box > .event-box > li.event-list-2 .text-area {
        width: 100%;
    }
    .eventintroduction-area-1 .cnt-box .list-area > .right-box > .event-box > li.event-list-2 .img-area {
        top: auto;
        right: auto;
        left: 50%;
        transform: translateX(-50%);
        bottom: 28px;
    }
    .eventintroduction-area-1 .cnt-box .list-area > .right-box > .event-box > li.event-list-2 .img-area .text-img-box {
        width: 196px;
        top: -94px;
        left: -18px;
    }
    
    .eventintroduction-area-1 .cnt-box .list-area > .right-box > .event-box > li.event-list-3 {
        height: 720px;
    }
    .eventintroduction-area-1 .cnt-box .list-area > .right-box > .event-box > li.event-list-3 .text-area {
        width: 100%;
    }
    .eventintroduction-area-1 .cnt-box .list-area > .right-box > .event-box > li.event-list-3 .img-area {
        top: auto;
        right: auto;
        left: 50%;
        transform: translateX(-50%);
        bottom: 60px;
    }
    .eventintroduction-area-1 .cnt-box .list-area > .right-box > .event-box > li.event-list-3 br {
        display: none;
    }
    .eventintroduction-area-1 .cnt-box .list-area > .right-box > .event-box > li.event-list-3 br.mb-ver {
        display: block;
    }
    
    .eventintroduction-area-2 .cnt-box .list-area > .right-box .event-box > li .text-area > h4 {
        background-color: #EC691D;
    }
    .eventintroduction-area-2 .cnt-box .list-area > .right-box > .event-box > li.event-list-1 {
        height: 652px;
    }
    .eventintroduction-area-2 .cnt-box .list-area > .right-box > .event-box > li.event-list-1 .text-area {
        width: 100%;
    }
    .eventintroduction-area-2 .cnt-box .list-area > .right-box > .event-box > li.event-list-1 .img-area {
        top: auto;
        right: auto;
        left: 50%;
        transform: translateX(-50%);
        bottom: 28px;
    }
    .eventintroduction-area-2 .cnt-box .list-area > .right-box > .event-box > li.event-list-1 br {
        display: none;
    }
    .eventintroduction-area-2 .cnt-box .list-area > .right-box > .event-box > li.event-list-1 br.mb-ver {
        display: block;
    }
    
    .eventintroduction-area-2 .cnt-box .list-area > .right-box > .event-box > li.event-list-2 {
        height: 1064px;
    }
    .eventintroduction-area-2 .cnt-box .list-area > .right-box > .event-box > li.event-list-2 .text-area {
        width: 100%;
    }
    .eventintroduction-area-2 .cnt-box .list-area > .right-box > .event-box > li.event-list-2 .img-area {
        top: 360px;
        right: auto;
        left: 50%;
        transform: translateX(-50%);
    }
    .eventintroduction-area-2 .cnt-box .list-area > .right-box > .event-box > li.event-list-2 .bottom-box {
        margin-top: 52px;
        padding-top: 40px;
    }
    .eventintroduction-area-2 .cnt-box .list-area > .right-box > .event-box > li.event-list-2 .bottom-box > h3 {
        font-size: 18px;
    }
    .eventintroduction-area-2 .cnt-box .list-area > .right-box > .event-box > li.event-list-2 .bottom-box > h4 {
        font-size: 16px;
    }
    .eventintroduction-area-2 .cnt-box .list-area > .right-box > .event-box > li.event-list-2 .bottom-box .prize-list-box {
        margin-top: 48px;
        padding: 0;
        gap: 44px;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
    }
    .eventintroduction-area-2 .cnt-box .list-area > .right-box > .event-box > li.event-list-2 .bottom-box .prize-list-box > li {
        width: 188px;
    }
    
    .eventintroduction-area-1 .bg-ico-box {
        width: 178px;
        top: 189px;
        right: -14px;
    }
    .eventintroduction-area-2 .bg-ico-box {
        width: 201px;
        top: 40px;
        right: -20px;
    }
    .eventintroduction-area .cnt-box .list-area > .right-box h3.text-2 {
        margin-top: 12px;
    }
}
@media (max-width:520px) {
    .eventintroduction-area-2 .cnt-box .list-area > .right-box > .event-box > li.event-list-2 {
        height: 1230px;
    }
    .eventintroduction-area .cnt-box .list-area > .right-box .text-area > .text-box > li > .text-2 {
        font-size: 14px;
    }
}
@media (max-width:500px) {
    .eventintroduction-area .cnt-box .list-area > .right-box h3 {
        font-size: 20px;
    }
    .eventintroduction-area-2 .cnt-box .list-area > .right-box > .event-box > li.event-list-2 .img-area {
        top: 480px;
    }

}
@media (max-width:414px) {
    .eventintroduction-area-2 .cnt-box .list-area > .right-box > .event-box > li.event-list-2 {
        height: 1210px;
    }
}
/* ------------------------------------------------------------------------------- */

/* 행사일정 영역 */
.eventschedule-area h1.cnt-title-text br {
    display: none;
}
.eventschedule-area .calendar-box {
    margin-top: 40px;
}
.eventschedule-area .calendar-box .week-box {
    border-radius: 4px 4px 0 0;
    overflow: hidden;
}
.eventschedule-area .calendar-box .week-box li {
    width: 20%;
    height: 80px;
    font-size: 24px;
}
.eventschedule-area .date-box {
    border-bottom: 1px solid #EFEFEF;
}
.eventschedule-area .date-box > li {
    width: 20%;
    height: 226px;
    position: relative;
}
.eventschedule-area .date-box > li::after {
    content: "";
    display: block;
    width: 100%;
    height: 6px;
    background: #ED7100;    
    position: absolute;
    top: 0;
    left: 0;
}
.eventschedule-area .date-box > li.none::after {
    display: none;
}
.eventschedule-area .date-box > li .in {
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    border-top: 1px solid #EFEFEF;
    border-right: 1px solid #EFEFEF;
    padding: 20px;
    box-sizing: border-box;
    background: #fff;
}
.eventschedule-area .date-box > li.possible .in {
    background: #fff;
    cursor: pointer;
}
.eventschedule-area .date-box > li:nth-child(5n+1) .in {
    border-left: 1px solid #EFEFEF;
}
.eventschedule-area .date-box > li:nth-child(n+6):nth-child(-n+10) .in {
    border-bottom: 1px solid #EFEFEF;
}
.eventschedule-area .date-box > li .in .date {
    color: #44464A;
    font-size: 18px;
    text-align: right;
    display: block;
}
.eventschedule-area .date-box > li.none .in .date {
    color: #999999;
    font-family: "06HanwhaGothicL";
}
.eventschedule-area .date-box > li .university-box {
    gap: 8px;
    width: 100%;
    height: 100%;
}

/* 학교별 컬러 */

/* new */
.uni-tag-1 {
    background-color: rgba(255,112,0,0.1);
    color: #FF6600;
}
.uni-tag-2 {
    background-color: rgba(241,91,71,0.1);
    color: #F15B47;
}
.uni-tag-3 {
    background-color: rgba(173,95,142,0.1);
    color: #AD5F8E;
}

/* org */
.university-1 {
    /*고려대*/
    background: #7C161E;
}
.university-2 {
     /*중앙대*/
    background: #2C71BC;
}
.university-3 {
    /*서울대*/
    background: #001970;
}
.university-4 {
    /*연세대*/
    background: #003671;
}
.university-5 {
    /*한양대*/
    background: #004483;
}
.university-6 {
     /*서강대*/
    background: #AE0F0A;
}
.university-7 {
     /*성균관대*/
    background: #9DCA3B;
}
.university-8 {
    /*한국외대*/
   background: #008395;
}
.university-9 {
    /*경희대*/
   background: #9C1C1F;
}
.university-10 {
    /*서울시립대*/
   background: #003671;
}
.university-11 {
    /*카이스트*/
   background: #004c98
}
.university-12 {
    /*포항공대*/
   background: #c61065;
}
.university-1-text {
    /*고려대*/
   color: #7C161E;
}
.university-2-text {
     /*중앙대*/
     color: #2C71BC;
}
.university-3-text {
    /*서울대*/
    color: #001970;
}
.university-4-text {
    /*연세대*/
    color: #003671;
}
.university-5-text {
    /*한양대*/
    color: #004483;
}
.university-6-text {
     /*서강대*/
     color: #AE0F0A;
}
.university-7-text {
     /*성균관대*/
     color: #9DCA3B;
}
.university-8-text {
    /*한국외대*/
    color: #008395;
}
.university-9-text {
    /*경희대*/
    color: #9C1C1F;
}
.university-10-text {
    /*서울시립대*/
    color: #003671;
}

.university-11-text {
    /*카이스트*/
    color:  #004c98
}
.university-12-text{
    /*포항공대*/
    color:  #c61065;
}


.uni-logo {
    position: relative;
    top: 2px;
    margin-right: 2px;
}
.uni-logo img{
    width: 24px;
}

.eventschedule-area .date-box > li .university-box li {
    font-size: 20px;
    box-sizing: border-box;
    padding: 4px 12px;
    border-radius: 4px;
    text-align: center;
    font-family: "05HanwhaGothicR";
}
.eventschedule-area .date-box > li .university-box li.ef-1 {
    font-size: 21px;
    background: linear-gradient(rgba(255, 112, 0, 0.1), rgba(234, 82, 32, 0.1));
    gap: 4px;
    padding: 10px 12px;
}
.eventschedule-area .date-box > li .university-box li.ef-1 > .ico-box {
    width: 24px;
    display: block;
}
.eventschedule-area .shortcut-btn {
    margin-top: 80px;
    width: 100%;
    height: 68px;
    border-radius: 4px;
    gap: 12px;
}
.eventschedule-area .shortcut-btn:hover{
    background: #FF4D00!important;
}
.eventschedule-area .shortcut-btn > .img-box {
    width: 24px;
}
.eventschedule-area .shortcut-btn > .text {
    font-size: 22px;
}
.eventschedule-area .date-box > li .university-box li .mb-ver {
    display: none;
}
@media (max-width:1320px) {
    .eventschedule-area .calendar-box .week-box li {
        height: 72px;
        font-size: 20px;
    }
    .eventschedule-area .date-box > li {
        height: 226px;
    }
    .eventschedule-area .date-box > li.none::after {
        display: none;
    }
    .eventschedule-area .date-box > li .in {
        padding: 12px;
    }
    .eventschedule-area .date-box > li .in .date {
        font-size: 15px;
    }
    .eventschedule-area .date-box > li .university-box {
        gap: 6px;
    }
    .eventschedule-area .date-box > li .university-box li {
        font-size: 18px;
        padding: 4px 8px;
    }
    .eventschedule-area .date-box > li .university-box li .mb-ver {
        display: block;
    }
    .eventschedule-area .date-box > li .university-box li.ef-1 {
        font-size: 17px;
    }
    .eventschedule-area .date-box > li .university-box li.ef-1 > .ico-box {
        width: 28px;
        top: -32px;
        left: 0;
    }
    .eventschedule-area  .shortcut-btn {
        margin-top: 40px;
    }
    .eventschedule-area  .shortcut-btn > .text {
        font-size: 20px;
    }
    .uni-logo img{
        width: 20px;
    }
}

@media (max-width:767px) {
    .uni-logo img{
        width: 16px;
    }
    .eventschedule-area h1.cnt-title-text {
        line-height: 140%;
    }
    .eventschedule-area h1.cnt-title-text span {
        line-height: 140%;
        font-size: 17px;
        flex-direction: column;
        align-items: flex-start;
        gap: 0;
    }
    .eventschedule-area h1.cnt-title-text br {
        display: block;
    }
    .eventschedule-area .calendar-box {
        margin-top: 28px;
    }
    .eventschedule-area .calendar-box .week-box li {
        height: 44px;
        font-size: 14px;
    }
    .eventschedule-area .date-box > li {
        height: 168px;
    }
    .eventschedule-area .date-box > li::after {
        height: 3px;
    }
    .eventschedule-area .date-box > li .in {
        padding: 8px 4px;
    }
    .eventschedule-area .date-box > li .in .date {
        font-size: 10px;
    }
    .eventschedule-area .date-box > li .university-box {
        gap: 4px;
    }
    .eventschedule-area .date-box > li .university-box li {
        font-size: 14px;
        padding: 4px;
    }

    .eventschedule-area .date-box > li .university-box li.ef-1 {
        font-size: 10px;
        padding: 4px;
    }
    .eventschedule-area .date-box > li .university-box li.ef-1 > .ico-box {
        /* width: 20px;
        top: -24px;
        left: 0; */
        display: none;
    }
    .eventschedule-area  .shortcut-btn {
        margin-top: 24px;
    }
    .eventschedule-area  .shortcut-btn > .text {
        font-size: 16px;
    }
    .eventschedule-area .shortcut-btn > .img-box {
        width: 20px;
    }
}

@media (max-width:540px) {
    .eventschedule-area .date-box > li .university-box li {
        flex-direction: column;
        font-size: 10px;
    }
    .eventschedule-area h1.cnt-title-text span {
        font-size: 16px;
    }
    .uni-logo {
        margin-bottom: 2px;
        margin-right:0px;
    }
}
/* ------------------------------------------------------------------------------- */

/* 직무소개 영역 */
.jobintroduction-area p.cnt-sub-text br {
    display: none;
}
.jobintroduction-area .cnt-box {
    gap: 120px;
    margin-top: 80px;
}
.jobintroduction-area .cnt-box .cnt > h2 {
    font-size: 36px;
    box-sizing: border-box;
    padding: 8px 0;
    border-bottom: 2px solid #107A85;
}

.jobintroduction-area .cnt-box .cnt-1 .list-box {
    gap: 28px;
    margin-top: 24px;
}
.jobintroduction-area .cnt-box .cnt-1 .list-box > li {
    width: calc(33.3333% - 20px);
    height: 144px;
    font-size: 24px;
    box-sizing: border-box;
    background-color: #FDF1E6;
    border: 2px solid #EC691D;
    border-radius: 8px;
    gap: 20px;
    color: #EC691D;
}
.jobintroduction-area .cnt-box .cnt-1 .list-box > li img {
    position: absolute;
    top: 20px;
    right: 20px;
}
.jobintroduction-area .cnt-box .cnt-1 .list-box > li span:last-of-type {
    font-size: 20px;
    color: #000;
}
.jobintroduction-area .cnt-box .cnt-1 .list-box > li:hover {
    background: #EC691D;
    color: #fff;
}
.jobintroduction-area .cnt-box .cnt-1 .list-box > li:hover span:last-of-type {
    color: #fff;
}
/* .jobintroduction-area .cnt-box .cnt-1 .list-box > li::after {
    content: "";
    display: block;
    width: 20px;
    height: 20px;
    background: url(../img/ico_plus_F8B62B.svg) no-repeat center center/cover;
    position: absolute;
    top: 12px;
    right: 12px;
} */
.jobintroduction-area .cnt-box .cnt-1 .list-box > li:hover::after {
    background: url(../img/ico_plus_FF7000.svg) no-repeat center center/cover;
}

.jobintroduction-area .cnt-box .cnt-2 .swiper-box {
    margin-top: 24px;
    box-sizing: border-box;
    padding-bottom: 110px;
}
.jobintroduction-area .cnt-box .cnt-2 .swiper-box .swiper .swiper-wrapper .swiper-slide {
    cursor: pointer;
    flex-direction: column;
    background: transparent;
    text-align: left;
}
.jobintroduction-area .cnt-box .cnt-2 .swiper-box .swiper .swiper-wrapper .swiper-slide .img-box {
    width: 100%;
    margin-top: 34px;
}
.jobintroduction-area .cnt-box .cnt-2 .swiper-box .swiper .swiper-wrapper .swiper-slide > h1 {
    font-size: 24px;
    width: 100%;
}
.jobintroduction-area .cnt-box .cnt-2 .swiper-box .swiper .swiper-wrapper .swiper-slide > h1 br {
    display: none;
}
.jobintroduction-area .cnt-box .cnt-2 .swiper-box .swiper-pagination-progressbar {
    background: #eee !important;
    border-radius: 3px !important;
    overflow: hidden !important;
}
.jobintroduction-area .cnt-box .cnt-2 .swiper-box .swiper-pagination-progressbar.swiper-pagination-horizontal {
    height: 6px !important;
    top: auto !important;
    bottom: 64px !important;
}
.jobintroduction-area .cnt-box .cnt-2 .swiper-box .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: #EC691D !important;
}
.jobintroduction-area .cnt-box .cnt-2 .swiper-box .swiper-button-prev,
.jobintroduction-area .cnt-box .cnt-2 .swiper-box .swiper-button-next {
    transform: inherit !important;
    width: 36px !important;
    height: 36px !important;
    margin-top: 0 !important;
    z-index: 3 !important;
    top: auto !important;
    bottom: 0 !important;
}
.jobintroduction-area .cnt-box .cnt-2 .swiper-box .swiper-button-prev {
    left:  auto !important;
    right: 50px !important;
}
.jobintroduction-area .cnt-box .cnt-2 .swiper-box .swiper-button-next {
    left: auto !important;
    right: 0 !important;
}
.jobintroduction-area .cnt-box .cnt-2 .swiper-box .swiper-button-prev::after, 
.jobintroduction-area .cnt-box .cnt-2 .swiper-box .swiper-button-next::after {
    display: none !important;
}
.jobintroduction-area .cnt-box .cnt-2 .swiper-box .swiper-button-prev::before,
.jobintroduction-area .cnt-box .cnt-2 .swiper-box .swiper-button-next::before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
}
.jobintroduction-area .cnt-box .cnt-2 .swiper-box .swiper-button-prev::before {
    background: url(../img/arrow-circle-left.svg) no-repeat center center/cover;
}
.jobintroduction-area .cnt-box .cnt-2 .swiper-box .swiper-button-next::before {
    background: url(../img/arrow-circle-right.svg) no-repeat center center/cover;
}

.jobintroduction-area .shortcut-btn {
    margin-top: 80px;
    width: 100%;
    height: 68px;
    border-radius: 4px;
    gap: 12px;
}
.jobintroduction-area .shortcut-btn:hover{
    background: #FF4D00!important;
}

.jobintroduction-area .shortcut-btn .img-box {
    width: 40px;
}
.jobintroduction-area .shortcut-btn .img-box2 {
    width: 24px;
}
.jobintroduction-area .shortcut-btn .text {
    font-size: 22px;
}
.jobintroduction-area .shortcut-btn > div {
    gap: 12px;
}
.jobintroduction-area .bg-ico-box {
    width: 14.6875%;
    top: 181px;
    right: 18.8020%;
}

@media (max-width:1320px) {
    .jobintroduction-area {
        padding: 116px 26px 0 26px;
    }
    .jobintroduction-area p.cnt-sub-text {
        font-size: 36px;
    }
    .jobintroduction-area .cnt-box {
        gap: 88px;
        margin-top: 48px;
    }
    .jobintroduction-area .cnt-box .cnt > h2 {
        font-size: 26px;
    }
    
    .jobintroduction-area .cnt-box .cnt-1 .list-box {
        gap: 20px;
    }
    .jobintroduction-area .cnt-box .cnt-1 .list-box > li {
        width: calc(50% - 10px);
        /* height: 88px; */
        font-size: 22px;
        padding: 0 20px;
    }
    .jobintroduction-area .cnt-box .cnt-1 .list-box > li::after {
        /* width: 20px;
        height: 20px; */
        /* top: 12px;
        right: 12px; */
    }
    
    .jobintroduction-area .cnt-box .cnt-2 .swiper-box {
        margin-top: 40px;
        padding-bottom: 94px;
    }
    .jobintroduction-area .cnt-box .cnt-2 .swiper-box .swiper .swiper-wrapper .swiper-slide .img-box {
        margin-top: 20px;
    }
    .jobintroduction-area .cnt-box .cnt-2 .swiper-box .swiper .swiper-wrapper .swiper-slide > h1 {
        font-size: 20px;
        line-height: 140%;
        height: 56px;
    }
    .jobintroduction-area .cnt-box .cnt-2 .swiper-box .swiper .swiper-wrapper .swiper-slide > h1 br {
        display: block;
    }
    .jobintroduction-area .cnt-box .cnt-2 .swiper-box .swiper-pagination-progressbar.swiper-pagination-horizontal {
        /* height: 6px !important; */
        bottom: 56px !important;
    }
    .jobintroduction-area .cnt-box .cnt-2 .swiper-box .swiper-button-prev,
    .jobintroduction-area .cnt-box .cnt-2 .swiper-box .swiper-button-next {
        /* width: 36px !important;
        height: 36px !important; */
    }
    .jobintroduction-area .cnt-box .cnt-2 .swiper-box .swiper-button-prev {
        /* right: 50px !important; */
    }
    
    .jobintroduction-area  .shortcut-btn {
        margin-top: 68px;
    }
    .jobintroduction-area  .shortcut-btn .img-box {
        width: 32px;
    }
    .jobintroduction-area  .shortcut-btn .text {
        font-size: 20px;
    }
    .jobintroduction-area .bg-ico-box {
        width: 210px;
        top: 68px;
        right: 60px;
    }
}

@media (max-width:767px) {
    .jobintroduction-area {
        padding: 80px 16px 0 16px;
    }
    .jobintroduction-area .con {
        padding: 94px 20px 80px 20px;
    }
    .jobintroduction-area .caption {
        top: 28px;
    }
    .jobintroduction-area p.cnt-sub-text {
        line-height: 140%;
        font-size: 24px;
    }
    .jobintroduction-area p.cnt-sub-text br {
        display: block;
    }
    .jobintroduction-area .cnt-box {
        gap: 60px;
        margin-top: 68px;
    }
    .jobintroduction-area .cnt-box .cnt > h2 {
        font-size: 20px;
    }
    
    .jobintroduction-area .cnt-box .cnt-1 .list-box {
        margin-top: 0;
        gap: 12px;
    }
    .jobintroduction-area .cnt-box .cnt-1 .list-box > li {
        width: 100%;
        height: 84px;
        font-size: 17px;
        gap: 12px;
    }
    .jobintroduction-area .cnt-box .cnt-1 .list-box > li::after {
        width: 14px;
        height: 14px;
        top: 8px;
        right: 8px;
    }
    .jobintroduction-area .cnt-box .cnt-1 .list-box > li span:last-of-type {
        font-size: 15px;
    }
    
    .jobintroduction-area .cnt-box .cnt-2 .swiper-box {
        padding-bottom: 74px;
    }
    .jobintroduction-area .cnt-box .cnt-2 .swiper-box .swiper .swiper-wrapper .swiper-slide .img-box {
        margin-top: 12px;
    }
    .jobintroduction-area .cnt-box .cnt-2 .swiper-box .swiper .swiper-wrapper .swiper-slide > h1 {
        font-size: 17px;
        height: 28px;
    }
    .jobintroduction-area .cnt-box .cnt-2 .swiper-box .swiper-pagination-progressbar.swiper-pagination-horizontal {
        bottom: 48px !important;
    }
    .jobintroduction-area .cnt-box .cnt-2 .swiper-box .swiper-button-prev,
    .jobintroduction-area .cnt-box .cnt-2 .swiper-box .swiper-button-next {
        width: 32px !important;
        height: 32px !important;
    }
    .jobintroduction-area .cnt-box .cnt-2 .swiper-box .swiper-button-prev {
        right: 40px !important;
    }
    
    .jobintroduction-area  .shortcut-btn {
        margin-top: 44px;
        height: 84px;
        flex-direction: column;
        gap: 8px;
    }
    .jobintroduction-area  .shortcut-btn .img-box {
        width: 32px;
    }
    .jobintroduction-area  .shortcut-btn .text {
        font-size: 16px;
    }
    .jobintroduction-area  .shortcut-btn > div {
        gap: 8px;
    }
    .jobintroduction-area .bg-ico-box {
        width: 105px;
        top: 60px;
        right: 35px;
    }
    .jobintroduction-area .shortcut-btn .img-box2 {
        display: none;
    }
    .jobintroduction-area .cnt-box .cnt-1 .list-box > li img {
        width: 16px;
        top: 16px;
        right: 16px;
    }
}

@media (max-width:540px) {
    .jobintroduction-area p.cnt-sub-text {
        font-size: 22px;
    }
    .jobintroduction-area .cnt-box .cnt-2 .swiper-box .swiper .swiper-wrapper .swiper-slide > h1 {
        height: 22px;
    }
    .jobintroduction-area .cnt-box .cnt-2 .swiper-box .swiper .swiper-wrapper .swiper-slide > h1{
        font-size: 15px;
    }
}
@media (max-width:375px) {
    .jobintroduction-area .cnt-box .cnt-2 .swiper-box .swiper .swiper-wrapper .swiper-slide > h1{
        font-size: 14px;
        letter-spacing: -0.05rem;
    }
}
/* ------------------------------------------------------------------------------- */

/* 복지 영역 */
.welfare-area {
    padding: 140px 28px 140px 28px;
    background-color: transparent;
}
.welfare-area .con {
    background-color: #FDF1E6;
    padding: 190px 26px 120px 26px;
}
.welfare-area .list-box {
    margin-top: 60px;
    gap: 16px;
}
.welfare-area .list-box > li {
    overflow: hidden;
    width: calc(20% - 12.8px);
    border-radius: 4px;
    box-sizing: border-box;
    padding: 24px 20px;
    height: 320px;
    border: 1px solid #FF6600;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 16px;
}
.welfare-area .list-box > li .line {
    background-color: #EC691D;
    width: 100%;
    height: 1px;
    display: block;
    margin-top: 16px;
}
.welfare-area .list-box > li .ico-box {
    width: 60px;
    top: 28px;
    right: 20px;
}
.welfare-area .list-box > li .text-box {
    width: 100%;
}
.welfare-area .list-box > li .text-box > h3 {
    font-size: 22px;
    line-height: 1.6;
}
.welfare-area .list-box > li .text-box > p {
    font-size: 16px;
    margin-top: 16px;
    letter-spacing: -0.01em;
}
/* .welfare-area .list-box > li .plus-img-box {
    width: 32px;
    right: 20px;
    bottom: 20px;
}
.welfare-area .list-box > li .hover-text-box {
    box-sizing: border-box;
    padding: 158px 28px 0 28px;
    display: none;
    top: 0;
    left: 0;
}
.welfare-area .list-box > li:hover .hover-text-box {
    display: block;
}
.welfare-area .list-box > li .hover-text-box .dot-text-box > li {
    padding-left: 17px;
    font-size: 18px;
}
.welfare-area .list-box > li .hover-text-box .dot-text-box > li::after {
    width: 5px;
    height: 5px;
    background: #000;
    left: 6px;
    top: 10.095px;
} */
.welfare-area .shortcut-btn {
    margin-top: 60px;
    height: 68px;
    border-radius: 4px;
    background-color: #EC691D;
    gap: 20px;
}
.welfare-area .shortcut-btn:hover{
    background-color: #FF4D00;
}
.welfare-area .shortcut-btn >  h3 {
    font-size: 22px;
}
.welfare-area .shortcut-btn >  h3 br {
    display: none;
}
.welfare-area .shortcut-btn >  .img-box {
    width: 28px;
}

@media (max-width:1320px) {
    .welfare-area .list-box {
        margin-top: 60px;
        gap: 20px;
    }
    .welfare-area .list-box > li {
        width: calc(33.3333% - 14px);
        padding: 24px 16px;
    }
    .welfare-area .list-box > li .ico-box {
        width: 68px;
        top: 36px;
        right: 32px;
    }
    .welfare-area .list-box > li .text-box > h3 {
        font-size: 20px;
        line-height: 1.4;
    }
    .welfare-area .list-box > li .text-box > p {
        font-size: 15px;
        margin-top: 16px;
    }
    .welfare-area .shortcut-btn {
        margin-top: 44px;
        height: 60px;
    }
    .welfare-area .shortcut-btn >  h3 {
        font-size: 24px;
    }
    .welfare-area .shortcut-btn >  .img-box {
        /* width: 28px; */
    }
}

@media (max-width:767px) {
    .welfare-area {
        padding: 100px 20px 80px 20px;
    }
    .welfare-area .con {
        padding: 88px 20px 80px 20px;
    }
    .welfare-area .list-box {
        margin-top: 24px;
        gap: 12px;
    }
    .welfare-area .list-box > li {
        width: 100%;
        padding: 20px;
        height: auto;
        flex-direction: row;
        gap: 20px;
    }
    .welfare-area .list-box > li .ico-box {
        width: 60px;
    }
    .welfare-area .list-box > li .text-box {
        text-align: left;
    }
    .welfare-area .list-box > li .text-box > h3 {
        font-size: 15px;
    }
    .welfare-area .list-box > li .text-box > h3 br {
        display: none;
    }
    .welfare-area .list-box > li .line {
        margin-bottom: 12px;
    }
    .welfare-area .list-box > li .text-box > p {
        font-size: 14px;
        margin-top: 12px;
    }
    /* .welfare-area .list-box > li .text-box > p br {
        display: none;
    } */
    .welfare-area .shortcut-btn {
        margin-top: 32px;
        box-sizing: border-box;
        padding: 12px 20px;
        justify-content: space-between;
        height: 68px;
    }
    .welfare-area .shortcut-btn >  h3 {
        font-size: 16px;
        line-height: 140%;
    }
    .welfare-area .shortcut-btn >  h3 span {
        line-height: 140%;
    }
    .welfare-area .shortcut-btn >  h3 br {
        display: block;
    }
    .welfare-area .shortcut-btn >  .img-box {
        width: 20px;
    }
}

/* ------------------------------------------------------------------------------- */

/* FAQ 영역 */
.faq-area {
    background-color: #5C3468;
    padding: 68px 26px;
}
.faq-area .tab-menu-box {
    gap: 12px;
    margin-bottom: 26px;
    margin-top: 48px;
}
.faq-area .tab-menu-box li a {
    font-size: 24px;
    padding: 24px;
    width: 240px;
    border-radius: 4px;
    border: 1px solid #EC691D;
    color: #EC691D;
    box-sizing: border-box;
}
.faq-area .tab-menu-box li a.active {
    background-color: #EC691D;
    color: #fff;
}
.faq-area .list-box {
    gap: 16px;
}
.faq-area .list-box li .area-1 {
    box-sizing: border-box;
    padding: 40px 48px;
    cursor: pointer;
    border-radius: 4px;
    border: 1px solid #Fff;
}
.faq-area .list-box li .area-1 .left-box {
    width: calc(100% - 40px);
    font-size: 24px;
    color: #fff;
}
.faq-area .list-box li .area-1:hover{
    background: #fff;
}
.faq-area .list-box li .area-1:hover .left-box {
    color: #4E275E;
}
.faq-area .list-box li .area-1:hover .arrow-ico img {
    content: url(../img/arrow_bottom_000.svg);
}
/* .faq-area .list-box li.active .area-1 {
    background: #EC691D;
} */
/* .faq-area .list-box li.active .area-1 .left-box {
    color: #fff;
} */
.faq-area .list-box li .area-1 .left-box .text-1 {
    margin-right: 24px;
    white-space: nowrap;
    letter-spacing: -0.01em;
    color: #EC691D;
}
.faq-area .list-box li .area-1 .left-box .text-2 {
    letter-spacing: -0.01em;
}
.faq-area .list-box li .area-1 .arrow-ico {
    width: 28px;
}
.faq-area .list-box li.active .area-1 {
    background-color: #fff;
}
.faq-area .list-box li.active .area-1 .left-box {
    color: #4E275E;
}
.faq-area .list-box li.active .area-1 .arrow-ico > img {
    content: url(../img/arrow_top_000.svg);
}
.faq-area .list-box li .area-2 {
    box-sizing: border-box;
    padding: 48px;
    display: none;
    background-color: rgba(255, 255, 255, 0.1);
    margin-top: 12px;
    border-radius: 8px;
}
.faq-area .list-box li .area-2 .dot-text-box > li {
    padding-left: 36px;
    letter-spacing: -0.01em;
    font-size: 22px;
    font-family: "06HanwhaGothicL";
    color: #fff;
}
.faq-area .list-box li .area-2 .dot-text-box > li::after {
    width: 6px;
    height: 6px;
    background: #fff;
    left: 15px;
    top: 13.195px;
}
.faq-area .list-box li .area-2 .dot-text-box > li > span {
    font-family: "06HanwhaGothicL";
}

@media (max-width:1320px) {
    .faq-area .tab-menu-box li a {
        font-size: 20px;
    }
    .faq-area .list-box li .area-1 {
        padding: 24px;
    }
    .faq-area .list-box li .area-1 .left-box {
        width: calc(100% - 32px);
        font-size: 20px;
    }
    .faq-area .list-box li .area-1 .left-box .text-1 {
        margin-right: 16px;
    }
    .faq-area .list-box li .area-1 .left-box .text-2 {
        line-height: 140%;
    }
    .faq-area .list-box li .area-1 .arrow-ico {
        width: 24px;
    }
    .faq-area .list-box li .area-2 {
        padding: 36px 20px;
    }
    .faq-area .list-box li .area-2 .dot-text-box > li {
        padding-left: 25px;
        font-size: 17px;
    }
    .faq-area .list-box li .area-2 .dot-text-box > li::after {
        width: 4px;
        height: 4px;
        left: 10.5px;
        top: 9.595px;
    }
}

@media (max-width:767px) {
    .faq-area {
        padding: 48px 26px;
    }
    .faq-area .tab-menu-box {
        width: 100%;
        margin-top: 0;
        margin-bottom: 20px;
    }
    .faq-area .tab-menu-box li a {
        width: 100%;
        font-size: 16px;
        padding: 16px;
    }
    .faq-area .list-box {
        gap:12px;
    }
    .faq-area .list-box li .area-1 {
        padding: 20px 16px;
    }
    .faq-area .list-box li .area-1 .left-box {
        width: calc(100% - 24px);
        font-size: 15px;
    }
    .faq-area .list-box li .area-1 .left-box .text-1 {
        margin-right: 8px;
    }
    .faq-area .list-box li .area-1 .arrow-ico {
        width: 20px;
    }
    .faq-area .list-box li .area-2 {
        padding: 20px 16px;
    }
    .faq-area .list-box li .area-2 .dot-text-box > li {
        padding-left: 22px;
        font-size: 15px;
    }
    .faq-area .list-box li .area-2 .dot-text-box > li::after {
        width: 3px;
        height: 3px;
        left: 9.5px;
        top: 10.5px;
    }
}
@media (max-width:540px) {
    .faq-area {
        padding: 28px 26px;
    }
}
/* ------------------------------------------------------------------------------- */

/* 채널 배너 영역 */
.channel-banner-area {
    padding: 100px 0;
    background-color: #fff;
}
.channel-banner-area .con {
    gap: 40px;
}
.channel-banner-area .con .ico-box {
    width: 208px;
    height: 208;
    background-color: #4E275E;
    border-radius: 20px;
}
.channel-banner-area .con .ico-box img {
    width: 149px;
}
.channel-banner-area .con .text-area {
    width: calc(100% - 248px);
    color: #4E275E;
}
.channel-banner-area .con .text-area > h1 {
    font-size: 40px;
}
.channel-banner-area .con .text-area > h1 > span {
    margin-right: 12px;
}
.channel-banner-area .con .text-area > p {
    font-size: 28px;
    margin-top: 24px;
}
.channel-banner-area .con .text-area > p br {
    display: none;
}
.channel-banner-area .con .text-area > .time-box {
    font-size: 22px;
    margin-top: 45px;
    box-sizing: border-box;
    width: 100%;
    height: 60px;
    border: 2px solid #4E275E;
    border-radius: 4px;
    gap: 12px;
    color:#4E275E;
}
.channel-banner-area .con .text-area > .time-box:hover{
    background: rgba(255, 255, 255, 0.1);
    /* color:#ED7100; */
}
.channel-banner-area .con .text-area > .time-box > .img-box {
    width: 24px;
}

@media (max-width:1320px) {
    .channel-banner-area {
        /* padding: 100px 0; */
    }
    .channel-banner-area .con {
        /* gap: 40px; */
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }
    .channel-banner-area .con .ico-box {
        width: 160px;
        height: 160px;
    }
    .channel-banner-area .con .text-area {
        width: 100%;
        text-align: center;
    }
    .channel-banner-area .con .text-area > h1 {
        font-size: 32px;
    }
    .channel-banner-area .con .text-area > h1 > span {
        margin-right: 8px;
    }
    .channel-banner-area .con .text-area > p {
        font-size: 24px;
        margin-top: 20px;
    }
    .channel-banner-area .con .text-area > .time-box {
        font-size: 24px;
        margin-top: 40px;
        /* height: 63px; */
        gap: 8px;
    }
    .channel-banner-area .con .text-area > .time-box > .img-box {
        /* width: 20px; */
    }
}

@media (max-width:767px) {
    .channel-banner-area {
        padding: 68px 0;
    }
    .channel-banner-area .con {
        gap: 36px;
    }
    .channel-banner-area .con .ico-box {
        width: 100px;
        height: 100px;
    }
    .channel-banner-area .con .ico-box img {
        width: 70px;
    }
    .channel-banner-area .con .text-area > h1 {
        font-size: 24px;
    }
    .channel-banner-area .con .text-area > h1 > span {
        margin-right: 4px;
    }
    .channel-banner-area .con .text-area > p {
        font-size: 16px;
        margin-top: 12px;
        line-height: 160%;
    }
    .channel-banner-area .con .text-area > p br {
        display: block;
    }
    .channel-banner-area .con .text-area > .time-box {
        font-size: 16px;
        margin-top: 28px;
        height: 52px;
    }
}

/* ------------------------------------------------------------------------------- */

/* 푸터 영역 */
.footer-area {
    box-sizing: border-box;
    padding: 50px 0;
}
.footer-area .left-box .share-btn {
    font-size: 22px;
    color: #fff;
}
.footer-area .right-box .sns-box {
    gap: 20px;
}
.footer-area .right-box .sns-box > li {
    width: 40px;
}

@media (max-width:1320px) {
    .footer-area {
        padding: 30px 0;
    }
    .footer-area .left-box .share-btn {
        font-size: 20px;
    }
    .footer-area .right-box .sns-box {
        /* gap: 20px; */
    }
    .footer-area .right-box .sns-box > li {
        /* width: 40px; */
    }
}

@media (max-width:767px) {
    .footer-area {
        padding: 44px 0 100px 0;
    }
    .footer-area .con {
        flex-direction: column;
        justify-content: center;
    }
    .footer-area .right-box .sns-box {
        margin-top: 28px;
    }
}




/* 입사지원하기 모달 */
.join-info-modal {
    width: 400px;
    border-radius: 12px;
    box-sizing: border-box;
    border: 2px solid #ed6b06;
    background: #fff;
    padding: 32px 0 0 0;
}
.join-info-modal button{
    width: 100%;
    height: 48px;
    text-align: center;
    font-size: 1.6rem;
    border-top: 1px solid #ed6b06;
    color:#ed6b06;
    box-sizing: border-box;
    margin-top: 32px;
}
.join-info-modal button:hover{
    background: #ed6b06;
    color:#Fff;
    border-radius: 0 0 8px 8px;
}
.join-info-modal .text-box {
  text-align: center;
}
.join-info-modal .text-box img{
    width: 128px;
    margin-bottom:12px;
}
.join-info-modal .text-box p{
    font-size:2.0rem;
}
.join-info-modal .text-box h1 {
    border-radius: 24px;
    padding:10px 20px;
    box-sizing: border-box;
    background: #ed6b06;
    color:#Fff;
    font-size:2.2rem;
    margin-bottom:20px;
}
.join-info-modal .text-box span {
    font-size: 2.0rem;
}
@media (max-width:767px) {
    .join-info-modal {
        width: 320px;
        padding: 20px 0 0 0;
    }
    .join-info-modal .text-box h1 {
        font-size:1.8rem;

    }
    .join-info-modal .text-box span {
        font-size: 1.6rem;
    }
}

@media (max-width: 1320px) {
    .recruitmentdetails-area.cnt-area h1.cnt-title-text {
        font-size: 36px;
    }
    .recruitmentdetails-area .cnt-box-2 .list-area .space-area .space-box-4 .dot-text-box > li::after {
        top: 10px;
    }
}
@media (max-width: 767px) {
    .recruitmentdetails-area.cnt-area h1.cnt-title-text {
        font-size: 24px;
    }
}
@media (max-width: 540px) {
    .recruitmentdetails-area.cnt-area h1.cnt-title-text {
        font-size: 22px;
    }
}
/* edit */
.tag-text {
    margin-top: -30px !important;
}
.tag-text-2 {
    margin-top: -10px !important;
}
.eventschedule-area {
    padding-top: 120px;
}
/* .itv-cont .item-box .career-cont div:first-child {
    height: 120px;
}
.itv-cont .item-box .career-cont div:nth-child(2) {
    height: 260px;
}
.itv-cont .item-box .career-cont div:nth-child(3) {
    height: 160px;
} */
#interview_modal_1 .itv-cont div,
#interview_modal_3 .itv-cont div,
#interview_modal_6 .itv-cont div,
#interview_modal_7 .itv-cont div {
    height: auto;
}
#interview_modal_2 .itv-cont .item-box .job-cont {
    height: 200px;
}
#interview_modal_2 .itv-cont .item-box .career-cont div:nth-child(1) {
    height: 100px;
}
#interview_modal_2 .itv-cont .item-box .career-cont div:nth-child(2) {
    height: 230px;
}
#interview_modal_4 .itv-cont .item-box .job-cont {
    height: 230px;
}
#interview_modal_4 .itv-cont .item-box .career-cont div:nth-child(1) {
    height: 100px;
}
#interview_modal_4 .itv-cont .item-box .career-cont div:nth-child(2) {
    height: 254px;
}
#interview_modal_5 .itv-cont .item-box .job-cont {
    height: 106px;
}
#interview_modal_5 .itv-cont .item-box .career-cont div:nth-child(1) {
    height: 76px;
}
#interview_modal_5 .itv-cont .item-box .career-cont div:nth-child(2) {
    height: 210px;
}
#interview_modal_8 .itv-cont .item-box .career-cont div:nth-child(2) {
    height: 172px;
}
.dot-none {
    padding-left: 0 !important;
    margin-left: 0 !important;
}
.dot-none::after {
    display: none !important;
}
.annotation {
    font-size: 20px !important;
    margin-top: 20px !important;
}

@media (max-width: 1320px) {
    .header-area.active {
        background-color: #5C3468;
    }
    .header-area.active .logo-box img {
        content: url(../img/logo.svg);
    }
    .header-area.active .ham-btn img {
        content: url(../img/menu-fff.svg);
    }
    .eventschedule-area {
        padding-top: 80px;
    }
    .annotation {
        font-size: 18px !important;
    }
    .tag-text-2 {
        margin-top: 20px !important;
    }
}

@media (max-width: 767px) {
    .annotation {
        font-size: 15px !important;
    }
    .br-block {
        display: block !important;
    }
    .caption, .caption1, .caption2 {
        height: 60px !important;
        top: 28px !important;
    }
    .tag-text {
        margin-top: -20px !important;
    }
    .eventschedule-area {
        padding-top: 60px;
    }
    .con {
        padding-left: 16px !important;
        padding-right: 16px !important;
    }
    .faq-area .con {
        padding: 0 !important;
    }
    .eventintroduction-area-2 .cnt-box .list-area > .right-box > .event-box > li.event-list-1 .img-area .text br {
        display: block;
    }
    .cnt-area p.cnt-sub-text.mt {
        margin-top: 0;
    }
    .recruitmentdetails-area .con:nth-child(2) {
        padding-top: 104px;
    }
    .recruitmentdetails-area .cnt-box .table-box tr td:nth-child(1) br,
    .recruitmentdetails-area .cnt-box .table-box tr td:nth-child(2) br {
        display: block;
    }
    .interview-modal .itv-cont div {
        height: auto !important;
    }
    .jobintroduction-area .cnt-box {
        margin-top: 32px;
    }
}
@media (max-width: 540px) {
    .title-tag {
        height: 36px;
    }
    .tag-text {
        margin-top: -16px !important;
    }
    .caption, .caption1, .caption2 {
        height: 52px!important;
        left: -13px;
    }
    .caption-faq {
        height: 52px!important;
        left: -13px;
    }
    .eventschedule-area .calendar-box {
        margin-top : 10px;
    }
}
@media (max-width: 500px) {
    .eventintroduction-area-2 .cnt-box .list-area > .right-box > .event-box > li.event-list-2 .img-area {
        top: 400px;
    }
}
@media (max-width: 399px) {
    .eventintroduction-area-2 .cnt-box .list-area > .right-box > .event-box > li.event-list-2 .img-area {
        top: 430px;
    }
}
@media (max-width: 370px) {
    .eventintroduction-area-2 .cnt-box .list-area > .right-box > .event-box > li.event-list-2 .img-area {
        top: 480px;
    }
}


/**********************************/

.event-wm {
    margin-top: 24px;
}
@media (max-width:540px) {
    br.m-ver {display: block!important;}
    br.m-block { display: block!important;}
    .mb-none { display: none;}
}



/**********************************/
/*QR*/
.qr-box {
    position: absolute;
    top: 454px;
    right: 120px;
    z-index: 10;
    border: 1px solid #fff;
    padding:8px 8px 4px 8px;
    box-sizing: border-box;
}
.qr-box .qr-code {
    width: 120px;
    height: 120px;
    background-color: #fff;
    border: 1px solid black;
}
.qr-box > p {
    font-size: 16px!important;
    line-height: 1.4 !important;
    margin-top: 4px !important;
}
@media (max-width: 1320px) {
    .qr-box {
        top: 316px;
        right: 160px;
    }
    .qr-box .qr-code {
        width: 100px;
        height: 100px;
    }
    .qr-box > p {
        font-size: 15px!important;
    }
}
@media (max-width: 1280px) {
    .qr-box {
        top: 316px;
        right: 40px;

    }
}
@media (max-width: 1160px) {
    .qr-box {
        top: 68px;
        right: 40px;
    }
}
@media (max-width: 767px) {
    .qr-box {
        top: 180px;
        right: 40px;
        padding: 4px 4px 2px 4px;
    }
    .qr-box .qr-code {
        width: 80px;
        height: 80px;
    }
    .qr-box p {
        font-size: 13px!important;
    }
}
@media (max-width: 540px) {
    .qr-box {
        top: 200px;
        right: 12px;
    }
    .qr-box .qr-code {
        width: 68px;
        height: 68px;
    }
    .qr-box p {
        font-size: 12px!important;
    }
}
@media (max-width: 390px) {
    .qr-box {
        top: 32px;
        right: 12px;
    }
}