.inner { width: 1550px; margin: 0 auto; max-width: 100%; }

/* ----------------- 메인비주얼 ----------------- */
#mVisual { position: relative; width: 100%; height: 860px; overflow: hidden; display: flex; flex-direction: column; justify-content: flex-end; padding-bottom: 100px; }
#mVisual .bg-video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; z-index: -2; }
#mVisual .video-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(44, 44, 44, 0.48); z-index: -1; }
.m-content { color: #fff; z-index: 10; }
.m-content .sub-title { font-size: 23px; font-weight: 600; opacity: 0.6; letter-spacing: 0.06em; text-transform: uppercase; margin-bottom: 5px; }
.m-content .main-title { font-family: 'Noto Serif KR'; font-size: 80px; font-weight: 700; letter-spacing: -0.04em; text-shadow: 5px 1px 8.8px rgba(33, 23, 7, 0.05); margin-bottom: 150px;}
.status-wrap { width: 100%; }
.s-header { display: flex; align-items: center; justify-content: space-between; margin-bottom: 25px; }
.s-title-area { display: flex; align-items: baseline; gap: 20px; }
.s-title-area h3 { font-size: 30px; font-weight: 700; color: #F0F0F0; }
.s-title-area .page { font-size: 22px; font-weight: 800; color: #fff; display: flex; align-items: center; gap: 5px; }
.s-header .s-line { flex: 1; height: 1px; background: rgba(255, 255, 255, 0.3); margin: 0 30px; }
.s-header .more { font-size: 17px; font-weight: 600; color: #fff; }
.s-list { display: block; margin: 0 -10px; }
.s-card { margin: 0 10px; height: 194px; background: rgba(255, 255, 255, 0.11); border: 1px solid rgba(255, 255, 255, 0.27); backdrop-filter: blur(8.1px); border-radius: 15px; padding: 25px 20px; display: flex; flex-direction: column; }
.s-card .c-head { display: flex; justify-content: space-between; align-items: center; padding-bottom: 15px; border-bottom: 1px solid rgba(255,255,255,0.44); margin-bottom: 15px; }
.s-card .c-head .name { font-size: 24px; font-weight: 700; color: #fff; display: flex; align-items: center; gap: 4px;}
.s-card .c-head .room { font-size: 20px; font-weight: 600; color: #fff; }
.s-card .c-body { display: flex; flex-direction: column; gap: 10px; }
.s-card .row { display: flex; align-items: center; gap: 15px; }
.s-card .label { background: #fff; color: #222; font-size: 16px; font-weight: 700; border-radius: 40px; padding: 5px 15px; min-width: 72px; text-align: center; }
.s-card .value { font-size: 18px; font-weight: 500; color: #fff;  
display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; text-overflow: ellipsis;}



/* ----------------- 빈소 이용 요금 및 시설 ----------------- */
#info { padding: 120px 0; }
.sec-header { display: flex; align-items: center; justify-content: center; margin-bottom: 50px; gap: 25px; }
.sec-header h2 { font-size: 54px; font-weight: 700; color: #333; letter-spacing: -0.04em; font-family: 'Noto Serif KR';}
.sec-header .line { width: 1px; height: 45px; background: #666; }
.sec-header p { font-size: 36px; font-weight: 500; color: #333; letter-spacing: -0.025em;}
.info-content { position: relative; width: 100%; height: 606px; border-radius: 353px; overflow: hidden; display: flex; align-items: center; background: #333; }
.info-bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(0deg, rgba(0, 0, 0, 0.55), rgba(0, 0, 0, 0.55)), url('../images/main/info_bg.jpg') center/cover; z-index: 1; }
.info-list { position: relative; z-index: 2; display: flex; flex-wrap: wrap; justify-content: center; align-content: center; width: 100%; height: 100%; padding: 40px 0; }
.info-list .item { width: 21%; display: flex; flex-direction: column; align-items: center; justify-content: center; position: relative; color: #fff; padding: 20px 0; }
.info-list .item::after { content: ''; position: absolute; right: 0; top: 50%; transform: translateY(-50%); width: 1px; height: 84px; background: #7B7168; }
.info-list .item:nth-child(4)::after, .info-list .item:nth-child(7)::after { display: none; }
.info-list .room-name { border: 1px solid rgba(255, 255, 255, 0.3); background: rgba(255, 255, 255, 0.07); backdrop-filter: blur(4px); padding: 8px 25px; border-radius: 100px; font-size: 16px; font-weight: 700; margin-bottom: 20px; }
.info-list .price { font-size: 30px; font-weight: 800; color: #FAFAFA; margin-bottom: 10px; }
.info-list .desc { font-size: 20px; font-weight: 500; color: #C5C5C5; margin-bottom: 25px; }
.info-list .more-link { font-size: 16px; font-weight: 600; color: #DDD; text-decoration: underline; text-underline-offset: 5px; }


/* ----------------- 오시는 길 ----------------- */
#location { padding-bottom: 120px; }
.map-area { background: #fff; border-radius: 20px; box-shadow: 0px 7px 30px rgba(195, 195, 195, 0.4); overflow: hidden; margin-bottom: 60px; display: flex; flex-direction: column;}
.map-btns { display: flex; height: 78px; }
.map-btn{ flex: 1; color: #333; display: flex; align-items: center; justify-content: center; font-size: 24px; font-weight: bold; gap: 10px;}
.btn-kakao {background: #FAE100; }
.btn-naver {background: #03C75A; color: #fff;}
.transport-info { display: flex; justify-content: space-between; }
.t-col { flex: 1; position: relative; padding: 0 40px; }
.t-col:first-child { padding-left: 0; }
.t-col:last-child { padding-right: 0; }
.t-col.line-left::before { content: ''; position: absolute; left: 0; top: 10px; width: 1px; height: calc(100% - 20px); border-left: 1px dashed #D5D5D5; }
.t-head { display: flex; align-items: center; gap: 15px; margin-bottom: 20px; }
.t-head i { width: 58px; height: 58px; background: #EDEDED; border-radius: 50%; font-size: 28px; display: flex; align-items: center; justify-content: center;}
.t-head h3 { font-size: 32px; font-weight: 700; color: #222; }
.t-col ul { display: flex; flex-direction: column; gap: 15px;}
.t-col li { position: relative; padding-left: 15px; font-size: 24px; font-weight: 500; color: #333; word-break: keep-all; line-height: 1.5;}
.t-col li::before { content: '•'; position: absolute; left: 0; top: 0; color: #555; }
.t-col li.desc { font-weight: 500; font-size: 24px; color: #555; }
.t-col li b{font-weight: 700;}

/* 하단 배너 */
#banner { height: 470px; background: linear-gradient(0deg, rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url('../images/main/banner_bg.jpg') center/cover; display: flex; align-items: center; justify-content: center; text-align: center; color: #fff; }
#banner .b-content h2 {font-family: 'Noto Serif KR'; font-size: 38px; font-weight: 700; line-height: 1.5; letter-spacing: -0.03em;}
#banner .b-content p { font-size: 26px; font-weight: 600; color: #fafafa; }




/* 상담신청 */
.mobile {display: none !important;}
#main_bottom_wrap {width: 100%; position: fixed; bottom:0; left:0; height: 100px; background: #2b2b2b; display: flex; align-items: center; justify-content: center; z-index: 10;backdrop-filter: blur(5px);
border-bottom: 1px solid #575757;}
#main_bottom_wrap button {background: #FFFFFF !important; color: #222 !important; width: 120px; height: 48px;
  cursor: pointer; border-radius: 4px; font-weight: bold; font-size:18px; border:none;}
#main_bottom_wrap form > label {color:#fff; font-weight: bold; font-size:26px !important; padding-right: 8px;}
#main_bottom_wrap form > input {width: 200px;height: 48px;border-radius: 4px;border:1px solid #ffffff36;padding: 0 12px;color: #8F8F8F;font-size:16px;margin-left:8px;background: #ffffff3d;outline: none;}
#main_bottom_wrap form > input::placeholder {color:#252525;}
#main_bottom_wrap form > div {background: #00000054; height: 48px; margin:0 8px; border-radius: 4px; display: inline-flex; vertical-align: top; padding:0 16px; align-items: center; justify-content: center; font-size:18px; position: relative;}
#main_bottom_wrap form > div > label:nth-child(2) {color:#fff; padding-left:4px; cursor: pointer;padding-right: 10px;}
#main_bottom_wrap form > div > div {height: 100%; /*border-left:1px solid rgba(113, 118, 130, .3); padding-left:16px;*/ color:#717682; /*margin-left: 16px;*/ align-items: center; justify-content: center; display: inline-flex;}
#main_bottom_wrap form > div > div > input {display: none;}
#main_bottom_wrap form > div > div > label {padding-left:20px; position: relative; cursor: pointer; font-weight: 300; /*color:#ffffff78*/ color: #fff;}
#main_bottom_wrap form > div > div > label:before {width: 14px; height: 14px; border:1px solid #ffffff78; display: flex; align-items: center; justify-content: center; line-height: 1; letter-spacing: -1px; content: ''; position: absolute; left:0; top:50%; transform: translateY(-50%); border-radius: 2px;
background-color: #fff;}
#main_bottom_wrap form > div > div > input:checked + label:before {background: #919191; color:#222224; font-family: xeicon; content: "\e928"; font-size:12px;}
#main_bottom_wrap form > div > div > label:nth-child(2) {margin-right:16px;}
#main_bottom_wrap form > div > div > a {margin-left:8px; color:#ffffff78; text-decoration: underline}
#main_bottom_wrap.stop { position: absolute !important; }
#main_bottom_wrap form > i{display: none;}

@media (max-width:1330px) {
    #main_bottom_wrap {z-index: 80; background: transparent; position: fixed; bottom: 0 !important; left:0; height:auto; backdrop-filter: blur(0); border-bottom: none;}
    .main-call-btn {background: transparent linear-gradient(180deg, #3f6f9f 0%, #234a72 100%) 0% 0% no-repeat padding-box; box-shadow: 0px 3px 6px #00000029; padding:0 16px; height: 48px; border-radius: 26px; color:#fff; display: block !important; line-height: 48px; text-align: center; font-size:1.1rem; font-weight: bold;}
    .main-call-btn:before {color:#a8967b; font-family: 'xeicon' !important; content: "\e9d3"; padding-right:4px; font-size:1.2rem; vertical-align: middle; display: none;}
    #main_bottom_wrap > div > .main-call-btn {float:right; border-radius: 8px; height: 56px; width:calc(50% - 20px); margin-right:16px; line-height: 56px;}
    #main_bottom_wrap.open {z-index:100; height: 100%;}
    #main_bottom_wrap > div {width: 100%; position: absolute; bottom: 0; left: 0; padding-bottom: 16px}
    #main_bottom_wrap form {display: block;
    opacity: 0; visibility: hidden; position: fixed; top:0; right:0; width: 100%; height: 100vh; background: #000; padding:88px 16px 16px; z-index: 101; transition: .3s ease-in-out}
    #main_bottom_wrap form .main-call-btn {width: 156px; margin: 16px auto; font-size: 14px;}
    #main_bottom_wrap.open form {opacity: 1; visibility: visible}
    #main_bottom_wrap form > i {display: block; position: absolute; top:16px; right: 16px; color:#fff; font-size:30px; cursor: pointer;}
    #main_bottom_wrap > div > span {cursor:pointer; width: calc(50% - 20px); display: flex !important; align-items: center; justify-content: center; height: 56px; background: #48739e; color:#ffffffe5; font-size:18px; border-radius: 8px; margin:0 0 0 16px; box-shadow: 0 0 14px rgba(0,0,0,.14);}
    #main_bottom_wrap.open form > label {display: block; margin-bottom:24px;}
    #main_bottom_wrap.open form input {width: 100%; margin:0 0 8px;}
    #main_bottom_wrap button {position: relative; width: 100%; margin-top:16px; font-size: 14px;}
    #main_bottom_wrap form > div {background: none; border:none; display: block; padding:0; margin:0; height: auto}
    #main_bottom_wrap form > div > input {float:left; width:auto !important; height: 23px; margin:0 !important;;}
  
    #main_bottom_wrap form > div > div {margin:24px 0 0 0; background: #222224; padding:16px; height: auto; border:none; display: block; border-radius: 8px; position: relative}
    #main_bottom_wrap form > div > div > label {display: block; margin: 4px 0; font-size: 14px;}
    #main_bottom_wrap form > div > div > a {position: absolute; bottom:16px; right: 16px;}
    #main_bottom_wrap form > label{display: block; margin-bottom: 10px; text-align: center;}
    #main_bottom_wrap form > input{display: block; width: 100%; margin-bottom: 10px; margin-left: 0; font-size: 14px;}
}

/* 약관동의 */
/* #iris-alert-wrap {position: fixed; top:0; left:0; z-index: 99999; width: 100%; height: 100%; display: flex;
opacity: 0; visibility: hidden; transition: all .3s ease-in-out; background: rgba(0,0,0,.3); align-items: center; justify-content: center;}
#iris-alert-wrap.show {opacity: 1; visibility: visible}
#iris-alert-wrap > div {border-radius: 8px; width: 380px; padding:32px; background: #fff; position: relative;}
#iris-alert-wrap > div > p {font-weight: bold; font-size:16px;}
#iris-alert-wrap > div > h2 {font-weight: 400; line-height: 1.3; margin:8px 0 24px; font-size:21px;}
#iris-alert-wrap > div > section {width: 100%; height: 56px; display: flex; align-items: center; justify-content: center; margin-top:16px;}
#iris-alert-wrap > div > section > * {height: 100%; flex:1; text-align: center; line-height: 56px; border-radius: 4px;
cursor: pointer; font-size:18px;}
#iris-alert-wrap > div > section > *:last-child {margin-left:8px;}
#iris-alert-wrap > div > section > span {background: #4C3E32; color:#fff;}  */

#iris-admin-alert-wrap {position: fixed; top:0; left:0; z-index: 99999; width: 100%; height: 100%; display: flex;
opacity: 0; visibility: hidden; transition: all .3s ease-in-out; background: rgba(0,0,0,.3); align-items: center; justify-content: center;}
#iris-admin-alert-wrap.show {opacity: 1; visibility: visible}
#iris-admin-alert-wrap > div {border-radius: 8px; width: 380px; padding:32px; background: #fff; position: relative;}
/* #iris-admin-alert-wrap > div > p {font-size:14px; color:#9A9CA4; line-height: 1.3} */
#iris-admin-alert-wrap > div > dl dd,
#iris-admin-alert-wrap > div > span {font-size:14px; color:#9A9CA4; line-height: 1.3}
#iris-admin-alert-wrap > div > span{line-height: 1.2;display: block; margin-top: 20px;}
#iris-admin-alert-wrap > div > p,
#iris-admin-alert-wrap > div > h2,
#iris-admin-alert-wrap > div > dl dt {line-height: 1.3; margin:0 0 8px; font-size:16px; color:#555; letter-spacing: -1px;}
#iris-admin-alert-wrap > div > h2{font-weight: bold;}
#iris-admin-alert-wrap > div > dl dt{margin: 0;}
#iris-admin-alert-wrap > div > dl{margin-bottom: 8px;}
#iris-admin-alert-wrap > div > section {width: 100%; height: 32px; margin-top:32px; text-align: right}
#iris-admin-alert-wrap > div > section > * {height: 100%; width: 88px; display: inline-flex; align-items: center; justify-content: center; text-align: center; border-radius: 4px;
cursor: pointer; font-size:13px; color:#717683;}
#iris-admin-alert-wrap > div > section > *:last-child {margin-left:8px;}
#iris-admin-alert-wrap > div > section > span {background: #5c88b7; color:#fff;}
#iris-admin-alert-wrap > div > section > b:hover {background: #f4f4f4}