/* 공통 */

/* 페이지 경로 박스 */
.page-route-box {
    font-size: 16px;
    display: none;
}

@media (max-width:1200px) {
    /* 페이지 경로 박스 */
    .page-route-box {
        display: block;
    }
}

@media (max-width:767px) {
    /* 페이지 경로 박스 */
    .page-route-box {
        font-size: 14px;
    }
}

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

/* 컴파니 배경 아이콘 영역 */
.company-bg-ico-area .bg-ico {
    width: 38.5%;
    top: 28%;
    right: 68px;
}

@media (max-width:1200px) {
    .company-bg-ico-area .bg-ico {
        width: 53%;
        top: 21%;
        right: 20px;
    }
}

@media (max-width:767px) {
    .company-bg-ico-area .bg-ico {
        width: 71%;
        top: 21%;
        right: 0;
    }
}

/* 컴파니 페이지 경로 영역 */
.company-page-route-area {
    width: 100%;
    left: 0;
    top: 70px;
    box-sizing: border-box;
    padding-top: 30px;
    background: #fff;
    display: none;
}

@media (max-width:1200px) {
    .company-page-route-area {
        display: block;
    }
}

@media (max-width:767px) {
    .company-page-route-area {
        top: 60px;
    }
}

/* 컴파니 컨텐츠 영역 */
.company-cnt-area .page-ctrl-box {
    width: 100px;
    position: relative;
}
.company-cnt-area .page-ctrl-box ul {
    position: sticky;
    top: 36%;
}
.company-cnt-area .page-ctrl-box ul li:not(:first-child) {
    margin-top: 40px;
}
.company-cnt-area .page-ctrl-box ul li a {
    font-size: 18px;
    color: #C6C6C6;
    position: relative;
    display: inline-block;
}
.company-cnt-area .page-ctrl-box ul li a.active {
    color: #E8819D;
}
.company-cnt-area .page-ctrl-box ul li a.active::after {
    content: "";
    display: block;
    width: 5px;
    height: 5px;
    background: #E8819D;
    border-radius: 50%;
    position: absolute;
    top: 0;
    left: calc(100% + 2px);
}
.company-cnt-area .page-cnt-box {
    width: calc(100% - 100px);
} 
.company-cnt-area .page-cnt-box .cnt .line {
    width: 70px;
    height: 6px;
}
.company-cnt-area .page-cnt-box .cnt h1 {
    font-size: 50px;
    line-height: 64px;
    margin-top: 20px;
}
.company-cnt-area .page-cnt-box .cnt-1 {
    box-sizing: border-box;
    padding: 280px 80px 0 120px;
}
.company-cnt-area .page-cnt-box .cnt-1 p {
    font-size: 18px;
    line-height: 25px;
    margin-top: 40px;
}
.company-cnt-area .page-cnt-box .cnt-1 ul {
    margin-top: 120px;
    column-gap: 68px;
}
.company-cnt-area .page-cnt-box .cnt-1 ul li{
    width: 25%;
}
.company-cnt-area .page-cnt-box .cnt-1 ul li .text {
    margin-top: 26px;
    font-size: 18px;
}
.company-cnt-area .page-cnt-box .cnt-2 {
    box-sizing: border-box;
    padding: 280px 80px 0 120px;
}
.company-cnt-area .page-cnt-box .cnt-2 p {
    font-size: 18px;
    line-height: 25px;
    margin-top: 40px;
}
.company-cnt-area .page-cnt-box .cnt-2 p br.tb-ver {
    display: none;
}
.company-cnt-area .page-cnt-box .cnt-2 p br.mb-ver {
    display: none;
}
.company-cnt-area .page-cnt-box .cnt-2 ul {
    margin-top: 120px;
    column-gap: 50px;
}
.company-cnt-area .page-cnt-box .cnt-3 {
    box-sizing: border-box;
    padding: 280px 110px 0 60px;
}
.company-cnt-area .page-cnt-box .cnt-3 h1 br.mb-ver {
    display: none;
}
.company-cnt-area .page-cnt-box .cnt-3 .year-area {
    margin-top: 84px;
}
.company-cnt-area .page-cnt-box .cnt-3 .year-box {
    position: relative;
    box-sizing: border-box;
    padding: 28px 0;
}
.company-cnt-area .page-cnt-box .cnt-3 .year-box:first-child {
    padding: 0 0 28px 0;
}
.company-cnt-area .page-cnt-box .cnt-3 .year-box:last-child {
    padding: 28px 0 0 0;
}
.company-cnt-area .page-cnt-box .cnt-3 .year-box::before {
    content: "";
    display: block;
    width: 6px;
    height: 100%;
    background: #EEEEEE;
    position: absolute;
    top: 0;
    left: 177px;
}
.company-cnt-area .page-cnt-box .cnt-3 .year-box:first-child:before {
    height: calc(100% - 24px);
    top: auto;
    bottom: 0;
}
.company-cnt-area .page-cnt-box .cnt-3 .year-box:last-child:before {
    height: calc(100% - 24px);
}
.company-cnt-area .page-cnt-box .cnt-3 .year-box::after {
    content: "";
    display: block;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #fff;
    border: 4px solid #E8819D;
    position: absolute;
    top: 43px;
    left: 171px;
}
.company-cnt-area .page-cnt-box .cnt-3 .year-box:first-child:after {
    top: auto;
    bottom: 43px;
}
.company-cnt-area .page-cnt-box .cnt-3 .year-box .year-text {
    font-size: 40px;
    box-sizing: border-box;
    padding: 0 168px 0 0;
}
.company-cnt-area .page-cnt-box .cnt-3 .year-box.many .text-box {
    margin-top: 13.5px;
}
.company-cnt-area .page-cnt-box .cnt-3 .year-box .text-box ul li {
    font-size: 18px;
}
.company-cnt-area .page-cnt-box .cnt-3 .year-box .text-box ul li:not(:first-child) {
    margin-top: 12px;
}
.company-cnt-area .page-cnt-box .cnt-4 {
    box-sizing: border-box;
    padding: 280px 160px 200px 60px;
}
.company-cnt-area .page-cnt-box .cnt-4 ul {
    margin-top: 80px;
}
.company-cnt-area .page-cnt-box .cnt-4 ul li:not(:first-child) {
    margin-top: 80px;
}
.company-cnt-area .page-cnt-box .cnt-4 ul li h2 {
    font-size: 20px;
}
.company-cnt-area .page-cnt-box .cnt-4 ul li .img-box {
    margin-top: 12px;
}

@media (max-width:1200px) {
    .company-cnt-area .page-ctrl-box {
        display: none;
    }
    .company-cnt-area .page-cnt-box {
        width: 100%;
    }   
    .company-cnt-area .page-cnt-box .cnt h1 {
        font-size: 34px;
        line-height: 42px;
        margin-top: 30px;
    }
    .company-cnt-area .page-cnt-box .cnt-1 {
        padding: 156px 0 0 0;
    }
    .company-cnt-area .page-cnt-box .cnt-1 p {
        font-size: 14px;
        line-height: 19px;
        margin-top: 24px;
    }
    .company-cnt-area .page-cnt-box .cnt-1 ul {
        margin-top: 65px;
        column-gap: 38px;
    }
    .company-cnt-area .page-cnt-box .cnt-1 ul li .text {
        margin-top: 10px;
        font-size: 12px;
    }
    .company-cnt-area .page-cnt-box .cnt-2 {
        padding: 120px 0 0 0;
    }
    .company-cnt-area .page-cnt-box .cnt-2 p {
        font-size: 14px;
        line-height: 19px;
        margin-top: 24px;
    }
    .company-cnt-area .page-cnt-box .cnt-2 p br {
        display: none;
    }
    .company-cnt-area .page-cnt-box .cnt-2 p br.tb-ver {
        display: block;
    }
    .company-cnt-area .page-cnt-box .cnt-2 ul {
        margin-top: 60px;
        column-gap: 50px;
        row-gap: 30px;
        flex-wrap: wrap;
        justify-content: center;
    }
    .company-cnt-area .page-cnt-box .cnt-2 ul li {
        width: calc(33.3333% - 33.3333px);
    }
    .company-cnt-area .page-cnt-box .cnt-3 {
        padding: 120px 0 0 0;
    }
    .company-cnt-area .page-cnt-box .cnt-3 .year-area {
        margin-top: 90px;
    }
    .company-cnt-area .page-cnt-box .cnt-3 .year-box {
        padding: 31px 0;
    }
    .company-cnt-area .page-cnt-box .cnt-3 .year-box:first-child {
        padding: 0 0 31px 0;
    }
    .company-cnt-area .page-cnt-box .cnt-3 .year-box:last-child {
        padding: 31px 0 0 0;
    }
    .company-cnt-area .page-cnt-box .cnt-3 .year-box::before {
        left: 143px;
    }
    .company-cnt-area .page-cnt-box .cnt-3 .year-box:first-child:before {
        height: calc(100% - 20px);
    }
    .company-cnt-area .page-cnt-box .cnt-3 .year-box:last-child:before {
        height: calc(100% - 20px);
    }
    .company-cnt-area .page-cnt-box .cnt-3 .year-box::after {
        top: 42px;
        left: 137px;
    }
    .company-cnt-area .page-cnt-box .cnt-3 .year-box:first-child:after {
        bottom: 42px;
    }
    .company-cnt-area .page-cnt-box .cnt-3 .year-box .year-text {
        font-size: 34px;
        padding: 0 138px 0 0;
    }
    .company-cnt-area .page-cnt-box .cnt-3 .year-box.many .text-box {
        margin-top: 11.5px;
    }
    .company-cnt-area .page-cnt-box .cnt-3 .year-box .text-box ul li {
        font-size: 16px;
    }
    .company-cnt-area .page-cnt-box .cnt-3 .year-box .text-box ul li:not(:first-child) {
        margin-top: 14px;
    }
    .company-cnt-area .page-cnt-box .cnt-4 {
        padding: 120px 0 80px 0;
    }
    .company-cnt-area .page-cnt-box .cnt-4 ul {
        margin-top: 60px;
    }
    .company-cnt-area .page-cnt-box .cnt-4 ul li:nth-child(1) .img-box img {
        content: url(../img/company-cnt-4-img-2-tb.svg);
    }
}

@media (max-width:767px) {
    .company-cnt-area .page-cnt-box .cnt .line {
        width: 50px;
        height: 3px;
    }
    .company-cnt-area .page-cnt-box .cnt h1 {
        font-size: 24px;
        line-height: 30px;
        margin-top: 15px;
    }
    .company-cnt-area .page-cnt-box .cnt-1 {
        padding: 146px 0 0 0;
    }
    .company-cnt-area .page-cnt-box .cnt-1 p {
        font-size: 12px;
        line-height: 16px;
        margin-top: 20px;
    }
    .company-cnt-area .page-cnt-box .cnt-1 ul {
        margin-top: 60px;
        column-gap: 26px;
        row-gap: 40px;
        flex-wrap: wrap;
        box-sizing: border-box;
        padding: 0 20px;
    }
    .company-cnt-area .page-cnt-box .cnt-1 ul li {
        width: calc(50% - 13px);
    }
    .company-cnt-area .page-cnt-box .cnt-1 ul li .text {
        margin-top: 12px;
    }
    .company-cnt-area .page-cnt-box .cnt-2 p {
        font-size: 12px;
        line-height: 16px;
        margin-top: 20px;
    }
    .company-cnt-area .page-cnt-box .cnt-2 p br {
        display: none;
    }
    .company-cnt-area .page-cnt-box .cnt-2 p br.tb-ver {
        display: none;
    }
    .company-cnt-area .page-cnt-box .cnt-2 p br.mb-ver {
        display: block;
    }
    .company-cnt-area .page-cnt-box .cnt-2 ul {
        column-gap: 26px;
        row-gap: 10px;
    }
    .company-cnt-area .page-cnt-box .cnt-2 ul li {
        width: calc(33.3333% - 17.3333px);
    }
    .company-cnt-area .page-cnt-box .cnt-3 {
        padding: 120px 0 0 0;
    }
    .company-cnt-area .page-cnt-box .cnt-3 h1 br.mb-ver {
        display: block;
    }
    .company-cnt-area .page-cnt-box .cnt-3 .year-area {
        margin-top: 40px;
    }
    .company-cnt-area .page-cnt-box .cnt-3 .year-box {
        padding: 16px 0;
    }
    .company-cnt-area .page-cnt-box .cnt-3 .year-box:first-child {
        padding: 0 0 16px 0;
    }
    .company-cnt-area .page-cnt-box .cnt-3 .year-box:last-child {
        padding: 16px 0 0 0;
    }
    .company-cnt-area .page-cnt-box .cnt-3 .year-box::before {
        width: 2px;
        left: 74px;
    }
    .company-cnt-area .page-cnt-box .cnt-3 .year-box:first-child:before {
        height: calc(100% - 12px);
    }
    .company-cnt-area .page-cnt-box .cnt-3 .year-box:last-child:before {
        height: calc(100% - 12px);
    }
    .company-cnt-area .page-cnt-box .cnt-3 .year-box::after {
        width: 5px;
        height: 5px;
        border: 2px solid #E8819D;
        top: 23px;
        left: 70.3px;
    }
    .company-cnt-area .page-cnt-box .cnt-3 .year-box:first-child:after {
        bottom: 23px;
    }
    .company-cnt-area .page-cnt-box .cnt-3 .year-box .year-text {
        font-size: 20px;
        padding: 0 53px 0 0;
    }
    .company-cnt-area .page-cnt-box .cnt-3 .year-box.many .text-box {
        margin-top: 4px;
    }
    .company-cnt-area .page-cnt-box .cnt-3 .year-box .text-box ul li {
        font-size: 13px;
    }
    .company-cnt-area .page-cnt-box .cnt-3 .year-box .text-box ul li:not(:first-child) {
        margin-top: 8px;
    }
    .company-cnt-area .page-cnt-box .cnt-4 ul {
        margin-top: 40px;
    }
    .company-cnt-area .page-cnt-box .cnt-4 ul li:not(:first-child) {
        margin-top: 40px;
    }
    .company-cnt-area .page-cnt-box .cnt-4 ul li h2 {
        font-size: 16px;
    }
    .company-cnt-area .page-cnt-box .cnt-4 ul li .img-box {
        margin-top: 10px;
    }
    .company-cnt-area .page-cnt-box .cnt-4 ul li:nth-child(1) .img-box img {
        content: url(../img/company-cnt-4-img-2-mb.svg);
    }
}

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

/* 비지니스 컨텐츠 영역 */
.business-cnt-area {
    box-sizing: border-box;
    padding: 280px 0 200px 0;
}
.business-cnt-area .inner .page-ctrl-box {
    width: 100px;
    box-sizing: border-box;
    padding-top: 118px;
}
.business-cnt-area .inner .page-ctrl-box ul li:not(:first-child) {
    margin-top: 40px;
}
.business-cnt-area .inner .page-ctrl-box ul li a {
    font-size: 18px;
    color: #C6C6C6;
    position: relative;
    display: inline-block;
}
.business-cnt-area .inner .page-ctrl-box ul li a.active {
    color: #E8819D;
}
.business-cnt-area .inner .page-ctrl-box ul li a.active::after {
    content: "";
    display: block;
    width: 5px;
    height: 5px;
    background: #E8819D;
    border-radius: 50%;
    position: absolute;
    top: 0;
    left: calc(100% + 2px);
}
.business-cnt-area .inner .page-cnt-box {
    width: calc(100% - 100px);
    box-sizing: border-box;
    padding-left: 120px;
}
.business-cnt-area .inner .page-cnt-box .line {
    width: 70px;
    height: 6px;
}
.business-cnt-area .inner .page-cnt-box h1 {
    font-size: 50px;
    line-height: 64px;
    margin-top: 20px;
}

/* 비지니스 컨텐츠 영역-1 */
.business-cnt-area-1 .inner .page-cnt-box .swiper-2 {
    margin-top: 40px;
    height: 40px;
}
.business-cnt-area-1 .inner .page-cnt-box .swiper-2 .swiper-slide {
    width: auto !important;
    font-size: 20px;
    color: #C6C6C6;
}
.business-cnt-area-1 .inner .page-cnt-box .swiper-2 .swiper-slide.active {
    color: #E8819D;
    font-family: "Pretendard-Bold";
}
.business-cnt-area-1 .swiper .swiper-button-prev,
.business-cnt-area-1 .swiper .swiper-button-next {
    transform: translateY(-50%) !important;
    width: 119px !important;
    height: 42px !important;
    margin-top: 0 !important;
    z-index: 2 !important;
}
.business-cnt-area-1 .swiper .swiper-button-prev {
    left: 0 !important;
    right: auto !important;
}
.business-cnt-area-1 .swiper .swiper-button-next {
    left: auto !important;
    right: 0 !important;
}
.business-cnt-area-1 .swiper .swiper-button-prev::after, 
.business-cnt-area-1 .swiper .swiper-button-next::after {
    content: "" !important;
    display: block !important;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 40px !important;
    height: 40px !important;
}
.business-cnt-area-1 .swiper .swiper-button-prev::after {    
    background: url(../img/btn-prev.svg) no-repeat center center/cover;
    left: 0;
}
.business-cnt-area-1 .swiper .swiper-button-prev:hover::after {    
    background: url(../img/btn-prev-a.svg) no-repeat center center/cover;
}
.business-cnt-area-1 .swiper .swiper-button-next::after {    
    background: url(../img/btn-next.svg) no-repeat center center/cover;
    right: 0;
}
.business-cnt-area-1 .swiper .swiper-button-next:hover::after {    
    background: url(../img/btn-next-a.svg) no-repeat center center/cover;
}
.business-cnt-area-1 .swiper .swiper-button-prev::before,
.business-cnt-area-1 .swiper .swiper-button-next::before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    cursor: inherit !important;
    pointer-events: none !important;
}
.business-cnt-area-1 .swiper .swiper-button-prev::before {
    background: linear-gradient(to right,#fff,rgba(265,265,265,0.3));
}
.business-cnt-area-1 .swiper .swiper-button-next::before {
    background: linear-gradient(to left,#fff,rgba(265,265,265,0.3));
}
.business-cnt-area-1 .swiper .swiper-button-disabled {
    opacity: 0 !important;
}
.business-cnt-area-1 .inner .page-cnt-box .line-2 {
    width: 100%;
    height: 1px;
    background: #C6C6C6;
    margin: 14px 0 40px 0;
}
.business-cnt-area-1 .inner .page-cnt-box .tab-cnt-box > li .text-area {
    margin-top: 70px;
}
.business-cnt-area-1 .inner .page-cnt-box .tab-cnt-box > li .text-area h2 {
    font-size: 40px;
    line-height: 50px;
    width: 40%;
}
.business-cnt-area-1 .inner .page-cnt-box .tab-cnt-box > li .text-area .text-box {
    width: 60%;
}
.business-cnt-area-1 .inner .page-cnt-box .tab-cnt-box > li .text-area .text-box p {
    font-size: 20px;
    line-height: 26px;
}
.business-cnt-area-1 .inner .page-cnt-box .tab-cnt-box > li .text-area .text-box .store-infor-box {
    margin-top: 40px;
}
.business-cnt-area-1 .inner .page-cnt-box .tab-cnt-box > li .text-area .text-box .store-infor-box > li:not(:first-child) {
    margin-top: 20px;
}
.business-cnt-area-1 .inner .page-cnt-box .tab-cnt-box > li .text-area .text-box .store-infor-box > li .title-text {
    width: 156px;
}
.business-cnt-area-1 .inner .page-cnt-box .tab-cnt-box > li .text-area .text-box .store-infor-box > li .title-text .ico-box {
    width: 20px;
    margin-right: 10px;
}
.business-cnt-area-1 .inner .page-cnt-box .tab-cnt-box > li .text-area .text-box .store-infor-box > li .title-text h3 {
    font-size: 18px;
}
.business-cnt-area-1 .inner .page-cnt-box .tab-cnt-box > li .text-area .text-box .store-infor-box > li .text {
    width: calc(100% - 156px);
    font-size: 18px;
}
.business-cnt-area-1 .inner .page-cnt-box .tab-cnt-box > li .text-area .text-box .btns-box {
    margin-top: 80px;
}
.business-cnt-area-1 .inner .page-cnt-box .tab-cnt-box > li .text-area .text-box .btns-box > li {
    width: calc(33.3333% - 3.3333px);
    height: 60px;
}
.business-cnt-area-1 .inner .page-cnt-box .tab-cnt-box > li .text-area .text-box .btns-box > li:not(:first-child) {
    margin-left: 5px;
}
.business-cnt-area-1 .inner .page-cnt-box .tab-cnt-box > li .text-area .text-box .btns-box > li button,
.business-cnt-area-1 .inner .page-cnt-box .tab-cnt-box > li .text-area .text-box .btns-box > li a {
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    border: 1px solid #C6C6C6;
}
.business-cnt-area-1 .inner .page-cnt-box .tab-cnt-box > li .text-area .text-box .btns-box > li .ico-box {
    width: 20px;
    margin-right: 10px;
}
.business-cnt-area-1 .inner .page-cnt-box .tab-cnt-box > li .text-area .text-box .btns-box > li .text {
    font-size: 18px;
}

/* 비지니스 컨텐츠 영역-2 */
.business-cnt-area-2 .inner .page-cnt-box .list-box {
    margin-top: 80px;
}
.business-cnt-area-2 .inner .page-cnt-box .list-box > li:not(:first-child) {
    margin-top: 120px;
}
.business-cnt-area-2 .inner .page-cnt-box .list-box > li .img-area {
    width: 40%;
}
.business-cnt-area-2 .inner .page-cnt-box .list-box > li .text-box {
    width: calc(60% - 60px);
    box-sizing: border-box;
    padding-top: 20px;
}
.business-cnt-area-2 .inner .page-cnt-box .list-box > li .text-box h2 {
    font-size: 40px;
}
.business-cnt-area-2 .inner .page-cnt-box .list-box > li .text-box p {
    font-size: 20px;
    line-height: 26px;
    margin-top: 20px;
}
.business-cnt-area-2 .inner .page-cnt-box .list-box > li .text-box .notice-box {
    margin-top: 40px;
}
.business-cnt-area-2 .inner .page-cnt-box .list-box > li .text-box .notice-box .title-text {
    margin-right: 16px;
}
.business-cnt-area-2 .inner .page-cnt-box .list-box > li .text-box .notice-box .title-text .ico-box {
    width: 20px;
    margin-right: 12px;
}
.business-cnt-area-2 .inner .page-cnt-box .list-box > li .text-box .notice-box .title-text h3 {
    font-size: 18px;
}
.business-cnt-area-2 .inner .page-cnt-box .list-box > li .text-box .notice-box .speech-bubble-box {
    width: 305px;
}
.business-cnt-area-2 .inner .page-cnt-box .list-box > li .text-box .notice-box .speech-bubble-box img {
    box-shadow: 0 3px 6px rgba(200,200,200,0.16);
    border-radius: 999px;
}
.business-cnt-area-2 .inner .page-cnt-box .list-box > li .text-box .notice-box .speech-bubble-box .text {
    white-space: nowrap;
    font-size: 12px;
}
.business-cnt-area-2 .inner .page-cnt-box .list-box > li .text-box .store-list-box {
    margin-top: 10px;
}
.business-cnt-area-2 .inner .page-cnt-box .list-box > li .text-box .store-list-box > li:not(:first-child) {
    margin-top: 10px;
}
.business-cnt-area-2 .inner .page-cnt-box .list-box > li .text-box .store-list-box > li > a {
    font-size: 18px;
    text-decoration: underline;
}
.business-cnt-area-2 .inner .page-cnt-box .list-box > li .text-box .store-list-box-2 {
    display: none;
}

@media (max-width:1200px) {
    .business-cnt-area .inner .page-ctrl-box {
        display: none;
    }
    .business-cnt-area .inner .page-cnt-box {
        width: 100%;
        padding-left: 0;
    }
    .business-cnt-area .inner .page-cnt-box .line {
        display: none;
    }
    .business-cnt-area .inner .page-cnt-box h1 {
        display: none;
    }
    
    /* 비지니스 컨텐츠 영역-1 */
    .business-cnt-area-1 {
        padding: 70px 0 100px 0;
    }
    .business-cnt-area-1 .con {
        padding: 0;
    }
    .business-cnt-area-1 .inner .page-cnt-box .swiper-2 {
        margin-top: 0;
        box-sizing: border-box;
        padding: 24px 0 24px 20px;
        border-bottom: 1px solid #C6C6C6;
    }
    .business-cnt-area-1 .inner .page-cnt-box .swiper-2 .swiper-slide {
        font-size: 15px;
    }
    .business-cnt-area-1 .swiper .swiper-button-prev,
    .business-cnt-area-1 .swiper .swiper-button-next {
        display: none;
    }
    .business-cnt-area-1 .page-route-box {
        box-sizing: border-box;
        padding: 0 68px;
        margin-top: 38px;
    }
    .business-cnt-area-1 .inner .page-cnt-box .line-2 {
        display: none;
    }
    .business-cnt-area-1 .inner .page-cnt-box .tab-cnt-box {
        box-sizing: border-box;
        padding: 0 68px;
        margin-top: 30px;
    }
    .business-cnt-area-1 .inner .page-cnt-box .tab-cnt-box > li iframe {
        height: 420px !important;
    }
    .business-cnt-area-1 .inner .page-cnt-box .tab-cnt-box > li .text-area {
        margin-top: 35px;
        flex-direction: column;
    }
    .business-cnt-area-1 .inner .page-cnt-box .tab-cnt-box > li .text-area h2 {
        font-size: 24px;
        line-height: 29px;
        width: 100%;
    }
    .business-cnt-area-1 .inner .page-cnt-box .tab-cnt-box > li .text-area h2 br {
        display: none;
    }
    .business-cnt-area-1 .inner .page-cnt-box .tab-cnt-box > li .text-area .text-box {
        width: 100%;
    }
    .business-cnt-area-1 .inner .page-cnt-box .tab-cnt-box > li .text-area .text-box p {
        font-size: 16px;
        line-height: 22px;
        margin-top: 20px;
    }
    .business-cnt-area-1 .inner .page-cnt-box .tab-cnt-box > li .text-area .text-box .store-infor-box > li:not(:first-child) {
        margin-top: 12px;
    }
    .business-cnt-area-1 .inner .page-cnt-box .tab-cnt-box > li .text-area .text-box .store-infor-box > li .title-text {
        width: 105px;
    }
    .business-cnt-area-1 .inner .page-cnt-box .tab-cnt-box > li .text-area .text-box .store-infor-box > li .title-text .ico-box {
        width: 16px;
        margin-right: 12px;
    }
    .business-cnt-area-1 .inner .page-cnt-box .tab-cnt-box > li .text-area .text-box .store-infor-box > li .title-text h3 {
        font-size: 14px;
    }
    .business-cnt-area-1 .inner .page-cnt-box .tab-cnt-box > li .text-area .text-box .store-infor-box > li .text {
        width: calc(100% - 105px);
        font-size: 14px;
    }
    .business-cnt-area-1 .inner .page-cnt-box .tab-cnt-box > li .text-area .text-box .btns-box {
        margin-top: 60px;
    }
    .business-cnt-area-1 .inner .page-cnt-box .tab-cnt-box > li .text-area .text-box .btns-box > li {
        width: calc(33.3333% - 10.6666px);
        height: 54px;
    }
    .business-cnt-area-1 .inner .page-cnt-box .tab-cnt-box > li .text-area .text-box .btns-box > li:not(:first-child) {
        margin-left: 16px;
    }
    .business-cnt-area-1 .inner .page-cnt-box .tab-cnt-box > li .text-area .text-box .btns-box > li .text {
        font-size: 16px;
    }
    
    /* 비지니스 컨텐츠 영역-2 */
    .business-cnt-area-2 {
        padding: 108px 0 100px 0;
    }
    .business-cnt-area-2 .inner .page-cnt-box .list-box {
        margin-top: 40px;
        display: flex;
        flex-wrap: wrap;
        column-gap: 20px;
        row-gap: 58px;
    }
    .business-cnt-area-2 .inner .page-cnt-box .list-box > li:not(:first-child) {
        margin-top: 0;
    }
    .business-cnt-area-2 .inner .page-cnt-box .list-box > li {
        width: calc(50% - 10px);
        flex-direction: column;
        justify-content: inherit;
    }
    .business-cnt-area-2 .inner .page-cnt-box .list-box > li .img-area {
        width: 100%;
    }
    .business-cnt-area-2 .inner .page-cnt-box .list-box > li .text-box {
        width: 100%;
    }
    .business-cnt-area-2 .inner .page-cnt-box .list-box > li .text-box h2 {
        font-size: 24px;
    }
    .business-cnt-area-2 .inner .page-cnt-box .list-box > li .text-box p {
        font-size: 14px;
        line-height: 19px;
        margin-top: 10px;
    }
    .business-cnt-area-2 .inner .page-cnt-box .list-box > li .text-box p br {
        display: none;
    }
    .business-cnt-area-2 .inner .page-cnt-box .list-box > li .text-box .notice-box .title-text {
        margin-right: 0;
    }
    .business-cnt-area-2 .inner .page-cnt-box .list-box > li .text-box .notice-box .title-text .ico-box {
        width: 16px;
        margin-right: 6px;
    }
    .business-cnt-area-2 .inner .page-cnt-box .list-box > li .text-box .notice-box .title-text h3 {
        font-size: 15px;
    }
    .business-cnt-area-2 .inner .page-cnt-box .list-box > li .text-box .notice-box .speech-bubble-box {
        display: none;
    }
    .business-cnt-area-2 .inner .page-cnt-box .list-box > li .text-box .store-list-box {
        margin-top: 12px;
    }
    .business-cnt-area-2 .inner .page-cnt-box .list-box > li .text-box .store-list-box > li > a {
        font-size: 14px;
    }
}

@media (max-width:767px) {
    /* 비지니스 컨텐츠 영역-1 */
    .business-cnt-area-1 {
        padding: 60px 0 80px 0;
    }
    .business-cnt-area-1 .inner .page-cnt-box .swiper-2 {
        padding: 16px 0 16px 20px;
    }
    .business-cnt-area-1 .inner .page-cnt-box .swiper-2 .swiper-slide {
        font-size: 14px;
    }
    .business-cnt-area-1 .page-route-box {
        padding: 0 20px;
        margin-top: 30px;
    }
    .business-cnt-area-1 .inner .page-cnt-box .tab-cnt-box {
        padding: 0 20px;
        margin-top: 20px;
    }
    .business-cnt-area-1 .inner .page-cnt-box .tab-cnt-box > li iframe {
        height: 213px !important;
    }
    .business-cnt-area-1 .inner .page-cnt-box .tab-cnt-box > li .text-area {
        margin-top: 30px;
    }
    .business-cnt-area-1 .inner .page-cnt-box .tab-cnt-box > li .text-area h2 {
        font-size: 20px;
        line-height: 24px;
    }
    .business-cnt-area-1 .inner .page-cnt-box .tab-cnt-box > li .text-area .text-box p {
        font-size: 14px;
        line-height: 18px;
        margin-top: 10px;
    }
    .business-cnt-area-1 .inner .page-cnt-box .tab-cnt-box > li .text-area .text-box .store-infor-box > li {
        flex-direction: column;
        align-items: inherit;
    }
    .business-cnt-area-1 .inner .page-cnt-box .tab-cnt-box > li .text-area .text-box .store-infor-box > li:not(:first-child) {
        margin-top: 30px;
    }
    .business-cnt-area-1 .inner .page-cnt-box .tab-cnt-box > li .text-area .text-box .store-infor-box > li .title-text {
        width: 100%;
    }
    .business-cnt-area-1 .inner .page-cnt-box .tab-cnt-box > li .text-area .text-box .store-infor-box > li .title-text .ico-box {
        margin-right: 6px;
    }
    .business-cnt-area-1 .inner .page-cnt-box .tab-cnt-box > li .text-area .text-box .store-infor-box > li .title-text h3 {
        font-size: 15px;
    }
    .business-cnt-area-1 .inner .page-cnt-box .tab-cnt-box > li .text-area .text-box .store-infor-box > li .text {
        width: 100%;
        margin-top: 8px;
    }
    .business-cnt-area-1 .inner .page-cnt-box .tab-cnt-box > li .text-area .text-box .btns-box {
        margin-top: 50px;
        flex-direction: column;
    }
    .business-cnt-area-1 .inner .page-cnt-box .tab-cnt-box > li .text-area .text-box .btns-box > li {
        width: 100%;
        height: 50px;
    }
    .business-cnt-area-1 .inner .page-cnt-box .tab-cnt-box > li .text-area .text-box .btns-box > li:not(:first-child) {
        margin-left: 0;
        margin-top: 10px;
    }
    
    /* 비지니스 컨텐츠 영역-2 */
    .business-cnt-area-2 {
        padding: 90px 0 80px 0;
    }
    .business-cnt-area-2 .inner .page-cnt-box .list-box {
        margin-top: 30px;
        column-gap: 0;
        row-gap: 80px;
    }
    .business-cnt-area-2 .inner .page-cnt-box .list-box > li {
        width: 100%;
    }
    .business-cnt-area-2 .inner .page-cnt-box .list-box > li .text-box {
        padding-top: 30px;
    }
    .business-cnt-area-2 .inner .page-cnt-box .list-box > li .text-box h2 {
        font-size: 22px;
    }
    .business-cnt-area-2 .inner .page-cnt-box .list-box > li .text-box p {
        margin-top: 20px;
    }
    .business-cnt-area-2 .inner .page-cnt-box .list-box > li .text-box p br {
        display: none;
    }
    .business-cnt-area-2 .inner .page-cnt-box .list-box > li .text-box p br.mb-ver {
        display: block;
    }
    .business-cnt-area-2 .inner .page-cnt-box .list-box > li .text-box .notice-box .speech-bubble-box {
        display: none;
    }
    .business-cnt-area-2 .inner .page-cnt-box .list-box > li .text-box .store-list-box {
        display: none;
    }
    .business-cnt-area-2 .inner .page-cnt-box .list-box > li .text-box .store-list-box-2 {
        display: block;
        margin-top: 12px;
    }
    .business-cnt-area-2 .inner .page-cnt-box .list-box > li .text-box .store-list-box-2 > li:not(:first-child) {
        margin-top: 8px;
    }
    .business-cnt-area-2 .inner .page-cnt-box .list-box > li .text-box .store-list-box-2 > li > a {
        width: 100%;
        height: 44px;
        box-sizing: border-box;
        border: 1px solid #000;
        padding: 0 14px;
    }
    .business-cnt-area-2 .inner .page-cnt-box .list-box > li .text-box .store-list-box-2 > li > a .text {
        font-size: 14px;
    }
    .business-cnt-area-2 .inner .page-cnt-box .list-box > li .text-box .store-list-box-2 > li > a .img-box {
        width: 6px;
    }
}

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

/* 모달 영역 */
.modal-area {
    background: rgba(0,0,0,0.7);
    display: none;
}
.modal-area.active {
    display: block;
}
.food-menu-area {
    width: 1200px;
    box-sizing: border-box;
    padding: 40px 0 60px 0;
    display: none;
    max-height: calc(100vh - 100px);
    overflow-x: hidden;
    overflow-y: auto;
}
.food-menu-area.active {
    display: block;
}
.food-menu-area .x-btn {
    width: 20px;
    top: 50px;
    right: 50px;
}
.food-menu-area h1 {
    font-size: 30px;
}
.food-menu-area .swiper {
    margin-top: 60px;
}
.food-menu-area .swiper .swiper-slide img {
    width: calc(100% - 150px);
    height: auto;
    object-fit: inherit;
}
.food-menu-area .swiper .swiper-button-prev,
.food-menu-area .swiper .swiper-button-next {
    transform: translateY(-50%) !important;
    width: 30px !important;
    height: 30px !important;
    margin-top: 0 !important;
    z-index: 2 !important;
}
.food-menu-area .swiper .swiper-button-prev {
    left: 25px !important;
    right: auto !important;
}
.food-menu-area .swiper .swiper-button-next {
    left: auto !important;
    right: 25px !important;
}
.food-menu-area .swiper .swiper-button-prev::after, 
.food-menu-area .swiper .swiper-button-next::after {
    display: none !important;
}
.food-menu-area .swiper .swiper-button-prev::before,
.food-menu-area .swiper .swiper-button-next::before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
}
.food-menu-area .swiper .swiper-button-prev::before {
    background: url(../img/arrow-prev-A2A8AB.svg) no-repeat center center/cover;
}
.food-menu-area .swiper .swiper-button-next::before {
    background: url(../img/arrow-next-A2A8AB.svg) no-repeat center center/cover;
}
.food-menu-area .swiper .swiper-button-disabled {
    opacity: 0 !important;
}

@media (max-width:1200px) {
    .food-menu-area {
        width: calc(100% - 40px);
        padding: 20px 0 30px 0;
        max-height: calc(100vh - 60px);
    }
    .food-menu-area .x-btn {
        width: 16px;
        top: 24px;
        right: 20px;
    }
    .food-menu-area h1 {
        font-size: 15px;
    }
    .food-menu-area .swiper {
        margin-top: 20px;
    }
    .food-menu-area .swiper .swiper-slide img {
        width: calc(100% - 60px);
    }
    .food-menu-area .swiper .swiper-button-prev,
    .food-menu-area .swiper .swiper-button-next {
        width: 20px !important;
        height: 20px !important;
    }
    .food-menu-area .swiper .swiper-button-prev {
        left: 5px !important;
    }
    .food-menu-area .swiper .swiper-button-next {
        right: 5px !important;
    }
}

@media (max-width:767px) {
    .food-menu-area {
        max-height: 100vh;
    }
    .food-menu-area .x-btn {
        width: 10px;
    }
    .food-menu-area .swiper .swiper-slide img {
        width: calc(100% - 40px);
    }
    .food-menu-area .swiper .swiper-button-prev,
    .food-menu-area .swiper .swiper-button-next {
        width: 16px !important;
        height: 16px !important;
    }
    .food-menu-area .swiper .swiper-button-prev {
        left: 2px !important;
    }
    .food-menu-area .swiper .swiper-button-next {
        right: 2px !important;
    }
    .cheongdam-menu-area .swiper-slide:nth-child(1) > img {
        content: url(../img/chinaroom-cheongdam-1-mb.svg);
    }
    .cheongdam-menu-area .swiper-slide:nth-child(2) > img {
        content: url(../img/chinaroom-cheongdam-2-mb.svg);
    }
    .montreal-menu-area .swiper-slide:nth-child(1) > img {
        content: url(../img/chinaroom-montreal-1-mb.svg);
    }
    .montreal-menu-area .swiper-slide:nth-child(2) > img {
        content: url(../img/chinaroom-montreal-2-mb.svg);
    }
    .thehyundaiseoul-menu-area .swiper-slide:nth-child(1) > img {
        content: url(../img/smt-lounge-thehyundaiseoul-1-mb.svg);
    }
    .thehyundaiseoul-menu-area .swiper-slide:nth-child(2) > img {
        content: url(../img/smt-lounge-thehyundaiseoul-2-mb.svg);
    }
    .hannam-menu-area .swiper-slide:nth-child(1) > img {
        content: url(../img/chinese-restaurant-cheong-hannam-1-mb.svg);
    }
    .hannam-menu-area .swiper-slide:nth-child(2) > img {
        content: url(../img/chinese-restaurant-cheong-hannam-2-mb.svg);
    }
}

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

/* 스토어 컨텐츠 영역 */
.store-cnt-area {
    box-sizing: border-box;
    padding: 160px 0 110px 0;
}
.store-cnt-area .text-box {
    width: calc(100% - 763px);
}
.store-cnt-area .text-box .line {
    width: 70px;
    height: 6px;
}
.store-cnt-area .text-box h1 {
    margin-top: 20px;
    font-size: 50px;
}
.store-cnt-area .text-box p {
    margin-top: 40px;
    font-size: 18px;
    line-height: 25px;
}
.store-cnt-area .text-box p br.tb-ver {
    display: none;
}
.store-cnt-area .text-box p br.mb-ver {
    display: none;
}
.store-cnt-area .accordion-menu-box {
    margin-top: 30px;
    display: none;
}
.store-cnt-area .accordion-menu-box .que {
    padding: 14px;
    cursor: pointer;
    box-sizing: border-box;
    background: #fff;
    border: 1px solid #000000;
    margin-top: 10px;
}
.store-cnt-area .accordion-menu-box .que .text {
    font-size: 14px;
}
.store-cnt-area .accordion-menu-box .que .arrow-ico {
    width: 18px;
}
.store-cnt-area .accordion-menu-box .que.active {
    border: 1px solid #E8819D;
    border-bottom: none;
}
.store-cnt-area .accordion-menu-box .anw {
    display: none;
    box-sizing: border-box;
    border: 1px solid #E8819D;
    border-top: none;
}
.store-cnt-area .accordion-menu-box .anw li a {
    font-size: 14px;
    padding: 14px;
}
.store-cnt-area .accordion-menu-box .anw li a:hover {
    color: #E8819D;
    background: #FFEBED;
    font-family: "Pretendard-Medium";
}
.store-cnt-area .text-box .direct-store-box {
    margin-top: 40px;
}
.store-cnt-area .text-box .direct-store-box h2 {
    font-size: 16px;
}
.store-cnt-area .text-box .direct-store-box > ul li {
    margin-top: 10px;
    width: 300px;
    height: 56px;
    font-size: 16px;
}
.store-cnt-area .text-box .logos-box {
    width: 100%;
    margin-top: 120px;
}
.store-cnt-area .text-box .logos-box li {
    width: calc(20% - 16px);
}
.store-cnt-area .map-box {
    width: 733px;
}
.store-cnt-area .map-box ul li:not(:first-child) {
    margin-top: 16px;
}
.store-cnt-area .map-box ul li a {
    font-size: 15px;
    line-height: 18px;
    display: inline-block;
}
.store-cnt-area .map-box ul li a:hover {
    color: #E8819D;
    text-decoration: underline;
    font-family: "Pretendard-Regular";
}
.store-cnt-area .map-box .seoul {
    top: 44px;
    left: 0;
}
.store-cnt-area .map-box .incheon {
    top: 380px;
    left: 0;
}
.store-cnt-area .map-box .gyeonggi {
    top: 501px;
    left: 0;
}
.store-cnt-area .map-box .daejeon {
    top: 246.6px;
    right: 0;
}
.store-cnt-area .map-box .pohang {
    top: 369.5px;
    right: 0;
}
.store-cnt-area .map-box .gyeongbuk {
    top: 537.7px;
    right: 0;
}
.store-cnt-area .map-box .daegu {
    top: 679px;
    right: 0;
}

@media (max-width:1340px) {
    .store-cnt-area .text-box {
        width: calc(100% - 580px);
    }
    .store-cnt-area .map-box {
        width: 560px;
    }
    .store-cnt-area .map-box ul li:not(:first-child) {
        margin-top: 8px;
    }
    .store-cnt-area .map-box ul li a {
        font-size: 12px;
        line-height: 14px;
    }
    .store-cnt-area .map-box .seoul {
        top: 29px;
    }
    .store-cnt-area .map-box .incheon {
        top: 285px;
    }
    .store-cnt-area .map-box .gyeonggi {
        top: 378px;
    }
    .store-cnt-area .map-box .daejeon {
        top: 184px;
    }
    .store-cnt-area .map-box .pohang {
        top: 277px;
    }
    .store-cnt-area .map-box .gyeongbuk {
        top: 407px;
    }
    .store-cnt-area .map-box .daegu {
        top: 513px;
    }
}

@media (max-width:1200px) {
    .store-cnt-area {
        padding: 38px 0 100px 0;
    }
    .store-cnt-area .inner {
        flex-direction: column;
    }
    .store-cnt-area .text-box {
        width: 100%;
        margin-top: 40px;
    }
    .store-cnt-area .text-box .line {
        display: none;
    }
    .store-cnt-area .text-box h1 {
        display: none;
    }
    .store-cnt-area .text-box p {
        margin-top: 0;
        font-size: 14px;
        line-height: 20px;
    }
    .store-cnt-area .text-box p br {
        display: none;
    }
    .store-cnt-area .text-box p br.tb-ver {
        display: block;
    }
    .store-cnt-area .accordion-menu-box {
        display: block;
    }
    .store-cnt-area .text-box .direct-store-box {
        margin-top: 60px;
    }
    .store-cnt-area .text-box .direct-store-box > ul li {
        width: 100%;
    }
    .store-cnt-area .text-box .logos-box {
        margin-top: 80px;
    }
    .store-cnt-area .map-box {
        display: none;
    }
}

@media (max-width:767px) {
    .store-cnt-area {
        padding: 30px 0 100px 0;
    }
    .store-cnt-area .text-box {
        margin-top: 30px;
    }
    .store-cnt-area .text-box p {
        font-size: 12px;
        line-height: 18px;
    }
    .store-cnt-area .text-box p br {
        display: none;
    }
    .store-cnt-area .text-box p br.mb-ver {
        display: block;
    }
    .store-cnt-area .text-box .logos-box {
        width: 280px;
        margin: 40px auto 0 auto;
        flex-wrap: wrap;
        justify-content: center;
    }
    .store-cnt-area .text-box .logos-box li {
        width: calc(33.3333% - 10.6666px);
        margin-right: 16px;
    }
    .store-cnt-area .text-box .logos-box li:nth-child(3),
    .store-cnt-area .text-box .logos-box li:nth-child(5) {
        margin-right: 0;
    }
    .store-cnt-area .text-box .logos-box li:nth-child(n+4) {
        margin-top: 16px;
    }
}