body {
 font-family: 'Pretendard-Regular';
}

#xet-header .xet-header-body .xet-btn-res {
    color: #7b0d1e;
}


.form-button-blue{
    border-color: #8b2332;
    background: #8b2332;
}

.xet-page-top {
    background-image: url(https://jjw900414.mycafe24.com/files/attach/images/129/50bbf18….jpg);
    background-position: 30% 90%;
}

section.xet-section.xet-banner.xet-parallax-scroll {
    background-position: 20% !important;
}

/* 전화번호 영역 */
.callnb{
    position: relative;
    top: -2px;
    font-size: 1.2em;
    font-weight: 800;
    padding-left: 5px;
    letter-spacing: -1px;
    font-family: NanumSquare;
}


@media(max-width: 991px){
.callnb{
    display: none;
}
}

i.fi.fi-sr-phone-call {
    font-size: 0.8em;
}

@media(max-width: 991px){
i.fi.fi-sr-phone-call{
    font-size: 1.2em !important;
}
}
/* 전화번호 영역 끝 */

#xet-header .xet-header-logo a img {
    max-width: 100%;
}

.xet-slider .swiper-caption {
    padding: 0 30px 100px 100px;
    text-align: left;
}


@media(max-width: 768px){
.xet-slider .swiper-caption {
    padding: 0 30px 140px;
    text-align: center;
}
}



/* 헤더 */
#xet-header .xet-header-top, #xet-header.hd-not-top .xet-header-top{
    display: none !important;
}

/* 메인 슬라이드 버튼 */
a.xet-btn.xet-btn-bd1-bottom {
    background: #af895e;
}

/* 섹션 타이틀 선 */
.xet-section .section-title:before, .xet-section .section-title:after{
    display: none;
}

/* 뉴스 짝수, 홀수 아이템 구분 */
@media(max-width: 991px){
.item.col-xs-6.col-sm-6.col-md-3.mg-xs-b15.mg-sm-b30.text-md-left:nth-child(even) {
    padding-left: 5px !important;
}

.item.col-xs-6.col-sm-6.col-md-3.mg-xs-b15.mg-sm-b30.text-md-left:nth-child(odd) {
    padding-right: 5px !important;
}
}

/* 뉴스 썸네일 */
.xet-rest-blog .thumbnail img {
    aspect-ratio: 3 / 2.5;
    object-fit: cover;
}

/* 뉴스 제목 */
.xet-rest-content .item .caption a{
    font-size: 13px;
}

/* 뉴스 제목 박스 */
.inner.top.text-center {
  text-align: left;
  line-height: 1.2;
  padding: 0 10px 5px 10px;
}

/* 뉴스 제목 박스 */
.equalheight.wow.fadeIn {
    background: #eef5ed;
}

/* 뉴스 제목 박스 하단 여백 */
.fs-12.mg-xs-t10.mg-sm-t15 {
    margin-top: 15px !important;
}

/* 위로가기 버튼 */
#xet-top-scroll {
    display: none !important;
}

/* 가이드 팝업 */
.xet-guide-floating.wow.fadeInUp{
    animation-delay: 0.5s !important;
}

#xet-header.trans .xet-header-body{
    border: none;
}

#xet-header.trans.hd-top .xet-header-body .xet-btn-res {
    border: none;
}

/* 기본 스타일 설정 */
.xet-slider-container {
    position: relative;
    overflow: hidden;
}

/* 배경 애니메이션을 위한 가상 요소 설정 */
.xet-bg-cover {
    position: relative;
    overflow: hidden;
}

/* 메인 글자를 제외한 슬라이드 애니메이션 */
.xet-slider .xet-bg-cover::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: inherit; /* 배경 이미지를 상속받음 */
    background-size: cover; /* 배경 이미지 크기 설정 */
    background-position: center; /* 배경 이미지 위치 설정 */
    z-index: -1; /* 가상 요소를 실제 콘텐츠 뒤에 배치 */
    animation: scaleAnimation 10s; infinite; /* 애니메이션 적용 */
}

/* 배경에 애니메이션 적용 */
@keyframes scaleAnimation {
    0% {
        transform: scale(1.3);
    }
    100% {
        transform: scale(1);
    }

}

/* 실제 콘텐츠를 위에 올리기 위한 설정 */
.xet-slider-container .swiper-slide {
    position: relative;
    z-index: 1; /* 콘텐츠가 배경 위에 있도록 설정 */
}

.grid-container {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-gap: 20px;
    row-gap: 50px;
}

.grid-item.wow.fadeInUp:nth-child(1) {
    align-items: center;
    justify-content: center;
    display: grid;
    padding: 20px 10px;
}

@media(max-width: 768px) {
.grid-container {
    row-gap: 30px !important;
    grid-template-columns: 1fr;
}
}

.grid-item {
    background-color: #ffffff;
    text-align: center;
    padding: 5px;
}

.grid-item img {
    width: 100%;
    border-radius: 10px;
    height: auto;
}

.grid-item h3 {
    margin: 15px 0 10px;
    font-size: 1.6em;
    color: #000;
    font-weight: 700;
    font-family: 'NanumSquare';
    letter-spacing: 2px; 
}

.grid-item p {
    font-size: 1.1em;
    color: #000;
    line-height: 1.6;
}

@media(max-width: 768px) {
.grid-item h3 {
    font-size: 1.6em !important;
    text-align: center;
}
}


.grid-item p.mtxt1 {
    font-size: 1.5em;
    color: #666666;
    line-height: 1.6;
    text-align: center;
    font-weight: bold;
}

.s-grid-container {
    display: grid;
    grid-template-columns: repeat(2, 1fr); /* PC에서는 2열 */
    gap: 20px;
}

.s-grid-item {
    background-color: #ffffff;
    padding: 20px;
    text-align: center;
}

.s-grid-item img {
    width: 100%;
    height: auto;
    margin-bottom: 20px;
}

.s-grid-item h3 {
    font-size: 1.3em;
    margin: 10px 0;
    color: #000;
}

.s-grid-item p {
    font-size: 1em;
    color: #666666;
    margin-bottom: 20px;
}

#xet-footer.dark {
    border-color: rgba(255, 255, 255, .1);
    background-color: #3a3a3a;
    color: #b7aeae;
}

#xet-footer.dark a{
    color: #b7aeae;
}