@charset "utf-8";

.sub-container {padding: 80px 0 200px 0;}
.sub-tit {display: block; width: 100%; font-size: 36px; font-weight: 700; text-align: center; padding-bottom: 80px; color: var(--primary);}

/* 메뉴소개 */
.menu-cont .swiper {border-radius: 40px; overflow: hidden;}
.menu-cont .swiper-wrapper .swiper-slide {height: 380px;}
.menu-cont .swiper-wrapper .swiper-slide img {width: 100%; height: 100%; object-fit: cover;}
.menu-cont .swiper-pagination {bottom: 20px !important; display: flex; align-items: center; column-gap: 8px; justify-content: center;}
.menu-cont .swiper-pagination .swiper-pagination-bullet {width: 8px; height: 8px; background: var(--primary); margin: 0 !important;}

.menu-cont .tab-buttons {display: flex; align-items: center; column-gap: 12px; padding-top: 100px;}
.menu-cont .tab-btn {padding: 12px 24px; cursor: pointer; border: 1px solid #E0DDD8; font-size: 20px; font-weight: 600; background-color: #E0DDD8; color: #A8A39D; border-radius: 60px;}
.menu-cont .tab-btn.active {background-color: var(--primary); border: 1px solid var(--primary); color: #fff;}
.menu-cont .tab-content {display: none; padding-top: 40px; flex-wrap: wrap; column-gap: 24px; row-gap: 40px;}
.menu-cont .tab-content.active {display: flex;}
.menu-cont .tab-content li {position: relative; width: calc(100% / 3 - 16px); border-radius: 20px; background-color: #fff; padding: 72px 30px 40px 30px; display: flex; flex-direction: column; align-items: center; }
.menu-cont .tab-content li img {width: auto; height: 200px;}
.menu-cont .tab-content li .cate-btn {position: absolute; top: 30px; left: 30px; width: 68px; height: 32px; border-radius: 5px; background-color: var(--bg); color: var(--gray1); font-size: 15px; font-weight: 600; display: flex; align-items: center; justify-content: center;}
.menu-cont .tab-content li p {padding-top: 40px; font-size: 24px; font-weight: 700; padding-bottom: 10px; display: block;}
.menu-cont .tab-content li span:not(.cate-btn) {font-size: 16px; font-weight: 500; color: var(--text3);}
.menu-cont .tab-content li .cate-btn.bg_primary {background-color: var(--secondary); color: #fff;}
.menu-cont .tab-content li .cate-btn.bg_red {background-color: var(--red); color: #fff;}

/* 치프림 소개 */
.intro-cont h2 {font-size: 3.5vw; font-weight: 700; color: #fff;}
.intro-img {position: relative; background: url(../img/intro-main-img.webp) no-repeat center center / cover; width: 100%; height: 30vw; display: flex; align-items: center; justify-content: center; border-radius: 40px; overflow: hidden;}
.intro-img::after {position: absolute; width: 100%; height: 100%; background-color: var(--text1); opacity: 0.6; top: 0; left: 0; display: block; content: '';}
.intro-img img {width: 100%; height: 100%; object-fit: cover;}
.intro-img h2 {position: relative; z-index: 1; text-align: center;}
.intro-info {position: relative; z-index: 2; display: flex; width: calc(100% - 72px); margin: -82px auto 0 auto; max-width: 1112px; align-items: center;column-gap: 80px;}
.intro-info .intro-tit {width: 400px; height: 415px; display: flex; flex-direction: column; justify-content: space-between; padding: 50px 40px; background-color: var(--primary); border-radius: 20px;}
.intro-info .intro-tit > .play-bold {width: 100%; text-align: right; font-size: 36px;}
.intro-info .intro-tit .play-bold {color: #fff;}
.intro-info .intro-text {display: flex; flex-direction: column; row-gap: 46px; padding-top: 82px;}
.intro-info .intro-text li {font-size: 18px; font-weight: 500; color: var(--text3);}

.value-cont {padding-top: 180px;}
.value-cont .value-tit {display: block; width: 100%; font-size: 42px; font-weight: 700; padding-bottom: 120px; text-align: center;} 
.value-cont .value-img {display: flex; column-gap: 30px; align-items: flex-start;}
.value-cont .value-img li {position: relative; width: calc(100% / 3); height: 540px; border-radius: 40px; overflow: hidden; box-shadow: 0px 4px 23px rgba(108, 74, 49, 0.16);}
.value-cont .value-img li:nth-of-type(2) {margin-top: 80px;}
.value-cont .value-img li::after {position: absolute; width: 100%; height: 100%; background-color: var(--text1); opacity: 0.4; top: 0; left: 0; display: block; content: '';}
.value-cont .value-img li img {width: 100%; height: 100%; object-fit: cover;}
.value-cont > p {display: block; width: 100%; font-size: 30px; font-weight: 600; text-align: center; padding-top: 100px;}
.value-cont > p .gray {display: block; font-size: 16px; color: var(--text3); padding-top: 40px;}
.value-cont > p .gray br {display: none;}

/* 오시는 길 */
.location-cont {border-radius: 20px; overflow: hidden; box-shadow: 0px 4px 23px rgba(108, 74, 49, 0.16);}
.location-cont #daumRoughmapContainer1764057134659 {width: 100% !important;}
.location-cont .cont,
.location-cont .wrap_controllers,
.location-cont .map_border {display: none !important;}

.location-cont .info {background-color: #fff; padding: 40px; display: flex; flex-direction: column; row-gap: 20px;}
.location-cont .info li {display: flex; height: 30px; align-items: center;}
.location-cont .info li .icon {width: 180px; flex-shrink: 0; display: flex; column-gap: 20px; align-items: center;}
.location-cont .info li .icon span {font-size: 18px; color: var(--primary); font-weight: 600;}
.location-cont .info li p {font-size: 18px; color: var(--gray1); display: flex; align-items: center; column-gap: 6px;}
.location-cont .info li p .green {width: 42px; height: 22px; border-radius: 5px; background-color: #00AA80; color: #fff; font-size: 12px; font-weight: 500; display: inline-flex; align-items: center; justify-content: center;}



/* 반응형 */
@media screen and (max-width: 1520px) {

}
@media screen and (max-width: 1280px) {
    .intro-info .intro-tit {width: 32vw;}
    .value-cont .value-img li {height: 460px;}
    .menu-cont .tab-content li {width: calc(100% / 2 - 12px);}
}
@media screen and (max-width: 1024px) {
    .sub-tit {font-size: 28px; padding-bottom: 60px;}

    .menu-cont .swiper {border-radius: 20px;}
    .menu-cont .swiper-wrapper .swiper-slide {height: 40vw;}
    
    .intro-cont h2 {font-size: 36px;}
    .intro-img {height: 300px;}
    .intro-info {flex-direction: column; margin: -40px auto 0 auto; width: calc(100% - 8vw);}
    .intro-info .intro-tit {width: 100%; height: auto; padding: 40px;}
    .intro-info .intro-text {padding-top: 40px; width: 92%; row-gap: 40px;}

    .value-cont .value-tit {font-size: 36px; padding-bottom: 80px;}
    .value-cont .value-img {column-gap: 2vw;}
    .value-cont .value-img li {height: 40vw;}
    .value-cont > p {font-size: 28px; padding-top: 80px;}

    .menu-cont .tab-content li img {height: 20vw;}
}
@media screen and (max-width: 768px) {
    .sub-container {padding: 60px 0 160px 0;}
    .location-cont .info li {height: auto; align-items: flex-start; padding: 3px 0;}
    .location-cont .info li .icon {width: 140px;}

    .intro-img {height: 280px;}
    .intro-cont h2 {font-size: 32px;}
    .intro-info .intro-tit {row-gap: 18px;}
    .intro-info .intro-tit h2 br {display: none;}
    .intro-info .intro-tit > .play-bold {font-size: 24px; text-align: left;}
    .intro-info .intro-text {width: 100%; padding-top: 30px; row-gap: 30px;}
    .value-cont {padding-top: 120px;}
    .value-cont .value-tit {font-size: 28px; padding-bottom: 60px;}
    .value-cont .value-img {flex-wrap: wrap; row-gap: 32px;}
    .value-cont .value-img li {width: 100%; height: 46vw;}
    .value-cont .value-img li:nth-of-type(2) {margin-top: 0;}
    .value-cont > p {font-size: 3.5vw;}
    .value-cont > p .gray {font-size: 2.2vw; padding-top: 5.5vw;}
    .value-cont > p .gray br {display: block;}

    .menu-cont .tab-content li p {font-size: 3.5vw;}
    .menu-cont .tab-content li span:not(.cate-btn) {font-size: 15px; word-break: keep-all; text-align: center;}
    .menu-cont .tab-buttons {column-gap: 8px; padding-top: 80px;}
    .menu-cont .tab-btn {font-size: 18px; padding: 10px 18px;}
}
@media screen and (max-width: 600px) {

    .menu-cont .tab-content {row-gap: 30px; padding-top: 30px;}
    .menu-cont .tab-content li {width: 100%; padding: 60px 20px 30px 20px;}
    .menu-cont .tab-content li img {height: 160px;}
    .menu-cont .tab-content li p {font-size: 20px; padding-top: 30px; padding-bottom: 6px;}

}
@media screen and (max-width: 500px) {
    .location-cont #daumRoughmapContainer1764057134659 .wrap_map {height: 54vw !important;}
    .sub-tit {padding-bottom: 40px;}
    .sub-container {padding: 60px 0 100px 0;}
    .location-cont .info li {height: auto; flex-direction: column; align-items: flex-start; row-gap: 10px;}

    .intro-img {height: 50vw; border-radius: 8vw;}
    .intro-cont h2 {font-size: 6vw;}
    .intro-info .intro-tit {padding: 7vw;}
    .intro-info .intro-tit > .play-bold {font-size: 4.8vw;}
    .intro-info .intro-text li {font-size: 3.2vw;}

    .value-cont > p {padding-top: 60px;}

    .menu-cont .tab-buttons {margin-top: 60px; column-gap: 0; background-color: #E0DDD8; border-radius: 60px; padding: 5px;}
    .menu-cont .tab-btn {padding: 10px 0; flex: 1; text-align: center; font-size: 3vw;}
}
@media screen and (max-width: 480px) {
}
@media screen and (max-width: 360px) {
    .location-cont .info {padding: 36px 30px;}
}
@media screen and (max-width: 340px) {
}

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