@charset "utf-8";
@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.8/dist/web/variable/pretendardvariable.css");
@import url('https://fonts.googleapis.com/css2?family=Nanum+Myeongjo&display=swap');


*{list-style: none; text-decoration: none; margin:0; padding:0; box-sizing: border-box;  letter-spacing:-0.05em; font-family: "Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif; color:#1b1b1b;}

button{border:none; background:none;}
input,select{-webkit-border-radius:0; background-color:#fff;}
table, th, thead, tfoot {outline: 0;}
table{border-collapse: collapse; border-spacing: 0;}
body, html {height: 100%;}
html{scroll-behavior: smooth;}
label, input, button, select, img{vertical-align:middle;}

.mart30{margin-top:30px !important;}
.mart40{margin-top:40px !important;}
.mart50{margin-top:50px !important;}
.mart60{margin-top:60px !important;}
.mart100{margin-top:100px !important;}

.w50{width:50px !important;}
.w100{width:100px !important;}
.w200{width:200px !important;}
.w220{wIdth:220px !important;}
.w270{wIdth:270px !important;}

.ipt_20{width:20% !important;}
.ipt_30{width:30% !important;}
.ipt_40{width:40% !important;}
.ipt_42{width:42% !important;}
.ipt_44{width:44% !important;}
.ipt_57{width:57% !important;}
.ipt_70{width:70% !important;}
.ipt_75{width:75% !important;}

.md10{margin: 10px 0;}
.mr8{margin-right:8px;}

.wauto{width:auto;}


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

.pad100{padding:100px 0;}
.container{max-width:1400px; margin: 0 auto;}

header{width:100%; position:fixed; top:0; left:0; background:rgba(0, 0, 0, 0.7); z-index:100; color:#fff;}

.header{height:90px; display:flex; align-items:center; justify-content:space-between;}
.header h1{margin-top:-5px;}
.header .flx_left{display:flex; align-items:center; gap:80px;}
.header ul{display:flex; gap:80px;}
.header ul li a{color:#fff; font-size:17px;}
.header .flx_right{text-align:center;}
.header .flx_right p,
.header .flx_right h2{color:#fff;}
.header .flx_right a{color:#fff; text-decoration:none;}

.swiper{width:100%; height:100vh; position:relative;}

.swiper-slide {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%; /* 슬라이드도 화면 전체 높이 */
  background-size: cover; /* 이미지가 컨테이너 가득 */
  background-position: center;
  background-repeat: no-repeat;
}

.slide_div{position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); text-align:center; z-index:10; width:100%;}
.slide_div h2{color:#fff; font-size:60px; line-height:77px; font-family: 'Nanum Myeongjo', serif; text-shadow: 0 2px 10px rgba(0,0,0,0.4);}
.slide_div h3{color:#fff; font-size:28px; line-height:44px; font-family: 'Nanum Myeongjo', serif; text-shadow: 0 2px 10px rgba(0,0,0,0.4); font-weight:500; margin-top:15px;}

.pk_ul{ display:flex; gap:40px; max-width:1200px; margin: 0 auto; margin-top:40px; text-align:center; justify-content:center; align-items:center;}
.pk_ul li{width:476px; text-align:center;}
.pk_ul li img{border-top-left-radius:20px; border-top-right-radius:20px;}
.pk_ul li p{background-color:#2d2b29; width:476px; margin: 0 auto; color:#fff; padding:15px 0; font-size:22px; font-weight:500; border-bottom-left-radius:20px; border-bottom-right-radius:20px;}

.scroll-down {
  position: absolute;
  bottom: 20%;
  left: 50%;
  transform: translateX(-50%);
  z-index: 10;
}

/* 아래 방향 화살표 (커스텀 화살표 스타일) */
.scroll-down .arrow {
  display: block;
  width: 24px;
  height: 24px;
  border-left: 3px solid #fff;
  border-bottom: 3px solid #fff;
  transform: rotate(-45deg);
  animation: bounce 1.5s infinite;
}

/* 바운스 애니메이션 */
@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    transform: translate(-50%, 0) rotate(-45deg);
  }
  40% {
    transform: translate(-50%, 10px) rotate(-45deg);
  }
  60% {
    transform: translate(-50%, 5px) rotate(-45deg);
  }
}


/* 스페셜 슬라이드 */
.specSwiper {
  width: 100%;
}

.spec-slide {
  display: flex;
  align-items: center;
}

/* 왼쪽 이미지 영역 */
.spec-left {
  position: relative;
   width: 50%;
  overflow: hidden;
  flex-shrink: 0;
}

.spec-left img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

/* 오른쪽 텍스트 영역 */
.spec-right {
   width: 50%;
  color: #fff;
}

.spec-right h2 {
  font-size: 2rem;
  margin-bottom: 20px;
}

.spec-right p {
  font-size: 1.1rem;
  line-height: 1.8;
}

/* 좌우 버튼 */
.nav-btn {
  position: absolute;
  top: 50%;
  width: 50px;
  height: 50px;
  background: rgba(255, 255, 255, 0.5);
  border-radius: 50%;
  transform: translateY(-50%);
  cursor: pointer;
  z-index: 10;
  transition: background 0.3s;
}

.nav-btn:hover {
  background: rgba(255, 255, 255, 0.8);
}

.nav-btn.prev {
  left: 15px;
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" fill="black"><polyline points="12,2 6,9 12,16" stroke="black" stroke-width="2" fill="none" stroke-linecap="round" stroke-linejoin="round"/></svg>');
  background-repeat: no-repeat;
  background-position: center;
}

.nav-btn.next {
  right: 15px;
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" fill="black"><polyline points="6,2 12,9 6,16" stroke="black" stroke-width="2" fill="none" stroke-linecap="round" stroke-linejoin="round"/></svg>');
  background-repeat: no-repeat;
  background-position: center;
}

/* Swiper pagination */
.specSwiper .swiper-pagination {
  bottom: 0;
  margin-top: 40px;
  position: relative;
}

.spec-right h4{font-size:36px; color:#67614e; font-family: 'Nanum Myeongjo', serif;}
.spec-right h2{font-size:40px; color:#67614e; font-family: 'KoPubWorldBatang', serif; line-height:55px; margin-top:20px;}
.spec-right h3{font-size:18px; font-weight:500; color:#363636; line-height:30px;}
.spec-right p a{width:250px; height:58px; line-height:58px; display:inline-block; border:1px solid #67614e; text-align:center; color:#67614e; margin-top:30px;}
.spec-right p a:hover{background-color:#fff;}





.left_area{display: flex; flex-direction: column; justify-content: center; align-items: center; overflow:hidden; width:100%; height:100vh; background-color:#fffdfa;}
.area_bg{background-color:#1e1c19;}
.spec-tabs{display:flex; text-align:center; margin-top:80px; gap:20px;}
.spec-tabs li{cursor:pointer; width:155px; height:45px; line-height:45px; border:1px solid #67614e; font-size:16px; border-radius:6px;}
.spec-tabs li.active{background-color:#67614e; color:#fff;}

.area_box{text-align:center;}
.area_box h3{font-family: 'Nanum Myeongjo', serif; font-size:36px; font-weight:normal; color:#67614e; margin-top:50px;}
.area_box h2{font-family: 'KoPubWorldBatang', serif; font-size:60px; margin:45px 0 40px 0;}
.area_box p{color:#363636; font-size:18px; line-height:30px;}
.area_box button{margin-top:40px;}
.area_box button a{width:160px; height:48px; border:1px solid #67614e; display:inline-block; line-height:48px; font-size:15px; color:#67614e; font-weight:500;}

.area_bg h3{color:#ffe6be;}
.area_bg h2{color:#fff;}
.area_bg p{color:#e4e4e4;}
.area_bg button a{color:#ffe6be; border:1px solid #ffe6be;}

.spec-bg-tabs li{border:1px solid #ffe6be; color:#ffe6be;}
.spec-bg-tabs li.active{background-color:#ffe6be; color:#000; font-weight:500;}

/* 추모공간 */
.cmobx{background:url('./img/chmo_1.png') no-repeat center; width:100%; height:100vh; position:relative;}
.cmobx .cmo_dv{position:absolute; top:50%; left:50%; transform:translate(-50%, -50%) !important; text-align:center;}
.cmobx .cmo_dv h3{font-family: 'Nanum Myeongjo', serif; font-size:36px; font-weight:normal; color:#fff;}
.cmobx .cmo_dv h2{font-family: 'KoPubWorldBatang', serif; font-size:70px; margin:20px 0 15px 0; color:#fff; font-weight:500;}
.cmobx .cmo_dv p{font-size:20px; font-weight:400; color:#e8e8e8;}
.cmobx .cmo_dv button{margin-top:40px;}
.cmobx .cmo_dv button a{width:180px; height:53px; border:1px solid #fff; display:inline-block; line-height:53px; font-size:18px; color:#fff; font-weight:500;}
.cmobx .cmo_dv button a:hover{background-color:#fff; color:#000;}

/* 서비스 */
.svic{margin-top:130px; padding-bottom:120px; text-align:center;}
.svic > p{font-size:24px; font-weight:600;}
.svic h3{font-family: 'Nanum Myeongjo', serif; font-size:30px; font-weight:normal; color:#67614e;}
.svic h2{font-family: 'KoPubWorldBatang', serif; font-size:50px; margin:10px 0;}
.svic ul{display:flex; gap:40px; flex-wrap: wrap; margin-top:50px; justify-content: space-between;}
.svic ul li{flex: 0 0 calc(50% - 20px); padding:20px 0; position:relative;}
.svic ul .svic_1{background:url('./img/svic_1.png') no-repeat center; height:350px; border-radius:20px;}
.svic ul .svic_2{background:url('./img/svic_2.png') no-repeat center; height:350px; border-radius:20px;}
.svic ul .svic_3{background:url('./img/svic_3.png') no-repeat center; height:350px; border-radius:20px;}
.svic ul .svic_4{background:url('./img/svic_4.png') no-repeat center; height:350px; border-radius:20px;}
.svic ul .svic_1 > div{position:absolute; left:40px; bottom:50px; text-align:left;}
.svic ul .svic_2 > div{position:absolute; left:40px; bottom:50px; text-align:left;}
.svic ul .svic_3 > div{position:absolute; left:40px; bottom:50px; text-align:left;}
.svic ul .svic_4 > div{position:absolute; left:40px; bottom:50px; text-align:left;}

.svic ul li .svic_a{position:absolute; right:40px; bottom:50px; border:1px solid #fff; padding:0 30px; height:45px; line-height:45px; background-color:#fff; border-radius:50px; font-size:20px; font-weight:600; display:inline-block;}
.svic ul li .svic_a span{display:inline-block;}
.svic ul li .svic_a:hover{background-color:#f1f1f1;}

.svic ul li > div h4{font-size:30px; color:#fff; margin-bottom:15px; font-weight:600;}
.svic ul li > div p{font-size:20px; line-height:28px; color:#fff;}


.inform{background:url('./img/infm_1.png') no-repeat center; width:100%; height:100vh; position:relative; display:flex; align-items:center; justify-content:center;}
.infmbx{text-align:center; display:flex; flex-direction:column; align-items:center; justify-content:center;}
.infmbx h3{font-family: 'Nanum Myeongjo', serif; font-size:30px; font-weight:normal; color:#fff;}
.infmbx h2{font-family: 'KoPubWorldBatang', serif; font-size:50px; margin:10px 0; color:#fff; font-weight:500;}
.infmbx ul{display:flex; gap:30px; margin-top:40px; width:100%;}
.infmbx ul li{background-color:#fff; flex:1; border-radius:20px;}
.infmbx ul li img{width:100%; border-top-left-radius:20px; border-top-right-radius:20px;}
.infmbx ul li > div{padding:20px 20px 30px 20px; }
.infmbx ul li > div h4{font-family: 'KoPubWorldBatang', serif; font-size:26px; font-weight:600;}
.infmbx ul li > div p{font-size:17px; line-height:24px; margin-top:7px;}

/* 푸터 */
footer{background-color:#f5f5f5;}
.fter{padding:60px 0 80px 0;}
.fter_dv{margin-top:30px;}
.fter_dv p{line-height:25px; font-size:14px; color:#3e3e3e;}


/*  뷰             ===================================================================================================================================== */
.view_hed{background-color:#fffdfa; padding:100px 0 80px 0; text-align:center;}
.view_hed h3{font-family: 'Nanum Myeongjo', serif; font-size:28px; font-weight:500;}
.view_hed h2{font-family: 'Nanum Myeongjo', serif; font-size:60px; margin:20px 0 40px 0; font-weight:600;}
.view_hed p{font-size:18px; color:#1e1c19; line-height:30px;}
.view_hed p span{font-size:20px; font-weight:600; font-family: 'Nanum Myeongjo', serif; line-height:35px;}

.view_bg{}
.view_bg img{width:100%; height:100%;  object-fit: cover;}

.view_main{margin:120px 0 80px 0;}
.view_main > h3{text-align:center; font-family: 'Nanum Myeongjo', serif; font-size:30px; font-weight:500;}
.view_main > h2{text-align:center; font-family: 'KoPubWorldBatang', serif; font-size:50px; margin:10px 0 70px 0; font-weight:600;}
.sp_slide-box {display: flex;  align-items: center;  justify-content: space-between; margin-bottom:60px;}
.sp_slide-img {flex: 1; position: relative;}
.sp_slide-img img {width: 100%; height: 640px; object-fit: cover;}



/* 오른쪽 이미지 버전 */
.sp_right-img {
  flex-direction: row-reverse;
}

.sp_btn-prev,
.sp_btn-next {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 45px;
  height: 45px;
  border-radius: 50%;
 background-color: rgba(248, 248, 248, 0.8);
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 10;
  cursor: pointer;
  transition: background-color 0.3s ease;
}

/* hover 시 밝게 */
.sp_btn-prev:hover,
.sp_btn-next:hover {
  background-color: rgba(248, 248, 248 );
}

/* 왼쪽 / 오른쪽 위치 지정 */
.sp_btn-prev {
  left: 15px;
}
.sp_btn-next {
  right: 15px;
}

.sp_btn-prev::before,
.sp_btn-next::before {
  content: "";
  display: block;
  width: 28px;
  height: 28px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

/* 각각 다른 이미지 지정 */
.sp_btn-prev::before {
  background-image: url("./img/arrow_left.png");
}
.sp_btn-next::before {
  background-image: url("./img/arrow_right.png");
}

.mart20{margin-top:20px;}
.w280{width:280px !important;}
.w140{width:140px !important;}

.sp_slide-text {flex: 1; height:100%; text-align:center;}
.sp_slide-text h3{font-family: 'Nanum Myeongjo', serif; font-size:30px; color:#67614e; font-weight:500;}
.sp_slide-text h2{text-align:center; font-family: 'KoPubWorldBatang', serif; font-size:45px; margin:10px 0 50px 0; font-weight:500;}
.sp_slide-text p{font-size:18px; line-height:30px; color:#363636;}


.pri_bx{display:flex; gap:40px;}
.pri_bx div{flex:1;}
.pri_bx h4{font-size:20px;}
.pri_table{width:100%;}
.pri_table > div{}
.pri_table th,
.pri_table td{padding:8px 10px; font-size:18px; text-align:center; border:1px solid #ddd; height:50px;}
.pri_table thead th{background-color:#f8f8f8;}
.pri_table tbody th{background-color:#fffdfa; font-weight:500;}

.pri_bod{border-top:2px solid #67614e; margin-top:20px;}

.cntt{display:flex; gap:40px; padding-bottom:150px;}
.cntt div{flex:1;}

.cnt_flx{display:flex; gap:30px; align-items: center;}
.cnt_flx label{width:140px; font-size:20px; font-weight:600;}
.cnt_flx input{flex:1; font-size:18px; border:none; border-bottom:1px solid #aaa; padding:20px 10px;}
.cnt_flx input::placeholder{color:#b0b0b0;}

.red_pit{color:#ff0000; margin-left:10px;}

.cnt_bx{margin-top:50px;}
.cnt_bx h4{font-size:22px; font-weight:600;}
.cnt_bx h4 span{color:#ff0000;}
.cnt_bx h4 label{margin-left:10px; vertical-align:top; cursor:pointer;}
.cnt_bx h4 input[type="checkbox"]{width:20px; height:20px; border:1px solid #c6c6c6;  margin-right:5px; margin-right:8px; margin-top:-2px; cursor:pointer;}

.cnt_ck{padding:35px 30px; background-color:#f8f8f8; margin-top:20px; border-radius:6px;}
.cnt_ck p{font-size:18px; font-weight:500; margin-bottom:10px; vertical-align:middle;}
.cnt_ck p:last-child{margin-bottom:0px;}
.cnt_ck p input{width:16px; height:16px; margin-top:-2px; margin-right:5px;}
.cnt_ck p a{color:#555555; font-weight:400; margin-left:12px; text-decoration: underline; }

.cnt_btn{margin-top:20px; width:100%; height:70px; font-size:20px; color:#fff; background-color:#aaaaaa; border-radius:6px; cursor:Pointer;}
.cnt_btn:hover{background-color:#888;}

.smr_map{width:100%; height:370px; object-fit: cover;  object-position: center; }
.smr_add{margin-top:22px;}
.smr_add p{font-size:20px; font-weight:500;}
.smr_add .map_ic{width:18px; vertical-align:middle; margin-right:10px; margin-top:-3px;}
.smr_add .tel_ic{width:23px; vertical-align:middle; margin-right:10px; margin-top:-3px;}
.smr_add h2{font-size:28px; margin-top:10px; color:#922c2c;}



/* 그린피아 */
.green_tbody th{background-color:#f8f8f8 !important;}
.half{width:50%;}

#openPup{cursor:pointer;}
#openPup2{cursor:pointer;}

.pup-overlay {position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0,0,0,0.7);  display: none; justify-content: center; align-items: center; z-index: 1000;}
.pup-content {width: 380px; background: white; padding: 30px; border-radius: 8px; box-sizing: border-box; text-align: left;}
	
.pup-content h2{font-size:20px; margin-bottom:8px;}
.pup-content > div p{font-size:16px;}
.pup-content > div .mart12{margin-top:12px;}
.pup-content > div{margin-bottom:12px;}
.pup-content .pup_dv h3{font-size:16px; font-weight:600; margin-bottom:4px;}
.pup-content .pup_dv p{font-size:14px; padding:0 15px; color:#999; font-weight:500; line-height:22px;}
.pup-content h4{color:#999; font-size:14px; font-weight:500; line-height:20px;}

/* 확인 버튼 */
.pup-close-btn {
width:100%;
margin-top: 20px;
padding: 12px 20px;
font-size:17px;
background: #000;
border: none;
color: white;
border-radius: 4px;
cursor: pointer;
}

/* body 스크롤 잠금 시 클래스 */
body.no-scroll {
overflow: hidden;
}


.sub_bnr{padding-top:100px;}


/* 이용안내 */
.infrom{background-color:#fffdfa; padding:80px 0 50px;}
.infrom .view_main{margin:0px;}

.info_list {
    display: flex;
    align-items: center;       /* 세로 정렬 */
    justify-content: space-between; /* 요소들을 균등 분배 */
    gap: 15px;                 /* 요소 사이 여백 */
    list-style: none;          /* 기본 점 제거 */
    padding: 0;
    margin: 0;
}

.info_list li {
    flex: 1;                   /* 기본 li는 공간을 균등하게 차지 */
    text-align: center;
    font-size: 18px;
    font-weight: 500;

}

.info_list .ifm_o{background-color:#fff; box-shadow: 0px 3px 6px 1px rgba(153, 153, 153, .08); padding:40px 0 30px 0; text-align:center; border-radius:12px; height:290px;}
.info_list .ifm_o p{height:80px;}
.info_list .ifm_o h2{font-size:24px; margin:10px 0 0 0;}
.info_list .ifm_o h3{font-size:16px; margin:10px 0 15px 0; color:#1e1c19; font-weight:500; line-height:25px;}

/* 화살표 원 */
.info_list .ifm_i {
    flex: 0 0 40px;            /* 고정 너비/높이 40px */
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background-color:#67614e;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
}

/* 화살표 표시 (▶ 아이콘 또는 CSS로 구현 가능) */
.info_list .ifm_i::after {
    content: "➤";             /* 원하는 화살표 기호 */
    font-size: 20px;
    line-height: 1;
	color:#fff;
}









/*  봉안함             ===================================================================================================================================== */

.bong_box{
    display:flex;
    align-items:center; /* 세로 중앙 정렬 */
    justify-content:space-between; /* 좌우 균형 */
    width:100%;
    height:100vh; 
    background-color:#fffdfa;

}

.bong_box .bong_left,
.bong_box .bong_right{
    width:50%;
    height:100%; /* flex 내부에서 균일한 높이 유지 */
    display:flex;
    align-items:center;
    justify-content:center; /* 내용 가운데 정렬 */
    box-sizing:border-box;
}

.bong_box .bong_left .area_box{
    max-width:80%;
}

.bong_box .bong_right img{
    width:100%;
    height:100%;
    object-fit:cover; /* 이미지가 정확하게 꽉 차도록 */
    display:block;
}






/*  삼광사 */
.samg_tbdy th{background-color:#fffdfa !important;}
.table_sub {font-size:18px; margin-top:15px;}


.list_view{max-width:1400px; margin:0 auto; margin-top:50px;}
.list_view ul{display:flex; gap:40px; flex-wrap:wrap;}
.list_view ul li{width: calc((100% - (40px * 4)) / 5); text-align:center; font-size:18px; font-weight:500;}
.list_view ul li a{display:block;}
.list_view ul li a:hover{color:blue;}



/* 수목장 */
.list_div {
  max-width: 1400px;
  margin: 0 auto;
  position: relative;
  margin-top:100px;
  margin-bottom:100px;
}

.list_div h2{text-align:center; margin-bottom:40px; font-size:34px; font-family: 'KoPubWorldBatang', serif; font-weight:bold;}

.itm_ig_best{position:relative;}
.itm_ig_best p{position:absolute; left:0; top:0; display:inline-block; background-color:#fc4556; padding:6px 18px; color:#fff; border-top-left-radius:12px; border-bottom-right-radius:12px;}  
.itm_ig_best p img{width:14px !important; vertical-align:middle; margin-top:-5px; margin-left:3px;}

/* 감싸는 래퍼 */
.listSwiper-wrap {
  position: relative;
  overflow: visible; /* 버튼은 밖으로 나올 수 있도록 */
}

/* Swiper는 기본 overflow 유지 */
.listSwiper {overflow: hidden;}

.listSwiper.no-slide .swiper-wrapper {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  justify-content: flex-start;
}

.listSwiper .swiper-slide {
  width: calc((100% - 80px) / 5) !important;
}

.list_div .item {}
.list_div .item img{width:100%; border-radius:12px;}
.list_div .item h4{color:#222; font-size:16px; font-weight:400; margin-top:15px;}
.list_div .item h3{font-size:24px; font-weight:700; margin-top:5px;}

/* 버튼 스타일 */
.listSwiper-wrap .swiper-button-prev,
.listSwiper-wrap .swiper-button-next {
  position: absolute;
  width: 50px;
  height: 50px;
  background: rgba(0,0,0,0.5);
  border-radius: 50%;
  top: 50%;
  transform: translateY(-50%);
  z-index: 10;
  pointer-events: auto; /* 버튼은 클릭됨 */
  z-index:100;
}

/* 좌우 위치 */
.listSwiper-wrap .swiper-button-prev { left: -20px !important; }
.listSwiper-wrap .swiper-button-next { right: -20px !important; }

/* 5개 이하일 때 버튼 숨김 */
.listSwiper.no-slide ~ .swiper-button-prev,
.listSwiper.no-slide ~ .swiper-button-next {
  display: none !important;
}

/* ✅ Swiper 기본 아이콘 완전 제거 (핵심!!) */
.swiper-button-prev::after,
.swiper-button-next::after {
  content: '' !important;
  display: block !important;
  width: 22px;
  height: 22px;
  mask-size: contain;
  mask-repeat: no-repeat;
  background-color: #fff;
  mask-position: center;
}

/* 커스텀 아이콘 지정 (before 제거, after만 사용!) */
.swiper-button-prev::before,
.swiper-button-next::before {
  display: none !important; /* 혹시 기존 before 남아 있으면 완전 차단 */
}

.swiper-button-prev svg{display:none;}
.swiper-button-next svg{display:none;}

/* 좌우 화살표 */
.listSwiper-wrap .swiper-button-prev::after {
  mask-image: url('img/icon_arrow_left.png');
}
.listSwiper-wrap .swiper-button-next::after {
  mask-image: url('img/icon_arrow_right.png');
}


.swiper .swiper-slide a {
  pointer-events: auto;
}

/* 버튼 내부 아이콘 등은 클릭 무시 */
.swiper-button-next *,
.swiper-button-prev * {
  pointer-events: none;
}



.list_he {
  display: flex;
  height: 100vh;
}

/* 좌우 반반 */
.lh_left,
.lh_right {
  width: 50%;
  box-sizing: border-box;
}

.lh_left {
  display: flex;
  flex-direction: column;
  height: 100vh;
}

.lh_right {
  display: flex;
  flex-direction: column;
  height: 100vh;
}

.lh_slide_wrap {
  flex: 1;
  height: calc(100vh - 300px);
  width: 100%;
  position: relative;
  overflow: hidden;
}

.lh_swiper,
.lh_swiper .swiper-wrapper,
.lh_swiper .swiper-slide {
  height: 100% !important; /* 부모인 lh_slide_wrap 기준으로 맞춤 */
}


.lh_slide_wrap img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
   object-position: center center;
}


.lh_desc {
   height: 300px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background: #fffdfa;
  text-align: center;
  padding: 20px;
}

.lh_desc h3{font-size:24px; color:#67614e; font-family: 'Nanum Myeongjo', serif; font-weight:normal; }
.lh_desc h2{font-size:34px; font-family: 'KoPubWorldBatang', serif; margin:5px 0 15px;}
.lh_desc p{color:#363636; font-size:18px; line-height:28px;}
.lh_desc button{margin-top:20px;}
.lh_desc button a{width: 160px;  height: 45px;  border: 1px solid #67614e;  display: inline-block;  line-height: 45px;  font-size: 16px;  color: #67614e;  font-weight: 500;}
.lh_desc button a:hover{background-color:#67614e; color:#fff;}

.lh_debg{background-color:#1e1c19;}
.lh_debg h3{color:#ffe6be;}
.lh_debg h2{color:#fff;}
.lh_debg p{color:#fff;}
.lh_debg button a{border:1px solid #ffe6be; color:#ffe6be;}
.lh_debg button a:hover{background-color:#ffe6be; color:#000;}


/* Swiper 이미지가 잘 나오도록 */
.lh_swiper .swiper-slide {
  display: flex;
  justify-content: center;
  align-items: center;
}


.lh_nav {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  display: flex;
  justify-content: space-between;
  transform: translateY(-50%);
  z-index: 10;
}

.lh_prev,
.lh_next {
  width: 50px;
  height: 50px;
  background: rgba(0,0,0,0.5);
  border-radius: 50%;
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}

.lh_prev{margin-left:5px;}
.lh_next{margin-right:5px;}
.lh_prev img,
.lh_next img{width:auto; height:22px;}

.marb150{margin-bottom:150px !important;}

/* ============================================================================================================================================================================ */

/* 이쪽에서만 반응형 작업 할것 */

/* ============================================================================================================================================================================ */
.pc{display:block;}
.mob{display:none;}

@media (max-width: 400px) {
	.pc{display:none;}
	.mob{display:block;}
	.container{width:100%;}

	/* 헤더 */
	header{background: rgba(255, 255, 255, 0.7);}
	.header{padding:0 15px; height:80px; }
	.header .flx_left img.mob{width:140px;}
	.header ul{display:none;}
	.header .flx_right{background-color:#313131; padding:6px 14px; border-radius:8px;}
	.header .flx_right p{font-size:14px;}
	.header .flx_right h2{font-size:20px;}
	

	/* 슬라이드 */
	.park{margin-top:50px;}
	.park .swiper{height:auto;}
	.slide_div{width:100%;}
	.slide_div h2{font-size:38px; line-height:55px;}
	.slide_div h3{font-size:18px; line-height:33px;}
	.spec-slide{align-items:unset; flex-direction: column-reverse}
	.spec-left{width:100%;}
	.spec-right{width:100%;}
	.spec-right img{width:100%; height:300px; object-fit: cover;}
	
	.area_box{padding:0 15px 50px 15px;}
	.area_box h3{font-size:24px; margin-top:20px;}
	.area_box h2{font-size:24px; margin:20px 0 15px; font-family: 'Nanum Myeongjo', serif; font-weight:bold;}
	.area_box p{font-size:16px; line-height:28px;}

	.left_area{justify-content:unset; height:auto; flex-direction:column;}
	.left_area .spec-tabs{order:1;}
	.left_area .area_box{order:2;}
	.spec-tabs{margin:40px 0 20px; flex-wrap:wrap; justify-content:flex-start; gap:10px; padding:0 15px;}	
	.spec-tabs li{flex:0 0 48%; border-radius:50px; height:42px; line-height:42px;}
	.spec-tabs li:nth-last-child(1):nth-child(odd){margin-left:auto; margin-right:auto;}

	.mob-left{order:1;}
	.mob-right{order:2;}
	.mob-flex-com{flex-direction:column;}

	
	/* 배너 */
	.slide_div .pk_h2{font-size:32px; line-height:48px;}
	.pk_ul{padding: 0 15px; gap:20px; flex-wrap:wrap; margin-top:20px;}
	.pk_ul li{width:80%;}
	.pk_ul li img{width:100%; height:100px; object-fit:cover;}
	.pk_ul li p{width:100%; font-size:18px;}
 

	/* 추모공간 */
	.cmobx{height:100%;}
	.cmobx .cmo_dv{width:100%; padding: 0 15px;}
	.cmobx .cmo_dv h2{font-size:38px; font-family: 'Nanum Myeongjo', serif;}
	.cmobx .cmo_dv h3{font-size:20px;}
	.cmobx .cmo_dv p{font-size:17px; line-height:28px;}
	.cmobx .cmo_dv button a{font-size:15px; width:160px; height:48px; line-height:48px;}
	
	/* 서비스 */
	.svic{padding:0 15px 60px 15px; margin-top:70px;}
	.svic h3{font-size:20px;}
	.svic h2{font-size:38px; line-height:52px; font-family: 'Nanum Myeongjo', serif;}
	.svic > p{font-size:20px;}
	.svic ul{flex-direction:column; gap:20px;}
	.svic ul li{width:100%; flex:unset; }
	.svic ul .svic_1{height:200px; background-size:cover;}
	.svic ul .svic_1 > div{left:20px; bottom:20px;}
	.svic ul .svic_1 > div h4{font-size:22px; margin-bottom:12px;}
	.svic ul .svic_1 > div p{font-size:17px; line-height:25px;}

	.svic ul .svic_4{height:200px; background-size:cover;}
	.svic ul .svic_4 > div{left:20px; bottom:20px;}
	.svic ul .svic_4 > div h4{font-size:22px; margin-bottom:12px;}
	.svic ul .svic_4 > div p{font-size:17px; line-height:25px;}

	.svic ul li .svic_a{right:15px; top:20px; font-size:15px; height:30px; line-height:30px; padding: 0 15px;}

	/* 장지종류 */
	.infmbx h3{font-size:20px;}
	.infmbx h2{font-size:38px; font-family: 'Nanum Myeongjo', serif;}
	.infmbx ul {display: flex; flex-wrap: wrap; padding: 0 15px; 30px 15px; gap: 0; margin-top:20px;}  
	.infmbx ul li {flex: 0 0 calc(50% - 7.5px); max-width: calc(50% - 7.5px); margin-bottom: 15px;}
	.infmbx ul li:nth-child(2n-1) {margin-right: 15px;}
	.infmbx ul li:nth-child(2n) {margin-right: 0;}
	.infmbx ul li > div{padding:20px 10px 30px 10px;}
	.infmbx ul li > div h4{font-size:20px; font-family: 'Nanum Myeongjo', serif;}
	.infmbx ul li > div p{font-size:16px; line-height:23px;}
	
	/* 이용안내 */
	.infrom{margin:0 !important;}
	.view_main{padding: 0 15px;}
	.view_main > h3{font-size:20px;}
	.view_main > h2{font-size:38px; font-family: 'Nanum Myeongjo', serif; margin:10px 0 45px 0;}

	.info_list{flex-direction:column; align-items:center;}
	.info_list li{width:100%;}
	.info_list .ifm_o{padding:25px 0 10px 0;}
	.info_list .ifm_o p{height:50px;}
	.info_list .ifm_o p img{width:40px;}
	.info_list .ifm_o h3{line-height:26px; font-weight:400; font-size:17px; margin:10px 0 10px 0;}
	.info_list .ifm_i::after{display:inline-block; transform:rotate(90deg);}
	.info_list .ifm_o h2{font-size:22px;}

	/* 푸터 */
	.fter{padding:40px 15px 80px 15px;}
	.fter > img{width:140px;}


	/* view ================================================================================================================================================ */

	.view_hed{padding:80px 15px 40px 15px;}
	.view_hed h3{font-size:20px;}
	.view_hed h2{font-size:34px; margin:20px 0 30px 0;}
	.view_hed p span{font-size:18px;}
	.view_hed p{font-size:17px; line-height:29px;}
	
	.view_main{margin:60px 0 40px 0;}
	.view_main > h2{margin:10px 0 40px 0; font-size:34px;}
	.view_bg{height:400px;}

	.sp_slide-box{flex-direction: column;}
	.sp_slide-img img{height:100%;}
	
	.sp_slide-text h3{margin-top:20px; font-size:20px;}
	.sp_slide-text h2{font-size:32px; font-family: 'Nanum Myeongjo', serif; font-weight:bold; margin:10px 0 30px 0;}
	.sp_slide-text p{font-size:17px; line-height:29px;}

	.pri_bx{flex-direction: column;}
	.pri_bx h4{font-size:18px;}

	.mobpad{padding:0px;}
	.pri_bod {margin-top:15px;}

	.pri_table{table-layout:fixed; width:100%;}
	.pri_table colgroup col:first-child{width:70px;}
	.pri_table colgroup col:not(:first-child){width:calc((100% - 70px) / 2) !important;}
	.pri_table th, .pri_table td{font-size:17px; height:45px;}
	
	.sub_bnr{padding: 0 15px;}
	.sub_bnr img{width:100%;}
	.msub_bnr{background-color:#fffaf3; padding:30px 15px 20px 15px; border-radius:12px; text-align:center; border:2px solid #1e1c19;}
	.msub_bnr h2{font-size:18px; font-weight:500;}
	.msub_bnr h3{font-size:20px; font-weight:700; margin-top:3px; margin-bottom:5px;}

	.cntt{flex-direction:column;}
	.cnt_flx label{font-size:17px;}
	.cnt_flx input{font-size:17px; padding:15px 10px;}
	.cnt_flx{gap:0px;}
	.cnt_flx:nth-child(2){margin-top:20px !important;}

	.cnt_bx{margin-top:30px;}
	.cnt_bx h4{font-size:16px;}
	.cnt_bx h4 label{display:block; margin: 0; margin-top:6px; font-size:17px;}
	.cnt_bx h4 input[type="checkbox"]{width:18px; height:18px;}
	.cnt_ck{padding:25px 15px; margin-top:12px;}
	.cnt_ck p{font-size:16px;}
	.cnt_ck p a{font-size:15px; margin-left:5px;}
	
	.cnt_btn{font-size:18px; height:60px;}
	.smr_map {height:220px;}
	.smr_add p{font-size:18px;}
	.smr_add h2{font-size:24px;}
	
	.pup-overlay{padding: 0 15px;}

	
	/* 그린 */
	.green_table colgroup col:first-child{width:50% !important;}
	.samg_table colgroup col:first-child{width:30% !important;}

	/* 봉안함 */
	.bong_box{flex-direction:column-reverse;}
	.bong_box .bong_left, .bong_box .bong_right{width:100%;}
	.mob_bflx{flex-direction: column !important;}

	/* 우성 */
	.woos_table col:first-child{width:50px !important;}
	.woos_table th,
	.woos_table td{font-size:13px !Important; padding:0;}


	.list_div{width:100%; padding:0 15px; margin-top:50px; margin-bottom:30px;}

	
	.list_he{flex-direction:column; height:auto;}
	.lh_left, .lh_right{width:100%; height:auto;}

	  .lh_slide_wrap {
    height: auto;
    aspect-ratio: 4 / 3; /* 가로형 비율 유지 */
  }

  .lh_desc {
    height: auto;
    padding: 40px 20px;
  }


  .listSwiper .swiper-slide {
    width: calc((100% - 10px) / 2) !important; /* 2개씩 */
  }

  .list_div h2 {
    font-size: 24px;
    margin-bottom: 20px;
	font-family: 'Nanum Myeongjo', serif;
	font-weight:bold;
  }

  .listSwiper-wrap .swiper-button-prev,
  .listSwiper-wrap .swiper-button-next {
    width: 36px;
    height: 36px;
    top: auto;
    bottom: -50px;
    transform: none;
  }

	.listSwiper-wrap .swiper-button-next{right:-10px !important; top:40% !important;}
	.listSwiper-wrap .swiper-button-prev{left: -10px !important; top:40% !important;}
	
	.list_div .item h4{font-size:15px;}
	.list_div .item h3{font-size:20px;}
	.itm_ig_best p{font-size:15px; padding:5px 14px;}
	.list_div.marb150{margin-bottom:80px !important;}

	.lh_desc h2{font-size:28px; font-family: 'Nanum Myeongjo', serif;}
	.lh_desc p{font-size:16px; line-height:26px;}
	.lh_desc button a{font-size:15px;}
	
		
		.lh_prev,
.lh_next {
  width: 36px;
  height: 36px;
  background: rgba(0,0,0,0.5);
  border-radius: 50%;
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}

.lh_prev{margin-left:5px;}
.lh_next{margin-right:5px;}
.lh_prev img,
.lh_next img{width:auto; height:18px;}


.header .flx_right a{font-size:15px;}
}