#wrap{position: relative; overflow: clip;} .w_custom{position: relative; width: calc(100% - 60px); max-width: 1520px; margin-inline:auto;} #wrap [class*="swiper-button"]::after{display: none;} main{padding-block:var(--row-gap120) var(--row-gap140);} main:has(.full-sec){width: 100%; max-width: 100%;} main:has(.pt-dn){padding-top: 0;} main:has(.pb-dn){padding-bottom: 0;} .link{position: absolute;inset: 0;z-index: 3;} br.for_t{display:none;} @media (max-width:1500px) { br.for_pc{display:none;} } @media (max-width:1023px) { br.for_pct{display:none;} br.for_t{display:block;} } @media (max-width:860px) { .w_custom{width: calc(100% - 30px);} } /* 버튼 */ .more-arw{position: relative;font-size: var(--text-15);font-weight: 400;color: var(--point-white);display: flex;align-items: center;justify-content: space-between;gap: clamp(15px, 2.5vw,25px);min-width: clamp(100px, 14vw,130px);min-height: clamp(38px, 4.7vw,42px);padding: 10px clamp(15px, 2vw ,20px);background: rgb(255 255 255 / 10%);backdrop-filter: blur(5px);transition: 0.4s;transition-property: background, color;} .more-arw::after{display: inline-flex;content:'';width: clamp(8px, 1.1vw,9px);aspect-ratio: auto 1;background: url('/images/arw_i.svg') no-repeat center / 100% auto;filter: var(--filter-white);transition: inherit;} .btn-box{position: relative; display:flex; flex-wrap:wrap; gap: clamp(10px, 2vw, 20px); margin-top: clamp(40px, 5vw, 60px);} .btn-box.cen{justify-content: center;} .btn-box.gap-md{gap: clamp(10px, 1.5vw, 15px);} .view-more{position: relative;display: flex;align-items: center;justify-content: space-between;gap: 20px;min-width: clamp(140px, 21vw, 200px);min-height: clamp(46px, 6.9vw, 54px);padding: 10px clamp(15px, 2.4vw, 24px);border: 1px solid var(--point-color02);font-size: var(--text-18);font-weight: 700;color: var(--point-color02);font-family: var(--font-type02);letter-spacing: 0;transition: all 0.4s;} .view-more::after{display: inline-flex;content:'';width: clamp(12px, 1.6vw, 14px);aspect-ratio: auto 1.16;background: url('/images/arw_i02.svg') no-repeat center / 100% auto;transition: inherit;} .view-more span{transition: inherit;} .view-more.af-dn::after{display: none;} .view-more.wh{background: none;border-color: var(--point-white);} .view-more.wh{& span, &::after{filter: var(--filter-white);}} .view-more.whbg{background: var(--point-white); border-color: var(--point-white);} .view-more.whbg::after{filter:none;} .view-more.pt01{background: var(--point-color01);} .view-more.pt01{& span, &::after{filter: var(--filter-white);}} .arw-btn{position: relative;inline-size: clamp(40px, 5.6VW, 54px);aspect-ratio: auto 1;border: 1px solid rgb(255 255 255 / 20%);background: rgb(255 255 255 / 10%);backdrop-filter: blur(5px);display: inline-flex;align-items: center;justify-content: center;transition: all 0.4s;} .arw-btn::after{display: inline-flex;content:'';width: clamp(12px, 1.6vw, 14px);aspect-ratio: auto 1.16;background: url('/images/arw_i02.svg') no-repeat center / 100% auto;transition: inherit;filter: var(--filter-white); transition: inherit;} @media (hover:hover) and (pointer: fine) { .more-arw:hover{background: var(--point-white);color: var(--point-color02);-webkit-text-stroke: 0.2px var(--point-color02);} .more-arw:hover::after{filter: none;} .view-more:hover{background: var(--point-color02);} .view-more:hover span{filter: var(--filter-white);} .view-more:hover::after{filter: var(--filter-white);} .view-more.wh:hover{background: var(--point-white);} .view-more.wh:hover{& span, &::after{filter: none;}} .arw-btn:hover{background: var(--point-white);} .arw-btn:hover::after{filter: none;} } /*──────────────────────────────────────────────────────── header ────────────────────────────────────────────────────────*/ #header{position: fixed;top: 0;left: 0;width: 100%;z-index: 100; background: var(--point-white); transition: all 0.4s;} #header .w_custom{max-width: 1800px;} #header .top-sec{position: relative;} #header .top-sec .w_custom{display: flex;align-items: center;justify-content: space-between;height: clamp(70px, 11vw, 110px);gap: 100px;} #header .util-list{display: flex;flex-wrap: wrap;transition: all 0.4s;} #header .util-list > li{position: relative; display: flex;align-items: center;flex-wrap: wrap;gap: 5px 0;} #header .util-list > li:not(:last-child)::after{display:inline-flex;content:'';width: 1px;height: clamp(8px, 1.2vw, 10px);background: rgb(0 0 0 / 20%);margin-inline: clamp(15px, 2.4vw, 24px);} #header .i-desc{display: flex;align-items: center;gap: 12px;} #header .i-desc dt{display: flex;align-items: center;flex-shrink: 0;height: clamp(16px, 2vw, 18px);} #header .i-desc dd{font-size: var(--text-16);font-weight: 600;color: var(--black-color06);font-family: var(--font-type02);letter-spacing: -0.05em;} #header .logo{position: absolute;top: 0;left: 50%;translate: -50%;height: 100%;max-width: 90px;transition: all 0.4s;} #header .logo a{display: flex;align-items: center;height: 100%;padding-block: clamp(12px, 1.5vw,15px);} #header .link-list{display: flex;flex-wrap: wrap;align-items: center;gap: 10px;flex-shrink: 0;} #header nav{border-block: 1px solid rgb(255 255 255 / 20%);transition: all 0.4s;} #header.on nav{border-color:rgb(0 0 0 / 20%);} #header nav .w_custom{position: relative;} #header .gnb{position: relative;display: flex;justify-content: center;text-align: center;} #header .gnb > li{position: relative;font-size: var(--text-18);font-weight: 600;color: var(--point-color02);transition: all 0.4s;} #header .gnb > li > a{position: relative;display: block;padding: 17px clamp(20px, 2.1vw, 40px);transition: inherit;} #header .gnb .dep02{position: absolute;top: 100%;left: 50%;width: max-content;max-width: 300px;min-width: 200px;background: var(--point-white);translate: -50%;padding-block: 18px;box-shadow: 3px 3px 5px rgb(0 0 0 / 10%);opacity: 0;pointer-events: none;transition: all 0.4s;} #header .gnb .dep02 > li{position: relative;font-weight: 500;color: var(--black-color03);} #header .gnb .dep02 > li > a{display: block;padding: 12px 25px;font-size: 90%;transition: all 0.4s;} #header .all-cate{display: none;width: clamp(24px, 3.2vw, 30px);aspect-ratio: auto 1.5;flex-direction: column;justify-content: space-between;transition: all 0.4s;} #header .all-cate span{width: 100%;height: 2px;background: var(--point-color01);} /* color */ #header:not(.on){background: none; box-shadow: none;} #header:not(.on) :where(.util-list, .logo, .gnb > li > a, .all-cate){filter: var(--filter-white);} #header.on .more-arw{background: rgb(0, 0, 0, 80%);color: var(--point-white);-webkit-text-stroke: 0;} #header.on .more-arw::after{filter: var(--filter-white);} @media (hover:hover) and (pointer: fine) { #header .gnb > li:hover .dep02{opacity: 1; pointer-events: all;} #header .gnb .dep02 > li:hover > a{background: var(--point-color01); color: var(--point-white);} } @media (max-width:1023px) { #header{ box-shadow: inset 0 -1px 0 rgb(0 0 0 / 20%); } #header nav{display: none;} #header .all-cate{display: flex;} } @media (max-width:860px) { #header .top-sec .w_custom{gap: 15px;} #header .util-list{display: none;} #header .logo{position: relative; inset: auto; translate: 0;} } /*──────────────────────────────────────────────────────── Main ────────────────────────────────────────────────────────*/ /* 비주얼 */ .visual{position: relative;height: 100dvh;overflow: hidden;display: flex;flex-direction: column;justify-content: center;text-align: center;padding-block: clamp(120px, 17vw, 170px) var(--row-gap100);} .visual .thumb{position: absolute;inset: 0;overflow: hidden;background: #000;} .visual .thumb::before{position: absolute;content: '';inset: 0;background: var(--point-grad01);opacity: 0.6;z-index: 1;} .visual .thumb :where(video, img, iframe){width: 100%;height: 100%;object-fit: cover;} .visual .thumb iframe{pointer-events: none;position: absolute;top: 50%;left: 50%;translate: -50% -50%;width: 177.78dvh; height: 100dvh;} .visual .w_custom{z-index: 2;filter: var(--filter-white);display: grid;gap: 8px;} .visual h2{font-size: var(--text-30);font-weight: 500;} .visual h3{font-size: var(--text-90);font-weight: 700;font-family: var(--font-type02);font-style: italic;letter-spacing: 0;line-height: 1.3;} .visual h4{font-size: var(--text-40);font-weight: 400;font-family: var(--font-type02);letter-spacing: 0;} /* sec-title */ .sec-title{position: relative;display: flex;flex-direction: column;gap: var(--row-gap10);} .sec-title.hd{margin-bottom: var(--row-gap60);} .sec-title.cen{text-align: center;} .sec-title h2{font-size: var(--text-20);font-weight: 700;line-height: 1.2;} .sec-title h2 + h3{margin-top: var(--row-gap20);} .sec-title h2 em{font-family: var(--font-type02);color: var(--point-color01);letter-spacing: 0;} .sec-title h3{font-size: var(--text-48);font-weight: 500;color: var(--black-color01);line-height: 1.4;letter-spacing: -0.05em;font-family: var(--font-type02);} .sec-title h3 + p{margin-top: var(--row-gap20);} .sec-title h4{font-size: var(--text-30);font-weight: 400;font-family: var(--font-type02);letter-spacing: 0;} .sec-title p{font-size: var(--text-18);color: var(--black-color03);line-height: 1.6;letter-spacing: -0.05em;} .sec-title .stress{font-size: var(--text-20);font-weight: 500;} /* the-wedding */ .the-wedding{display: flex;gap: var(--row-gap40) clamp(50px, 4.2vw, 80px);} .the-wedding .info{width: 100%;display: flex;flex-direction: column;gap: clamp(15px, 2.6vw, 26px);} .the-wedding .tag-list{display: flex;flex-wrap: wrap;gap: 0 20px;font-size: var(--text-17);color: var(--point-color01);line-height: 1.7;letter-spacing: -0.05em;max-width: 450px;} .the-wedding .btn-box{margin-top: clamp(20px, 2.4vw, 24px);} .the-wedding .thumb{position: relative;width: min(780px, 52%);flex-shrink: 0;} .the-wedding .thumb :where(video, img, iframe){width:100%;height: 100%;object-fit: cover;} @media (max-width:1023px) { .the-wedding{flex-wrap: wrap;} .the-wedding .thumb{width: 100%;flex-shrink: unset;} .the-wedding .thumb iframe{height: auto; aspect-ratio: 16 / 9;} } .wedding-card{display: grid;grid: auto / repeat(3, 1fr);gap: var(--col-gap40);} .wedding-card > li{position: relative;padding: clamp(25px, 3.5vw, 35px);padding-bottom: clamp(85px, 12vw, 120px);min-height: clamp(250px, 32vw ,320px);display: flex;flex-direction: column;transition: all 0.4s;} .wedding-card .thumb{position: absolute;inset: 0;overflow: hidden;transition: inherit;} .wedding-card .thumb{&::before, &::after{position: absolute;content:'';background: var(--point-grad02);inset: 0;opacity: 0.7;transition: inherit;}} .wedding-card .thumb::after{background: rgb(0 0 0 / 40%); opacity: 0;} .wedding-card .thumb img{width: 100%;height: 100%;object-fit: cover;} .wedding-card .front-desc{position: absolute;inset: 0;filter: var(--filter-white);display: flex;flex-direction: column;gap: 4px;transition: inherit;padding: clamp(25px, 3.5vw, 35px);justify-content: flex-end;} .wedding-card .front-desc dt{font-size: var(--text-26);font-weight: 700;font-family: var(--font-type02);letter-spacing: 0;} .wedding-card .front-desc dd{font-size: var(--text-20);font-weight: 500;opacity: 0.8;} .wedding-card .back-desc{filter: var(--filter-white);display: grid;gap: var(--row-gap20);align-items: start;align-content: start;transition: inherit;opacity: 0;} .wedding-card .back-desc dt{font-size: var(--text-34);font-weight: 600;line-height: 1.5;display: grid;gap: 2px;} .wedding-card .back-desc dt small{font-size: var(--text-20);font-weight: 300;opacity: 0.8;font-family: var(--font-type02);letter-spacing: 0;} .wedding-card .back-desc dd{font-size: var(--text-18);font-weight: 500;line-height: 1.6;} .wedding-card .arw-btn{position: absolute;right: clamp(25px, 3.5vw, 35px);bottom: clamp(25px, 4.2vw, 42px);z-index: 2;} .wedding-card .floor-desc{position: absolute;top: 0;left: 0;width: 100%;padding: inherit;filter: var(--filter-white);display: flex;align-items: center;gap: 12px; transition: all 0.4s;} .wedding-card .floor-desc dt{font-size: var(--text-58);font-family: var(--font-type02);font-weight: 700;line-height: 1;} .wedding-card .floor-desc dt small{font-size: var(--text-30);} .wedding-card .floor-desc dd{font-size: var(--text-40);font-weight: 600;line-height: 1.5;} .wedding-card .view-more{position: absolute;left: clamp(25px, 3.5vw, 35px);bottom: clamp(25px, 4.2vw, 42px);width: calc(100% - clamp(25px, 3.5vw, 35px) * 2);opacity: 0;z-index: 2;} .wedding-card .view-more span{display: flex; align-items: center; flex-wrap: wrap; gap:0 8px;} .wedding-card .view-more em{font-size: var(--text-24); font-family: var(--font-type02); font-weight: 700;} .wedding-card .view-more small{font-size: var(--text-14);} .wedding-card.type02{grid: auto / repeat(4, 1fr);column-gap: clamp(15px, 1.6vw, 32px);} .wedding-card.type02 > li{min-height: clamp(250px, 50vw, 500px);} .wedding-card.type02 .thumb::before{background: rgb(0 0 0 / 60%); opacity: 1;} .wedding-card.type02 .back-desc dt{font-size: var(--text-40);} .wedding-card.type02 .back-desc dt small{font-size: var(--text-26);} @media (min-width:1024px) { .wedding-card > li:hover .thumb::before{opacity: 0;} .wedding-card > li:hover .thumb::after{opacity: 1;} .wedding-card > li:hover .front-desc{opacity: 0; filter:var(--filter-white) drop-shadow(0 0 10px rgba(0, 0, 0, 0.4));} .wedding-card > li:hover .back-desc{opacity: 1; filter:var(--filter-white) drop-shadow(0 0 10px rgba(0, 0, 0, 0.4));} .wedding-card > li:hover .arw-btn{background: var(--point-white); filter:drop-shadow(0 0 10px rgba(0, 0, 0, 0.4));} .wedding-card > li:hover .arw-btn::after{filter: none;} .wedding-card > li:hover .floor-desc{opacity: 0; filter:var(--filter-white) drop-shadow(0 0 10px rgba(0, 0, 0, 0.4));} .wedding-card > li:hover .view-more{opacity: 1; filter:drop-shadow(0 0 10px rgba(0, 0, 0, 0.4));} } @media (max-width:1023px) { .wedding-card{grid: auto / repeat(2, 1fr);} .wedding-card .front-desc{opacity: 0;} .wedding-card .back-desc{opacity: 1;} .wedding-card.type02{grid: auto / repeat(2, 1fr);} .wedding-card .floor-desc{opacity: 0;} .wedding-card .view-more{opacity: 1;} } @media (max-width:640px) { .wedding-card{grid: auto / repeat(1, 1fr);} .wedding-card.type02{grid: auto / repeat(1, 1fr);} } /* gallery-list */ .gallery-bg{background: url('/images/gallery_bg.jpg') no-repeat center / cover; padding-block: var(--row-gap160);} .gallery-list{position: relative;display: grid;grid: auto / repeat(3, 1fr);gap: var(--row-gap60) var(--col-gap40);} .gallery-list > li{position: relative;display: flex;flex-direction: column;gap: var(--row-gap30);height: auto;} .gallery-list .thumb{position: relative;aspect-ratio: auto 1.5;overflow: hidden; transition: all 0.4s;} .gallery-list .thumb img{width: 100%;height: 100%;object-fit: cover; transition: all 0.4s;} .gallery-list .cont{display: grid;gap: var(--row-gap30);} .gallery-list .desc{display: grid;gap: clamp(10px, 1.4vw, 14px);} .gallery-list .desc:empty{display: none;} .gallery-list .desc :where(dt, dd){white-space:normal;overflow:hidden;text-overflow:ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;letter-spacing: -0.05em;} .gallery-list .desc dt{font-size: var(--text-24);font-weight: 600;color: var(--black-color03);transition: all 0.4s;} .gallery-list .desc dd{font-size: var(--text-18);color: var(--black-color05);line-height: 1.7;letter-spacing: -0.03em;} .gallery-list .regdate{font-size: var(--text-17);color: var(--black-color08);font-family: var(--font-type02);letter-spacing: 0;} .gallery-type02 .gallery-list{gap:4px;} .gallery-type02 .thumb{aspect-ratio: auto 0.8;} @media (hover:hover) and (pointer: fine) { .gallery-list > li:hover .thumb{box-shadow: var(--shadow-01);} .gallery-list > li:hover .thumb img{scale: 1.05;} } @media (max-width:640px) { .gallery-list{grid: auto / repeat(2, 1fr);} } @media (max-width:479px) { .gallery-list{grid: auto / repeat(1, 1fr);} } /* story-ofdi */ .story-ofdi{position: relative;padding-block: var(--row-gap100);min-height: clamp(420px, 52vw, 520px);display: flex;flex-direction: column;justify-content: center;} .story-ofdi .bg{position: absolute;inset: 0;overflow: hidden;} .story-ofdi .bg img{width: 100%;height: 100%;object-fit: cover;} .story-ofdi .sec-title{filter: var(--filter-white);} .story-ofdi .sec-title h3{font-size: var(--text-80);font-style: italic;line-height: 1.2;letter-spacing: 0;} /* reserva-meta */ .reserva-meta{position: relative; background: var(--point-color04);} .reserva-meta .w_custom{display: flex;} .reserva-meta .thumb{position: relative;width: 50%;flex-shrink: 0;} .reserva-meta .thumb .item{position: relative;width: calc(100% + 200px); height:100%; margin-left: -200px;} .reserva-meta .thumb .bg{position: relative;width: 100%;height: 100%;} .reserva-meta .thumb .bg img{width: 100%;height: 100%;object-fit: cover;} .reserva-meta .thumb .desc{position: absolute;inset: 0;filter: var(--filter-white);display: flex;align-items: center;justify-content: center;flex-direction: column;gap: var(--row-gap20);padding: 30px;text-align: center;} .reserva-meta .thumb .desc dt{width: clamp(100px, 23.5vw, 235px);} .reserva-meta .thumb .desc dt img{width:100%;} .reserva-meta .thumb .desc dd{font-size: var(--text-22);font-weight: 500;line-height: 1.7;} .reserva-meta .cont{width:100%;padding: var(--row-gap90) clamp(50px, 5.21vw, 100px);padding-right: 0;display: flex;flex-direction: column;justify-content: center;} .reserva-meta .cont .sec-title{display: none;} @media (max-width:1520px) { .reserva-meta .thumb .item{width: calc(100% + 30px);height: 100%;margin-left: -30px;} } @media (max-width:1023px) { .reserva-meta .w_custom{flex-wrap: wrap;} .reserva-meta .thumb{width:100%; flex-shrink: unset;} .reserva-meta .thumb .item{width: calc(100% + 60px); } .reserva-meta .cont{padding-inline: 0;} } @media (max-width:860px) { .reserva-meta .thumb .item{width: calc(100% + 30px); margin-left: -15px;} } /* write-form */ .prefix-list{display: flex; margin-bottom: var(--row-gap60);} .prefix-list label{width: 100%;min-height: clamp(42px, 7vw, 50px);display: flex;align-items: center;justify-content: center;text-align: center;font-size: var(--text-18);font-weight: 500;color: var(--point-color02);border: 1px solid var(--point-color02);padding: 10px 15px;transition: all 0.4s;} .prefix-list label + label{margin-left:-1px;} .prefix-list label:has(:checked){background: var(--point-color02);color: var(--point-white);} .prefix-list [type="radio"]{appearance: none;} .write-form{position: relative;display: flex;flex-wrap: wrap;gap: clamp(20px, 3vw, 30px) var(--col-gap20);} .write-form .desc{width: calc(100% / 2 - var(--col-gap20) / 2);display: flex;flex-direction: column;gap: var(--row-gap10);} .write-form .desc:has(textarea, .db-captcha-img){width:100%;} .write-form .desc dt{font-size: var(--text-16);font-weight: 500;color: var(--black-color01);} .write-form .desc dd{appearance: none;} .write-form :where([type="text"], [type="password"], [type="email"], [type="tel"]){width:100%;} .captcha-box{display: flex;gap: var(--row-gap10) clamp(15px, 2vw, 20px);align-items: center;border-bottom: 1px solid var(--black-color01);padding-bottom: 8px;} .captcha-box .controller{display: flex;flex-shrink: 0;gap: 5px;align-items: center;} .captcha-box .controller img{cursor: pointer;} .captcha-box .controller button{position: relative;background: var(--point-color05) url('/images/refresh.svg') no-repeat center;width: 38px;aspect-ratio: auto 1;} .captcha-box [type="text"]{border-bottom: 0;} :where([type="text"], [type="password"], [type="email"], [type="tel"]){height: clamp(40px, 6vw, 44px);border: 0;border-bottom: 1px solid var(--black-color01);font-size: var(--text-16);font-weight: 400;color: var(--black-color01);border-radius: 0;overflow: hidden;text-overflow:ellipsis;white-space:nowrap;} :where([type="text"], [type="password"], [type="email"], [type="tel"])::placeholder{color: rgb(17 17 17 / 60%);} textarea{width: 100%;border: 1px solid var(--black-color01);height: 150px;font-size: var(--text-16);font-weight: 400;color: var(--black-color01);padding: clamp(12px, 2vw, 15px) clamp(15px, 2vw, 20px);line-height: 1.6;} textarea::placeholder{color: rgb(17 17 17 / 60%);} label{cursor: pointer;} label:has([type="checkbox"]){display: flex;width: fit-content;align-items: flex-start;gap: 10px;font-size: var(--text-16);font-weight: 500;color: var(--black-color01);line-height: 20px;} [type="checkbox"]{appearance: none;cursor: pointer;width: 20px;height: 20px;flex-shrink: 0;border: 1px solid var(--point-color02);display: flex;align-items: center;justify-content: center;} [type="checkbox"]::before{display: inline-flex;content:'';width: 10px;aspect-ratio: auto 1.25;background: url('/images/chk_i.svg') no-repeat center / 100% auto;opacity: 0.5;} [type="checkbox"]:checked{background: var(--point-color02);} [type="checkbox"]:checked::before{opacity: 1;filter: var(--filter-white);} @media (max-width:479px) { .write-form .desc{width:100%;} } @media (max-width:360px) { .captcha-box{flex-wrap: wrap;padding-bottom: 0;} } /* 공지사항 */ .news-list{border-top: 1px solid var(--border-color01);} .news-list > li{position: relative;display: flex;align-items: center;justify-content: space-between;padding: calc(var(--row-gap30) + 2px) var(--row-gap30);border-bottom: 1px solid var(--border-color01);transition: all 0.4s;gap: 12px 15px;} .news-list .desc{display: flex;align-items: center;gap: clamp(15px, 3vw, 30px);} .news-list .desc dt{display: flex;align-items: center;justify-content: center;text-align: center;font-size: var(--text-15);font-weight: 700;color: var(--point-color01);background: var(--point-color05);font-family: var(--font-type02);letter-spacing: 0;padding: clamp(5px, 1.1vw, 6px) clamp(10px, 1.3vw, 13px);line-height: 1.2;transition: all 0.4s;flex-shrink: 0;} .news-list .desc dd{font-size: var(--text-22);font-weight: 600;color: var(--black-color03);letter-spacing: -0.04em;white-space: normal;overflow:hidden;text-overflow:ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;word-break: break-all;} .news-list .regdate{flex-shrink: 0;font-size: var(--text-17);color: var(--black-color08);font-family: var(--font-type02);letter-spacing: 0;width: clamp(90px, 12.5vw, 120px);text-align: center;} @media (hover:hover) and (pointer: fine) { .news-list > li:hover{background: var(--point-color06);} .news-list > li:hover .desc dt{background: var(--point-color01); color: var(--point-white);} } @media (max-width:479px) { .news-list > li{flex-wrap: wrap;} .news-list .desc{flex-wrap: wrap; width: 100%;} .news-list .desc dt{flex-shrink: unset;} .news-list .desc dd{width: 100%;} .news-list .regdate{width: auto; flex-shrink: unset;} } /* loca-meta */ .loca-meta{position: relative; padding-block: var(--row-gap160) var(--row-gap140);} .loca-meta .bg{position: absolute;inset: 0;} .loca-meta .bg img{width: 100%;height: 100%;object-fit: cover;} .loca-meta .w_custom{display: flex;gap: var(--row-gap40) clamp(50px, 5.21vw, 100px);} .loca-meta .info{position: relative; width:min(660px, 45%); flex-shrink: 0;} .loca-meta .sec-title{filter: var(--filter-white);} .loca-meta .items{margin-top: clamp(20px, 3vw, 30px);padding-top: clamp(20px, 3vw, 30px);border-top: 1px solid rgb(255 255 255 / 10%);} .loca-meta .bull-list{display: grid;gap: 14px;} .loca-meta .bull-list > li{display: flex;align-items: baseline;font-size: var(--text-20);font-weight: 400;color: rgb(255 255 255 / 60%);line-height: 1.7;gap: 10px;} .loca-meta .bull-list > li::before{display: inline-flex;content:'';width: clamp(3px, 0.6vw, 4px);aspect-ratio: auto 1;border-radius: 100%;background: rgb(255 255 255 / 20%);flex-shrink: 0;translate: 0 -100%;} .loca-meta .bull-list .desc{display: flex;gap: 10px;align-items: baseline;} .loca-meta .bull-list .desc > dt{width: clamp(150px, 8.6vw, 165px);flex-shrink: 0;letter-spacing: -0.05em;} .loca-meta .bull-list .desc > dd{font-size: var(--text-18);font-weight: 300;color: var(--point-white);letter-spacing: -0.05em;} .loca-meta .bull-list .exp-desc{display: flex;align-items: baseline;gap: 10px;} .loca-meta .bull-list .exp-desc > dt{width: clamp(80px, 5.21vw, 100px);flex-shrink: 0;} .loca-meta .bull-list .exp-desc > dd{display: flex;flex-wrap: wrap;align-items: center;gap: 3px 10px;} .loca-meta .bull-list .exp-desc > dd small{font-size: var(--text-17);color: rgb(255 255 255 / 60%);} .loca-meta .bull-list .tel{font-size: var(--text-30);font-weight: 600;font-family: var(--font-type02);letter-spacing: 0;line-height: 1.6;translate: 0 3px;display: inline-block;} .loca-meta .btn-box a{display: block;width: clamp(165px, 26vw, 250px);} .loca-meta .map{width:100%;} .loca-meta .map .cont{display: none;} .loca-meta .root_daum_roughmap_landing{width:100% !important;height: 100%; overflow: hidden;} .loca-meta .root_daum_roughmap .wrap_map{height: 100% !important;} @media (max-width:1023px) { .loca-meta .w_custom{flex-wrap: wrap;} .loca-meta .info{width: 100%; flex-shrink: unset;} .loca-meta .bull-list .desc > dt{width: clamp(95px, 16vw, 150px);} .loca-meta .bull-list .exp-desc > dt{width: clamp(55px, 9vw, 80px);} .loca-meta .root_daum_roughmap_landing{height: auto; aspect-ratio: auto 1;} } /*──────────────────────────────────────────────────────── Footer ────────────────────────────────────────────────────────*/ /* 하단*/ #footer{position: relative;background: var(--black-color01);font-size: var(--text-17);color: var(--black-color10);line-height: 1.7;} #footer .top-sec{position: relative;display: flex;align-items: flex-start;justify-content: space-between;padding-block: clamp(50px, 7.3vw ,73px) var(--row-gap100);gap: var(--row-gap35) 30px;} #footer .info{position: relative;display: flex;align-items: flex-start;gap: var(--row-gap35) clamp(40px, 3.2vw, 60px);} #footer .logo{filter: var(--filter-white);width: clamp(80px, 15vw, 140px);flex-shrink: 0;} #footer .logo img{width:100%;} #footer address{display: flex;flex-direction: column;gap: var(--row-gap30);} #footer .comp-desc{display: grid;gap: 3px;} #footer .comp-desc dt{font-size: var(--text-20);font-weight: 400;color: var(--point-white);letter-spacing: -0.05em;} #footer .comp-desc dd{font-size: var(--text-18);font-weight: 300;color: var(--point-white);letter-spacing: -0.05em;} #footer .addr-list{display: flex;flex-direction: column;gap: 10px;} #footer .addr-list > li{display: flex;flex-wrap: wrap;gap: var(--row-gap10) 0;} #footer .addr-list .desc{display: flex;align-items: baseline;} #footer .addr-list .desc::after{display: inline-flex;content:'';width: 1px;height: clamp(8px, 1.4vw,12px);background: rgb(255 255 255 / 20%);margin-inline: clamp(15px, 2.1vw ,21px);} #footer .addr-list .desc:last-child::after{display: none;} #footer .addr-list .desc dt{flex-shrink: 0;color: rgb(255 255 255 / 70%);margin-right: 14px;font-weight: 300;} #footer .addr-list .desc dd{font-weight:300;} #footer .sns-list{display: flex;flex-wrap: wrap;gap: clamp(20px, 3vw, 30px);flex-shrink: 0;} #footer .sns-list a{display: flex;align-items: center;height: clamp(20px, 2.9vw, 24px);} #footer .btm-sec{padding-block: 20px;border-top: 1px solid rgb(255 255 255 / 10%);} #footer .btm-sec .w_custom{display: flex;justify-content: space-between;align-items: center;flex-wrap: wrap;gap: 15px 30px;} #footer .copy{font-size: var(--text-15);font-weight: 300;color: var(--black-color08);font-family: var(--font-type02);letter-spacing: 0;} #footer .copy strong{color: var(--black-color10);font-weight: inherit;} #footer .link-list{display: flex;flex-wrap: wrap;color: var(--point-white);} #footer .link-list > li{display: flex;flex-wrap: wrap;align-items: center;gap: 5px 0;} #footer .link-list > li::after{display: inline-flex;content: '';width: clamp(3px, 0.6vw, 4px);aspect-ratio: auto 1;border-radius: 100%;background: rgb(255 255 255 / 20%);margin-inline: clamp(15px, 2vw, 20px);} #footer .link-list > li:last-child::after{display: none;} #footer .link-list strong{font-weight: 400;} @media (max-width:1023px) { #footer .top-sec{flex-wrap:wrap;} #footer .logo{flex-shrink: unset;} #footer .info{flex-wrap: wrap;} } @media (max-width:640px) { #footer .addr-list .desc::after{opacity: 0;} } /* 퀵 */ .quick-list{position: fixed;right: clamp(15px, 2.1vw, 40px);bottom: clamp(15px, 3vw, 30px);z-index: 40;display: grid;gap: clamp(5px, 1.5vw, 10px);filter: drop-shadow(0 0 clamp(10px, 2vw, 20px) rgb(0 0 0 / 15%)); transition: all 0.4s; opacity: 0; pointer-events: none;} body:has(#header.on:not(.end)) .quick-list{opacity: 1; pointer-events: all;} .quick-list > li{position: relative;} .quick-list .desc{width: clamp(40px, 6.6vw ,64px);min-height: clamp(40px, 6.6vw ,64px);text-align: center;background: var(--point-white);display: flex;flex-direction: column;justify-content: center;padding: 5px;gap: 4px;} .quick-list .desc dt{height: clamp(24px, 3vw, 28px);display: flex;align-items: center;justify-content: center;} .quick-list .desc dd{font-size: var(--text-14);font-weight: 500;color: var(--point-color01);line-height: 1.2;} .quick-list .desc.scr-top{background: var(--black-color01);} .quick-list .desc.scr-top dt{height: clamp(8px, 1.3vw, 11px);} .quick-list .desc.scr-top dd{position: relative;} @media (max-width:860px) { .quick-list .desc dd{display: none;} } /*─────────────────────────────────────────────────────────── Aside ───────────────────────────────────────────────────────────*/ .aside-bg{position: fixed; inset: 0; background: rgb(0 0 0 / 60%); opacity: 0; pointer-events: none; z-index: 140;transition: all 0.6s;} body:has(#aside.on) .aside-bg{opacity: 1; pointer-events: all;} #aside{position: fixed;top: 0;right: 0;width: 85%;height: 100%;max-width: 400px;z-index: 150;background: var(--point-white);overflow: hidden;overflow-y: auto; translate: 100%; transition: all 0.6s;} #aside.on{translate:0;} body:has(#aside.on){overflow: clip; touch-action: none;} #aside .cont{position: relative;} #aside .utility{position: relative;padding: 15px;display: flex;align-items: center;justify-content: space-between;gap: 15px;} #aside .logo{width: 53px;} #aside .close_btn{position: relative;width: 30px;aspect-ratio: auto 1;flex-shrink: 0;translate: 3px;} #aside .close_btn{&::before, &::after{position: absolute;content:'';width: 80%;height: 1px;background: var(--black-color03);top: 50%;left: 50%;translate: -50% -50%;rotate: 45deg;}} #aside .close_btn::after{rotate: -45deg;} #aside .top-sec{position: relative;} #aside .link-list{display: flex;gap: 10px;} #aside .more-arw{flex-direction: column-reverse;gap: 7px;min-width: auto;width: 100%;} #aside .tel{display: flex;align-items: center;justify-content: center;text-align: center;background: var(--point-color05);font-size: var(--text-20);font-weight: 700;font-family: var(--font-type02);letter-spacing: 0;color: var(--point-color01);padding: 6px 15px;} #aside .top-sec{position: relative;} #aside .top-sec{background: var(--point-color01);padding: 20px 15px;display: grid;gap: 10px;} #aside .gnb{position: relative;} #aside .gnb > li{position: relative;font-size: var(--text-22);font-weight: 600;border-bottom: 1px solid var(--border-color01);} #aside .gnb > li > a{position: relative;display: block;padding: 14px 15px;padding-right: 50px;} #aside .gnb > li:has(.dep02) > a{&::before, &::after{position: absolute;content:'';width: 18px;height: 1px;background: var(--black-color01);top: 50%;right: 15px;margin-top: -0.5px; transition: all 0.4s;}} #aside .gnb > li:has(.dep02) > a::after{width: 1px;height: 18px;margin-top: -9px;right: 23px;} #aside .gnb > li:has(.dep02) > a.on::after{opacity: 0;} #aside .gnb .dep02{display: none;} #aside .gnb .dep02 > li{background: var(--gray-bg01);font-size: 90%;font-weight: 400;} #aside .gnb .dep02 > li > a{display: block;padding: 14px 15px;box-shadow: 0 -1px 0 var(--border-color01);} #aside .sns-list{display: flex;justify-content: center;flex-wrap: wrap;gap: 10px;padding: 20px 15px;} #aside .sns-list a{display: flex;justify-content: center;flex-wrap: wrap;inline-size: 32px;aspect-ratio: auto 1;background: var(--point-color01);border-radius: 100%;padding: 8px;} /*─────────────────────────────────────────────────────────── Sub ───────────────────────────────────────────────────────────*/ /* 검색 */ #wrap .search-from{display: flex;align-items: center;justify-content: center;flex-wrap: wrap;gap: 15px;margin-bottom: var(--row-gap60);} #wrap .search-from .keywords-box{width: 100%;display: flex;justify-content: center;align-items: center;gap: 10px;} #wrap .search-from .inp-box{position: relative;width: min(461px, 100%);} #wrap .search-from [type="text"]{width: 100%;height: clamp(45px, 6.5vw, 60px);border-color: var(--point-color01);padding-right: clamp(30px, 4.5vw, 40px);} #wrap .search-from button{position: absolute;top: 0;right: 0;width: clamp(25px, 4.5vw, 40px);height: 100%;background: url('/images/search_i.svg') no-repeat right center / clamp(16px, 2.2vw, 20px) auto;font-size: 0;} /* 페이징 */ .pagination{display: flex;align-items: center;justify-content: center;text-align: center;flex-wrap: wrap;margin-top: var(--row-gap60);gap: clamp(8px, 1vw, 10px);} .pagination li{font-size: var(--text-16);color: var(--black-color08);} .pagination a{display: flex;align-items: center;justify-content: center;min-width: clamp(30px, 4.2vw, 40px);min-height: clamp(30px, 4.2vw, 40px);padding: 4px;} .pagination a.arw{font-size: 0;background: url('/images/pagination_last.svg') no-repeat center / auto clamp(8px, 1.2vw, 10px);padding: 0;border: 1px solid var(--border-color01);} .pagination a:is(.prev, .next){background-image: url('/images/pagination_prev.svg');} .pagination a.prev{margin-right: clamp(5px, 1vw, 10px);} .pagination a.next{margin-left: clamp(5px, 1vw, 10px);} .pagination a.first{margin-right:-5px;} .pagination a.last{margin-left:-5px;} .pagination a.disabled{display: none;} .pagination a.on{font-weight: 500;color: var(--point-white);background: var(--point-color01);} .pagination a.scale{scale: -1 -1;} /* 상세 */ .board-view{position:relative;} .board-view .title-desc{border-top: 1px solid var(--black-color01);border-bottom: 1px solid var(--border-color01);text-align: center;padding-block: clamp(25px, 3.5vw, 35px);display: grid;gap: clamp(20px, 3vw, 30px);} .board-view .title-desc dt{display: grid;gap: var(--row-gap15);font-size: var(--text-30);font-weight: 500;color: var(--black-color01);} .board-view .title-desc dt i{display: flex;align-items: center;justify-content: center;width: fit-content;margin-inline: auto;font-size: var(--text-17);font-weight: 600;color: var(--point-color02);line-height: 1.2;border: 1px solid var(--point-color02);padding: clamp(3px, 0.8vw, 6px) clamp(10px, 2vw, 20px);} .board-view .title-desc dt small{font-size: var(--text-20);font-weight: 400;color: var(--black-color06);} .board-view .title-desc dd{font-size: var(--text-16);color: var(--black-color08);} .board-view .v-cont{font-size: var(--text-16);font-weight: 400;color: var(--black-color03);padding-block: var(--row-gap50);line-height: 1.7;border-bottom: 1px solid var(--border-color01);min-height: 200px;} /* 서브 비주얼 */ .sub-visual{position:relative;min-height: clamp(560px,78vw,780px);padding-block: var(--row-gap160) var(--row-gap100);overflow:hidden;display:flex;align-items:center;color: var(--point-white); background: url('/images/sv_thumb.jpg') no-repeat center / cover;} .sub-visual video{position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover;} .sub-visual::before{position: absolute; content:''; inset: 0; background: rgb(0 0 0 / 38%); z-index: 1;} .sub-visual .w_custom{text-align:center;display:grid;gap:20px; z-index: 2;} .sub-visual .page-en{font-family:var(--font-type02);font-size:var(--text-14);letter-spacing: 0.3em;text-transform:uppercase;color:rgb(255 255 255/50%)} .sub-visual h2{font-size: var(--text-54);font-weight:700;color:var(--point-white);line-height: 1.2;} .sub-visual h3{font-size: var(--text-22);font-weight: 300;} body:has(.sv-price) .sub-visual{background-image: url('/images/sv_price.jpg');} body:has(.sv-location) .sub-visual{background-image: url('/images/sv_location.jpg');} body:has(.sv-director) .sub-visual{background-image: url('/images/sv_director.jpg');} body:has(.sv-banquet) .sub-visual{background-image: url('/images/sv_banquet.jpg');} body:has(.sv-partner) .sub-visual{background-image: url('/images/sv_partner.jpg');} body:has(.slug-free-board) .sub-visual{background-image: url('/images/sv_free.jpg');} /* 어바웃 */ .intro-sec{padding-bottom:var(--row-gap160);background:var(--point-white)} .intro-sec .inner{max-width:820px;margin-inline:auto;text-align:center} .intro-sec .body-txt{margin-top:var(--row-gap35);font-size:var(--text-18);color:var(--black-color06);line-height:2;text-align: center;} .intro-sec .body-txt + .body-txt{margin-top: var(--row-gap15);} .intro-sec .stress-txt{text-align:center;margin-top:var(--row-gap30);font-size:var(--text-30);font-weight:500;color:var(--point-color01);font-family:var(--font-type02);font-style:italic} .story-sec{padding-top:var(--row-gap160);} .story-sec.bg-warm{background:none} .story-row{display:flex;align-items:center;gap: var(--row-gap40) clamp(40px,6vw,100px);} .story-row.rev{flex-direction:row-reverse} .story-media{flex:1.1;overflow:hidden} .story-media .thumb{position:relative;width:100%;padding-top:67%;overflow:hidden;background:var(--point-color04)} .story-media .thumb img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform 0.7s ease} .story-media:hover .thumb img{transform:scale(1.04)} .story-txt{flex:0.9} .story-num{font-family:var(--font-type02);font-size:var(--text-17);font-weight:700;color:var(--point-color01);letter-spacing:0;display:block;margin-bottom:var(--row-gap20)} .story-title{font-size:var(--text-48);font-weight:500;color:var(--black-color01);line-height:1.4;letter-spacing:-0.05em;font-family:var(--font-type02);margin-bottom:var(--row-gap20)}.story-title strong{font-weight:700} .story-desc{display:flex;flex-direction:column;gap:clamp(12px,2vw,20px)} .story-desc p{font-size:var(--text-18);font-weight:400;color:var(--black-color03);line-height:1.6;letter-spacing:-0.05em} .spec-list{margin-top:var(--row-gap20);display:flex;flex-direction:column;gap: clamp(10px, 1.8vw, 18px);} .spec-list li{position: relative;font-size:var(--text-16);color:var(--black-color04);line-height:1.7;padding-left: clamp(12px, 1.8vw, 18px);} .spec-list li strong:first-child{display:inline;padding:0;border:none;background:none;color:var(--point-color01);font-weight:700;font-size:var(--text-16)} .spec-list li::before{content:"";position:absolute;left:0;top:0.85em;transform:translateY(-50%);width: clamp(3px, 0.6vw, 4px);aspect-ratio: auto 1;border-radius: 100%;background:#bbb}.spec-list li strong:first-child::after{content:" :"} .stats-sec{background:var(--point-color02);padding-block:var(--row-gap80)} .stats-inner{display:flex;align-items:stretch} .stat-item{flex:1;text-align:center;padding:var(--row-gap35) clamp(15px,2vw,30px);border-right:1px solid rgb(255 255 255/8%)} .stat-item:last-child{border-right:none} .stat-num{font-family:var(--font-type02);font-size:var(--text-60);font-weight:700;color:var(--point-color01);line-height:1;margin-bottom:clamp(8px,1.2vw,14px)} .stat-num small{font-size:55%;font-weight:400;letter-spacing:0} .stat-label{font-size:var(--text-15);font-weight:600;color:var(--point-white);margin-bottom:6px} .stat-desc{font-size:var(--text-13);color:rgb(255 255 255/40%);line-height:1.5} .feat-sec{padding-block:var(--row-gap120);background:var(--point-color06)} .feat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2px;margin-top:var(--row-gap60)} .feat-card{background:var(--point-white);padding:clamp(35px,4.5vw,55px) clamp(28px,3.5vw,44px);transition:box-shadow 0.3s} .feat-n{font-family:var(--font-type02);font-size:var(--text-14);color:var(--point-color01);letter-spacing:2px;display:block;margin-bottom:clamp(10px,1.5vw,16px)} .feat-card h3{font-size:var(--text-20);font-weight:600;color:var(--black-color01);margin-bottom:clamp(10px,1.5vw,16px)} .feat-card p{font-size:var(--text-15);color:var(--black-color06);line-height:1.8} .promise-sec{padding-block:var(--row-gap120);background:var(--point-white)} .promise-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(25px,4vw,60px);margin-top:var(--row-gap60)} .promise-item{text-align:center} .promise-ico{width:clamp(60px,7.5vw,80px);height:clamp(60px,7.5vw,80px);border:1px solid var(--point-color04);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto clamp(15px,2vw,22px);color:var(--point-color01);transition:0.3s} .promise-ico svg{width:clamp(24px,3vw,30px);height:auto} .promise-item:hover .promise-ico{background:var(--point-color01);border-color:var(--point-color01);color:var(--point-white)} .promise-item h3{font-size:var(--text-18);font-weight:600;color:var(--black-color01);margin-bottom:var(--row-gap10)} .promise-item p{font-size:var(--text-15);color:var(--black-color06);line-height:1.8} .history-sec{padding-block:var(--row-gap120);background:var(--point-color03)} .timeline{margin-top:var(--row-gap60);position:relative;padding-left:clamp(100px,12vw,150px)} .timeline::before{content:'';position:absolute;left:clamp(70px,9vw,110px);top:0;bottom:0;width:1px;background:var(--point-color04)} .tl-item{position:relative;margin-bottom:var(--row-gap50);padding-bottom:var(--row-gap50);border-bottom:1px solid var(--point-color04)} .tl-item:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none} .tl-year{position:absolute;left:calc(clamp(70px,9vw,110px)*-1);top:4px;font-family:var(--font-type02);font-size:var(--text-22);font-weight:700;color:var(--point-color01);text-align:right;width:calc(clamp(70px,9vw,110px) - 24px)} .tl-dot{position:absolute;left:calc(clamp(70px,9vw,110px)*-1 + clamp(70px,9vw,110px) - 18px);top:6px;width:10px;height:10px;border-radius:50%;background:var(--point-color01);border:2px solid var(--point-color03);box-shadow:0 0 0 1px var(--point-color01)} .tl-content h4{font-size:var(--text-20);font-weight:600;color:var(--black-color01);margin-bottom:var(--row-gap10)} .tl-content p{font-size:var(--text-15);color:var(--black-color06);line-height:1.8} .cta-sec{position:relative;padding-block:var(--row-gap120);text-align:center;overflow:hidden;} .cta-sec::after{content:"";position:absolute;inset:0;background:rgba(10,5,2,0.55);} .cta-sec .bg{position: absolute; inset: 0; overflow: hidden;} .cta-sec .bg img{width: 100%; height: 100%; object-fit: cover;} .cta-sec::before{content:'DINOZZE';position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-family:var(--font-type02);font-size:clamp(80px,18vw,220px);font-weight:700;color:rgb(255 255 255/3%);white-space:nowrap;pointer-events:none} .cta-sec .sec-title{position:relative;z-index:1;align-items:center} .cta-sec .sec-title h3{color:var(--point-white)}.cta-sec .sec-title h2 em{color:var(--point-white)!important} .cta-sec .body-txt{margin-top:var(--row-gap20);font-size:var(--text-22);color:rgb(255 255 255/70%);position:relative;z-index:1} .cta-btns{display:flex;gap:clamp(10px,1.5vw,16px);justify-content:center;margin-top:var(--row-gap50);position:relative;z-index:1} .cta-btn{display:inline-flex;align-items:center;justify-content:center;padding:clamp(14px,1.8vw,18px) clamp(30px,4vw,52px);font-size:var(--text-16);font-weight:600;transition:all 0.3s} .cta-btn--fill{background:var(--point-color01);color:var(--point-white);border:1px solid var(--point-color01)} .cta-btn--line{background:transparent;color:var(--point-white);border:1px solid rgb(255 255 255/30%)} .intro-movie-section{text-align:center;padding-block: var(--row-gap160);background-color:var(--point-color07)} .movie-video-wrap{width:100%;height:clamp(300px,62vw,740px);overflow:hidden;background:var(--point-color02);margin-bottom:clamp(20px,3vw,35px)} .movie-video-wrap video{width:100%;height:100%;object-fit:cover} .hashtag-container{display:flex;flex-wrap:wrap;justify-content:center;gap: clamp(3px, 1.2vw, 12px);max-width:950px;margin: var(--row-gap45) auto 0;} .hashtag-item{color:var(--point-color01);font-size:var(--text-17);font-weight:500;padding:4px 6px} @media (max-width:1023px) { .story-row{flex-wrap: wrap;} .story-media{flex: unset; width: 100%;} .story-txt{flex:unset;} } /* 웨딩홀 */ .hall-video-sec{background:var(--point-color03);padding-block:var(--row-gap160)} .hall-video-overlay .sec-title h3 .h3-line{display:block} .hall-video-overlay .body-txt{margin-top:var(--row-gap35);font-size:var(--text-18);font-weight:400;color:var(--black-color03);line-height:1.8;text-align:center} .spec-bar{display:flex;justify-content:center;gap:0;margin-top:var(--row-gap60);padding-top:0} .spec-bar .item{text-align:center;padding:0 clamp(40px,7vw,100px)} .spec-bar .item + .item{border-left:1px solid var(--point-color04)} .spec-bar .item .lbl{font-family:var(--font-type02);font-size:var(--text-13);color:var(--point-color01);letter-spacing:3px;text-transform:uppercase;display:block;margin-bottom:8px} .spec-bar .item .val{font-size:var(--text-24);font-weight:600;color:var(--black-color01)} @media (max-width:860px) { .spec-bar{flex-direction: column;} .spec-bar .item + .item{border:0;border-top: 1px solid var(--border-color01);margin-top: var(--row-gap40);padding-top: var(--row-gap40);} } .point-sec{padding-top:var(--row-gap160);} .point-sec.bg-warm{background:none} .point-sec.bg-white{background:none} .point-row{display:flex;align-items:center;gap: var(--row-gap40) clamp(40px,6vw,100px);} .point-row.rev{flex-direction:row-reverse} .point-media{flex:1.1;overflow:hidden} .point-thumb{position:relative;width:100%;padding-top:67%;overflow:hidden;background:var(--point-color04)} .point-thumb img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform 0.7s ease} .point-media:hover .point-thumb img{transform:scale(1.04)} .point-txt{flex:0.9} .point-idx{display:block;font-family:var(--font-type02);font-size:var(--text-17);font-weight:700;color:var(--point-color01);letter-spacing:0;margin-bottom:var(--row-gap20)} .point-title{color:var(--black-color01);letter-spacing:-0.05em;font-family:var(--font-type02);margin-bottom:var(--row-gap20)} .pt-main{display:block;font-size:var(--text-48);font-weight:600;line-height:1.3} .pt-sub{display:block;font-size:var(--text-22);font-weight:600;color:var(--black-color02);margin-top: clamp(20px, 3.2vw, 32px);padding-top: clamp(20px, 2.8vw, 28px);border-top:1px solid var(--point-color04);line-height:1.4}.point-title strong{font-weight:700} .point-desc{font-size:var(--text-18);font-weight:400;color:var(--black-color03);line-height:2.0;letter-spacing:-0.05em} @media (max-width:1023px) { .point-row{flex-wrap: wrap;} .point-media{flex: unset; width: 100%;} .point-txt{flex:unset;} } .gallery-sec{padding-block: var(--row-gap140); background: var(--point-color03);} .arthal-wrap{position: relative;max-width: 1650px;padding-inline: clamp(45px, 6.5vw, 65px);} .arthallSwiper{overflow: hidden;} .arthallSwiper .swiper-slide{position: relative;display: flex;flex-direction: column;gap:clamp(15px, 2vw, 20px);height: auto;} .arthallSwiper .thumb{position: relative;} .arthallSwiper .thumb img{position: relative;} .arthallSwiper .cont{position: relative;display: grid;gap: var(--row-gap20);} .arthallSwiper .desc{display: grid;gap: var(--row-gap15);} .arthallSwiper .desc dt{position: relative;font-size: var(--text-20);font-weight: 500;color: var(--black-color02);} .arthallSwiper .swiper-arw{position: absolute;top: 43%;left: 0;width: clamp(26px, 3.4vw, 34px);height: auto;margin: 0;background: none;color: var(--black-color10);translate: 0 -50%;} .arthallSwiper .swiper-arw::after{display:none;} .arthallSwiper .swiper-arw.next{left: auto;right: 0;} @media (max-width:1023px) { .arthal-wrap{padding-inline: 0;} .arthallSwiper{overflow: visible;} .arthallSwiper .swiper-arw{display: none;} } .facilities-sec{padding-block:var(--row-gap140)} .facilities-sec .sec-title{text-align:center;margin-bottom:var(--row-gap60)} .facilities-grid{display:grid;grid-template-columns:repeat(4,1fr);gap: var(--col-gap20);} .facility-card{position:relative;aspect-ratio:3/4;background:var(--point-color06,#c8bfb5);overflow:hidden} .facility-card img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0;transition:transform 0.5s ease} .facility-card:hover img{transform:scale(1.07)} .facility-card::after{content:"";position:absolute;bottom:0;left:0;right:0;height:65%;background:linear-gradient(to bottom,transparent,rgba(0,0,0,0.65));z-index:1}.facility-card .info{position:absolute;bottom:0;left:0;right:0;padding:clamp(20px,2.5vw,30px);color:#fff;text-align:center;z-index:2} .facility-card .info h3{font-size:var(--text-26);font-weight:500;margin-bottom:6px;letter-spacing:-0.02em} .facility-card .info p{font-size:var(--text-13);letter-spacing:3px;text-transform:uppercase;opacity:0.8;font-family:var(--font-type02)} @media (max-width:860px) { .facilities-grid{grid-template-columns:repeat(2,1fr);} } /* 가격 콘텐츠 */ .price-block{margin-bottom:0}.price-block+.price-block{margin-top:80px} .block-title{font-size:var(--text-26);font-weight:600;color:var(--black-color01);margin-bottom:var(--row-gap25);display:flex;align-items:center;gap:0} .block-title::before{content:"";display:inline-block;width:8px;height:8px;background:var(--point-color01);flex-shrink:0;margin-right:10px}.block-title .title-en{font-size:var(--text-17);font-weight:400;color:var(--point-color01);font-family:var(--font-type02);letter-spacing:0.05em;line-height:1;margin-left:24px}.sub-visual .sv-desc{font-size:var(--text-18);color:rgb(255 255 255/60%);line-height:1.7;letter-spacing:-0.02em} .price-table-wrap{width:100%;overflow-x:auto;border-top:2px solid var(--black-color01);border-bottom:1px solid var(--point-color04)} .price-table{width:100%;border-collapse:collapse;font-size:var(--text-16);min-width:540px} .price-table th, .price-table td{padding:clamp(12px,1.5vw,18px) clamp(14px,2vw,24px);line-height:1.6;vertical-align:middle} .price-table th:last-child, .price-table td:last-child{border-right:none} .price-table th{background:none;color:var(--black-color02);font-weight:600;font-size:var(--text-16);border-bottom:1px solid var(--black-color01)!important} .price-table td{color:var(--black-color05)} .price-table tbody :where(th, td){box-shadow: 1px 1px var(--point-color04);} .price-table tfoot :where(th, td){box-shadow: 1px -1px var(--point-color04);background: var(--point-color06);} .price-table tfoot .col-price{color: #b83a3a !important;} .col-cat{width:22%;font-weight:600;color:var(--black-color02)!important} .col-det{width:52%} .col-price{width:26%;text-align:center;font-weight:700;color:var(--point-color01)!important;font-family:var(--font-type02);font-size:var(--text-17);} .th-right{text-align:center!important} .col-det .note{font-size:var(--text-13);color:var(--black-color07);margin-top:4px;display:block} .price-table:has(col) :where(th, td){width: auto;} /* 위약금 박스 */ .legal-box{background:var(--point-color03);border:none;padding:clamp(24px,3.5vw,40px)} .legal-box h4{font-size:var(--text-20);font-weight:600;color:var(--black-color01);margin-bottom:var(--row-gap20);padding-bottom:14px;border-bottom:1px solid var(--point-color04)} .legal-list{display:flex;flex-direction:column;gap:var(--row-gap15)} .legal-list > li{font-size:var(--text-16);color:var(--black-color05);line-height:1.8;padding-left:16px;position:relative} .legal-list > li::before{content:'•';position:absolute;left:0;color:var(--point-color01);font-weight:700} .legal-list .red{color:#b83a3a;font-weight:600} .nested-list{margin-top:10px;display:flex;flex-direction:column;gap:6px;padding-left:4px} .nested-list li{font-size:var(--text-14);color:var(--black-color06);padding-left:38px;position:relative;line-height:1.7} .nested-list li::before{content:attr(data-num);position:absolute;left:0;top:3px;font-size:var(--text-12);font-weight:700;color:var(--point-white);background:var(--point-color01);width:24px;height:22px;display:flex;align-items:center;justify-content:center;line-height:1} /* CTA */ .price-cta{display:flex;justify-content:center;gap:clamp(10px,1.5vw,16px);margin-top:60px;padding:clamp(16px,2vw,24px) 0} @media print{ header, footer, nav, .sub-visual, .price-cta, .js-fade:not(.price-print-area){display:none!important} .price-print-area{display:block!important} body,main{padding:0!important;margin:0!important} } /* 오시는 길 */ .map-card{overflow:hidden;border:1px solid rgba(0,0,0,.08);background:var(--point-white)} .map-embed-wrap{width:100%;height:clamp(280px,38vw,500px);background:#e8e4de;overflow:hidden} #daumRoughmapContainer1783932622929{height:clamp(280px,38vw,500px)!important;overflow:hidden!important;max-height:500px} #daumRoughmapContainer1783932622929 .wrap_roughmap_bottom,#daumRoughmapContainer1783932622929 [class*="bottom"],#daumRoughmapContainer1783932622929 [class*="lnk"],#daumRoughmapContainer1783932622929 [class*="link"],#daumRoughmapContainer1783932622929 [class*="info"]{display:none!important;height:0!important;overflow:hidden!important} .map-embed-wrap .root_daum_roughmap{width:100%!important;height:100%!important} .map-embed-wrap .root_daum_roughmap *{width:100%!important;max-width:100%!important;height:100%!important} .map-info-bar{display:flex;align-items:center;background:var(--point-white);padding:clamp(28px,3.5vw,40px) clamp(32px,4vw,56px);gap: clamp(28px,4vw,52px);} .map-brand{display:flex;align-items:center;gap:14px;padding-right:clamp(28px,4vw,52px);border-right:1px solid var(--point-color04);flex-shrink:0} .map-brand-icon{flex-shrink:0;display:flex;align-items:center} .map-brand-icon img{height:76px;width:auto;display:block} .map-contacts{display:flex;align-items: center;justify-content: space-between;gap: 10px 15px;width: 100%;flex-wrap: wrap;} .map-contacts .item{display:flex;flex-direction:column;gap:10px;} .mc-row{display:flex;align-items:center;gap:12px;font-size:var(--text-17);color:var(--black-color05)} .mc-icon{flex-shrink:0;color:#fff;display:flex;align-items:center;justify-content:center;width:34px;height:34px;background:var(--point-color01);border:none} .sec-icon{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;background:var(--point-color01);color:#fff;flex-shrink:0;border-radius:0} .sec-icon svg{stroke:#fff;fill:none;color:#fff} .mc-label{font-weight:700;color:var(--black-color02);min-width:26px;font-size:var(--text-16)} .mc-val{color:var(--black-color05)} @media(max-width:860px){ .map-info-bar{flex-direction:column;align-items:flex-start;gap:20px}.map-brand{border-right:none;padding-right:0;padding-bottom:20px;border-bottom:1px solid var(--point-color04);width:100%} } @media(max-width:480px){ .map-embed-wrap{height:clamp(220px,55vw,300px)} } .transit-sec{padding-block:50px} .transit-sec h2, .bus-sec h2, .car-sec h2{font-size:var(--text-28);font-weight:700;color:var(--point-color02);margin-bottom:var(--row-gap40);display:flex;align-items:center;gap:16px} .transit-sec h2, .bus-sec h2, .car-sec h2{display:flex;align-items:center;gap:12px} .transit-sec h2 svg, .bus-sec h2 svg, .car-sec h2 svg{color:var(--point-color01);flex-shrink:0} .bus-sec{background:var(--point-color03);padding-block:var(--row-gap80)} .bus-sec h2{font-size:var(--text-28);font-weight:700;color:var(--point-color02);margin-bottom:var(--row-gap40)} .transit-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--row-gap30)} .transit-card{background:var(--point-white);padding:clamp(24px,3vw,36px);border:1px solid var(--point-color04)} .line-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;font-size:var(--text-14);font-weight:700;color:#fff;margin-bottom:0} .line-2{background:#00a84d} .line-5{background:#8b50a4} .line-bd{background:#f5a31a} .line-mid{background:#00a0e9} .transit-card h4{font-size:var(--text-18);font-weight:700;color:var(--point-color02);margin-bottom:10px} .transit-card p{font-size:17px;color:var(--black-color06);line-height:1.8} .bus-sec{padding-block:var(--row-gap80);background:var(--point-white)} .bus-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:var(--row-gap24)} .bus-card{border:1px solid rgba(0,0,0,.08);border-radius:4px;padding:clamp(20px,2.5vw,30px)} .bus-card .stop-name{font-size:var(--text-16);font-weight:700;color:var(--point-color01);margin-bottom:10px} .bus-card p{font-size:var(--text-14);color:var(--black-color06);line-height:1.8} .parking-note{margin-top:var(--row-gap30);padding:clamp(16px,2vw,24px);background:var(--point-color03);border-radius:4px;font-size:var(--text-15);color:var(--black-color05);line-height:1.8} .bus-detail{display:grid;grid-template-columns:1fr 1fr;gap: var(--col-gap25);} .bus-block{border:1px solid var(--point-color04);padding:clamp(20px,2.5vw,28px);background:var(--point-white)} .bus-block{border-top:1px solid var(--point-color04)!important} .bus-row{display:flex;gap:var(--row-gap40);flex-wrap:wrap} .bus-stop-group{flex:1;min-width:240px} .bus-stop-title{font-size:var(--text-18);font-weight:700;color:var(--point-color02);margin-bottom:18px;padding-bottom:16px;border-bottom:1px solid var(--point-color04);display:flex;align-items:center;justify-content:flex-start;gap:8px} .bus-stop-sub{font-size:var(--text-15);font-weight:400;color:#999;} .bus-stop-title span{font-weight:400;color:var(--black-color06)} .bus-line-row{display:flex;align-items:center;gap:10px;font-size:var(--text-16);color:var(--black-color05);margin-top:6px} .bus-tag{display:inline-flex;align-items:center;padding:4px 12px;font-size:var(--text-14);font-weight:700;color:#fff;white-space:nowrap} .tag-maeul{background:#4caf50} .tag-shuttle{background:#2196f3} .tag-airport{background:#ff9800} .tag-trunk{background:#3d7ebf} .tag-branch{background:#5a7a44} .bus-exit-row{display:flex;gap:var(--row-gap40);flex-wrap:wrap} .bus-exit-col{flex:1;min-width:240px} .bus-exit-list{font-size:var(--text-14);color:var(--black-color05);line-height:1.8;margin-bottom:10px} .bus-exit-list strong{color:var(--point-color02)} .transit-lines{margin-bottom:12px;display:flex;align-items:center;gap:8px;flex-wrap:wrap} .transit-desc{font-size:17px;font-weight:500;color:var(--black-color02);line-height:1.7;margin-bottom:20px} .transit-link a{font-size:var(--text-14);font-weight:600;color:var(--point-color01)} .photo-guide-btn{display:inline-flex;align-items:center;gap:8px;padding:13px 28px;background:#fff;color:#111;border:1px solid #111;font-size:var(--text-16);font-weight:600;border-radius:0;text-decoration:none;transition:opacity .2s} .photo-guide-btn:hover{opacity:.8} .photo-guide-btn svg{flex-shrink:0} .transit-url{font-size:var(--text-13);color:var(--black-color06);word-break:break-all} #dinozze-map{width:100%;height:100%} @media(max-width:860px){ .addr-box{flex-direction:column} .transit-grid{grid-template-columns:1fr} .bus-grid{grid-template-columns:1fr} } @media(max-width:480px){ .map-wrap{height:clamp(240px,55vw,320px)} .map-sec{padding-block:var(--row-gap50)} .transit-sec, .bus-sec{padding-block:50px} .transit-card, .bus-card{padding:var(--row-gap20)} .map-btn-wrap{flex-direction:column} .map-link-btn{justify-content:center} } .car-sec h2{font-size:var(--text-28);font-weight:700;color:var(--point-color02);margin-bottom:var(--row-gap40)} .car-sec .block-title{font-size:var(--text-20);font-weight:600;color:var(--black-color01);margin-bottom:var(--row-gap20);margin-top:var(--row-gap40);display:flex;align-items:center;gap:0} .car-sec .block-title::before{content:"";display:inline-block;width:8px;height:8px;background:var(--point-color01);flex-shrink:0;margin-right:10px} .car-sec .dir-item:first-child .block-title{margin-top:0} .dir-route{list-style:none;display:flex;flex-direction:column;gap:10px} .dir-list{display:grid;grid-template-columns:1fr 1fr;gap: var(--col-gap25);} .dir-group{border:1px solid var(--point-color04)}.dir-group-title{font-size:var(--text-18);font-weight:700;color:var(--point-color02);background:var(--point-color03);padding:24px;margin-bottom:0} .dir-item{padding:24px;background:var(--point-white)} .dir-route{list-style:none;background:transparent;padding:0;display:flex;flex-direction:column;gap:0;margin-top:12px} .dir-route li{font-size:var(--text-16);color:var(--black-color05);line-height:1.6;padding:16px 0;border-bottom:1px solid var(--point-color04);display:flex;align-items:center;gap:10px;} .dir-route li::before{content:"";display:inline-block;flex-shrink:0;width:4px;height:4px;border-radius:50%;background:#bbb;align-self:center} .dir-route li:last-child{border-bottom:none;padding-bottom:0} .dir-route li:first-child{padding-top:0} .loc-tab-bar{position:sticky;top:0;z-index:40;background:#fff;border-bottom:1px solid var(--point-color04)} .loc-tab-bar .w_custom{display:flex;gap:0;padding-block:0} .loc-tab-btn{flex:1;padding:18px 20px;font-size:var(--text-18);font-weight:600;color:var(--black-color05);border:none;background:none;cursor:pointer;border-bottom:3px solid transparent;transition:color 0.2s,border-color 0.2s;text-align:center} .loc-tab-btn:hover{color:var(--point-color01)} .loc-tab-btn.active{color:var(--point-color01);border-bottom-color:var(--point-color01)} @media (max-width:1023px) { .bus-detail, .dir-list{grid-template-columns: 1fr;} } /* 팝업 */ .layer-pop{position: fixed;inset: 0;background: rgb(0 0 0 / 60%);z-index: 200;overflow: hidden;overflow-y: auto; opacity: 0; pointer-events: none; transition: all 0.4s;} .layer-pop.on{opacity: 1; pointer-events: all;} body:has(.layer-pop.on){overflow: clip;} .layer-pop .w_custom{display: flex;flex-direction: column;align-items: center;justify-content: center;min-height: 100%;} .layer-pop .bnr-list{display: grid;gap: 15px;grid: auto / repeat(2, 1fr);padding-block: var(--row-gap50);} .layer-pop .bnr-list > li{display: flex;justify-content: center;} .layer-pop .close-btn{position: fixed;top: clamp(15px, 2vw ,20px);right: clamp(15px, 2vw ,20px);z-index: 2;width: 30px;aspect-ratio: auto 1;} .layer-pop .close-btn{&::before, &::after{position: absolute;content:'';width: 100%;height: 2px;background: var(--point-white);rotate: -45deg;top: 50%;left: 50%;translate: -50% -50%;}} .layer-pop .close-btn::after{rotate: 45deg;} @media (max-width:640px) { .layer-pop .bnr-list{grid: auto / repeat(1, 1fr);} } /* 연회 메뉴 레이어팝업 (2026-09-09) */ .menu-layer .w_custom{justify-content: flex-start;padding-block: clamp(50px, 7vw, 90px);} .menu-pop{width: 100%;max-width: 1100px;background: var(--point-white);padding: clamp(26px, 4vw, 50px) clamp(18px, 3.4vw, 46px) clamp(24px, 3.6vw, 44px);} .menu-pop__head{text-align: center;padding-bottom: clamp(18px, 2.6vw, 28px);border-bottom: 1px solid var(--point-color04);margin-bottom: clamp(24px, 3.4vw, 40px);} .menu-pop__head em{display: block;font-size: var(--text-17);font-weight: 700;color: var(--point-color01);font-family: var(--font-type02);letter-spacing: 0.12em;font-style: normal;} .menu-pop__head h3{font-size: var(--text-36);font-weight: 500;color: var(--black-color01);line-height: 1.3;letter-spacing: -0.05em;font-family: var(--font-type02);margin-top: 6px;} .menu-pop__en{display: block;font-size: var(--text-14);color: var(--black-color07);font-family: var(--font-type02);letter-spacing: 0.18em;margin-top: 6px;} .menu-pop__grid{display: grid;gap: clamp(30px, 4vw, 50px);} .menu-pop__grid.cols2{grid-template-columns: repeat(2, minmax(0, 1fr));} .menu-pop__grid .price-block+.price-block{margin-top: 0;} .menu-pop .block-title{margin-bottom: 6px;font-size: var(--text-24);} .menu-pop .block-title .title-price{font-size: var(--text-20);font-weight: 700;color: var(--point-color01);font-family: var(--font-type02);letter-spacing: 0;margin-left: 14px;} .menu-pop .course-sub{font-size: var(--text-15);color: var(--black-color07);letter-spacing: -0.03em;margin: 0 0 var(--row-gap15) 18px;} .menu-table{min-width: 0;font-size: var(--text-15);} .menu-table tbody th.col-cat{width: 1%;min-width: 130px;background: var(--point-color06);color: var(--black-color02);font-weight: 600;text-align: center;white-space: nowrap;border-bottom: 1px solid var(--point-color04) !important;} .menu-table tbody tr:last-child th.col-cat{border-bottom: 0 !important;} .menu-table tbody td.col-det{width: 100%;color: var(--black-color04);line-height: 1.75;} .menu-table .sub-cat{display: block;font-size: var(--text-15);font-weight: 700;color: var(--point-color01);margin-top: 10px;} .menu-table .sub-cat:first-child{margin-top: 0;} .menu-pop__grid.cols2 .menu-table tbody td.col-det{text-align: center;} .menu-pop__note{margin-top: clamp(18px, 2.6vw, 28px);display: flex;flex-wrap: wrap;gap: 4px clamp(16px, 2vw, 26px);} .menu-pop__note > li{position: relative;padding-left: 12px;font-size: var(--text-14);color: var(--black-color07);letter-spacing: -0.03em;} .menu-pop__note > li::before{content: "*";position: absolute;left: 0;top: 0;} @media (max-width:1023px) { .menu-pop__grid.cols2{grid-template-columns: 1fr;} } @media (max-width:640px) { .menu-table tbody th.col-cat{min-width: 78px;font-size: var(--text-14);} .menu-table th, .menu-table td{padding: 12px 10px;} } /* ===== 게시판 말머리(prefix) 탭 공통 — 사이트 톤 통일 20260910 ===== */ .bl-prefixes{justify-content:center;gap:8px;margin-bottom:clamp(28px,4vw,44px);} .bl-prefix-tab{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:0 clamp(16px,2.2vw,24px);border:1px solid var(--point-color05);border-radius:0;background:var(--point-white);font-family:var(--font-type01);font-size:var(--text-16);font-weight:500;color:var(--black-color05);letter-spacing:-0.02em;line-height:1;white-space:nowrap;transition:all 0.3s;} .bl-prefix-tab.is-active{background:var(--point-color01);border-color:var(--point-color01);color:var(--point-white);font-weight:600;} @media (hover:hover) and (pointer: fine){ .bl-prefix-tab:hover{background:var(--point-color06);border-color:var(--point-color01);color:var(--point-color01);} .bl-prefix-tab.is-active:hover{background:var(--point-color01);border-color:var(--point-color01);color:var(--point-white);} } @media (max-width:640px){ .bl-prefixes{gap:6px;} .bl-prefix-tab{min-height:36px;padding:0 13px;font-size:var(--text-14);} } /* ===== 20260918 추가: Point 영역 영상 / 신부대기실 반복 영상 / 한복 화보 레이어팝업 ===== */ .point-thumb video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;background:var(--point-color02)} .bride-room-movie{padding-block:clamp(40px,6vw,90px);background:var(--point-white)} .bride-room-movie .movie-video-wrap{height:auto;aspect-ratio:16/9;margin-bottom:0;background:#000} .bride-room-movie .movie-video-wrap video{width:100%;height:100%;object-fit:contain} .partner-gallery--zoom img{cursor:pointer;transition:transform .5s ease,opacity .3s ease} .partner-gallery--zoom img:focus-visible{outline:2px solid var(--point-color01);outline-offset:3px} @media (hover:hover) and (pointer:fine){ .partner-gallery--zoom img:hover{opacity:.9} } .hb-lightbox{position:fixed;inset:0;z-index:9999;display:none} .hb-lightbox.is-open{display:block} .hb-lightbox__dim{position:absolute;inset:0;background:rgb(0 0 0/82%)} .hb-lightbox__panel{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:clamp(40px,6vw,70px) clamp(12px,4vw,70px)} .hb-lightbox__close{position:absolute;top:clamp(10px,2vw,26px);right:clamp(10px,2vw,26px);width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:rgb(255 255 255/12%);border:0;color:#fff;cursor:pointer;transition:background .3s} .hb-lightbox__close:hover{background:rgb(255 255 255/28%)} .hb-lightbox__close svg{width:22px;height:22px} .hb-lightbox .hbSwiper{width:100%;max-width:1100px;margin-inline:auto;overflow:hidden} .hb-lightbox .hb-slide{display:flex;align-items:center;justify-content:center;height:min(78vh,860px)} .hb-lightbox .hb-slide img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain} .hb-lightbox .hb-arw{position:absolute;top:50%;transform:translateY(-50%);z-index:5;width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:rgb(255 255 255/12%);border:0;color:#fff;cursor:pointer;transition:background .3s} .hb-lightbox .hb-arw:hover{background:rgb(255 255 255/28%)} .hb-lightbox .hb-arw svg{width:26px;height:26px} .hb-lightbox .swiper-button-prev.hb-arw{left:0} .hb-lightbox .swiper-button-next.hb-arw{right:0} .hb-lightbox__count{position:absolute;left:50%;bottom:0;transform:translateX(-50%);z-index:5;color:#fff;font-size:var(--text-16);letter-spacing:.06em} body.hb-lock{overflow:hidden} @media (max-width:768px){ .hb-lightbox__panel{padding:60px 10px} .hb-lightbox .hb-slide{height:min(68vh,520px)} .hb-lightbox .hb-arw{width:38px;height:38px} .hb-lightbox .hb-arw svg{width:20px;height:20px} } /* ===== 20260918 추가: 메인 예식진행 모바일 슬라이드 / 인스타 모바일 3열 ===== */ .gallery-slide-m{position:relative} .gallery-slide-m .gm-nav{display:none} @media (max-width:640px){ .gallery-slide-m.is-slide{overflow:hidden} .gallery-slide-m.is-slide .gallery-list{display:flex!important;grid:none!important;gap:0!important} .gallery-slide-m.is-slide .gallery-list > li{flex:0 0 100%;width:100%;max-width:100%} .gallery-slide-m.is-slide .gm-nav{display:block} .gallery-slide-m .gm-arw{position:absolute;top:50%;transform:translateY(-50%);z-index:5;width:38px;height:38px;display:flex;align-items:center;justify-content:center;border:0;background:rgb(0 0 0/35%);color:#fff;cursor:pointer;transition:background .3s} .gallery-slide-m .gm-arw:hover{background:rgb(0 0 0/55%)} .gallery-slide-m .gm-arw svg{width:20px;height:20px} .gallery-slide-m .gm-prev{left:8px} .gallery-slide-m .gm-next{right:8px} .gallery-slide-m .gm-arw.swiper-button-disabled{opacity:.35} .gallery-type02.insta-grid .gallery-list{grid-template-columns:repeat(3,1fr)!important;gap:4px!important} } /* ===== 20260918 추가: 모바일 햄버거 메뉴(aside) 색상 조정 ===== */ #aside .top-sec{background:#333333;} #aside .top-sec .more-arw{background:#454545;border:1px solid rgb(255 255 255/20%);color:var(--point-white);} #aside .top-sec .more-arw::after{filter:var(--filter-white);} @media (hover:hover) and (pointer:fine){ #aside .top-sec .more-arw:hover{background:#5a5a5a;border-color:rgb(255 255 255/40%);color:var(--point-white);-webkit-text-stroke:0;} #aside .top-sec .more-arw:hover::after{filter:var(--filter-white);} } #aside .top-sec .tel{background:#EDEDED;color:#333333;} #aside .sns-list a{background:#333333;} /* ===== 20260918 추가: 이미지형 서브비주얼(영상 없는 페이지) 모바일/태블릿 높이 축소 ===== - 세로가 높으면 background:cover 때문에 원본 가로가 많이 잘리므로 높이를 낮춰 좌우 잘림 최소화 */ @media (max-width:1023px){ .sub-visual:not(:has(video)), body:has(.slug-lobby) .sub-visual, body:has(.slug-banquet-hall) .sub-visual{min-height:clamp(300px,42vw,430px);padding-block:clamp(95px,13vw,130px) clamp(30px,5vw,45px);} } @media (max-width:640px){ .sub-visual:not(:has(video)), body:has(.slug-lobby) .sub-visual, body:has(.slug-banquet-hall) .sub-visual{min-height:300px;padding-block:95px 30px;} .sub-visual:not(:has(video)) .w_custom, body:has(.slug-lobby) .sub-visual .w_custom, body:has(.slug-banquet-hall) .sub-visual .w_custom{gap:12px;} }