@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Baskervville:ital,wght@0,400..700;1,400..700&family=Noto+Sans+KR:wght@100..900&display=swap');

*{ list-style: none; margin: 0; padding: 0; border: 0; box-sizing: border-box; text-decoration: none; font-family: "Baskervville", "Noto Sans KR", sans-serif; font-weight: 400; line-height: 1; letter-spacing: -0.5px; color: #937b69;}
/**{ list-style: none; margin: 0; padding: 0; border: 0; box-sizing: border-box; text-decoration: none; font-family: "Bodoni Moda", "NanumGothic", sans-serif; font-weight: 400; line-height: 1; letter-spacing: -0.5px; color: #937b69;}*/
select::-ms-expand{ display: none;}
html{ overflow-y: scroll; width: 100%; height: 100%; background: #FFF;}
html.no_scroll{ overflow: hidden;}
body{ overflow: hidden; background: #FFF; -webkit-text-size-adjust: none;}
body.sub{ padding: 5rem 0 0 0;}
@media(max-width: 768px){
    html{ font-size: calc(100vw / 30);}
}


.modle_scrollbar::-webkit-scrollbar{ width: 4px; height: 4px; background: #FFF;}
.modle_scrollbar::-webkit-scrollbar-thumb{ background-color: #1E2725; border-radius: 0;}


.modle_max{ padding-right: 100px !important; padding-left: 100px !important;}
.modle_min{ margin: 0 auto; max-width: 1280px; width: 100%;}
@media(max-width: 1600px){
    .modle_max{ padding-right: 50px !important; padding-left: 50px !important;}
}
@media(max-width: 768px){
    .modle_max{ padding-right: 1.2rem !important; padding-left: 1.2rem !important;}
}


.modle_scroll_down{ display: flex; flex-direction: column; align-items: center; position: absolute; z-index: 100; left: calc(50% - 10px); top: calc(100vh - 80px); width: 30px; transition: all .5s;}
.modle_scroll_down .box{ display: flex; justify-content: center; align-items: center; position: relative; width: 20px; height: 30px; border-radius: 30px; border: 1px solid #FFF;}
.modle_scroll_down .box span{ display: block; width: 6px; height: 6px; border-radius: 50%; background: #FFF; animation: modle_scroll_down .8s infinite;}
.modle_scroll_down p{ margin: 5px 0 0 0; text-align: center; line-height: 1; font-size: 12px; color: #FFF; letter-spacing: 0; white-space: nowrap; transform: scale(0.8);}
.modle_scroll_down.black .box{ border-color: #937b69;}
.modle_scroll_down.black .box span{ background: #937b69;}
.modle_scroll_down.black p{ color: #937b69;}
body.scroll .modle_scroll_down{ opacity: 0;}
@keyframes modle_scroll_down{
    0%   { transform: translate(0,-5px); opacity: 1;}
    50%  { transform: translate(0,5px); opacity: .5;}
    100% { transform: translate(0,-5px); opacity: 1;}
}
@media(max-width: 768px){
    .modle_scroll_down{ display: none;}
}


.modle_video{ display: flex; justify-content: center; align-items: center; position: absolute; top: 0; right: 0; bottom: 0; left: 0;}
.modle_video video{ display: block; min-width: 100%; min-height: 100%; object-fit: cover;}
.modle_video .modle_video_wrap{ display: flex; justify-content: center; align-items: center; position: relative; padding-top: 56.25%; width: 100%;}
.modle_video iframe{ display: block; min-width: 100%; min-height: 100%; object-fit: cover;}
@media(max-width: 1600px){
    .modle_video .modle_video_wrap{}
}


/*su0711*/
/*.modle_video {*/
/*  position: relative;*/
/*  width: 100%;*/
/*  padding-top: 56.25%; !* 16:9 비율 *!*/
/*  overflow: hidden;*/
/*}*/
/*.modle_video iframe {*/
/*  position: absolute;*/
/*  top: 0;*/
/*  left: 0;*/
/*  width: 100% !important;*/
/*  height: 100% !important;*/
/*  border: 0;*/
/*}*/


.full_menu_btn{ display: none; flex-direction: column; align-items: center; position: fixed; z-index: 150; top: 25px; right: 50px; cursor: pointer;}
.full_menu_btn .icon{ position: relative; z-index: 10; width: 36px; height: 36px; transition: all .2s;}
.full_menu_btn .icon span{ display: block; position: absolute; width: 100%; height: 3px; background: #1E2725; transition: all .2s;}
.full_menu_btn .icon span:nth-child(1){ top: 4px;}
.full_menu_btn .icon span:nth-child(2){ top: calc(50% - 1.5px);}
.full_menu_btn .icon span:nth-child(3){ bottom: 4px;}
.full_menu_btn .txt{ height: 15px;}
.full_menu_btn .txt p{ overflow: hidden; display: flex; justify-content: center; align-items: flex-end; height: 15px; font-size: 12px; color: #1E2725; letter-spacing: 0; transition: all .2s;}
.full_menu_btn .txt p:nth-child(2){ height: 0; color: #FFF;}
.full_menu_btn.on .icon{ transform: translate(2px,0);}
.full_menu_btn.on .icon span{ background: #FFF !important;}
.full_menu_btn.on .icon span:nth-child(1){ top: 50%; transform: rotate(45deg) translate(-6.25%,-6.25%);}
.full_menu_btn.on .icon span:nth-child(2){ opacity: 0;}
.full_menu_btn.on .icon span:nth-child(3){ bottom: 50%; transform: rotate(-45deg) translate(-6.25%,-6.25%);}
.full_menu_btn.on .txt p{ color: #FFF !important;}
.full_menu_btn.on .txt p:nth-child(1){ height: 0;}
.full_menu_btn.on .txt p:nth-child(2){ height: 15px;}

body.home .full_menu_btn .icon span{ background: #FFF;}
body.home .full_menu_btn .txt p{ color: #FFF;}
body.home.scroll .full_menu_btn .icon span{ background: #1E2725;}
body.home.scroll .full_menu_btn .txt p{ color: #1E2725;}
@media(max-width: 1600px){
    .full_menu_btn{ display: flex;}
}
@media(max-width: 768px){
    .full_menu_btn{ top: 1.2rem; right: 1.2rem; cursor: pointer;}
    .full_menu_btn .icon{ width: 2rem; height: 2rem;}
    .full_menu_btn .icon span:nth-child(1){ top: 0.3rem;}
    .full_menu_btn .icon span:nth-child(3){ bottom: 0.3rem;}
    .full_menu_btn .txt{ height: 0.7rem;}
    .full_menu_btn .txt p{ height: 0.7rem; font-size: 0.6rem;}
    .full_menu_btn.on .icon{ transform: translate(0.1rem,0);}
    .full_menu_btn.on .txt p:nth-child(2){ height: 0.6rem;}
}


.full_menu{ overflow: auto; display: flex; justify-content: center; align-items: center; padding: 5rem 2rem; position: fixed; z-index: 140; top: 0; right: -100%; bottom: 0; left: 100%; background: #1E2725; transition: all .5s;}
.full_menu .menu{}
.full_menu .menu > ul{ display: grid; grid-gap: 2rem;}
.full_menu .menu > ul > li{ display: flex; flex-direction: column; align-items: center;}
.full_menu .menu > ul > li > a{ display: block; text-align: center;}
.full_menu .menu > ul > li > a p{ font-size: 0.9rem; color: #FFF;}
.full_menu .menu > ul > li > a span{ display: flex; justify-content: center; align-items: center; padding-top: 0.2rem; font-size: 2.4rem; color: #FFF;}
.full_menu .menu > ul > li > a span i{ margin: 0 -1.4rem 0 0.5rem; font-size: 1rem; color: #FFF; transition: all .2s;}
.full_menu .menu > ul > li.on > a span i{ transform: rotate(180deg);}
.full_menu .menu > ul > li ul{ display: none; text-align: center;  width: 100%;}
.full_menu .menu > ul > li ul li{ margin-top: 1.2rem;}
.full_menu .menu > ul > li ul li a{ display: flex; align-items: center; justify-content: center;}
.full_menu .menu > ul > li ul li a p{ font-size: 1rem; color: #FFF;}
.full_menu.on{ right: 0; left: 0;}
@media(max-width: 768px){
}


.header{ display: flex; justify-content: space-between; align-items: center; position: fixed; z-index: 100; top: 0; right: 0; left: 0; height: 100px; background: #FEFAF1; box-shadow: 0 1px 0 0 rgba(0 0 0/10%);}
.header:after{ content: ""; position: absolute; top: -101px; right: 0; left: 0; height: 100px; background: #FEFAF1; box-shadow: 0 1px 0 0 rgba(0 0 0/10%); transition: all .2s;}
.header .fl{ display: flex; align-items: center; grid-gap: 5px; position: relative; z-index: 10;}
.header .fr{ display: flex; align-items: center; grid-gap: 50px; position: relative; z-index: 10;}
.header .logo{ position: relative; height: 80px;}
.header .logo img{ display: block; height: 100%; transition: all .2s;}
.header .logo img:nth-child(1){ opacity: 0;}
.header .logo img:nth-child(2){ position: absolute; z-index: 1; top: 0; left: 0; opacity: 1;}
.header .sns{ display: flex; align-items: center; grid-gap: 5px; margin-left: 60px;}
.header .sns a{ display: flex; justify-content: center; align-items: center; width: 46px; height: 46px; cursor: pointer;}
/*.header .sns a{ display: flex; justify-content: center; align-items: center; width: 46px; height: 46px; border-radius: 30px; background: #1E2725; cursor: pointer;}*/
.header .sns a img{ display: block; height: 24px;}

.header .youtube_btn{ display: flex; justify-content: center; align-items: center; width: 46px; height: 46px; cursor: pointer;}
/*.header .booking_btn{ display: flex; justify-content: center; align-items: center; width: 46px; height: 46px; border-radius: 30px; background: #1E2725; cursor: pointer;}*/
.header .youtube_btn img{ display: block; height: 24px;}
.header .youtube_btn p{ display: none; font-size: 14px; color: #FFF; text-transform: uppercase;}

.header .booking_btn{ display: flex; justify-content: center; align-items: center; width: 46px; height: 46px; cursor: pointer;}
/*.header .booking_btn{ display: flex; justify-content: center; align-items: center; width: 46px; height: 46px; border-radius: 30px; background: #1E2725; cursor: pointer;}*/
.header .booking_btn img{ display: block; height: 24px;}
.header .booking_btn p{ display: none; font-size: 14px; color: #FFF; text-transform: uppercase;}

.header .menu{}
.header .menu > ul{ display: flex; justify-content: center; align-items: center; grid-gap: 70px;}
.header .menu > ul > li{ display: flex; align-items: center; position: relative;}
.header .menu > ul > li > a{ display: flex; align-items: center; position: relative; z-index: 10; height: 100px; cursor: pointer; transition: all .2s;}
.header .menu > ul > li > a p{ font-size: 16px; color: #937b69; transition: all .2s;}
.header .menu > ul > li > a i{ margin: 0 0 0 5px; font-size: 12px; color: #1E2725; transition: all .2s;}
.header .menu > ul > li ul{ position: absolute; z-index: 20; top: 50px; /*left: -30px;*/
  left: 50% ;
  transform: translateX(-50%);
  right: auto;
  text-align: center;
  padding: 0; height: 0; /*border-radius: 15px;*/ background: rgba(255, 255, 255, 0.5); box-shadow: 0 0 0 1px rgba(0 0 0/10%); opacity: 0; transition: all .2s;}
.header .menu > ul > li ul li{}
.header .menu > ul > li ul li a{ display: flex; align-items: center;
  justify-content: center;
  padding: 0 20px;
   overflow: hidden; padding: 0 30px; height: 0; opacity: 0; transition: all .2s;}
.header .menu > ul > li ul li a p{ font-family: "NanumGothic"; font-size: 14px; color: #937b69; text-transform: uppercase; white-space: nowrap; transition: all .2s;}

.header .menu > ul > li:hover > a p{font-weight: bold;}
.header .menu > ul > li:hover > a i{ transform: rotate(180deg);}
.header .menu > ul > li:hover > ul{ top: 70px; padding: 15px 0; height: auto; opacity: 1; }
.header .menu > ul > li:hover > ul li a{ height: 35px; opacity: 1;}
.header .menu > ul > li ul li a:hover{ background: rgba(0 0 0/10%);}
.header .menu > ul > li ul li a:hover p{ color: #937b69;}
.header .menu > ul > li.on > a p{}
.header .menu > ul > li.on > a i{}
.header .menu > ul > li ul li.on a p{ font-weight: 700; color: #FFF;}

.header .sns a img {content: url("/images/s_btn1.png");}
body.scroll .header .sns a img {content: url("/images/s_btn1_on.png");}
.header .youtube_btn img {content: url("/images/s_btn2.png");}
body.scroll .header .youtube_btn img {content: url("/images/s_btn2_on.png");}
.header .booking_btn img {content: url("/images/s_btn3.png");}
body.scroll .header .booking_btn img {content: url("/images/s_btn3_on.png");}

body.home .header{ background: none; box-shadow: none;}
body.home .header .logo img:nth-child(1){ opacity: 1;}
body.home .header .logo img:nth-child(2){ opacity: 0;}
body.home .header .menu > ul > li > a p{ font-size: 16px; color: #FFF;}
body.home .header .menu > ul > li > a i{ color: #FFF;}
body.home.scroll .header:after{ top: 0;}
body.scroll .header .logo img:nth-child(1){ opacity: 0;}
body.scroll .header .logo img:nth-child(2){ opacity: 1;}
body.scroll .header .menu > ul > li > a p{ color: #937b69;}
@media(max-width: 1600px){
    .header .fr{ padding-right: 66px;}
    .header .menu{ display: none;}

    .header .sns a img {display: none;}
    body.scroll .header .sns a img {display: none;}
    .header .youtube_btn img {display: none;}
    body.scroll .header .youtube_btn img {display: none;}
    .header .booking_btn img {display: none;}
    body.scroll .header .booking_btn img {display: none;}
}
@media(max-width: 768px){
    .header{ height: 5rem;}
    .header:after{ top: -5rem; height: 5rem;}
    .header .fr{ grid-gap: 0.6rem;}
    .header .fr{ grid-gap: 0.6rem; padding-right: 3rem;}
    .header .logo{ height: 4rem;}

    .header .sns{ display: flex; align-items: center; grid-gap: 0.5rem; margin-left: 1rem;}
    .header .sns a{ width: 2.2rem; height: 2.2rem; border-radius: 2.2rem;}
    .header .sns a img{ height: 1rem;}
    .header .booking_btn{ display: flex; justify-content: center; align-items: center; padding: 0; width: 2.2rem; height: 2.2rem; border-radius: 2.2rem;}
    .header .booking_btn img{ height: 1rem;}
    .header .booking_btn p{ display: none;}

    .header .sns a img {display: none;}
    body.scroll .header .sns a img {display: none;}
    .header .youtube_btn img {display: none;}
    body.scroll .header .youtube_btn img {display: none;}
    .header .booking_btn img {display: none;}
    body.scroll .header .booking_btn img {display: none;}

}


/*헤더 active 알약 */
.header .menu > ul > li.active > a{
  background: none;
}

/* 알약 본체 */
.header .menu > ul > li.active > a p{
  background: #a48e7e;
  color: #fff !important;

  padding: 10px 22px;    
  border-radius: 999px;

  line-height: 1;
  font-weight: 700;
}






.footer{ display: flex; flex-direction: column; align-items: center; grid-gap: 120px; padding: 120px 0 50px 0; background: #E9E1D4;}
.footer .logo{ display: block; height: 175px;}
.footer .logo img{ display: block; height: 100%; /*filter: grayscale(100%);*/}
.footer .info{ display: flex; flex-wrap: wrap; justify-content: center; grid-gap: 10px 20px; max-width: 900px;}
.footer .info p{ display: flex; align-items: center; grid-gap: 5px; font-size: 12px; font-family: "NanumGothic"; color: #937b69; letter-spacing: 1px;}
.footer .info p span{ font-weight: 500; color: #937b69; letter-spacing: 1px;}
.footer .info p.copy{ justify-content: center; width: 100%;}
@media(max-width: 1024px){
}
@media(max-width: 768px){
    .footer{ grid-gap: 6rem; padding: 6rem 0 3rem 0;}
    .footer .logo{ height: 10rem;}
    .footer .info{ grid-gap: 0.6rem 1.2rem;}
    .footer .info p{ grid-gap: 0.2rem; font-size: 0.85rem;}
}


.quick{ position: fixed; z-index: 120; right: 50px; bottom: 100px;}
.quick .scroll_top{ display: flex; flex-direction: column; justify-content: center; align-items: center; width: 60px; height: 60px; border-radius: 50%; background: #1E2725; transform: translate(120px,0); opacity: 0; transition: all .3s; cursor: pointer;}
.quick .scroll_top i{ font-size: 24px; color: #FFF;}
body.scroll .quick .scroll_top{ transform: translate(0,0); opacity: 1;}
@media(max-width: 768px){
    .quick{ right: 1.2rem; bottom: 3rem;}
    .quick .scroll_top{ width: 3rem; height: 3rem;}
    .quick .scroll_top i{ font-size: 1rem;}
}



.home_visual{ position: relative; z-index: 20; height: 100vh; background: #FFF;}
.home_visual .head{ position: absolute; z-index: 20; right: 0; bottom: 120px; left: 0;}
.home_visual .head .t1{ overflow: hidden; text-align: center; font-size: 20px; color: #FFF; transition: all .3s;font-family: "Presentation5","Noto Sans KR",sans-serif;}
.home_visual .head .t1 div{ color: #FFF;}
.home_visual .head .t1 b{ font-weight: 700; color: #FFF;}
.home_visual .head .t2{ overflow: hidden; margin-top: 20px; text-align: center; font-size: 80px; color: #FFF; transition: all .3s;}
.home_visual .head .t2 div{ color: #FFF;}
.home_visual .head .t2 b{ color: #FFF;}
.home_visual .rolling{ overflow: hidden; position: absolute; top: 0; right: 0; bottom: 0; left: 0;}
.home_visual .swiper-wrapper{}
.home_visual .swiper-wrapper .swiper-slide{}
.home_visual .wrap{ overflow: hidden; position: absolute; top: 0; right: 0; bottom: 0; left: 0;}
.home_visual .wrap .body{ overflow: hidden; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: #1E2725;}
.home_visual .wrap .body:before{ content: ""; display: block; position: absolute; z-index: 10; top: 0; right: 0; bottom: 0; left: 0; background: rgba(0 0 0/20%);}
.home_visual .wrap .body .img{ position: absolute; top: 0; right: 0; bottom: 0; left: 0; transform: scale(1.2); transition: all .2s;}

.home_visual.on .wrap .body .img{ opacity: 1; transform: scale(1); transition: all 10s;}

.home_visual_prev{ display: flex; justify-content: center; align-items: center; position: absolute; z-index: 50; top: calc(50% - 35px); left: 45px; width: 70px; height: 70px; border-radius: 50%; background: rgba(255 255 255/50%); transition: all .2s; cursor: pointer;}
.home_visual_prev i{ font-size: 24px; color: #937b69;}
.home_visual_next{ display: flex; justify-content: center; align-items: center; position: absolute; z-index: 50; top: calc(50% - 35px); right: 45px; width: 70px; height: 70px; border-radius: 50%; background: rgba(255 255 255/50%); transition: all .2s; cursor: pointer;}
.home_visual_next i{ font-size: 24px; color: #937b69;}
.home_visual_page{ display: flex; justify-content: center; align-items: center; grid-gap: 10px; position: absolute; z-index: 50; right: 0; left: 0; bottom: 350px !important; width: auto !important; height: 6px; pointer-events: auto;}
.home_visual_page span{ margin: 0 !important; width: 6px; height: 6px; border-radius: 4px; background: rgba(255 255 255/50%); opacity: 1; transition: all .2s; pointer-events: auto; cursor: pointer;}
.home_visual_page span.swiper-pagination-bullet-active{ width: 20px; background: #FFF;}
@media(max-width: 1600px){
    .home_visual_prev{ top: calc(50% - 25px); left: 40px; width: 50px; height: 50px;}
    .home_visual_prev i{ font-size: 18px;}
    .home_visual_next{ top: calc(50% - 25px); right: 40px; width: 50px; height: 50px;}
    .home_visual_next i{ font-size: 18px;}
}
@media(max-width: 1024px){
    .home_visual{ height: 90vh;}
    .home_visual .head .t1{ font-size: 17px;}
    .home_visual .head .t2{ font-size: 80px;}
    .home_visual_page{ bottom: 280px !important;}
}
@media(max-width: 768px){
    .home_visual{ height: 90vh;}
    .home_visual .head .t1{ font-size: 0.8rem;}
    .home_visual .head .t2{ margin-top: 0.5rem; line-height: 3.5rem; font-size: 3rem;}

    .home_visual_prev{ top: calc(50% - 1.2rem); left: 1.2rem; width: 2.4rem; height: 2.4rem;}
    .home_visual_prev i{ font-size: 1rem;}
    .home_visual_next{ top: calc(50% - 1.2rem); right: 1.2rem; width: 2.4rem; height: 2.4rem;}
    .home_visual_next i{ font-size: 1rem;}
    .home_visual_page{ grid-gap: 0.5rem; bottom: 3rem !important; width: auto !important;}
    .home_visual_page{ bottom: 14rem !important;}
}


.home_about{ overflow: hidden; position: relative; padding: 300px 0; background: #FEFAF1;}
.home_about .max{ display: flex; flex-direction: column; align-items: center; position: relative; margin: 0 auto; width: 700px;}
.home_about .max .img_tit{ display: block; position: relative; z-index: 10;}
.home_about .max .body{ position: relative; margin-top: -50px; width: 700px; height: 800px;}
.home_about .max .body .img{ position: absolute; top: 0; right: 0; bottom: 0; left: 0;}
.home_about .max .head{ margin-top: 20px;}
.home_about .max .head .t1{ font-size: 55px; color: #937b69; letter-spacing: -1px;}
.home_about .min{ width: 300px;}
.home_about .min .body{ position: relative; margin-top: -50px; height: 400px;}
.home_about .min .body .img{ position: absolute; top: 0; right: 0; bottom: 0; left: 0;}
.home_about .min .head{ margin-top: 10px;}
.home_about .min .head .t1{ font-size: 16px; color: #937b69;}
.home_about .min_l{ position: absolute; z-index: 20; top: 40%; left: 5%;}
.home_about .min_r{ position: absolute; z-index: 20; top: 30%; right: 5%;}
.home_about .min .body{margin-top: 160px;}
@media(max-width: 1800px){
    .home_about .max .img_tit{ width: 800px;}
    .home_about .min .body{margin-top: 115px;}
}
@media(max-width: 1600px){
    .home_about{ padding: 200px 0;}
    .home_about .max{ width: 400px;}
    .home_about .max .img_tit{ width: 500px;}
    .home_about .max .body{ margin-top: -30px; width: 400px; height: 500px;}
    .home_about .max .head .t1{ font-size: 32px;}
    .home_about .min{ width: 200px;}
    .home_about .min .body{ height: 260px; margin-top: 75px;}
    .home_about .min .head .t1{ font-size: 14px;}
}
@media(max-width: 1024px){
    .home_about .min_r{ top: 30%;}
}
@media(max-width: 768px){
    .home_about{ padding: 6rem 0;}
    .home_about .max{ width: 16rem;}
    .home_about .max .img_tit{ top: -2rem; width: 20rem;}
    .home_about .max .body{ height: 22rem;}
    .home_about .max .head{ margin-top: 0.6rem;}
    .home_about .max .head .t1{ font-size: 1.2rem;}
    .home_about .max .body{ margin-top: -3rem; width: 16rem; height: 20rem;}
    .home_about .min{ width: 4rem;}
    .home_about .min .body{ height: 5rem;}
    .home_about .min .head{ margin-top: 0.4rem;}
    .home_about .min .head .t1{ font-size: 0.5rem;}
    .home_about .min_l{ top: 80%;}
    .home_about .min_r{ top: 50%;}
}

/*home_about 덮기*/
.home_about{ display: flex; justify-content: center; align-items: flex-start; gap: 60px;}

/* 기존 absolute 배치 제거 */
.home_about .min_l,.home_about .min_r{ position: relative; top: auto; left: auto; right: auto;}

/* 배치 순서 재정의 */
.home_about .min_l{ order: 1; }
.home_about .max  { order: 2; }
.home_about .min_r{ order: 3; }

/* 기존 max/min의 margin:auto, 고정 width 영향 제거 */
.home_about .max,.home_about .min{ margin: 0; width: 420px; max-width: 100%;}

/* 이미지 영역 크기 통일 */
.home_about .max .body,.home_about .min .body{ width: 100%; height: auto; overflow: hidden; position: relative;}

/* 비율 통일(원하는 비율로 숫자만 조절) */
.home_about .max .body::before,.home_about .min .body::before{ content:""; display:block; padding-top: 120%;}

/* 실제 이미지/비디오가 꽉 차게 */
.home_about .max .body > .img,.home_about .min .body > .img,.home_about .max .body .modle_video,.home_about .min .body .modle_video{ position: absolute;  top: 0; left: 0; right: 0; bottom: 0;}




/* 반응형 */
@media (max-width: 1024px){
  .home_about{ flex-wrap: wrap; gap: 24px; }
  .home_about .max,
  .home_about .min{ width: calc((100% - 24px)/2); }
  .home_about .min .body{margin-top: 115px;}
}
@media (max-width: 768px){
  .home_about .max,
  .home_about .min{ width: 100%; }
}



.home_photo{ display: flex; padding: 300px 0 200px 0;}
.home_photo .head{}
.home_photo .head .t1{ overflow: hidden; /*padding-left: 50px;*/ font-size: 20px; color: #937b69;  font-family: "Presentation5","Noto Sans KR",sans-serif;}
.home_photo .head .t2{ overflow: hidden; margin-top: 10px; font-size: 50px; color: #937b69; font-family: "Baskerville", serif;}
.home_photo .head .t2 b{ padding-left: 50px; color: #937b69;}
.home_photo .list{ flex: 1; display: grid; grid-template-columns: repeat(4,1fr); grid-gap: 15px; margin-left: 40px;}
.home_photo .list .wrap{ position: relative; cursor: pointer;}
.home_photo .list .wrap:after{ content: ""; display: block; padding-top: 100%;}
.home_photo .list .wrap .img{ position: absolute; z-index: 10; top: 0; right: 0; bottom: 0; left: 0;}
@media(max-width: 1600px){
    .home_photo{ display: block;}
    .home_photo .head .t1{ font-size: 15px;}
    .home_photo .head .t2{ font-size: 30px;}
    .home_photo .list{ margin: 100px 0 0 0;}
}
@media(max-width: 1024px){
}
@media(max-width: 768px){
    .home_photo{ padding: 11rem 0 6rem 0;}
    .home_photo .head .t1{ padding-left: 1.6rem; font-size: 1rem;}
    .home_photo .head .t2{ margin-top: 0.5rem; font-size: 3rem;}
    .home_photo .head .t2 b{ padding-left: 1.6rem;}
    .home_photo .list{ grid-template-columns: repeat(3,1fr); grid-gap: 0.5rem; margin: 3rem 0 0 0;}
}


.home_room{ padding: 200px 0; background: #FEFAF1;}
.home_room > .head{}
.home_room > .head .t1{ overflow: hidden; line-height : 2.6;/*padding-left: 230px;*/ font-size: 20px; color: #937b69; text-align: center; font-family: "Presentation5","Noto Sans KR",sans-serif;}
.home_room > .head .t2{ overflow: hidden; margin-top: 10px; font-size: 50px; color: #937b69; text-align: center; font-family: "Baskerville", serif;}
.home_room .list{ display: grid; grid-template-columns: repeat(3,1fr); grid-gap: 100px; margin-top: 100px; position: relative;}
.home_room .list .wrap{}
/*.home_room .list .wrap:nth-child(1){ margin-top: 100px;}
.home_room .list .wrap:nth-child(2){}
.home_room .list .wrap:nth-child(3){ margin-top: 250px;}
.home_room .list .wrap:nth-child(4){ margin-top: -100px;}
.home_room .list .wrap:nth-child(5){ margin-top: -200px;}
.home_room .list .wrap:nth-child(6){ margin-top: 50px;}*/
.home_room .list .wrap:nth-child(1){}
.home_room .list .wrap:nth-child(2){}
.home_room .list .wrap:nth-child(3){}
.home_room .list .wrap:nth-child(4){}
.home_room .list .wrap:nth-child(5){}
.home_room .list .wrap:nth-child(6){}
.home_room .list .wrap:nth-child(7){display: none;}
.home_room .list .wrap a{ display: block;}
.home_room .list .wrap a .body{ overflow: hidden; position: relative; /*border-radius: 50px;*/}
.home_room .list .wrap a .body:after{ content: ""; display: block; padding-top: 120%;}
.home_room .list .wrap a .body .img{ position: absolute; z-index: 1; top: 0; right: 0; bottom: 0; left: 0;}
.home_room .list .wrap a .head{ margin-top: 20px; text-align: center;}
.home_room .list .wrap a .head .t1{ font-size: 40px; color: #937b69; text-align: left !important; font-family: "Baskerville", serif;}
.home_room .list .wrap a .head .t1 .sub{font-size:20px; color : #fff; margin-left:8px; opacity: 0.7; font-family: "Presentation5","Noto Sans KR",sans-serif;}
.home_room .list .wrap a .head .t2{ margin-top: 15px; font-size: 18px; color: #937b69; text-align: left !important; font-family: "Presentation4","Noto Sans KR",sans-serif; line-height: 1.95}
.home_room .list .wrap a .head .t3{ margin-top: 15px; font-size: 22px; color: #937b69;}
.home_room .list .wrap a .head .t4{ margin-top: 15px; font-size: 20px; color: #937b69;}

/* 세로 + 가로 라인 (grid-gap 고려 정확 버전) */
.home_room .list::before{
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 5;

  --line: rgba(255,255,255,.4);
  --gap: 100px;          /* grid-gap과 반드시 동일 */
  --cols: 3;             /* 컬럼 수 */
  --rows: 2;             /* 보여지는 행 수 */

  background:
    /* 세로 라인 2개 */
    linear-gradient(var(--line), var(--line)),
    linear-gradient(var(--line), var(--line)),

    /* 가로 라인 1개 */
    linear-gradient(to right, var(--line), var(--line));

  background-repeat: no-repeat;

  background-size:
    1px 100%,
    1px 100%,
    100% 1px;

  background-position:
    /* 세로 1 */
    calc(((100% - (var(--gap) * (var(--cols) - 1))) / var(--cols)) + (var(--gap) / 2)) 0,

    /* 세로 2 */
    calc((2 * ((100% - (var(--gap) * (var(--cols) - 1))) / var(--cols))) + (3 * var(--gap) / 2)) 0,

    /* 가로 */
    0 calc(((100% - var(--gap)) / var(--rows)) + (var(--gap) / 2));
}


@media(max-width: 1600px){
    .home_room > .head .t1{ /*padding-left: 140px;*/ font-size: 20px;}
    .home_room > .head .t2{ font-size: 50px;}
    .home_room .list{ grid-gap: 50px;}
    .home_room .list .wrap a .head .t1{ font-size: 25px;}
    .home_room .list .wrap a .head .t1 .sub{font-size:12px; color : #fff; margin-left:5px; opacity: 0.7; }
    .home_room .list .wrap a .head .t2{ margin-top: 10px; font-size: 14px;}
    .home_room .list .wrap a .head .t3{ margin-top: 10px; font-size: 18px;}
    .home_room .list .wrap a .head .t4{ margin-top: 10px; font-size: 16px;}
   
    .home_room .list::before{
    --gap: 50px;
  }
}
@media(max-width: 1024px){
}
@media(max-width: 768px){
    .home_room{ padding: 6rem 0;}
    .home_room > .head .t1{ /*padding-left: 5rem;*/ font-size: 1rem;}
    .home_room > .head .t2{ margin-top: 0.5rem; font-size: 3rem;}
    .home_room .list{ grid-template-columns: repeat(2,1fr); grid-gap: 3.2rem; margin-top: 3rem;}
    .home_room .list .wrap{}
    .home_room .list .wrap:nth-child(1){ }
    .home_room .list .wrap:nth-child(2){ }
    .home_room .list .wrap:nth-child(3){ }
    .home_room .list .wrap:nth-child(4){ }
    .home_room .list .wrap:nth-child(5){ }
    .home_room .list .wrap:nth-child(6){ }
    .home_room .list .wrap:nth-child(7){ display: none;}
    .home_room .list .wrap a .body{ border-radius: 2rem;}
    .home_room .list .wrap a .head{ margin-top: 1rem;}
    .home_room .list .wrap a .head .t1{ font-size: 1.4rem;}
    .home_room .list .wrap a .head .t1 .sub{font-size:0.8rem; color : #fff; margin-left:2px; opacity: 0.7; }
    .home_room .list .wrap a .head .t2{ margin-top: 0.5rem; font-size: 0.7rem;}
    .home_room .list .wrap a .head .t3{ margin-top: 0.5rem; font-size: 1rem;}
    .home_room .list .wrap a .head .t4{ margin-top: 0.5rem; font-size: 0.8rem;}

     .home_room .list::before{
    --gap: 1.2rem;
    --cols: 2;
    --rows: 3;

    background:
      /* 세로 */
      linear-gradient(var(--line), var(--line)),

      /* 가로 1 */
      linear-gradient(to right, var(--line), var(--line)),
      /* 가로 2 */
      linear-gradient(to right, var(--line), var(--line));

    background-repeat: no-repeat;

    background-size:
      1px 100%,
      100% 1px,
      100% 1px;

    background-position:
      /* 세로 */
      calc(((100% - var(--gap)) / 2) + (var(--gap) / 2)) 0,

      /* 가로 1 */
      0 calc(((100% - (2 * var(--gap))) / 3) + (var(--gap) / 2)),

      /* 가로 2 */
      0 calc((2 * ((100% - (2 * var(--gap))) / 3)) + (3 * var(--gap) / 2));
  }
}



.home_check{ padding: 200px 0;}
.home_check > .head{}
.home_check > .head .t1{ overflow: hidden; line-height : 2.6;/*padding-left: 230px;*/ font-size: 20px; color: #937b69; text-align: center;font-family: "Presentation5","Noto Sans KR",sans-serif;}
.home_check > .head .t2{ overflow: hidden; margin-top: 10px; font-size: 50px; color: #937b69; text-align: center; font-family: "Baskerville", serif;}
.home_check .list{ display: grid; grid-template-columns: repeat(3,1fr); grid-gap: 100px; margin-top: 100px;}
.home_check .list .wrap{}
.home_check .list .wrap:nth-child(1){}
.home_check .list .wrap:nth-child(2){}
.home_check .list .wrap:nth-child(3){}
.home_check .list .wrap:nth-child(4){}
.home_check .list .wrap:nth-child(5){}
.home_check .list .wrap:nth-child(6){}
.home_check .list .wrap a{ display: block;}
.home_check .list .wrap a .body{ overflow: hidden; position: relative; /*border-radius: 50px;*/}
.home_check .list .wrap a .body:after{ content: ""; display: block; padding-top: 120%;}
.home_check .list .wrap a .body .img{ position: absolute; z-index: 1; top: 0; right: 0; bottom: 0; left: 0;}
.home_check .list .wrap a .head{ margin-top: 20px; text-align: center;}
.home_check .list .wrap a .head .t1{ font-size: 30px; color: #937b69;text-align: left !important; font-family: "Baskerville", serif;}
.home_check .list .wrap a .head .t2{ margin-top: 15px; line-height: 1.4; font-size: 20px; color: #937b69;text-align: left !important; font-family: "Presentation4","Noto Sans KR",sans-serif;}
@media(max-width: 1600px){
    .home_check > .head .t1{ /*padding-left: 140px;*/ font-size: 20px;}
    .home_check > .head .t2{ font-size: 30px;}
    .home_check .list{ grid-gap: 50px;}
    .home_check .list .wrap a .head .t1{ font-size: 25px;}
    .home_check .list .wrap a .head .t2{ margin-top: 10px; font-size: 16px;}
    .home_check .list .wrap a .body{ width: 80%; }
}
@media(max-width: 1024px){
}
@media(max-width: 768px){
    .home_check{ padding: 6rem 0;}
    .home_check > .head .t1{ /*padding-left: 5rem;*/ font-size: 1rem;}
    .home_check > .head .t2{ margin-top: 0.5rem; font-size: 3rem;}
    .home_check .list{ display: grid; grid-template-columns: repeat(1,1fr); grid-gap: 0; margin-top: 3rem;}
    .home_check .list .wrap{}
    .home_check .list .wrap:nth-child(1){ margin-top: 0;}
    .home_check .list .wrap:nth-child(2){ margin-top: -3rem;}
    .home_check .list .wrap:nth-child(2) a{ flex-direction: row-reverse;}
    .home_check .list .wrap:nth-child(3){ margin-top: -3rem;}
    .home_check .list .wrap:nth-child(4){ margin-top: -3rem;}
    .home_check .list .wrap:nth-child(4) a{ flex-direction: row-reverse;}
    .home_check .list .wrap:nth-child(5){ margin-top: -3rem;}
    .home_check .list .wrap a{ display: flex; align-items: center; grid-gap: 1rem;}
    .home_check .list .wrap a .body{ width: 50%; border-radius: 2rem;}
    .home_check .list .wrap a .head{ margin-top: 0; width: 50%;}
    .home_check .list .wrap a .head .t1{ font-size: 1.5rem;}
    .home_check .list .wrap a .head .t2{ margin-top: 0.5rem; font-size: 1rem;}
}

/* ===== home_check slider (추가) ===== */
.home_check_slider{ position: relative; margin-top: 70px; overflow: visible; }
.home_check_slider .swiper-wrapper{ align-items: center; }

.home_check_slider .swiper-slide{
  width: 520px;              /* PC에서 카드 폭 */
  transition: transform .35s ease, opacity .35s ease;
  opacity: .45;
  transform: scale(.90);
}

.home_check_slider .swiper-slide-active{
  opacity: 1;
  transform: scale(1);
}

.home_check .wrap a{ display:block; }
.home_check .wrap .body{ position: relative; overflow: hidden; background:#000; }
.home_check .wrap .body:after{ content:""; display:block; padding-top: 100%; } /* 정사각형 */
.home_check .wrap .body .img{ position:absolute; inset:0; }

.home_check .wrap .hover_dim{
  position:absolute; inset:0;
  background: rgba(0,0,0,0);
  transition: .25s ease;
  z-index: 2;
}
.home_check .wrap .hover_title{
  position:absolute; left:50%; top:50%;
  transform: translate(-50%,-50%);
  font-family: "Baskerville", serif; /* 원하시면 Baskerville Light로 */
  font-size: 50px;
  color:#fff;
  letter-spacing: .5px;
  opacity: 0;
  transition: .25s ease;
  z-index: 3;
  white-space: nowrap;
}

.home_check .wrap:hover .hover_dim{ background: rgba(0,0,0,.60); }
.home_check .wrap:hover .hover_title{ opacity: 1; }

.home_check_prev, .home_check_next{
  position:absolute; top: 45%;
  width: 44px; height: 44px;
  z-index: 10;
  cursor: pointer;
}
.home_check_prev{ left: -70px; }
.home_check_next{ right: -70px; }

/* 화살표 모양(이미지/아이콘 쓰고 있으면 이 부분은 빼도 됨) */
.home_check_prev:before, .home_check_next:before{
  content:""; position:absolute; inset:0; margin:auto;
  width: 10px; height: 10px;
  border-top: 2px solid #937b69;
  border-right: 2px solid #937b69;
  transform: rotate(-135deg);
}
.home_check_next:before{ transform: rotate(45deg); }


@media (max-width: 1024px){
  .home_check_slider .swiper-slide{ width: 360px; }
  .home_check_prev{ left: -40px; }
  .home_check_next{ right: -40px; }
  .home_check .wrap .hover_title{font-size:30px;}
}
@media (max-width: 768px){
  .home_check_slider{ margin-top: 40px; }
  .home_check_slider .swiper-slide{ width: 78vw; }
  /*.home_check_prev, .home_check_next{ display:none; }*/
  .home_check_prev{ left: -10px; }
  .home_check_next{ right: -10px; }
  .home_check .wrap .hover_title{font-size:20px;}

}

/* ✅ 기존 home_check .list(grid) / 모바일 flex 카드 레이아웃 무력화 (필수) */
.home_check .list.home_check_slider{
  display:block !important;
  grid-template-columns: unset !important;
  grid-gap: 0 !important;
}

@media (max-width: 768px){
  .home_check .list.home_check_slider .wrap{
    margin-top: 0 !important;           /* nth-child 마진(-3rem 등) 무력화 */
  }
  .home_check .list.home_check_slider .wrap a{
    display:block !important;           /* 모바일에서 a를 flex로 바꾸는 기존 규칙 무력화 */
    grid-gap: 0 !important;
  }
  .home_check .list.home_check_slider .wrap a .body,
  .home_check .list.home_check_slider .wrap a .head{
    width:auto !important;
    margin-top: 1rem !important;
  }
}












.sub_about{ overflow: hidden; position: relative; /*padding: 300px 0 200px 0;*/ background: #FEFAF1;}
.sub_about .text{ text-align: center;  z-index: 20;}
.sub_about .text .t1{ overflow: hidden; font-size: 25px; color: #937b69;z-index: 20;position: relative;}
.sub_about .text .t2{ overflow: hidden; margin-top: 20px; font-size: 50px; color: #937b69;z-index: 20;position: relative;}
.sub_about .max{ position: relative; /*margin: 300px auto 0 auto; max-width: 1200px;*/ width: 100%;}
.sub_about .max .body{ overflow: hidden; position: relative; /*border-radius: 100px;*/}
.sub_about .max .body:after{ content: ""; display: block; padding-top: 70%;}
.sub_about .max .body .img{ position: absolute; z-index: 10; top: 0; right: 0; bottom: 0; left: 0;}
.sub_about .max .head{ margin-top: 20px;}
.sub_about .max .head .t1{ text-align: center; font-size: 55px; color: #937b69; letter-spacing: -1px;}
.sub_about .min{ width: 300px;}
.sub_about .min .body{ overflow: hidden; position: relative; /*border-radius: 40px;*/}
.sub_about .min .body:after{ content: ""; display: block; padding-top: 130%;}
.sub_about .min .body .img{ position: absolute; z-index: 10; top: 0; right: 0; bottom: 0; left: 0;}
.sub_about .min .head{ margin-top: 10px;}
.sub_about .min .head .t1{ text-align: center; font-size: 16px; color: #937b69;}
.sub_about .min_l{ position: absolute; z-index: 20; top: 20%; left: 5%;}
.sub_about .min_r{ position: absolute; z-index: 20; top: 10%; right: 5%;}
@media(max-width: 1600px){
    .sub_about .text .t1{ font-size: 20px;}
    .sub_about .text .t2{ font-size: 80px;}
    .sub_about .max{ /*margin: 200px auto 0 auto; max-width: 700px;*/}
    .sub_about .max .body{ /*border-radius: 80px;*/}
    .sub_about .min{ width: 200px;}
    .sub_about .min_l{ top: 25%;}
}
@media(max-width: 1024px){
    .sub_about .max{ /*margin: 100px auto 0 auto; max-width: 500px;*/}
    .sub_about .max .head .t1{ font-size: 40px;}
    .sub_about .min{ width: 120px;}
    .sub_about .min .body{ /*border-radius: 20px;*/}
    .sub_about .min .head .t1{ font-size: 10px;}
    .sub_about .min_l{ top: 40%;}
    .sub_about .min_r{ top: 20%;}
}
@media(max-width: 768px){
    .sub_about{ padding: 11rem 0 6rem 0;}
    .sub_about .text .t1{ font-size: 1rem;}
    .sub_about .text .t2{ margin-top: 1rem; font-size: 3rem;}
    .sub_about .max{ position: relative; /*margin: 6rem auto 0 auto; max-width: 17rem;*/}
    .sub_about .max .body{ /*border-radius: 2rem;*/}
    .sub_about .max .head{ margin-top: 1rem;}
    .sub_about .max .head .t1{ font-size: 1.4rem;}
    .sub_about .min{ width: 4rem;}
    .sub_about .min .body{ /*border-radius: 1rem;*/}
    .sub_about .min .head{ margin-top: 0.5rem;}
    .sub_about .min .head .t1{ font-size: 0.8rem;}
    .sub_about .min_l{ top: 45%; left: 1.2rem;}
    .sub_about .min_r{ top: 50%; right: 1.2rem;}
}

.sub_about_img{ overflow: hidden; display: flex; justify-content: flex-end; align-items: center; position: relative; height: 100vh; background: #FFF;}
.sub_about_img .tit1{ position: relative; z-index: 20; text-align: center; font-size: 50px; color: #FFF;font-family: "Baskerville", serif;}
.sub_about_img .tit2{ position: relative; z-index: 20; text-align: center; font-size: 20px; color: #FFF;font-family: "Presentation4","Noto Sans KR",sans-serif;}
.sub_about_img .img{ position: absolute; top: 0; right: 0; bottom: 0; left: 0; opacity: 0.8;}
.sub_about_img .head{ margin-top: 20px;}
.sub_about_img .head .t1{ text-align: center; font-size: 55px; color: #937b69; letter-spacing: -1px;}
@media(max-width: 1600px){
}
@media(max-width: 1024px){
    .sub_about_img .head .t1{ font-size: 40px;}
}
@media(max-width: 768px){
    .sub_about_img{ height: 80vh;}
    .sub_about_img .tit1{ margin-top: -400px;font-size: 1.5rem;}
    .sub_about_img .tit2{ margin-top: -400px;font-size: 1.5rem;}
    .sub_about_img .head{ margin-top: 1rem;}
    .sub_about_img .head .t1{ font-size: 1.4rem;}
}

/* sub_about_img: 텍스트를 이미지 위 정중앙으로 덮어쓰기 */
.sub_about_img{ position: relative; height: 100vh; overflow: hidden;}
.sub_about_img .img{ position: absolute; inset: 0; z-index: 1; opacity: 0.85;}
.sub_about_img::before{ content:""; position:absolute; inset:0; background: rgba(0,0,0,.20); z-index: 2;}
.sub_about_img .tit1,
.sub_about_img .tit2{ position: absolute; left: 50%; transform: translateX(-50%); z-index: 3; width: min(900px, calc(100% - 40px)); text-align: center; color: #fff !important;}
.sub_about_img .tit1{ top: 50%; transform: translate(-50%, -50%); font-size: clamp(34px, 3.2vw, 55px); line-height: 1.15; letter-spacing: -0.02em;}
.sub_about_img .tit2{ top: calc(50% + 55px); font-size: clamp(13px, 1.2vw, 20px); line-height: 2.6; opacity: .9;}
.sub_about_img .tit1{ top:45%; transform:translate(-50%,-50%); }
.sub_about_img .tit2{ top:calc(45% + 80px); }

/* 모바일 간격 조정 */
@media (max-width: 768px){
  .sub_about_img{ height: 80vh; }
  .sub_about_img .tit1{ top: 100%; transform: (-50%, -50%); }
  .sub_about_img .tit2{ top: calc(100% + 50px); }
}




.sub_about_img1{ overflow: hidden; display: relative; justify-content: flex-end; align-items: center; position: relative; height: 35vh; background: #FFFAF1;}
.sub_about_img1 .tit{ position: absolute; left: 50%; top: 40%; transform: translate(-50%, -50%); z-index: 20; font-family: "Baskerville", serif;
  width: min(1400px, calc(100% - 40px)); text-align: center;  color: #937b69 !important;
  font-size: clamp(32px, 3vw, 50px); line-height: 1.2; letter-spacing: -0.02em;
}
.sub_about_img1 .img{ position: absolute; top: 0; right: 0; bottom: 0; left: 0; opacity: 0.8;}
@media(max-width: 1600px){
}
@media(max-width: 1024px){
}
@media(max-width: 768px){
    .sub_about_img1{/* height: 80vh;*/}
    .sub_about_img1 .tit{ /*margin-top: -400px;*/font-size: 1.5rem;}
}


.sub_about_gallery{ /*padding-top: 300px;*/background: #FFFAF1; }
.sub_about_gallery .head{}
.sub_about_gallery .head .t1{ overflow: hidden; /*padding-left: 300px;*/margin-top: 20px; text-align: center; font-size: 25px; color: #937b69;font-family: "Presentation5","Noto Sans KR",sans-serif;}
.sub_about_gallery .head .t2{ overflow: hidden; text-align: center; margin-top: 0px; font-size: 50px; color: #937b69;font-family: "Baskerville", serif;}
.sub_about_gallery .head .t2 b{ padding-left: 150px;}
.sub_about_gallery .rolling{ overflow: hidden; position: relative; margin-top: 50px;}
.sub_about_gallery .rolling .swiper-slide{ position: relative; height: 80vh;}
.sub_about_gallery .rolling .swiper-slide .img{ position: absolute; top: 0; right: 0; bottom: 0; left: 0;}
.sub_about_gallery .control{}
.sub_about_gallery_prev{ display: flex; justify-content: center; align-items: center; position: absolute; z-index: 50; top: calc(50% - 35px); left: 45px; width: 70px; height: 70px; border-radius: 50%; background: rgba(255 255 255/50%); transition: all .2s; cursor: pointer;}
.sub_about_gallery_prev i{ font-size: 24px; color: #937b69;}
.sub_about_gallery_next{ display: flex; justify-content: center; align-items: center; position: absolute; z-index: 50; top: calc(50% - 35px); right: 45px; width: 70px; height: 70px; border-radius: 50%; background: rgba(255 255 255/50%); transition: all .2s; cursor: pointer;}
.sub_about_gallery_next i{ font-size: 24px; color: #937b69;}
.sub_about_gallery .swiper-scrollbar{ display: flex; align-items: center; position: absolute; z-index: 50; top: initial; right: initial; bottom: 50px; left: calc(50% - 25%); margin: 0; width: 50%; height: 2px; background: rgba(255 255 255/50%);}
.sub_about_gallery .swiper-scrollbar .swiper-scrollbar-drag{ height: 4px; background: #1E2725;}
@media(max-width: 1600px){
    .sub_about_gallery{ /*padding-top: 200px;*/}
    .sub_about_gallery .head .t2{ font-size: 30px;}
    .sub_about_gallery .rolling .swiper-slide{ height: 80vh;}
    .sub_about_gallery_prev{ top: calc(50% - 25px); left: 50px; width: 50px; height: 50px;}
    .sub_about_gallery_prev i{ font-size: 20px;}
    .sub_about_gallery_next{ top: calc(50% - 25px); right: 50px; width: 50px; height: 50px;}
    .sub_about_gallery_next i{ font-size: 20px;}
}
@media(max-width: 1024px){
    .sub_about_gallery .rolling .swiper-slide{ height: 40vh;}
}
@media(max-width: 768px){
    .sub_about_gallery{ /*padding-top: 6rem;*/}
    .sub_about_gallery .head .t1{ /*padding-left: 6rem;*/ font-size: 1rem;}
    .sub_about_gallery .head .t2{ margin-top: 0rem; font-size: 3rem;}
    .sub_about_gallery .head .t2 b{ padding-left: 4rem;}
    .sub_about_gallery .rolling{ margin-top: 2rem;}
    .sub_about_gallery .rolling .swiper-slide{ height: 30vh;}
    .sub_about_gallery_prev{ top: calc(50% - 1.2rem); left: 1.2rem; width: 2.4rem; height: 2.4rem;}
    .sub_about_gallery_prev i{ font-size: 1rem;}
    .sub_about_gallery_next{ top: calc(50% - 1.2rem); right: 1.2rem; width: 2.4rem; height: 2.4rem;}
    .sub_about_gallery_next i{ font-size: 1rem;}
    .sub_about_gallery .swiper-scrollbar{ bottom: 2rem; height: 1px;}
    .sub_about_gallery .swiper-scrollbar .swiper-scrollbar-drag{ height: 2px;}
}


.sub_about_contact{ padding-top: 200px; /*padding-bottom: 100px;*/background: #FFFAF1;}
.sub_about_contact .head{ display: flex; align-items: flex-end; grid-gap: 200px;}
.sub_about_contact .head .fl{}
.sub_about_contact .head .fl .t1{ padding-left: 150px; font-size: 25px; color: #937b69; font-family: "Presentation5","Noto Sans KR",sans-serif;}
.sub_about_contact .head .fl .t2{ padding-left: 150px; margin-top: 20px; font-size: 50px; color: #937b69;font-family: "Baskerville", serif;}
.sub_about_contact .head .fl .t2 b{/* padding-left: 150px;*/}
.sub_about_contact .head .info{ display: flex; grid-gap: 200px;}
.sub_about_contact .head .info .wrap{}
.sub_about_contact .head .info .wrap .tit{ font-size: 50px; color: #937b69;font-family: "Baskerville", serif;}
.sub_about_contact .head .info .wrap .txt{ margin-top: 20px; font-size: 25px; color: #937b69;font-family: "Presentation5","Noto Sans KR",sans-serif;}
.sub_about_contact .body .sub_map{ overflow: hidden; margin: 100px auto 0 auto; max-width: 1400px; width: 100%; height: 800px; /*border-radius: 130px;*/ background: #f0f0f0;}
.sub_about_contact .body .sub_map .root_daum_roughmap{ width: 100% !important; height: 100% !important;}
.sub_about_contact .body .sub_map .root_daum_roughmap .wrap_map{ height: calc(100% - 32px) !important;}
.sub_about_contact .body .sub_map .root_daum_roughmap .cont{ display: none;}
@media(max-width: 1800px){
    .sub_about_contact .head{ display: block;}
    .sub_about_contact .head .info{ grid-gap: 150px; margin-top: 100px;}
    .sub_about_contact .body .sub_map{ height: 600px; /*border-radius: 100px;*/}
}
@media(max-width: 1600px){
    .sub_about_contact{ padding-top: 200px;}
}
@media(max-width: 1024px){
}
@media(max-width: 768px){
    .sub_about_contact{ padding-top: 6rem; padding-bottom: 3rem;}
    .sub_about_contact .head .fl .t1{ padding-left: 0px; font-size: 1rem;}
    .sub_about_contact .head .fl .t2{ padding-left: 0px; margin-top: 1rem; font-size: 3rem;}
    .sub_about_contact .head .fl .t2 b{ }
    .sub_about_contact .head .info{ display: grid; grid-gap: 2rem; margin-top: 3rem;}
    .sub_about_contact .head .info .wrap .tit{ font-size: 1.2rem;}
    .sub_about_contact .head .info .wrap .txt{ margin-top: 0.5rem; font-size: 1rem;}
    .sub_about_contact .body .sub_map{ margin: 3rem auto 0 auto; height: 20rem; /*border-radius: 2rem;*/}
}




.sub_room_img{ overflow: hidden; display: flex; justify-content: flex-end; align-items: center; position: relative; height: 100vh; background: #FFF;}
.sub_room_img .t1{ position: relative; z-index: 20; text-align: center; font-size: 50px; color: #FFF;font-family: "Baskerville", serif;}
.sub_room_img .t2{ position: relative; z-index: 20; text-align: center; font-size: 20px; color: #FFF;font-family: "Presentation5","Noto Sans KR",sans-serif;}
.sub_room_img .img{ position: absolute; top: 0; right: 0; bottom: 0; left: 0; opacity: 0.8;}
.sub_room_img .head{ margin-top: 20px;}
.sub_room_img .head .t1{ text-align: center; font-size: 55px; color: #937b69; letter-spacing: -1px;}
@media(max-width: 1600px){
}
@media(max-width: 1024px){
    .sub_room_img .head .t1{ font-size: 40px;}
}
@media(max-width: 768px){
    .sub_room_img{ height: 80vh;}
    .sub_room_img .tit{ margin-top: -400px;font-size: 1.5rem;}
    .sub_room_img .head{ margin-top: 1rem;}
    .sub_room_img .head .t1{ font-size: 1.4rem;}
}

/* sub_room_img: 텍스트를 이미지 위 정중앙으로 덮어쓰기 */
.sub_room_img{ position: relative; height: 100vh; overflow: hidden;}
.sub_room_img .img{ position: absolute; inset: 0; z-index: 1; opacity: 0.85; }
.sub_room_img::before{ content:""; position:absolute; inset:0; background: rgba(0,0,0,.40); z-index: 2;}
.sub_room_img .t1,
.sub_room_img .t2{ position: absolute; left: 50%; transform: translateX(-50%); z-index: 3; width: min(1400px, calc(100% - 40px)); text-align: center; color: #fff !important;}
.sub_room_img .t1{ top: 50%; transform: translate(-50%, -50%); font-size: clamp(34px, 3.2vw, 50px); line-height: 1.15; letter-spacing: -0.02em;}
.sub_room_img .t2{ top: calc(50% + 55px); font-size: clamp(13px, 1.2vw, 20px); line-height: 2.6; opacity: .9;}
.sub_room_img .t1{ top:50%; transform:translate(-50%,-50%); }
.sub_room_img .t2{ top:calc(45% + 80px); }

/* 모바일 간격 조정 */
@media (max-width: 768px){
  .sub_room_img{ height: 80vh; }
  .sub_room_img .t2{ top: calc(50% + 38px); }
}



.sub_room_gallery{ padding-top: 150px; background: #FEFAF1;}
.sub_room_gallery .head{text-align: center; }
.sub_room_gallery .head .t1{ display: inline-flex; justify-content: center; align-items: center;
  padding: 18px 0; background: rgba(255,255,255,.92); border-radius: 999px; width: 100%; max-width: 1400px; margin: 0 auto;
  overflow: hidden; text-align: center; font-size: 50px; color: #937b69;line-height: 1;font-family: "Baskerville", serif;}
.sub_room_gallery .head .t2{ overflow: hidden; margin-top: 30px; text-align: center; font-size: 28px; color: #937b69;}
.sub_room_gallery > .body{ position: relative; margin-top: 100px;}
.sub_room_gallery > .body .rolling{ overflow: hidden; position: relative; margin: 0 auto; max-width: 1400px; /*border-radius: 100px;*/}
.sub_room_gallery > .body .rolling .swiper-slide{ display: flex; justify-content: center; align-items: flex-end; position: relative; height: 800px;}
.sub_room_gallery > .body .rolling .swiper-slide .body{ position: absolute; top: 0; right: 0; bottom: 0; left: 0;}
.sub_room_gallery > .body .rolling .swiper-slide .body .img{ position: absolute; top: 0; right: 0; bottom: 0; left: 0;}
.sub_room_gallery_prev{ display: flex; justify-content: center; align-items: center; position: absolute; z-index: 50; top: calc(50% - 35px); left: calc(50% - 790px); width: 70px; height: 70px; border-radius: 50%; /*background: rgba(217 217 217/ 80%);*/ transition: all .2s; cursor: pointer;}
.sub_room_gallery_prev i{ font-size: 24px; color: #937b69;}
.sub_room_gallery_next{ display: flex; justify-content: center; align-items: center; position: absolute; z-index: 50; top: calc(50% - 35px); right: calc(50% - 790px); width: 70px; height: 70px; border-radius: 50%; /*background: rgba(217 217 217/80%);*/ transition: all .2s; cursor: pointer;}
.sub_room_gallery_next i{ font-size: 24px; color: #937b69;}
.sub_room_gallery .swiper-scrollbar{ display: flex; align-items: center; position: absolute; z-index: 50; top: initial; bottom: 50px; left: calc(50% - 25%); margin: 0; width: 50%; height: 2px; background: rgba(255 255 255/50%);}
.sub_room_gallery .swiper-scrollbar .swiper-scrollbar-drag{ height: 4px; background: #1E2725;}
@media(max-width: 1600px){
    .sub_room_gallery > .body .rolling .swiper-slide{ height: 600px;}
    .sub_room_gallery_prev{ top: calc(50% - 25px); left: 50px; width: 50px; height: 50px;}
    .sub_room_gallery_prev i{ font-size: 20px;}
    .sub_room_gallery_next{ top: calc(50% - 25px); right: 50px; width: 50px; height: 50px;}
    .sub_room_gallery_next i{ font-size: 20px;}
}
@media(max-width: 1024px){
    .sub_room_gallery .head .t1{ font-size: 30px;}
    .sub_room_gallery > .body{ margin-top: 100px;}
    .sub_room_gallery > .body .rolling{ /*border-radius: 80px;*/}
    .sub_room_gallery > .body .rolling .swiper-slide{ height: 500px;}
}
@media(max-width: 768px){
    .sub_room_gallery{ padding-top: 11rem;}
    .sub_room_gallery .head .t1{ font-size: 1.6rem;}
    .sub_room_gallery .head .t2{ margin-top: 1rem; font-size: 1rem;}
    .sub_room_gallery > .body{ margin-top: 3rem;}
    .sub_room_gallery > .body .rolling{ /*border-radius: 2rem;*/}
    .sub_room_gallery > .body .rolling .swiper-slide{ height: 30vh;}
    .sub_room_gallery_prev{ top: calc(50% - 1.2rem); left: 1.2rem; width: 2.4rem; height: 2.4rem;}
    .sub_room_gallery_prev i{ font-size: 1rem;}
    .sub_room_gallery_next{ top: calc(50% - 1.2rem); right: 1.2rem; width: 2.4rem; height: 2.4rem;}
    .sub_room_gallery_next i{ font-size: 1rem;}
    .sub_room_gallery .swiper-scrollbar{ bottom: 2rem; height: 1px;}
    .sub_room_gallery .swiper-scrollbar .swiper-scrollbar-drag{ height: 2px;}
}


.sub_room_info{ position: relative; padding: 200px 0; background: #FEFAF1;}
.sub_room_info .ft{ display: flex; grid-gap: 50px; margin: 0 auto; max-width: 1400px; width: 100%;}
.sub_room_info .ft .fl{ width: 50%;}
.sub_room_info .ft .fl .t0{ font-size: 25px; color: #937b69; font-family: "Presentation5","Noto Sans KR",sans-serif;}
.sub_room_info .ft .fl .t1{ margin-top: 20px; font-size: 50px; color: #937b69;font-family: "Baskerville", serif;}
.sub_room_info .ft .fl .t2{ margin-top: 50px; line-height: 1.2; font-size: 30px; color: #937b69;font-family: "Baskerville", serif;}
.sub_room_info .ft .fr{ display: grid; grid-gap: 10px; width: 50%;}
.sub_room_info .ft .fr .wrap{ display: flex;}
.sub_room_info .ft .fr .wrap .tit{ flex: 0 0 65px; line-height: 1.6; font-size: 23px; color: #937b69;font-family: "Presentation5","Noto Sans KR",sans-serif; }
.sub_room_info .ft .fr .wrap .txt{ flex: 1; line-height: 1.6; font-size: 23px; color: #937b69;font-family: "Presentation4","Noto Sans KR",sans-serif;}
.sub_room_info .ft .fr .wrap .txt1{ flex: 1; line-height: 1.6; font-size: 23px; color: #937b69;font-family: "Presentation5","Noto Sans KR",sans-serif;}
.sub_room_info .ft .fr .wrap .tip{ flex: 1; line-height: 1.6; font-size: 23px; color: #937b69;font-family: "Presentation4","Noto Sans KR",sans-serif;}
.sub_room_info .fb{ display: flex; flex-direction: column; align-items: center; position: relative; margin: 200px auto 0 auto; width: 700px;}
.sub_room_info .fb .img_tit{ display: block; position: relative; z-index: 10;}
.sub_room_info .fb .body{ position: relative; margin-top: -40px; width: 100%; height: 800px;}
.sub_room_info .fb .body .img{ position: absolute; top: 0; right: 0; bottom: 0; left: 0;}
.sub_room_info .fb .head{ margin-top: 20px;}
.sub_room_info .fb .head .t1{ font-size: 55px; color: #937b69; letter-spacing: -1px;font-family: "Baskerville", serif;}
@media(max-width: 1600px){
    .sub_room_info .ft{ display: block;}
    .sub_room_info .ft .fl{ width: auto;}
    .sub_room_info .ft .fr{ margin-top: 50px; width: auto;}
    .sub_room_info .fb{ margin: 100px auto 0 auto; width: 400px;}
    .sub_room_info .fb .img_tit{ width: 500px;}
    .sub_room_info .fb .body{ height: 500px;}
    .sub_room_info .fb .head .t1{ font-size: 30px;}
}
@media(max-width: 1024px){
    .sub_room_info .contents{ display: block;}
    .sub_room_info .contents .fl{ width: auto;}
    .sub_room_info .contents .fr{ margin-top: 50px; width: auto;}
}
@media(max-width: 768px){
    .sub_room_info{ padding: 3rem 0 6rem 0;}
    .sub_room_info .ft .fl .t1{ font-size: 3rem;}
    .sub_room_info .ft .fl .t2{ margin-top: 1rem; font-size: 1rem;}
    .sub_room_info .ft .fr{ grid-gap: 0.6rem; margin-top: 3rem;}
    .sub_room_info .ft .fr .wrap .tit{ flex: 0 0 3rem; font-size: 1rem;}
    .sub_room_info .ft .fr .wrap .txt{ font-size: 1rem;}
    .sub_room_info .ft .fr .wrap .txt1{ font-size: 1rem;}
    .sub_room_info .ft .fr .wrap .tip{ font-size: 1rem;}

    .sub_room_info .fb{ margin: 3rem auto 0 auto; width: 18rem;}
    .sub_room_info .fb .img_tit{ width: 20rem;}
    .sub_room_info .fb .body{ margin-top: -1rem; height: 20rem;}
    .sub_room_info .fb .head{ margin-top: 1rem;}
    .sub_room_info .fb .head .t1{ font-size: 1.5rem;}
}


.sub_room{ position: relative; z-index: 20; padding: 300px 0;}
.sub_room > .head{}
.sub_room > .head .t1{ overflow: hidden; /*padding-left: 150px;*/ font-size: 20px; color: #937b69;font-family: "Presentation5","Noto Sans KR",sans-serif;}
.sub_room > .head .t2{ overflow: hidden; margin-top: 20px; font-size: 50px; color: #937b69;font-family: "Baskerville", serif;}
.sub_room > .head .t2 b{ /*padding-left: 100px;*/}
.sub_room .rolling{ margin-top: 100px;}
.sub_room .rolling .swiper-wrapper{}
.sub_room .rolling .swiper-slide{ width: auto;}
.sub_room .rolling .swiper-slide a{ display: flex; flex-direction: column; width: 500px;}
.sub_room .rolling .swiper-slide a .head{ display: flex; flex-direction: column-reverse; align-items: center; margin-top: 30px;}
.sub_room .rolling .swiper-slide a .head .t1{ margin-top: 15px; font-size: 30px; color: #937b69;font-family: "Presentation5","Noto Sans KR",sans-serif;}
.sub_room .rolling .swiper-slide a .head .t2{ font-size: 38px; color: #937b69;}
.sub_room .rolling .swiper-slide a .body{ overflow: hidden; position: relative; /*border-radius: 55px;*/}
.sub_room .rolling .swiper-slide a .body:after{ content: ""; display: block; padding-top: 120%;}
.sub_room .rolling .swiper-slide a .body .img{ position: absolute; z-index: 10; top: 0; right: 0; bottom: 0; left: 0;}
.sub_room .swiper-scrollbar{ display: flex; align-items: center; position: relative; z-index: 20; top: initial; bottom: initial; left: initial; margin: 100px auto 0 auto; max-width: 1280px; width: 100%; height: 2px; background: rgba(0 0 0/10%);}
.sub_room .swiper-scrollbar .swiper-scrollbar-drag{ height: 4px; background: #1E2725;}
@media(max-width: 1600px){
    .sub_room{ padding: 200px 0;}
    .sub_room > .head .t2{ font-size: 30px;}
    .sub_room .rolling .swiper-slide a{ width: 400px;}
}
@media(max-width: 1024px){
}
@media(max-width: 768px){
    .sub_room{ padding: 6rem 0;}
    .sub_room > .head .t1{  font-size: 1rem;}
    .sub_room > .head .t2{ margin-top: 0.5rem; font-size: 1.6rem;}
    .sub_room > .head .t2 b{ }
    .sub_room .rolling{ margin-top: 3rem;}
    .sub_room .rolling .swiper-slide a{ width: 10rem;}
    .sub_room .rolling .swiper-slide a .head{ margin-top: 1rem;}
    .sub_room .rolling .swiper-slide a .head .t1{ margin-top: 0.5rem; font-size: 1rem;}
    .sub_room .rolling .swiper-slide a .head .t2{ margin-top: 0.5rem; font-size: 1.2rem;}
    .sub_room .rolling .swiper-slide a .body{ margin-top: 1.5rem; height: 15rem; /*border-radius: 2rem;*/}
    .sub_room .swiper-scrollbar{ margin: 2rem 0 0 0; height: 1px;}
    .sub_room .swiper-scrollbar .swiper-scrollbar-drag{ height: 2px;}
}

.sub_room .rolling .swiper-slide a .body{
  position: relative;
  overflow: hidden;
}

/* 비율용 after는 맨 아래로 */
.sub_room .rolling .swiper-slide a .body:after{
  content: "";
  display: block;
  padding-top: 120%;
  position: relative;
  z-index: 1;
}

/* 이미지 */
.sub_room .rolling .swiper-slide a .body .img{
  position: absolute;
  inset: 0;
  z-index: 10;
}

/* 오버레이 */
.sub_room .rolling .swiper-slide a .body:before{
  content:"";
  position:absolute;
  inset:0;
  background: rgba(0,0,0,0);
  z-index: 20;
  transition: background .3s ease;
  pointer-events:none;
}

.sub_room .rolling .swiper-slide a:hover .body:before{
  background: rgba(0,0,0,.6);
}

/* 중앙 텍스트 (오버레이보다 위) */
.sub_room .rolling .swiper-slide a .body .hover-title{
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 30;

  color: #fff !important;
  font-size: 40px;
  line-height: 1.2;
  text-align: center;
  white-space: nowrap;

  opacity: 0;
  transition: opacity .3s ease;
  pointer-events:none;
  font-family: "Baskerville", serif;
}

.sub_room .rolling .swiper-slide a:hover .body .hover-title{
  opacity: 1;
}

@media (max-width: 768px){
  .sub_room .rolling .swiper-slide a .body .hover-title{
    font-size: 20px;      /* PC 40px → 모바일 20px */
    line-height: 1.2;
    white-space: normal; /* 줄바꿈 허용 (깨짐 방지) */
    max-width: 85%;      /* 화면 넘침 방지 */
  }

  .sub_room .rolling .swiper-slide a .body{
    border-radius: 2.2rem;
  }
}


.sub_special{ padding: 200px 0;}
.sub_special > .head{}
.sub_special > .head .t1{ overflow: hidden; /*padding-left: 230px;*/ font-size: 20px; color: #937b69; text-align: center;font-family: "Presentation5","Noto Sans KR",sans-serif;}
.sub_special > .head .t2{ overflow: hidden; margin-top: 10px; font-size: 50px; color: #937b69; text-align: center;font-family: "Baskerville", serif;}
.sub_special .list{ display: grid; grid-template-columns: repeat(3,1fr); grid-gap: 100px; margin-top: 100px;}
.sub_special .list .wrap{}
.sub_special .list .wrap:nth-child(1){}
.sub_special .list .wrap:nth-child(2){}
.sub_special .list .wrap:nth-child(3){}
.sub_special .list .wrap:nth-child(4){}
.sub_special .list .wrap:nth-child(5){}
.sub_special .list .wrap:nth-child(6){}
.sub_special .list .wrap a{ display: block;}
.sub_special .list .wrap a .body{ overflow: hidden; position: relative; /*border-radius: 50px;*/}
.sub_special .list .wrap a .body:after{ content: ""; display: block; padding-top: 120%;}
.sub_special .list .wrap a .body .img{ position: absolute; z-index: 1; top: 0; right: 0; bottom: 0; left: 0;}
.sub_special .list .wrap a .head{ margin-top: 20px; text-align: center;}
.sub_special .list .wrap a .head .t1{ font-size: 40px; color: #937b69;text-align: left !important;}
.sub_special .list .wrap a .head .t2{ margin-top: 15px; font-size: 20px; color: #937b69;text-align: left !important; line-height : 1.4;}
@media(max-width: 1600px){
    .sub_special > .head .t1{ /*padding-left: 140px;*/ font-size: 20px;}
    .sub_special > .head .t2{ font-size: 50px;}
    .sub_special .list{ grid-gap: 50px;}
    .sub_special .list .wrap a .head .t1{ font-size: 25px;}
    .sub_special .list .wrap a .head .t2{ margin-top: 10px; font-size: 16px;}
}
@media(max-width: 1024px){
}
@media(max-width: 768px){
    .sub_special{ padding: 6rem 0;}
    .sub_special > .head .t1{ /*padding-left: 5rem;*/ font-size: 1rem;}
    .sub_special > .head .t2{ margin-top: 0.5rem; font-size: 3rem;}
    .sub_special .list{ display: grid; grid-template-columns: repeat(1,1fr); grid-gap: 0; margin-top: 3rem;}
    .sub_special .list .wrap{}
    .sub_special .list .wrap:nth-child(1){ margin-top: 0;}
    .sub_special .list .wrap:nth-child(2){ margin-top: -3rem;}
    .sub_special .list .wrap:nth-child(2) a{ flex-direction: row-reverse;}
    .sub_special .list .wrap:nth-child(3){ margin-top: -3rem;}
    .sub_special .list .wrap:nth-child(4){ margin-top: -3rem;}
    .sub_special .list .wrap:nth-child(4) a{ flex-direction: row-reverse;}
    .sub_special .list .wrap:nth-child(5){ margin-top: -3rem;}
    .sub_special .list .wrap a{ display: flex; align-items: center; grid-gap: 1rem;}
    .sub_special .list .wrap a .body{ width: 50%; border-radius: 2rem;}
    .sub_special .list .wrap a .head{ margin-top: 0; width: 50%;}
    .sub_special .list .wrap a .head .t1{ font-size: 1.5rem;}
    .sub_special .list .wrap a .head .t2{ margin-top: 0.5rem; font-size: 1rem;}
}

/* ===== sub_special slider (추가) ===== */
.sub_special_slider{ position: relative; margin-top: 70px; overflow: visible; }
.sub_special_slider .swiper-wrapper{ align-items: center; }

.sub_special_slider .swiper-slide{
  width: 520px;              /* PC에서 카드 폭 */
  transition: transform .35s ease, opacity .35s ease;
  opacity: .45;
  transform: scale(.90);
}

.sub_special_slider .swiper-slide-active{
  opacity: 1;
  transform: scale(1);
}

.sub_special .wrap a{ display:block; }
.sub_special .wrap .body{ position: relative; overflow: hidden; background:#000; }
.sub_special .wrap .body:after{ content:""; display:block; padding-top: 100%; } /* 정사각형 */
.sub_special .wrap .body .img{ position:absolute; inset:0; }

.sub_special .wrap .hover_dim{
  position:absolute; inset:0;
  background: rgba(0,0,0,0);
  transition: .25s ease;
  z-index: 2;
}
.sub_special .wrap .hover_title{
  position:absolute; left:50%; top:50%;
  transform: translate(-50%,-50%);
  font-family: "Baskerville", serif; /* 원하시면 Baskerville Light로 */
  font-size: 50px;
  color:#fff;
  letter-spacing: .5px;
  opacity: 0;
  transition: .25s ease;
  z-index: 3;
  white-space: nowrap;
}

.sub_special .wrap:hover .hover_dim{ background: rgba(0,0,0,.60); }
.sub_special .wrap:hover .hover_title{ opacity: 1; }

.sub_special_prev, .sub_special_next{
  position:absolute; top: 45%;
  width: 44px; height: 44px;
  z-index: 10;
  cursor: pointer;
}
.sub_special_prev{ left: -70px; }
.sub_special_next{ right: -70px; }

/* 화살표 모양(이미지/아이콘 쓰고 있으면 이 부분은 빼도 됨) */
.sub_special_prev:before, .sub_special_next:before{
  content:""; position:absolute; inset:0; margin:auto;
  width: 10px; height: 10px;
  border-top: 2px solid #937b69;
  border-right: 2px solid #937b69;
  transform: rotate(-135deg);
}
.sub_special_next:before{ transform: rotate(45deg); }

@media (max-width: 1024px){
  .sub_special_slider .swiper-slide{ width: 360px; }
  .sub_special_prev{ left: -40px; }
  .sub_special_next{ right: -40px; }
  .sub_special .wrap .hover_title{font-size:30px;}
}
@media (max-width: 768px){
  .sub_special_slider{ margin-top: 40px; }
  .sub_special_slider .swiper-slide{ width: 78vw; }
  /*.sub_special_prev, .sub_special_next{ display:none; }*/
  .sub_special_prev{ left: -10px; }
  .sub_special_next{ right: -10px; }
  .sub_special .wrap .hover_title{font-size:20px;}

}

/* ✅ 기존 sub_special .list(grid) / 모바일 flex 카드 레이아웃 무력화 (필수) */
.sub_special .list.sub_special_slider{
  display:block !important;
  grid-template-columns: unset !important;
  grid-gap: 0 !important;
}

@media (max-width: 768px){
  .sub_special .list.sub_special_slider .wrap{
    margin-top: 0 !important;           /* nth-child 마진(-3rem 등) 무력화 */
  }
  .sub_special .list.sub_special_slider .wrap a{
    display:block !important;           /* 모바일에서 a를 flex로 바꾸는 기존 규칙 무력화 */
    grid-gap: 0 !important;
  }
  .sub_special .list.sub_special_slider .wrap a .body,
  .sub_special .list.sub_special_slider .wrap a .head{
    width:auto !important;
    margin-top: 1rem !important;
  }
}




.sub_reservation_head{ display: flex; justify-content: center; align-items: center; position: relative; height: 100vh;}
.sub_reservation_head .head{ position: relative; z-index: 10; text-align: center;}
.sub_reservation_head .head .t1{ font-size: 50px; margin-top: 30px; color: #FFF;font-family: "Baskerville", serif;}
.sub_reservation_head .head .t1 div{ color: #FFF;}
.sub_reservation_head .head .t2{ overflow: hidden; position: relative; z-index: 20; line-height: 2.6; font-size: 20px; color: #FFF;font-family: "Presentation5","Noto Sans KR",sans-serif;}
.sub_reservation_head .head .t2 div{ color: #FFF;}

.sub_reservation_head .body{ overflow: hidden; position: absolute; top: 0; right: 0; bottom: 0; left: 0;}
.sub_reservation_head .body:before{ content: ""; display: block; position: absolute; z-index: 1; top: 0; right: 0; bottom: 0; left: 0; background: rgba(0 0 0/20%);}
.sub_reservation_head .body .img{ position: absolute; top: 0; right: 0; bottom: 0; left: 0;}
@media(max-width: 1600px){
    .sub_reservation_head .head .t1{ font-size: 60px;}
}
@media(max-width: 1024px){
}
@media(max-width: 768px){
    .sub_reservation_head{ padding-top: 5rem; height: 60vh;}
    .sub_reservation_head .head .t1{ font-size: 2.4rem;}
}


.sub_reservation_menu{ display: flex; justify-content: center;}
.sub_reservation_menu ul{ display: flex; justify-content: center; grid-gap: 200px; padding: 40px 0; max-width: 1400px; width: 100%; border-bottom: 1px solid #909090;margin-bottom: 30px;}
.sub_reservation_menu ul li{ position: relative;}
.sub_reservation_menu ul li:before{ content: ""; display: block; position: absolute; top: calc(50% - 20px); right: -100px; width: 1px; height: 40px; background: #937b69;}
.sub_reservation_menu ul li:last-child:before{ display: none;}
.sub_reservation_menu ul li a{ display: flex; align-items: center; grid-gap: 20px; height: 100px;}
.sub_reservation_menu ul li a img{ display: block; max-width: 30px; max-height: 30px;}
.sub_reservation_menu ul li a p{ font-size: 25px; color: #937b69;font-family: "Presentation5","Noto Sans KR",sans-serif;}
.sub_reservation_menu ul li.on{}
.sub_reservation_menu ul li.on a{}
.sub_reservation_menu ul li.on a img{}
.sub_reservation_menu ul li.on a p{}
@media(max-width: 1600px){
}
@media(max-width: 1024px){
    .sub_reservation_menu ul{ grid-gap: 100px;}
    .sub_reservation_menu ul li:before{ right: -50px;}
}
@media(max-width: 768px){
    .sub_reservation_menu ul{ grid-gap: 3rem; padding: 2rem 0;}
    .sub_reservation_menu ul li:before{ top: calc(50% - 0.6rem); right: -1.5rem; width: 1px; height: 1.2rem;}
    .sub_reservation_menu ul li a{ grid-gap: 0.5rem; height: 3rem;}
    .sub_reservation_menu ul li a img{ max-width: 1.2rem; max-height: 1.2rem;}
    .sub_reservation_menu ul li a p{ font-size: 1.2rem;}
}


.sub_reservation_body{ display: flex; flex-direction: column; align-items: center;}
.sub_reservation_body .wrap{ padding: 100px 0; max-width: 1400px; width: 100%; border-bottom: 1px solid #909090;}
.sub_reservation_body .wrap:last-child{ border-bottom: 0;}
.sub_reservation_body .wrap .tit{ font-size: 50px; color: #937b69;font-family: "Baskerville", serif;}
.sub_reservation_body .wrap .t1{ margin-top: 40px; line-height: 1.2; font-size: 30px; color: #937b69;font-family: "Baskerville", serif;}
.sub_reservation_body .wrap .t2{ display: grid; grid-gap: 10px; margin-top: 40px;font-family: "Presentation5","Noto Sans KR",sans-serif;}
.sub_reservation_body .wrap .t2 p{ position: relative; padding-left: 15px; line-height: 1.4; font-size: 23px; color: #937b69;font-family: "Presentation5","Noto Sans KR",sans-serif;}
.sub_reservation_body .wrap .t2 p:before{ content: ""; display: block; position: absolute; top: 11px; left: 0; width: 4px; height: 4px; border-radius: 50%; background: #937b69;}
.sub_reservation_body .wrap .table{ overflow-x: auto; margin-top: 40px;}
.sub_reservation_body .wrap .table .scroll{ min-width: 1000px;}
.sub_reservation_body .wrap .table .head{ display: flex; padding: 0 0 0 1px;}
.sub_reservation_body .wrap .table .head .row{ width: 10%;}
.sub_reservation_body .wrap .table .head .row .border{ display: flex; justify-content: center; align-items: center; margin: 0 0 0 -1px; padding: 10px; height: 80px; border: 1px solid #bdbdbd;font-family: "Presentation5","Noto Sans KR",sans-serif;}
.sub_reservation_body .wrap .table .head .row .border p{ font-size: 16px; color: #937b69;font-family: "Presentation5","Noto Sans KR",sans-serif;}
.sub_reservation_body .wrap .table .body{ display: flex; margin: -1px 0 0 0; padding: 0 0 0 1px;}
.sub_reservation_body .wrap .table .body .row{ width: 10%;}
.sub_reservation_body .wrap .table .body .row .border{ display: flex; justify-content: center; align-items: center; margin: 0 0 0 -1px; padding: 10px; height: 80px; border: 1px solid #bdbdbd;font-family: "Presentation5","Noto Sans KR",sans-serif;}
.sub_reservation_body .wrap .table .body .row .border p{ font-size: 16px; color: #937b69;font-family: "Presentation5","Noto Sans KR",sans-serif;}
.sub_reservation_body .wrap .button{ display: flex; justify-content: center; align-items: center; margin-top: 80px; height: 80px; border-radius: 40px; background: #1E2725; cursor: pointer;}
.sub_reservation_body .wrap .button p{ font-size: 25px; color: #937b69;font-family: "Presentation5","Noto Sans KR",sans-serif;}
@media(max-width: 1600px){
}
@media(max-width: 1024px){
}
@media(max-width: 768px){
    .sub_reservation_body .wrap{ padding: 3rem 0;}
    .sub_reservation_body .wrap .tit{ font-size: 2.4rem;}
    .sub_reservation_body .wrap .t1{ margin-top: 2rem; font-size: 1rem;}
    .sub_reservation_body .wrap .t2{ grid-gap: 0.5rem; margin-top: 2rem;}
    .sub_reservation_body .wrap .t2 p{ padding-left: 1rem; font-size: 1rem;}
    .sub_reservation_body .wrap .t2 p:before{ top: 0.6rem; width: 0.3rem; height: 0.3rem;}
    .sub_reservation_body .wrap .table{ margin-top: 2rem;}
    .sub_reservation_body .wrap .table .head .row .border{ padding: 0.5rem; height: 4rem;}
    .sub_reservation_body .wrap .table .head .row .border p{ font-size: 1rem;}
    .sub_reservation_body .wrap .table .body .row .border{ padding: 0.5rem; height: 4rem;}
    .sub_reservation_body .wrap .table .body .row .border p{ font-size: 1rem;}
    .sub_reservation_body .wrap .button{ margin-top: 3rem; height: 4rem; border-radius: 3rem;}
    .sub_reservation_body .wrap .button p{ font-size: 1.2rem;}
}







.home_photo_popup{ display: none; justify-content: center; align-items: center; position: fixed; z-index: 200; top: 0; right: 0; bottom: 0; left: 0; padding: 50px; background: rgba(0 0 0/70%); backdrop-filter: blur(20px);}
.home_photo_popup .xi-close{ display: flex; justify-content: center; align-items: center; position: absolute; z-index: 30; top: 20px; right: 20px; width: 40px; height: 40px; border-radius: 50%; background: #F00; font-size: 14px; color: #FFF; cursor: pointer;}
.home_photo_popup .contents{ position: relative; z-index: 10; width: 100%;}
.home_photo_popup .contents .img{}
.home_photo_popup .contents .img .rolling{ overflow: hidden;}
.home_photo_popup .contents .img .rolling .swiper-wrapper{}
.home_photo_popup .contents .img .rolling .swiper-wrapper .swiper-slide{ display: flex; justify-content: center; align-items: center; height: 80vh;}
.home_photo_popup .contents .img .rolling .swiper-wrapper .swiper-slide img{ display: block; max-width: 100%; max-height: 100%;}

.home_photo_popup_prev{ display: flex; justify-content: center; align-items: center; position: absolute; z-index: 50; top: calc(50% - 35px); left: 20px; width: 70px; height: 70px; border-radius: 50%; background: rgba(255 255 255/50%); transition: all .2s; cursor: pointer;}
.home_photo_popup_prev i{ font-size: 24px; color: #FFF; transition: all .2s;}
.home_photo_popup_next{ display: flex; justify-content: center; align-items: center; position: absolute; z-index: 50; top: calc(50% - 35px); right: 20px; width: 70px; height: 70px; border-radius: 50%; background: rgba(255 255 255/50%); transition: all .2s; cursor: pointer;}
.home_photo_popup_next i{ font-size: 24px; color: #FFF; transition: all .2s;}

.home_photo_popup_pagination{ display: flex; justify-content: center; align-items: center; grid-gap: 0 5px; position: absolute; z-index: 10; top: initial; left: 0; right: 0; bottom: 0 !important; margin: 0; height: 40px; font-size: 14px; color: rgba(255 255 255/100%) !important; transition: all .2s;}
.home_photo_popup_pagination .swiper-pagination-current{ font-weight: 500; color: #FFF;}
.home_photo_popup_pagination .swiper-pagination-total{ color: rgba(255 255 255/60%);}

.home_photo_popup .close{ position: fixed; top: 0; right: 0; bottom: 0; left: 0; background: rgba(0 0 0/0.000001%) center/cover;}
.home_photo_popup.on{ display: flex;}
@media(max-width: 1600px){
}
@media(max-width: 1024px){
}
@media(max-width: 768px){
    .home_photo_popup{ padding: 1.2rem;}
    .home_photo_popup .xi-close{ top: 1.2rem; right: 1.2rem; width: 2.2rem; height: 2.2rem; font-size: 1rem;}
    .home_photo_popup .contents .img .rolling .swiper-wrapper .swiper-slide{ height: 70vh;}

    .home_photo_popup_prev{ top: calc(50% - 1.1rem); left: 1rem; width: 2.2rem; height: 2.2rem;}
    .home_photo_popup_prev i{ font-size: 1rem;}
    .home_photo_popup_next{ top: calc(50% - 1.1rem); right: 1rem; width: 2.2rem; height: 2.2rem;}
    .home_photo_popup_next i{ font-size: 1rem;}

    .home_photo_popup_pagination{ font-size: 1rem;}
}


.sub_travel_head{ display: flex; flex-direction: column; justify-content: center; align-items: center; position: relative; height: 100vh; text-align: center;}
.sub_travel_head .t1{ overflow: hidden; position: relative; z-index: 20; line-height: 2.6; font-size: 20px; color: #FFF;font-family: "Presentation5","Noto Sans KR",sans-serif;}
.sub_travel_head .t1 div{ color: #FFF;}
.sub_travel_head .t2{ overflow: hidden; position: relative; z-index: 20; margin-top: 30px; font-size: 50px; color: #FFF;font-family: "Baskerville", serif;}
.sub_travel_head .t2 div{ color: #FFF;}
.sub_travel_head .body{ overflow: hidden; position: absolute; top: 0; right: 0; bottom: 0; left: 0;}
.sub_travel_head .body:before{ content: ""; display: block; position: absolute; z-index: 1; top: 0; right: 0; bottom: 0; left: 0; background: rgba(0 0 0/30%);}
.sub_travel_head .body .img{ position: absolute; top: 0; right: 0; bottom: 0; left: 0;}
@media(max-width: 1600px){
    .sub_travel_head .t2{ font-size: 60px;}
}
@media(max-width: 1024px){
}
@media(max-width: 768px){
    .sub_travel_head{ height: 90vh;}
    .sub_travel_head .t1{ font-size: 1rem;}
    .sub_travel_head .t2{ margin-top: 1rem; font-size: 2.4rem;}
}


.sub_travel_list{ display: flex; flex-wrap: wrap; grid-gap: 50px 0; margin: 0 -25px; padding-bottom: 100px;}
.sub_travel_list .wrap{ padding: 0 25px; width: 50%;}
.sub_travel_list .wrap .img{ border-radius: 0 0 160px 0;}
.sub_travel_list .wrap .img:before{ content: ""; display: block; padding-top: 56.25%;}
.sub_travel_list .wrap .t1{ margin-top: 30px; text-align: center; font-size: 42px; color: #937b69;}
.sub_travel_list .wrap .t2{ margin-top: 15px; text-align: center; font-size: 22px; color: #937b69;}
.sub_travel_list .wrap .t3{ margin-top: 30px; text-align: center; line-height: 1.6; font-size: 18px; color: #937b69;}
@media(max-width: 1600px){
    .sub_travel_list .wrap{ width: 100%;}
}
@media(max-width: 768px){
    .sub_travel_list .wrap .img{ border-radius: 0 0 6rem 0;}
    .sub_travel_list .wrap .t1{ margin-top: 1.5rem; font-size: 2rem;}
    .sub_travel_list .wrap .t2{ margin-top: 1rem; font-size: 1.2rem;}
    .sub_travel_list .wrap .t3{ margin-top: 1.5rem; font-size: 1rem; letter-spacing: -1px;}
}

.digitalnow-plus-popup .today-close span{ color:white; }



.sub_communitiy { width: 100%; height: 100%; padding: 3% 0; }
.sub_communitiy .tabs { width: 100%; height: 100%; background: #fff; }
.sub_communitiy .tabs > ul { max-width: 300px; margin: 0 auto 2%; padding: 25px 0; overflow: hidden; }
.sub_communitiy .tabs > ul > li { float: left; width: 50%; }
.sub_communitiy .tabs > ul > li:last-child { border-left: 1px solid #ddd; }
.sub_communitiy .tabs > ul > li a { display: block; padding: 15px 0; text-align: center; font-size: 17px; }
.sub_communitiy .tabs > ul > li.active a { font-weight: bold; color: #937b69; }
.sub_communitiy .tabs .frame { position: relative; max-width: 1400px; margin: 0 auto 50px; }
.sub_communitiy  ul.snb { max-width: 1400px; margin: 0 auto 5%; padding: 0px 0; overflow: hidden; }
.sub_communitiy  ul.snb > li { float: left; width: calc(100% / 5); border-left: 1px solid #ddd; }
.sub_communitiy  ul.snb > li:first-child { border-left: 0 }
.sub_communitiy  ul.snb > li a { display: block; padding: 15px 0; text-align: center; font-size: 17px; }
.sub_communitiy  ul.snb > li.active a { font-weight: bold; color: #937b69; }
.sub_communitiy .tabs .frame { position: relative; max-width: 1400px; margin: 0 auto 50px; }

.sub_communitiy .tabs .board_tabs { max-width: 1400px; margin: 0 auto 5%; padding: 0px 0; overflow: hidden; margin-top:60px}
.sub_communitiy .tabs .board_tabs > li { float: left; width: calc(100% / 2); border-left: 1px solid #ddd; }
.sub_communitiy .tabs .board_tabs > li:first-child { border-left: 0 }
.sub_communitiy .tabs .board_tabs > li a { display: block; padding: 15px 0; text-align: center; font-size: 17px;font-family: "Presentation4","Noto Sans KR",sans-serif;  }
.sub_communitiy .tabs .board_tabs > li.active a { font-weight: bold; color: #937b69;font-family: "Presentation4","Noto Sans KR",sans-serif; }





/* ===== Community tab pill (공지사항/이벤트) ===== */
.sub_communitiy .tabs{
  background: #fff;
}

/* 탭 전체 래퍼 */
.sub_communitiy .tabs .board_tabs{
  max-width: 1400px;
  margin: 60px auto 40px;
  padding: 0 20px;
  overflow: visible;
  display: flex;
  gap: 18px;                 /* 두 알약 사이 간격 */
}

/* li 레이아웃(기존 float 무력화) */
.sub_communitiy .tabs .board_tabs > li{
  float: none !important;
  width: 50%;
  border-left: 0 !important;  /* 기존 세로 라인 제거 */
}

/* 알약 버튼 공통 */
.sub_communitiy .tabs .board_tabs > li a{
  display: flex;
  align-items: center;
  justify-content: center;

  height: 64px;              /* 캡처 느낌 높이 */
  border-radius: 999px;
  font-size: 20px;           /* 30pt 느낌 */
  line-height: 1;
  text-decoration: none;

  background: #fffaf1;       /* 비활성 배경 */
  color: rgba(147,123,105,.55); /* 비활성 글자 */
  font-weight: 400;          /* Presentation 4 Regular 느낌 */
}

/* 활성(공지사항) */
.sub_communitiy .tabs .board_tabs > li.active a{
  background: #a48e7e;       /* 활성 배경 */
  color: #fff;
  font-weight: 700;          /* Presentation 7 Bold 느낌 */
}

/* (선택) hover */
.sub_communitiy .tabs .board_tabs > li:not(.active) a:hover{
  color: rgba(147,123,105,.8);
}

/* 모바일 대응 */
@media (max-width: 768px){
  .sub_communitiy .tabs .board_tabs{
    margin: 40px auto 25px;
    gap: 12px;
  }
  .sub_communitiy .tabs .board_tabs > li a{
    height: 52px;
    font-size: 12px;
  }
}