:root {
  /* color */
  --color-black: #000;
  --color-white: #ffffff;

  /* font size */
  --font-s: 1.4rem;
  --font-sr: 1.6rem;
  --font-sb: 18px;
  --font-m: 2rem;
  
}
p{line-height: 1.5;}
html { font-size: 62.5%;  background-color: #222222;}
.p-obj{display: block;}
.m-obj{display: none;}
.s-mrt{margin-top: 10px;}
@media(max-width:1024px){
.p-obj{display: none;}
.m-obj{display: block;}
}

/*intro */

.intro {position: fixed;top: 0;left: 0;background-color: #000;width: 100%;height: 100%;z-index: 999999999999;overflow: hidden;transform-origin: left center; /* 왜곡 방향 기준 */}
.intro .intro-box{display: flex; justify-content: center; align-items: center; height: 100%;}
.intro .logo {opacity: 0;transition: opacity 1s ease;}
.intro .logo img{max-width:270px ;}
/*! header */
#header{position: absolute; top: 0; left: 0; width: 100%; display: flex; justify-content: center; z-index: 11111; padding: 60px 0;}
#header .header-wrap{display: flex; justify-content: space-between; width: 100%; max-width: 90%;  }
#header .header-wrap .nav {display: flex; align-items: center; gap: 40px; transition: 0.3s;}
#header .header-wrap .nav ul.hide{opacity: 0; visibility: hidden;}
#header .header-wrap .nav ul{display: flex; align-items: center; gap: 40px;}
#header .header-wrap .nav ul li a{color: #e0e0e0; font-weight: 300; font-size: var(--font-sr);}
#header .header-wrap .nav .menu{cursor: pointer; height: 20px; cursor: pointer; width: 30px;}
#header .header-wrap .nav .menu{position: relative;}
#header .header-wrap .nav .menu span{position: absolute; left: 0; width: 30px;height: 2px; background-color: #fff; transition: 0.3s;}
#header .header-wrap .nav .menu .line1{top: 0;}
#header .header-wrap .nav .menu .line2{top: 50%;}
#header .header-wrap .nav .menu .line3{top: 100%; }
#header .header-wrap .nav .menu.active .line2{opacity: 0; visibility: hidden;}
#header .header-wrap .nav .menu.active .line1{top: 50%; transform: rotate(45deg);}
#header .header-wrap .nav .menu.active .line3{top: 50%;transform: rotate(-45deg);}
.gnb-fix{position: fixed; left: 50%; bottom: 40px; transform: translateX(-50%); z-index: 11; padding:20px 45px; background-color: #111111; border-radius: 8px;}

.gnb-fix ul{display: flex; gap: 25px; align-items: center;}
.gnb-fix ul li{color: #fff;  font-size: var(--font-s); cursor: pointer;}
.gnb-fix ul li:first-child {font-size: var(--font-m);}
.gnb-fix ul li:nth-child(2),.gnb-fix ul li:last-child a{font-family: 'Lato';  font-weight: 400;}
.gnb-fix-menu{position: fixed; bottom:-100%; left: 50%;transform: translate(-50%); z-index: 11111; font-size: 1.4rem; max-width: 300px; width: 100%; opacity: 0; visibility: hidden; transition: 0.6s;background-color: #111;  padding:30px 30px 80px 30px; box-sizing: border-box; border-radius: 8px 8px 0 0 ; }
.gnb-fix-menu.active{opacity: 1; visibility: visible; bottom: 80px;}
.gnb-fix-menu > ul > li{ color: #fff; text-align: center; padding: 30px 0; box-sizing: border-box; font-weight: 300; border-bottom: 1px solid rgba(255,255,255,0.2);}
.gnb-fix-menu > ul > li > a{display: flex; justify-content: space-between; align-items: center; font-size: var(--font-sr); width: 100%; font-size: var(--font-m); }
.gnb-fix-menu > ul > li > a span{color: #939393; font-size:var(--font-s);font-family: 'Lato'; font-weight: 400;}
.gnb-fix-menu > ul > li:hover h5,.gnb-fix-menu > ul > li:hover a{font-weight: 400;}
.gnb-fix-menu > ul > li:hover small{text-decoration:underline;text-underline-offset : 5px; text-decoration-thickness:0.5px}
.gnb-fix-menu .gnb-fix-close{color: #939393; cursor: pointer; font-family: 'Lato';text-align: right; margin-bottom: 100px;}

@media(max-width:1024px){
    .intro .logo img{max-width: 170px;}
    .gnb-fix-menu{max-width: 261px;}
    .gnb-fix-menu.active{bottom: 60px; border-radius: 8px 8px 0 0;}
    .gnb-fix-menu > ul > li > a{font-size: 16px;}
    .gnb-fix{bottom: 20px; padding: 15px 25px;}
    .gnb-fix-menu{padding: 40px 20px;}
    .gnb-fix-menu > ul > li{padding: 20px 0;}
}
.menu-secreen{position: fixed; top: 0;left: 0%; width: 100%; height: 100%; background-color: #000; z-index: 1111; opacity: 0; visibility:hidden; transition: 0.5s;}
.menu-secreen.active{ opacity: 1; visibility: visible;}
.menu-secreen .secreen-box{width: 100%;height: 100%;display: flex;justify-content: center;align-items: center;}
.menu-secreen .secreen-box ul li {color: #fff; text-align: center; padding: 20px;}
.menu-secreen .secreen-box ul li > ul{margin-top: 20px;}
.menu-secreen .secreen-box ul li > ul li{padding: 15px 0; color: #939393; }
.menu-secreen .secreen-box ul li > ul li a{font-size: var(--font-sr);}
.menu-secreen .secreen-box ul li a{font-size: var(--font-m);}

    
@media(max-width:1024px){
    .menu-secreen .secreen-box ul li > ul li{padding: 10px 0;}
  #header{padding: 20px 0;}
  #header .logo img{max-width: 120px;}
  #header .header-wrap .nav ul{display: none} 
  .gnb-fix ul li{white-space: nowrap;}
}


.visual-area{position: relative; overflow: hidden;}
.visual-area.active{padding-bottom: 57px;}
.visual-area .thumbnail img{width: 100%; vertical-align: bottom;}
.visual-area .txt{position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); text-align: center; color: #e0e0e0; font-family: 'KBIZsmm'; z-index: 3;}
.visual-area .txt h2{font-size: 100px; font-weight: 300;}
.visual-area .txt h5{ font-size: 20px; font-weight: 700; margin: 50px 0 20px 0;}
.visual-area .txt p{font-size: 16px; line-height: 1.5; font-weight: 300;}
.gradient-overlay {position: absolute;bottom: 0;left: 0;width: 100%;height: 100%; pointer-events: none;background: linear-gradient(to top, rgba(34, 34, 34, 1), transparent);opacity: 0;transition: opacity 0.5s ease;z-index: 2;}

#main-wrap .pc-main-vid iframe{pointer-events: inherit;}

@media(max-width:1024px){
    
    .visual-area.active{padding-bottom: 44px;}
.visual-area{height: 100vh;}
.visual-area .thumbnail{height: 100%;}
.visual-area .thumbnail img{height: 100%; object-fit: cover;}
.visual-area .txt{width: 100%;}
.visual-area .txt h2{font-size: 58px;}
.visual-area .txt p{font-size: 14px;}
.visual-area .txt h5{margin: 30px 0 15px 0;}
}




/*footer */
#footer{padding:200px 0; border-top: 1px solid rgba(255,255,255,0.5); position: relative; z-index: 3; background-color: #222; transition: 0.3s;}
#footer .footer-box{width:100%; max-width: 1560px;  margin: 0 auto;display: flex; align-items: flex-start; justify-content: space-between;}
#footer .footer-box .preface{width: 70%;}
#footer .footer-box > .info ul li .footer_number{font-size: 20px;}
#footer .footer-box .copyright, #footer .footer-box .copyright + a{font-size: 12px; }
.footer-box .copyright + a{margin-top: 10px;}
 #footer .footer-box .copyright a,#footer .footer-box .copyright p{display: flex;align-items: center;}
 #footer .footer-box .copyright> p:first-child{font-size: 15px; margin-bottom: 20px;}
#footer .footer-box .copyright a img{margin: 0 5px;}
#footer .footer-box > .info{width: 30%;}
#footer .footer-box > .info ul li {color: #fff; margin-bottom: 40px; }
#footer .footer-box > .info ul li h5{font-size:var(--font-sr); margin-bottom: 20px; color: #FFF5E6;}
#footer .footer-box > .info ul .toggle-business h5{display: inline-block; position: relative;}
#footer .footer-box > .info ul .toggle-business > h5::after{content:"^"; position: absolute; top: 50%; right:-20px; transform: translateY(-50%); width: 10px; height: 10px; font-family: "minerva-modern", sans-serif; transition: 0.3s;}
#footer .footer-box > .info ul .toggle-business.active h5::after{transform: translateY(-50%) rotate(180deg);}
#footer .footer-box > .info ul li p,#footer .footer-box > .info ul li a{ font-size: var(--font-s); margin: 10px 0; display: block; }
#footer .footer-box > .info ol li{margin-bottom: 25px;}
#footer .footer-box > .info ol li p {margin: 0; font-size: 13px; align-items: center;gap: 5px; line-height: 1;height: 20px;}
#footer .footer-box > .info ol li p strong{font-weight: 600; margin: 0;}
#footer .footer-box > .info ol li p{display:flex ;}
#footer .footer-box > .info ol li h5{margin-bottom: 10px;font-size: 15px; color: #e0e0e0;}
#footer .footer-box .preface .disc{margin-top: 200px; color: #fff;}
#footer .footer-box  .m-disc{display: none;}
#footer .footer-box .toggle-business{cursor: pointer;}

@media(max-width:1024px){
    #footer .footer-box > .info ol li p{margin: 0; padding: 0;}
    #footer .footer-box .m-disc a{margin-top: 10px;}
     #footer .footer-box .copyright p{    align-items: flex-start;flex-direction: column;}
  #footer{padding: 100px 20px; transition: 0.3s;}
  #footer .footer-box > .info ul li h5{margin-bottom: 10px;}
  #footer .footer-box{flex-direction: column; align-items: flex-start; gap: 50px;}  
  #footer .footer-box .logo img{max-width: 70%;}
  #footer .footer-box .preface, #footer .footer-box .info{width: 100%;}
  #footer .footer-box .preface .disc{display: none;}
  #footer .footer-box .m-disc{display: block;  }
  #footer .footer-box .m-disc p,  #footer .footer-box  .m-disc a{color: #fff;}
}

/*background-section */
.background-section{background-image: url('../img/sub1_view_bg.jpg');background-attachment: fixed;  height: 100vh; margin-bottom: 300px;      background-size: cover;
    background-repeat: no-repeat;}
.background-section .box{position: relative; max-width: 1440px; margin: 0 auto; height: 100%;}
.background-section .box .txt{display: flex; position: absolute; top: 50%; left: 0; transform: translateY(-50%); color: #e0e0e0; font-family: 'KBIZsmm';}
.background-section .box .txt span{transform: rotate(90deg); font-size: 16px;font-family: "minerva-modern", sans-serif; height: 140px; margin-right: 60px; letter-spacing: 1px ;}
.background-section .box .txt h5{font-size: 24px; margin-bottom: 30px; font-weight: 600;}
.background-section .box .txt p{font-size: 16px; font-weight: 300;}

@media(max-width:1024px){


    .background-section{background-image: url('../img/sub1_view_m_bg.jpg'); ;background-attachment:unset;}
    .background-section{margin-bottom: 100px;}
    .background-section .box .txt{flex-direction: column; padding: 0 20px; box-sizing: border-box;}
    .background-section .box .txt span{transform: rotate(0); height: auto; margin-bottom: 10px;}
    .background-section .box .txt p{font-size: 14px;}
}
/*main */
#main-wrap section {padding-bottom: 350px;}
#main-wrap .pc-main-vid{margin-top: 200px; }
#main-wrap .pc-main-vid iframe{height: 700px !important;}
#main-wrap .main-visual {padding-bottom: 0; margin-bottom: 00px;}
.main-visual .main-swiper .swiper-slide img{width: 100%;}
#main-wrap .seoraon-view {margin-top: 200px;}
#main-wrap .seoraon-view .box{display: flex; align-items: center; max-width: 1680px; margin: 0 auto;}
#main-wrap .seoraon-view .box .thumbnail{width: 60%; }
#main-wrap .seoraon-view .box .thumbnail img{width: 100%; }
#main-wrap .seoraon-view .box .info{ width: 40%; }
#main-wrap .seoraon-view .box .info .disc{color: #FFF5E6; padding: 100px 0 64px 20% ; border-bottom: 1px solid #747474 ;  }
#main-wrap .seoraon-view .box .info .disc ul li {display: flex;align-items: center;  font-family: 'KBIZsmm'; font-weight: 300; margin: 20px 0;  }
#main-wrap .seoraon-view .box .info .disc ul li h5{font-size: 32px; }
#main-wrap .seoraon-view .box .info .disc ul li span{font-size: 23px;  margin: 0 8px;}
#main-wrap .seoraon-view .box .info .disc ul li span b{font-size: 25px; font-weight: 600; display: inline-block;}
#main-wrap .seoraon-view .box .info .disc > p{font-size:16px ; font-family: 'KBIZsmm'; font-weight: 300; color: #FFF5E6; line-height: 1.5;}
#main-wrap .seoraon-view .box .info .disc ul +  p{margin: 40px 0 60px 0;}
#main-wrap .seoraon-view .box .info .view-go {text-align: right; padding: 20px 0; color: #FFF5E6; font-size: 18px; font-family: 'KBIZsmm'; font-weight: 300;}
#main-wrap .main-visual iframe{width: 100% !important;}
#main-wrap .main-visual .swiper-slide img{width: 100%;}
#main-wrap .main-visual .m-swiper-pagination{font-size: 14px; color: #e0e0e0; bottom: 20px;}
#main-wrap .main-visual .m-swiper-pagination .swiper-pagination-total{margin-left: 40px;}
#main-wrap .main-visual .m-swiper-pagination  .swiper-pagination-current{position: relative;}
#main-wrap .main-visual .m-swiper-pagination::after{content: ""; position: absolute; bottom: -20px; right: 50%; width: 1px; height: 80px; background-color: #fff; transform: translateX(-50%);}
#main-wrap .main-visual .swiper-button-next:after,#main-wrap  .swiper-rtl .swiper-button-prev:after,
#main-wrap .swiper-button-prev:after,#main-wrap  .swiper-rtl .swiper-button-next:after{content: "";}
#main-wrap .main-visual .swiper-button-next{bottom: 5px; top: auto; right: 25%; z-index: 11;}
#main-wrap .main-visual .swiper-button-prev{bottom: 5px; top: auto; left: 25%; z-index: 11;}

#main-wrap .pc-main-visual{display: block;}
#main-wrap .pc-main-visual{height: 100vh;}
#main-wrap .pc-main-visual .pc-main-swiper{height: 100%;}
#main-wrap .pc-main-visual .pc-main-swiper .swiper-slide img{height: 100%; object-fit: cover;}
#main-wrap .main-visual .pc-main-visual .swiper-button-next{bottom: 5px; top: auto; right: 45%; z-index: 11;}
#main-wrap .main-visual .pc-main-visual .swiper-button-prev{bottom: 5px; top: auto; left: 45%; z-index: 11;}
#main-wrap .m-main-visual{display: none;}
@media(min-width:1940px){
    #main-wrap .pc-main-vid{margin-top: 200px;}
}
@media(max-width:1024px){
    #main-wrap .pc-main-vid{padding: 0 20px;}
    #main-wrap .pc-main-vid iframe{height: 250px !important;}
    #main-wrap .pc-main-vid{margin-top: 50px; margin-bottom: 50px; }
    #main-wrap .pc-main-visual{display: none;}

    #main-wrap .m-main-visual {display: block;height: 100vh;}
    #main-wrap .m-main-visual .m-main-swiper{height: 100%;}
    #main-wrap .m-main-visual .m-main-swiper .swiper-slide img{height: 100%; object-fit: cover; vertical-align: bottom; border-bottom: 1px solid #222; }
  #main-wrap section {padding-bottom:0; margin-bottom: 150px;}
  #main-wrap .main-visual iframe{height: 300px !important;}
  #main-wrap .seoraon-view{margin-top: 0;}
  #main-wrap .seoraon-view .box .info .disc > p{font-size: 14px;}
  #main-wrap .seoraon-view .box .info .disc{padding:20px 0;}
  #main-wrap .seoraon-view .box{flex-direction: column; padding: 0 20px; box-sizing: border-box;} 
  #main-wrap .seoraon-view .box .thumbnail{width: 100%;}
  #main-wrap .seoraon-view .box .thumbnail img{width: 100%;}
  #main-wrap .seoraon-view .box .info{ width: 100%;}
  #main-wrap .seoraon-view .box .info .disc ul li{margin: 10px 0;}
  #main-wrap .seoraon-view .box .info .disc ul + p{margin:30px 0 ;}
  #main-wrap .seoraon-view .box .info .disc ul li h5{font-size: 24px; }
  #main-wrap .seoraon-view .box .info .disc ul li span{font-size: 18px;  margin: 0 8px;}
  #main-wrap .seoraon-view .box .info .disc ul li span b{font-size: 16px; font-weight: 600; display: inline-block;} 
  #main-wrap .seoraon-view .box .info .view-go{font-size: 14px;}
}


   .seoraon-map .map-info img{width: 100%;}
   .seoraon-map .box{max-width: 1580px; margin: 0 auto;font-family: 'KBIZsmm'; color: #e0e0e0;}
   .seoraon-map .box .map-disc .txt{ text-align: center; margin: 50px 0 80px 0; font-size: 22px;  }
   .seoraon-map .box .map-disc p{ font-weight: 300; line-height: 1.4;}
   .seoraon-map .box .map-disc h5{ font-weight: 500;  margin-top: 22px;}
   .seoraon-map .box .map-disc ul{display: grid; grid-template-columns: repeat(4,1fr); gap:60px 20px; text-align: center; max-width: 600px; margin:0 auto;}
   .seoraon-map .box .map-disc ul li p{font-size: 18px; margin-top: 20px; line-height: 1.3;}
   .seoraon-map .box .view-seoraon{ margin-top: 50px; text-align: right; font-size: 22px; }
   .seoraon-map .box .view-seoraon a{display: flex; align-items: center; justify-content: flex-end;}
   .seoraon-map .box .view-seoraon a img{margin-left: 15px;}
   .seoraon-map .map-info {position: relative;}
   
   .seoraon-map .map-info .mark{position: absolute; transform: translate(-50%,-50%);  width: auto; cursor: pointer;font-size: 18px; color: #000; font-weight: 500; text-align: right;  background-color: rgba(255,255,255,0.7);  outline: 1px solid #222; transition: 0.3s;}
   .seoraon-map .map-info .mark:hover{ background-color: rgba(255,255,255,1); }
   .seoraon-map .map-info .mark .txt{padding: 5px 10px 10px 10px; position: relative; text-align: center;}
   .seoraon-map .map-info .mark .txt span{margin-top: 4px;}
   .seoraon-map .map-info .mark .txt::after{    content: "";position: absolute;right: -9px;top: -21px;width: 1px;height: 25px;background-color: #000;transform: rotate(45deg);}
   .seoraon-map .map-info .mark7 .txt::after,
   .seoraon-map .map-info .mark8 .txt::after,
   .seoraon-map .map-info .mark9 .txt::after,
   .seoraon-map .map-info .mark10 .txt::after,
   .seoraon-map .map-info .mark11 .txt::after,
   .seoraon-map .map-info .mark13 .txt::after,
   .seoraon-map .map-info .mark14 .txt::after{top:auto; right:auto;left: -9px;bottom: -21px;}
   .seoraon-map .map-info .mark17 .txt::after{top:auto; left:auto;right: -9px;bottom: -21px; transform: rotate(-45deg);}
   .seoraon-map .map-info .mark15 .txt::after,
   .seoraon-map .map-info .mark16 .txt::after{  right: auto; left:-9px; transform: rotate(-45deg);}
   .seoraon-map .map-info .mark12 .txt::after{    top: auto;
    left: auto;
    right: -9px;
    bottom: -21px;
    transform: rotate(-45deg);}
   .seoraon-map .map-info .mark h5{font-size: 20px;}
   .seoraon-map .map-info .mark1{top: 62%; left: 56%;}
   .seoraon-map .map-info .mark2{top: 64%; left: 48%;}
   .seoraon-map .map-info .mark3{top: 65%; left: 39%;}
   .seoraon-map .map-info .mark4{top: 60%; left: 27%;}
   .seoraon-map .map-info .mark5{top: 61%; left: 19.5%;}
   .seoraon-map .map-info .mark6{top: 62%; left: 11%;}
   .seoraon-map .map-info .mark7{top: 31%;left: 48.5%;}
   .seoraon-map .map-info .mark8{top: 32%; left: 44%;}
   .seoraon-map .map-info .mark9{top: 33%; left: 38%;}
   .seoraon-map .map-info .mark10{top: 32%; left: 29%;}
   .seoraon-map .map-info .mark11{top: 26%; left: 25%;}
   .seoraon-map .map-info .mark12{top: 21%; left: 60%;}
   .seoraon-map .map-info .mark13{top: 24%; left: 73%;}
   .seoraon-map .map-info .mark14{top: 39%; left: 87%;}
   .seoraon-map .map-info .mark15{top: 53%; left: 80%;}
   .seoraon-map .map-info .mark16{top: 57%; left: 71%;}
   .seoraon-map .map-info .mark17{top: 25%; left: 55%;}
   .seoraon-map .map-info .mark18{top: 37%; left: 81%;}
   .seoraon-map .map-info .mark19{top: 38%; left: 63%;}
   .seoraon-map .map-info .mark20{top: 31%; left: 34%;}
   .seoraon-map .map-info .mark21{top: 64%; left: 33%;}
   .seoraon-map .map-info .mark22{top: 22%; left: 68%;}
   .seoraon-map .map-info .mark22 span{font-size: 14px;}
   .seoraon-map .map-info .mark23{top: 19%; left: 46%;}
   .seoraon-map .map-info .mark23 .txt::after{display: none;;}
   .seoraon-map .map-info .mark23 span{font-size: 14px;}
   .seoraon-map .map-info .mark18 .txt,.seoraon-map .map-info .mark19 .txt,.seoraon-map .map-info .mark20 .txt,.seoraon-map .map-info .mark21 .txt,.seoraon-map .map-info .mark22 .txt{padding: 0 5px 5px 5px; }
   .seoraon-map .map-info .mark18 .txt::after,.seoraon-map .map-info .mark19 .txt::after,.seoraon-map .map-info .mark20 .txt::after,.seoraon-map .map-info .mark21 .txt::after,.seoraon-map .map-info .mark22 .txt::after{display: none;}
   .seoraon-map .map-info .mark18 .txt span,.seoraon-map .map-info .mark19 .txt span,.seoraon-map .map-info .mark20 .txt span,.seoraon-map .map-info .mark21 .txt span{margin-top: 0; font-size: 13px;}
    .seoraon-map .map-info .mark-modal{position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); background-color: #222; color: #e0e0e0; max-width: 600px; box-sizing: border-box;}
    .seoraon-map .map-info .mark-modal .modal-box{display: flex; align-items: center; gap: 20px ;  position: relative;  padding: 30px ;}
    .seoraon-map .map-info .mark-modal .modal-box .thumbnail{min-width: 200px;}
    .seoraon-map .map-info .mark-modal .modal-box .close{position: absolute;top: 15px;right: 15px; cursor: pointer;}
    .seoraon-map .map-info .mark-modal h5{font-size: 20px; font-weight: 500;}
    .seoraon-map .map-info .mark-modal p{font-size: 16px; margin: 10px 0; font-weight: 300;}
    .seoraon-map .map-info .mark-modal a{font-size: 14px;  font-family: "minerva-modern", sans-serif;}
    .seoraon-map .layout-list{margin-top: 50px; display: none;}
    .seoraon-map .layout-list ul li{margin: 5px 0; background-color: #333;}
    .seoraon-map .layout-list ul li .list-head{display: flex; align-items: center; gap: 20px; position: relative; padding: 10px; box-sizing: border-box;}
    .seoraon-map .layout-list ul li .list-head .thumbnail img{max-width: 80px; width: 100%;}
    .seoraon-map .layout-list ul li .list-head h5{font-size: 18px; }
    .seoraon-map .layout-list ul li .content{display: none; padding:20px 10px;font-size: 13px;}
    .seoraon-map .layout-list ul li .content a{margin-top: 10px; text-decoration: underline;   text-underline-offset : 5px;     font-family: "minerva-modern", sans-serif;}
    .seoraon-map .layout-list ul li .list-close{position: absolute; top: 50%; right: 20px; transform: translateY(-50%);  width:20px ;height: 20px; background-color: #222; border-radius: 50px;}
    .seoraon-map .layout-list ul li .list-close .close-box{position: relative; width: 20px;height: 20px;}
    .seoraon-map .layout-list ul li .list-close .close-box::after,.seoraon-map .layout-list ul li .list-close .close-box::before{content:""; position: absolute; top: 50%;left: 50%; transform: translate(-50%,-50%);}
    .seoraon-map .layout-list ul li .list-close .close-box::after{width: 20px; height: 1px; background-color: #fff;}
    .seoraon-map .layout-list ul li .list-close .close-box::before{width:1px; height: 20px; background-color: #fff; transition: 0.5s;}
    .seoraon-map .layout-list ul li.active .list-close .close-box::before{transform:translate(-50%,-50%) rotate(180deg);opacity: 0;}
    .seoraon-map .layout-list ul li .list-close::after,.seoraon-map .layout-list ul li .list-close::before{position: absolute; }
    .seoraon-map .map-info .mark-img{display: none;}
@media(max-width:1024px){
    .seoraon-map .map-info .mark1{top: 73%;}
    .seoraon-map .map-info .mark2{top: 73%;}
    .seoraon-map .map-info .mark3{top: 73%;}
    .seoraon-map .map-info .mark4{top: 69%;}
    .seoraon-map .map-info .mark5{top: 69%;}
    .seoraon-map .map-info .mark6{top: 69%;}
    .seoraon-map .map-info .mark7{top: 40%;}
    .seoraon-map .map-info .mark8{top: 41%;}
    .seoraon-map .map-info .mark9{top: 42%;}
    .seoraon-map .map-info .mark12{left:63%}
    .seoraon-map .map-info .mark17{left:56%}
    .seoraon-map .box .map-disc ul li .ico img{max-width: 52px;}
    .seoraon-map .map-info .mark-modal .modal-box .close{top: 7px;right:7px;}
    .seoraon-map .map-info .mark-modal p{font-size: 14px;}
    .seoraon-map .map-info .mark{outline: none;}
    .seoraon-map .map-info .mark{display: none; background-color: transparent;}
    .seoraon-map .map-info .mark-img{display: block;}
    .seoraon-map .layout-list{display: block;}
    .seoraon-map .map-info{z-index: 1;}
    .seoraon-map .map-info .mark-modal{ width: 90%; border:1px solid #E0E0E0}
    .seoraon-map .map-info .mark-modal .modal-box{flex-direction: column; padding: 30px 20px;}
    .seoraon-map .map-info .mark-modal h5{font-size: 17px;}
    .seoraon-map .map-info .mark{max-width: 19px;}
 }

    /* 왼 → 오른쪽 움직임 화살표 */
 .seoraon-map .arrow-ani {overflow: hidden;position: relative;display: flex;align-items: center;justify-content: center;width: 60px;height: 33px;font-size: 30px;cursor: pointer;transition: 0.5s; margin-left:10px;}
 .seoraon-map .arrow-ani::after  {content: '';position: absolute;left: 0;top: 50%;transition: .5s;  background-image: url('../img/arrow-right.png'); width: 60px;height: 30px; transform: translateY(-50%); }
 .seoraon-map .arrow-ani::before{content: '';position: absolute;left: -100%;top: 50%;  transition: .5s;background-image: url('../img/arrow-right.png');width: 60px;height: 30px;transform: translateY(-50%); }
 .seoraon-map .box .view-seoraon a{padding: 10px 30px; border-radius: 30px; transition: 0.3s; display: inline-flex; }

 .seoraon-map .box .view-seoraon a:hover .arrow-ani::before {left: 0%;top: 50%;}
 .seoraon-map .box .view-seoraon a:hover .arrow-ani::after {left: 100%;top:50%;}

 



  @media(max-width:1024px){
     .seoraon-map .box{padding: 0 20px; box-sizing: border-box;}
     .seoraon-map .box .map-disc .txt{font-size: 16px; margin: 30px 0; line-height: 1.3; }
     .seoraon-map .box .map-disc ul{ gap:20px 10px; grid-template-columns: repeat(4, 1fr);}
     .seoraon-map .box .map-disc ul li p{font-size: 12px;}
     .seoraon-map .box .view-seoraon{font-size: 14px;}
     .seoraon-map .box .view-seoraon img{max-width:30px ; width: 100%;}
     .seoraon-map .arrow-ani::after{width: 30px; height: 15px; background-size: cover;}
     .seoraon-map .arrow-ani{width: 30px; height: 15px;}
     

  }

  #main-wrap .introduction-section{height: 90vh; background-image: url('../img/visual_bg.png'); background-position: center; background-repeat: no-repeat;    background-attachment: fixed; position: relative; font-family: 'KBIZsmm'; box-sizing: border-box; margin-bottom: 350px; background-size: cover; padding-bottom: 0 ;}
  #main-wrap .introduction-section.introduction-section2{background-image: url('');  overflow: hidden; isolation:unset; background-color: #222;}
  #main-wrap .introduction-section .txt{color: #e0e0e0; position: absolute; top: 50%;left: 50%; transform: translate(-50%,-50%); text-align: center;}
  #main-wrap .introduction-section .txt h4{font-size: 26px;}
  #main-wrap .introduction-section .txt h5{font-size: 22px; margin: 60px 0 10px 0; font-weight: 500;}
  #main-wrap .introduction-section .txt p{font-size: 16px; line-height: 1.4;}
  #main-wrap .introduction-section .go-reser{position: absolute; bottom: 100px; right: 200px; font-size: 16px; color: #e0e0e0; }
  #main-wrap .introduction-section .go-reser a{text-decoration: underline; text-underline-offset : 5px; text-decoration-thickness:0.2px}
#main-wrap .pc-visual-img img{width: 100%; display: none}
#main-wrap .pc-visual-img img.active{display: block;} 
#main-wrap .pc-visual-img .abs-disc{position: absolute; top: 50%;left: 50%; transform: translate(-50%,-50%); color: #e0e0e0;  font-family: 'KBIZsmm'; z-index: 11;}
#main-wrap .pc-visual-img .abs-disc p{font-size: 24px; font-weight: 300; margin-top: 25px;}
#main-wrap .pc-visual-img .abs-disc h4{font-size: 72px;  text-align: center;}
.introduction-section2 .introduction-section2-vid{width: 105%;}
.introduction-section2 .m-introduction-section2-vid{display: none;}
  @media(max-width:1024px){
    #main-wrap .introduction-section .txt{top: 50%;}
    .introduction-section2 .introduction-section2-vid{display: none;}
    .introduction-section2 .m-introduction-section2-vid{display: block; height: 127%;}
    #main-wrap .pc-visual-img{display: none;}
    
    #main-wrap .introduction-section{background-attachment: unset;}
    #main-wrap .introduction-section .txt{width: 100%;}
    #main-wrap .introduction-section{margin-bottom: 150px;}
    #main-wrap .introduction-section .go-reser{bottom: 20%; right: 10%;}
  }
  
    
  #main-wrap .room-preview .box {max-width: 1000px; margin: 0 auto; position: relative; font-family: 'KBIZsmm';}
  #main-wrap .room-preview .box .room-preview-slide .swiper-slide { padding: 40px 80px 40px 40px; box-sizing: border-box; color: #e0e0e0; background-color: #333; }
  #main-wrap .room-preview .box .room-preview-slide .swiper-slide  .slide-top{text-align: right;}
  #main-wrap .room-preview .box .room-preview-slide .swiper-slide .slide-bottom{display: flex;  justify-content: space-between;}
  #main-wrap .room-preview .box .room-preview-slide .swiper-slide .slide-bottom img{max-width: 511px; width: 100%;}
  #main-wrap .room-preview .box .room-preview-slide .swiper-slide .slide-bottom .txt{text-align: right;}
  #main-wrap .room-preview .box .room-preview-slide .swiper-slide .slide-top h3{font-size: 60px; }
  #main-wrap .room-preview .box .room-preview-slide .swiper-slide .slide-top h5{font-size: 22px; margin:40px 0 30px 0; font-weight: 400;}
  #main-wrap .room-preview .box .room-preview-slide .swiper-slide .slide-bottom .txt p{ font-size: 14px; line-height: 1.5; font-weight: 300;}
  #main-wrap .room-preview .box .room-preview-slide .swiper-slide .go-room{margin-top:150px; font-size: 14px;}
  #main-wrap .room-preview .box .room-preview-slide .swiper-slide .go-room a{text-decoration:underline;text-underline-offset : 5px; text-decoration-thickness:0.5px;}
  #main-wrap .room-preview .box .swiper-button-next::after, #main-wrap .room-preview .box .swiper-button-prev::after{content: "";}
  #main-wrap .room-preview .box .swiper-button-next{right: -80px;}
  #main-wrap .room-preview .box .swiper-button-prev{left: -80px;}
  #main-wrap .room-preview .box .swiper-button-next,#main-wrap .room-preview .box .swiper-button-prev{width:60px;height:60px;  background-color: #fff; border-radius: 60px;}
 
  @media(max-width:1024px){
    #main-wrap .room-preview .box .swiper-button-next, #main-wrap .room-preview .box .swiper-button-prev{display: none;}
    #main-wrap .room-preview .box .room-preview-slide .swiper-slide .slide-top h5{margin: 0; margin-right: 10px;}
    #main-wrap .room-preview .box .room-preview-slide .swiper-slide .slide-top h3{font-size: 42px;}
    #main-wrap .room-preview .box .room-preview-slide .swiper-slide .slide-top{    display: flex;flex-direction: row-reverse; align-items: center; margin:15px 0 30px 0;}
    #main-wrap .room-preview .box .room-preview-slide .swiper-slide{padding: 20px;}
    #main-wrap .room-preview .box .room-preview-slide .swiper-slide .slide-bottom{flex-direction: column;}
    #main-wrap .room-preview .box .room-preview-slide .swiper-slide .slide-bottom .txt p{margin-top: 30px;}
    #main-wrap .room-preview .box .room-preview-slide .swiper-slide .go-room{margin-top: 50px; margin-bottom: 40px;}
  }

.reser-preview{position: relative; z-index: 1; background-color: #222;}
.reser-preview .box{max-width: 1560px; margin: 0 auto; display: flex; justify-content: space-between; align-items: flex-end; gap: 100px; color: #e0e0e0; padding: 200px 0; background-color: #222; z-index: 3; position: relative;}
.reser-preview .box .reser-list{width: 100%;}
.reser-preview .box ul li{display: flex; justify-content: space-between;align-items: flex-end;  margin-bottom:30px ; padding-bottom: 25px;   padding-right: 20px; position: relative; transition: 0.3s;}
.reser-preview .box ul li .line{position: absolute; bottom: 0; left: 0; width: 0; height: 0.5px; background-color: rgba(255,255,255,0.5);}
.reser-preview .box ul li .disc{display: flex; align-items: flex-end;}
.reser-preview .box ul li h3{font-size: 60px; margin-right: 10px; font-family: "minerva-modern", sans-serif; }
.reser-preview .box ul li span{font-size: 16px; margin-left: 20px;margin-bottom: 10px;  font-family: 'KBIZsmm'; font-weight: 300;}




@media(max-width:1024px){
    .reser-preview {padding: 100px 0;}
.reser-preview .thumbnail img{width: 100%;}
.reser-preview .box{flex-direction: column-reverse; padding: 0 20px; gap: 50px;}
.reser-preview .box ul li{padding-right: 0;}
.reser-preview .box ul li h3{font-size: 32px;}
.reser-preview .box ul li span{font-size: 14px;}

}


/* 대각선 위 움직임 화살표 */
.reser-preview .arrow-ani {overflow: hidden;position: relative;display: flex;align-items: center;justify-content: center;width: 50px;height: 20px;background-color: #ccc;border-radius: 20px;font-size: 30px;cursor: pointer;transition: 0.5s; background-color: #475B49; }
.reser-preview .box .reser-list ul li:hover .arrow-ani {background-color: #333;}
 .reser-preview .arrow-ani::after {content: '';position: absolute;left: 15px;top: 37%; transition: .5s;  background-image: url('../img/common/go-btn.png'); width: 25px;height: 15px; transform: translateY(-50%); background-repeat: no-repeat;}
 .reser-preview .arrow-ani::before {content: '';position: absolute;left: -100%;top: 60%;  transition: .5s;background-image: url('../img/common/go-btn-color.png');width: 25px;height: 15px;transform: translateY(-50%);  background-repeat: no-repeat;}

 .reser-preview .box .reser-list ul li:hover .arrow-ani{background-color: #fff;}
 .reser-preview .box .reser-list ul li:hover .arrow-ani::after {left: 100%;}
 .reser-preview .box .reser-list ul li:hover .arrow-ani::before {left: 15px;}



/* 왼 → 오른쪽 움직임 화살표 */
  .room-preview .arrow-ani {overflow: hidden;position: relative;display: flex;align-items: center;justify-content: center;width: 50px;height: 50px;background-color: #ccc;border-radius: 20px;font-size: 30px;cursor: pointer;transition: 0.5s; background-color: #fff; border:1px solid #fff;}
  .room-preview .arrow-ani::before{content: '';position: absolute;left: -50%;top: 35%;  transition: .5s;background-image: url('../img/common/go-btn.png');width: 16px;height: 20px;transform: translateY(-50%); }
  .room-preview .arrow-ani::after  {content: '';position: absolute;left: 11px;top: 35%;transition: .5s;  background-image: url('../img/common/go-btn.png'); width: 16px;height: 20px; transform: translateY(-50%); }
  .room-preview .arrow-ani:hover::before {left: 20px;top: 50%;}
  .room-preview .arrow-ani:hover::after {left: 50px;top:50%;}
  .room-preview .arrow-ani1::before{left: -50%;top: 50%;  background-image: url('../img/common/slide-right.png');}
  .room-preview .arrow-ani1::after {left: 20px;top: 50%;  background-image: url('../img/common/slide-right.png');}
  .room-preview .arrow-ani2::before{left: 100%;top: 50%;  background-image: url('../img/common/slide-left.png');}
  .room-preview .arrow-ani2::after {left: 20px;top: 50%;  background-image: url('../img/common/slide-left.png');}
  .room-preview .arrow-ani2:hover::before {left: 37%;top: 50%;}
  .room-preview .arrow-ani2:hover::after {left: -50%;top:50%;}




/* view */
#seoraon 

#seoraon .view-gallery{padding-bottom: 200px;}
#seoraon .view-gallery .box{max-width: 1440px; margin: 0 auto;}
#seoraon .view-gallery .box .view-gallery-swiper .swiper-slide img{width: 100%;}
#seoraon .view-gallery .swiper-pagination,#seoraon .view-gallery  .swiper-button-next,#seoraon .view-gallery  .swiper-button-prev{position: unset;}
#seoraon .view-gallery .swiper-pagination {width: auto; display: inline-block; }
#seoraon .view-gallery .swiper-button-next::after, #seoraon .view-gallery  .swiper-button-prev::after{content: "";}
#seoraon .view-gallery .detail-operation a{height: 40px; width: 40px; background-color: #fff; border-radius: 4px;}
#seoraon .view-gallery .swiper-button-next.swiper-button-disabled, #seoraon .view-gallery   .swiper-button-prev.swiper-button-disabled{opacity: 1;}
#seoraon .view-gallery .swiper-button-next, #seoraon .view-gallery  .swiper-button-prev{width: auto; height: auto; margin-top: 0;display: inline-block;}
#seoraon .view-gallery .detail-operation{display: flex; align-items: center;justify-content: flex-end; color: #e0e0e0; font-size: 14px;font-family: 'KBIZsmm';  gap: 20px; margin-top: 20px; margin-right: 40px;}


#seoraon .view-gallery .arrow-ani {overflow: hidden;position: relative;display: flex;align-items: center;justify-content: center;width: 40px;height: 40px;cursor: pointer;transition: 0.5s;}
#seoraon .view-gallery .arrow-ani::before{content: '';position: absolute;left: -50%;top: 35%;  transition: .5s;background-image: url('../img/go-btn.png');width: 16px;height: 20px;transform: translateY(-50%); }
#seoraon .view-gallery .arrow-ani::after  {content: '';position: absolute;left: 11px;top: 35%;transition: .5s;  background-image: url('../img/go-btn.png'); width: 16px;height: 20px; transform: translateY(-50%); }
#seoraon .view-gallery .arrow-ani1{cursor: pointer;}
#seoraon .view-gallery .arrow-ani1::before{left: 100%;top: 50%;  background-image: url('../img/common/slide-left.png');}
#seoraon .view-gallery .arrow-ani1::after {left: 35%;top: 50%;  background-image: url('../img/common/slide-left.png');}
#seoraon .v .arrow-ani1:hover::before {left: 35%;top: 50%;}
#seoraon .view-gallery .arrow-ani1:hover::after {left: -100%;top:50%;}

#seoraon .view-gallery .arrow-ani2::before{left: -100%;top: 50%;  background-image: url('../img/common/slide-right.png');}
#seoraon .view-gallery .arrow-ani2::after {left: 35%;top: 50%;  background-image: url('../img/common/slide-right.png');}
#seoraon .view-gallery .arrow-ani2:hover::before {left: 35%;top: 50%;}
#seoraon .view-gallery .arrow-ani2:hover::after {left: 100%;top:50%;}
#seoraon .view-gallery{padding-top: 100px;}


@media(max-width:1024px){
    #seoraon .view-gallery .arrow-ani2:hover::before, #seoraon .view-gallery .arrow-ani2::after{left: 50%; top: 65%;}
    #seoraon .view-gallery .arrow-ani1::before,#seoraon .view-gallery .arrow-ani1::after{left: 50%; top: 65%;}
    #seoraon .view-gallery .box .view-gallery-swiper .swiper-slide img{min-height: 500px; object-fit: cover;}
   #seoraon .view-gallery .detail-operation{margin-right: 20px;}
    #seoraon .view-gallery .arrow-ani, #seoraon .view-galler  .detail-operation a{width: 30px; height: 30px;}
    #seoraon .view-gallery  .arrow-ani::after, #seoraon .view-gallery  .arrow-ani1::after,#seoraon .view-gallery  .arrow-ani1::before{width:12px ; height: 16px; background-size: cover;}
    }

#seoraon .seoraon-foreground{padding-top: 200px;}
#seoraon .seoraon-foreground .box{max-width: 1440px; margin: 0 auto;}
#seoraon .seoraon-foreground .box .thumbnail img{width: 100%;}
#seoraon .seoraon-foreground .box .thumbnail1 img{max-width: 1063px;  filter: grayscale(0);transition: filter 0.3s ease;}
#seoraon .seoraon-foreground .box .thumbnails{display: flex; justify-content: space-between;   margin-bottom: 200px;}
#seoraon .seoraon-foreground .box .thumbnails img{max-width: 480px;}
#seoraon .seoraon-foreground .box .thumbnails .thumbnail2{margin-top: -300px;}
#seoraon .seoraon-foreground .box .txt{width: 60%; margin-left: auto; margin-top: 100px; color: #e0e0e0; font-family: 'KBIZsmm'; font-weight:400 ; line-height: 1.5; margin-bottom: 200px;}
#seoraon .seoraon-foreground .box .txt span{font-size: 23px;}
#seoraon .seoraon-foreground .box .txt span:first-child{ font-size: 32px; margin-right: 10px;}
#seoraon .seoraon-foreground .box .txt b{font-size: 25px; font-weight: 500;}
#seoraon .seoraon-foreground .box .txt p{font-size:16px ;   font-weight: 300;}
#seoraon .seoraon-foreground .box .txt .mr-t{margin-top: 60px;}
#seoraon .seoraon-foreground .box .txt h5{font-size:20px ; font-weight: 400;}

#seoraon .seoraon-foreground .box .disc{display: flex; width: 50%; margin-left: auto; color: #e0e0e0; font-family: 'KBIZsmm';  margin-bottom: 200px;}
#seoraon .seoraon-foreground .box .disc span{font-size: 16px; font-family: "minerva-modern", sans-serif; transform: rotate(90deg);}
#seoraon .seoraon-foreground .box .disc h5{font-size: 24px; font-weight: 600; margin-bottom: 30px;}
#seoraon .seoraon-foreground .box .disc p{font-size: 16px; font-weight:  300;}
#seoraon .reser-preview{padding-top: 300px;}
#seoraon .seoraon-foreground .txt > * {opacity: 0;}
#seoraon .seoraon-foreground .box .disc *{opacity: 0;}

#seoraon .special-slide{margin-bottom: 200px;}
#seoraon .special-slide .swiper-slide img{width: 100%;}

@media(max-width:1024px){
     #seoraonl .special-slide .swiper-slide img{width: 100%; max-width: 385px;}
    #seoraon .reser-preview{padding-top: 100px;}
    #seoraon .seoraon-foreground .box .txt{width: 100%; text-align: center; margin-top: 50px; margin-bottom: 100px;}
    #seoraon .seoraon-foreground .box .txt span{font-size: 18px;}
    #seoraon .seoraon-foreground .box .txt span b{font-size: 21px;}
    #seoraon .seoraon-foreground .box .txt span:first-child{font-size: 26px}
    #seoraon .seoraon-foreground .box .txt .mr-t{margin-top: 30px ; }
    #seoraon .seoraon-foreground .box .txt p{font-size: 14px;}
    #seoraon .seoraon-foreground .box .txt h5{font-size: 18px;}
    #seoraon .seoraon-foreground .box .thumbnails .thumbnail2{margin-top: 0;}
    #seoraon .seoraon-foreground .box .thumbnails{flex-direction: column; padding:0 20px; box-sizing: border-box; margin-bottom: 100px;}
    #seoraon .seoraon-foreground .box .thumbnail{margin-top: -50px;}
    #seoraon .seoraon-foreground .box .thumbnails .thumbnail3{width: 100%; text-align: right;}
    #seoraon .seoraon-foreground .box .thumbnails .thumbnail2 img{width: 60%;}
    #seoraon .seoraon-foreground .box .thumbnails .thumbnail3 img{width: 52%;}
    #seoraon .seoraon-foreground .box .disc{flex-direction: column;width: 100%; padding: 0 20px; box-sizing: border-box; margin-bottom: 100px;}
    #seoraon .seoraon-foreground .box .disc span{transform: rotate(0) !important;}
    #seoraon .seoraon-foreground .box .disc h5{font-size: 18px; margin-top: 10px;}
    #seoraon .seoraon-foreground .box .disc p{font-size: 15px;}
}

/* room */
#room .room-category .category-box{max-width: 920px; margin: 0 auto;}
#room .room-category .category-box ul{display: flex; justify-content: space-between; color: #e0e0e0; font-family: 'KBIZsmm';  gap: 40px; cursor: pointer;}
#room .room-category .category-box > ul >  li{width: 100%; padding: 20px 0;  position: relative;}
#room .room-category .category-box ul li span{ font-size: 16px; width: 100%; position: relative;}
#room .room-title{margin-top: 300px;}
#room .room-category .category-box ul li::after{content:"";position: absolute; bottom: 0; left:0; width: 100%; height: 1px; background-color: rgba(255,255,255,0.2);}
#room .room-category .category-box ul li::before{content:"";position: absolute; bottom: 0; right:0; width: 0; height: 1px; background-color: rgba(255,255,255,1); transition: 0.3s;}
#room .room-category .category-box ul li:hover::before{width: 100%; left:0;}
#room .room-category .category-box ul li span::after{content: ""; position: absolute; right: 0;top:50%; transform: translateY(-50%); background-image: url('../img/common/down-arrow.svg'); width: 9px; height: 7px; transition: 0.3s;}
#room .room-category .category-box ul li span:hover::after{top: 80%;}
#room .room-category {width: 100%;z-index: 1000;transition: all 0.3s ease;}
#room .room-category.fixed {position: fixed;top: 0;left: 0; background-color: #222;}



#room .room-category .category-box ul li {position: relative;}
#room .room-category .category-box ul li ul.sub-menu {display: none;position: absolute;top: 100%;left: 0;min-width: 140px;background-color: rgba(0, 0, 0, 0.9);z-index: 100;border-radius: 4px;}
#room .room-category .category-box ul li:last-child ul.sub-menu{left: auto;right: 0;}
#room .room-category .category-box ul li ul.sub-menu li {color: #fff;white-space: nowrap;box-sizing: border-box;}
#room .room-category .category-box ul li ul.sub-menu li a{font-size: 14px; padding: 15px 15px; width: 100%; box-sizing: border-box;}
#room .room-category .category-box ul li ul.sub-menu li:hover {background-color: rgba(255, 255, 255, 0.1);}
#room .room-category .category-box ul li.open span::after {transform: translateY(-50%) rotate(180deg);}
@media(max-width:1024px){
    #room .room-category .category-box ul li span:hover::after{top: 50%;}
    #room .room-category > .category-box > ul{gap: 10px; padding: 0 10px;display: grid;grid-template-columns: repeat(3, 1fr);}
    #room .room-category .category-box > ul > li{padding: 15px 0; }
    #room .room-category .category-box ul li span{font-size: 13px;}
    #room .room-category .category-box ul li ul.sub-menu li a{font-size: 12px;}
    #room .room-category .category-box ul li ul.sub-menu{min-width: auto; width: 100%;}
    
}




@media (min-width: 1025px) {
  #room .room-category .category-box ul li ul.sub-menu {
    min-width: 100%;
    opacity: 0;
    visibility: hidden;
    transform: translateY(-10px);
    pointer-events: none;
    transition: all 0.3s ease;
    display: block; /* <- 여기서 항상 block으로 유지해야 transition이 작동함 */
  }

  #room .room-category .category-box ul li:hover .sub-menu {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
    pointer-events: auto;
  }
}

/* 모바일: 스타일 유지 (클릭으로만 열리도록) */


#room .room-foreword{padding: 200px 0; }
#room .room-foreword .box {text-align: center;}
#room .room-foreword .box .txt{color: #e0e0e0;font-family: 'KBIZsmm';  font-weight: 300;}
#room .room-foreword .box .txt h5{font-size: 22px; margin: 100px 0 30px; line-height: 1.5;}
#room .room-foreword .box .txt p{font-size: 16px;}



@media(max-width:1024px){
    #room .room-foreword .box .thumbnail img{width: 60%;}
    #room .room-foreword .box .txt h5{margin: 50px 0 20px 0; font-size: 18px;}
    #room .room-foreword .box .txt {padding: 0 20px;}
    #room .room-foreword .box .txt p{font-size: 13px;}
    #room .room-foreword{padding: 100px 0 0 0;}
}

#room .room-detail{padding-bottom: 200px;}
#room .room-detail .box{max-width: 1440px; margin: 0 auto;}
#room .room-detail .box .room-detail-swiper .swiper-slide img{width: 100%;}
#room .room-detail .swiper-pagination,#room .room-detail .swiper-button-next, #room .room-detail .swiper-button-prev{position: unset;}
#room .room-detail .swiper-pagination {width: auto; display: inline-block; }
#room .room-detail .swiper-button-next::after, #room .room-detail .swiper-button-prev::after{content: "";}
#room .room-detail .detail-operation a{height: 40px; width: 40px; background-color: #fff; border-radius: 4px;}
#room .room-detail .swiper-button-next.swiper-button-disabled, #room .room-detail  .swiper-button-prev.swiper-button-disabled{opacity: 1;}
#room .room-detail .swiper-button-next, #room .room-detail .swiper-button-prev{width: auto; height: auto; margin-top: 0;display: inline-block;}
#room .room-detail .detail-operation{display: flex; align-items: center;justify-content: flex-end; color: #e0e0e0; font-size: 14px;font-family: 'KBIZsmm';  gap: 20px; margin-top: 20px; margin-right: 40px;}


#room .room-detail .arrow-ani {overflow: hidden;position: relative;display: flex;align-items: center;justify-content: center;width: 40px;height: 40px;cursor: pointer;transition: 0.5s;}
#room .room-detail .arrow-ani::before{content: '';position: absolute;left: -50%;top: 35%;  transition: .5s;background-image: url('../img/common/go-btn.png');width: 16px;height: 20px;transform: translateY(-50%); }
#room .room-detail .arrow-ani::after  {content: '';position: absolute;left: 11px;top: 35%;transition: .5s;  background-image: url('../img/common/go-btn.png'); width: 16px;height: 20px; transform: translateY(-50%); }
#room .room-detail .arrow-ani1{cursor: pointer;}
#room .room-detail .arrow-ani1::before{left: 100%;top: 50%;  background-image: url('../img/common/slide-left.png');}
#room .room-detail .arrow-ani1::after {left: 35%;top: 50%;  background-image: url('../img/common/slide-left.png');}
#room .room-detail .arrow-ani1:hover::before {left: 35%;top: 50%;}
#room .room-detail .arrow-ani1:hover::after {left: -100%;top:50%;}

#room .room-detail .arrow-ani2::before{left: -100%;top: 50%;  background-image: url('../img/common/slide-right.png');}
#room .room-detail .arrow-ani2::after {left: 35%;top: 50%;  background-image: url('../img/common/slide-right.png');}
#room .room-detail .arrow-ani2:hover::before {left: 35%;top: 50%;}
#room .room-detail .arrow-ani2:hover::after {left: 100%;top:50%;}

#room .room-detail .detail-info .room-type{ font-family: 'KBIZsmm'; }
#room .room-detail .detail-info .room-type ul li{display: flex; align-items: center; color: #e0e0e0; margin-bottom: 15px;}
#room .room-detail .detail-info .room-type span{font-size: 18px; font-weight: 500; width: 150px;}
#room .room-detail .detail-info .room-type p{ font-weight: 300; font-size: 16px; }
#room .room-detail .detail-info .room-type .reser{color: #fff; font-size: 16px; margin-top: 50px; margin-left: 150px; font-weight: 300; display: inline-block;}
#room .room-detail .detail-info .room-type .reser .reser-btn{display: inline-block; width: 190px;overflow: hidden;position: relative;cursor: pointer;transition: 0.5s; }
#room .room-detail .detail-info .room-type .reser a{width: 100%; padding-bottom: 15px; }
#room .room-detail .detail-info .room-type .reser a::after{content:""; position: absolute; background-image: url('../img/down-arrow.svg'); width:9px ;height: 7px; top: 10px; right: 0; transform: translateY(-50%); transition: 0.3s;}
#room .room-detail .detail-info .room-type .reser a:hover::after{top: 15px;}
#room .room-detail .detail-info .room-type .reser .reser-btn{position: relative;}
#room .room-detail .detail-info .room-type .reser .reser-btn::after{ content: "";position: absolute;bottom: 0;left: 0;width: 100%;height: 1px;background-color: rgba(255, 255, 255, 0.2);}
#room .room-detail .detail-info .room-type .reser .reser-btn::before{ content: "";position: absolute;bottom: 0;right: 0;width: 0%;height: 1px;background-color: #e0e0e0; transition: 0.3s;}
#room .room-detail .detail-info .room-type .reser:hover .reser-btn::before{width: 100%; right: auto; left: 0;}
#room .room-detail .detail-disc { margin-top:100px;color: #e0e0e0; font-family: 'KBIZsmm'; font-weight: 300;}
#room .room-detail .detail-disc .disc-box {padding: 20px 20px 40px 20px; border-top: 1px solid #E0E0E0;}
#room .room-detail .detail-disc .disc-box .info{display: none;}
#room .room-detail .detail-disc .disc-box h5{font-size: 20px; margin-bottom: 30px; cursor: pointer; position: relative; margin-left: 20px;} 
#room .room-detail .detail-disc .disc-box h5 img{transition: 0.3s; position: absolute; left: -20px; top: 30%;  }
#room .room-detail .detail-disc .disc-box h5::after,#room .room-detail .detail-disc .disc-box h5::before{content:""; position: absolute; top: 50%; left: -20px; transform: translateY(-50%); background-color: #e0e0e0; transition: 0.3s;}
#room .room-detail .detail-disc .disc-box h5::after{width: 1px; height: 14px; }
#room .room-detail .detail-disc .disc-box h5::before{width: 14px; height: 1px; left: -26px;}
#room .room-detail .detail-disc .disc-box.active h5::after{transform: translateY(-50%) rotate(90deg);}
#room .room-detail .detail-disc .disc-box.active h5::before{opacity: 0; visibility: hidden;}
#room .room-detail .detail-disc .disc-box p{font-size: 16px;margin: 0 0 5px 25px;}
#room .room-detail .detail-disc .disc-box .thumbnail{margin: 60px 0;}
#room .room-detail .detail-disc .disc-box .thumbnail img{width: 100%;}

@media(max-width:1024px){
    #room .room-detail{padding: 100px 0;}
}


#room .amenity-slide{padding-bottom: 200px;}
#room .amenity-slide .box{max-width: 1440px; margin: 0 auto; color: #e0e0e0;  font-family: 'KBIZsmm'; }
#room .amenity-slide .box .amenity-title{display: flex; align-items: center; justify-content: space-between;}
#room .amenity-slide .box .amenity-title .txt {margin-bottom: 60px;}
#room .amenity-slide .box .amenity-title .txt span{font-size: 20px; font-family: "minerva-modern", sans-serif; margin-bottom: 10px;}
#room .amenity-slide .box .amenity-title .txt h4{font-size: 24px; font-weight: 300; line-height: 1.5;}

#room .amenity-slide .box .swiper-slide img{width: 100%; }
#room .amenity-slide .box .swiper-slide .disc h5{font-size: 22px; margin: 15px 0;}
#room .amenity-slide .box .swiper-slide .disc p{font-size: 15px; font-weight: 300;}

@media(max-width:1024px){
    #room .amenity-slide{ padding-bottom: 100px;}
    #room .amenity-slide .box{padding: 0 20px;}
    #room .amenity-slide .box .amenity-title .txt h4{font-size: 16px;}
    #room .amenity-slide .box .swiper-slide .disc h5{font-size: 16px;}
    #room .amenity-slide .box .swiper-slide .disc p{font-size: 13px;}
    #room .amenity-slide .box .swiper-slide .disc h5{font-size: 13px; margin: 10px 0;}
    #room .room-detail .detail-disc .disc-box p{font-size: 13px;}
    #room .room-detail .detail-disc .disc-box h5{margin-bottom: 15px; font-size: 18px;}
    #room .room-detail .detail-operation{margin-right: 20px;}
    #room .room-detail .detail-info .room-type{padding: 0 20px;}
    #room .room-detail .detail-info .room-type span{font-size: 16px;}
    #room .room-detail .detail-info .room-type p{font-size: 14px; margin-top: 10px;}
    #room .room-detail .detail-info .room-type ul li{flex-direction: column; align-items: flex-start; margin-bottom: 25px;}
    #room .room-detail .detail-info .room-type ul li b{display: none;}
    #room .room-detail .detail-info .room-type .reser{margin-left: 0; margin-top: 30px;}
    #room .room-detail .arrow-ani, #room .room-detail .detail-operation a{width: 30px; height: 30px;}
    #room .room-detail .arrow-ani::after, #room .room-detail .arrow-ani1::after,#room .room-detail .arrow-ani1::before{width:12px ; height: 16px; background-size: cover;}
    #room .room-detail .arrow-ani1::after{left:30%}
    }

/* 왼 → 오른쪽 움직임 화살표 */
#room .amenity-slide .arrow-ani {overflow: hidden;position: relative;display: flex;align-items: center;justify-content: center;width: 50px;height: 50px;background-color: #ccc;border-radius: 7px;font-size: 30px;cursor: pointer;transition: 0.5s; background-color: #fff; border:1px solid #fff;}
#room .amenity-slide .arrow-ani::before{content: '';position: absolute;left: -50%;top: 35%;  transition: .5s;background-image: url('../img/common/go-btn.png');width: 16px;height: 20px;transform: translateY(-50%); }
#room .amenity-slide  .arrow-ani::after  {content: '';position: absolute;left: 11px;top: 35%;transition: .5s;  background-image: url('../img/common/go-btn.png'); width: 16px;height: 20px; transform: translateY(-50%); }
#room .amenity-slide  .arrow-ani:hover::before {left: 20px;top: 50%;}
#room .amenity-slide .arrow-ani:hover::after {left: 50px;top:50%;}
#room .amenity-slide  .arrow-ani1::before{left: -50%;top: 50%;  background-image: url('../img/common/slide-right.png');}
#room .amenity-slide .arrow-ani1::after {left: 20px;top: 50%;  background-image: url('../img/common/slide-right.png');}
#room .amenity-slide .arrow-ani2::before{left: 100%;top: 50%;  background-image: url('../img/common/slide-left.png');}
#room .amenity-slide .arrow-ani2::after {left: 20px;top: 50%;  background-image: url('../img/common/slide-left.png');}
#room .amenity-slide .arrow-ani2:hover::before {left: 37%;top: 50%;}
#room .amenity-slide .arrow-ani2:hover::after {left: -50%;top:50%;}
#room .amenity-slide .amenity-operation{display: flex;gap: 20px;}
#room .amenity-slide .swiper-button-next, #room .amenity-slide .swiper-button-prev{position: unset; width: auto;margin-top: 0;display: unset;}
#room .amenity-slide .swiper-button-next:after, #room .amenity-slide .swiper-button-prev::after{content:"";}


@media(max-width:1024px){
    #room .room-detail .arrow-ani1:hover::after{left: 30%;top: 50%;}
    #room .room-detail .arrow-ani2:hover::after{left: 35%;top: 50%;}
    #room .room-detail .arrow-ani2:hover::before{display: none;}
    #room .room-detail .arrow-ani1::before{display: none;}
    #room .amenity-slide .amenity-operation{display: none;}
    #room .amenity-slide .box .amenity-title .txt{margin-bottom: 30px;}
}

/* special */
#special .special-category .category-box{max-width: 1200px; margin: 0 auto;}
#special .special-category .category-box ul{display: flex; justify-content: space-between; color: #e0e0e0; font-family: 'KBIZsmm';  gap: 40px; cursor: pointer;}
#special .special-category .category-box ul li{width: 100%;  position: relative;}
#special .special-category .category-box ul li a{ font-size: 16px; width: 100%; position: relative;padding: 20px 0; }
#special .special-category .category-box ul li{border-bottom: 0.5px solid rgba(255,255,255,0.2);}
#special .special-category .category-box ul li::after{content:"";position: absolute; bottom: 0; left:0; width: 100%; height: 1px; background-color: rgba(255,255,255,0.2);}
#special .special-category .category-box ul li::before{content:"";position: absolute; bottom: 0; right:0; width: 0; height: 1px; background-color: rgba(255,255,255,1); transition: 0.3s;}
#special .special-category .category-box ul li:hover::before{width: 100%; left:0;}

#special .special-category .category-box ul li a::after{content: ""; position: absolute; right: 0;top:50%; transform: translateY(-50%); background-image: url('../img/common/down-arrow.svg'); width: 9px; height: 7px; transition: 0.3s;}
#special .special-category .category-box ul li a:hover::after{top: 60%;}
#special .special-category {width: 100%;z-index: 1000;transition: all 0.3s ease;}
#special .special-category.fixed {position: fixed;top: 0;left: 0; background-color: #222;}

#special .special-intro{overflow: hidden;}
#special .special-intro .box{display: flex;  width: 100%; padding-top: 200px; padding-left: 250px; box-sizing: border-box; font-family: 'KBIZsmm';}
#special .special-intro .box .thumbnail img{width: 100%;}
#special .special-intro .box .thumbnail {width: 60%;}

#special .special-intro .box .txt {width: 40%; color: #e0e0e0; }
#special .special-intro .box .txt  .disc .each{display: flex; flex-direction: column; font-size: 20px; font-weight: 600; gap: 5px; position: relative;}
#special .special-intro .box .txt  .disc .each::after{content: ""; position: absolute; top: 5px; left: 40px; height: 30px; width: 1px; background-color: #e0e0e0;}
#special .special-intro .box .txt  .disc{font-weight: 400;}
#special .special-intro .box .txt  .disc h5{font-size: 20px; margin-top: 130px; font-family: "minerva-modern", sans-serif;}
#special .special-intro .box .txt  .disc h4{font-size: 30px; margin: 75px 0 30px 0; line-height: 1.5;}
#special .special-intro .box .txt  .disc p{font-size: 16px; font-weight: 300;}
#special .special-intro .box .thumbnail .story{color: #e0e0e0;  margin-top: 150px;}
#special .special-intro .box .thumbnail .story h5{font-size: 20px; font-family: "minerva-modern", sans-serif; margin-bottom: 30px;}
#special .special-intro .box .thumbnail .story p{font-size: 16px; font-weight: 300;}
#special .special-intro .box .thumbnail .story-info{color: #e0e0e0; display: inline-block; margin-top: 50px;}
#special .special-intro .box .thumbnail .story-info ul{border-top: 1px solid #E0E0E0;border-bottom: 1px solid #E0E0E0; padding: 20px 0; margin-bottom: 20px;}
#special .special-intro .box .thumbnail .story-info ul li{font-size: 16px; display: flex; align-items: flex-start;}
#special .special-intro .box .thumbnail .story-info ul li:first-child{padding-bottom: 20px; border-bottom: 0.5px dashed #e0e0e0;}
#special .special-intro .box .thumbnail .story-info ul li:last-child{padding-top: 20px;}
#special .special-intro .box .thumbnail .story-info ul li span{font-weight: 600; width: 100px;}
#special .special-intro .box .thumbnail .story-info .story-info-box > p{font-size: 14px;  font-weight: 300;}
#special .special-intro .box .thumbnail .video iframe{height: 657px !important;}
@media(min-width:2040px){
  
    #special .special-intro .box{padding-left:550px;}
}

@media(max-width:1024px){
    #special .special-intro .box .thumbnail .story-info ul li{font-size: 14px;}
      #special .special-intro .box .thumbnail .story-info ul li span{width: 70px; }
      #special .special-intro .box .thumbnail .story-info .story-info-box > p{font-size: 13px;}
      #special .special-intro .box .thumbnail .story-info ul li p{line-height: 1; margin-bottom: 10px;}
    #special .special-intro .box .thumbnail .video iframe{height: 250px !important;}
    #special .special-category .category-box ul{display: grid; grid-template-columns: repeat(2,1fr); gap: 10px; padding: 0 20px;}
    #special .special-category .category-box ul li a{font-size: 13px;}

#special .special-intro .box .thumbnail .story h5{margin-bottom: 15px;}
#special .special-intro .box .thumbnail .story p{font-size: 14px;}
#special .special-intro .box{padding-left: 0; padding-top: 100px; flex-direction: column;  gap: 40px;}      
#special .special-intro .box .txt , #special .special-intro .box .thumbnail{width: 100%;}
#special .special-intro .box .thumbnail{padding: 20px; box-sizing: border-box;}
#special .special-intro .box .thumbnail .story{margin-top: 30px;}
#special .special-intro .box .txt .disc{padding: 0 20px;}
#special .special-intro .box .txt  .disc h5{font-size: 16px; margin-top: 50px;}
#special .special-intro .box .txt  .disc h4{font-size: 22px; margin: 30px 0 15px 0;}
#special .special-intro .box .txt  .disc p{font-size: 14px; }
#special .special-intro .box .txt .disc .each{flex-direction: row; margin-top: 40px;}
#special .special-intro .box .txt .disc .each::after{top: auto; left: 0;  bottom: -9px; width: 30px; height: 1px;}
}


#special .special-detail{padding-bottom: 200px;}
#special .special-detail .box{max-width: 1440px; margin: 0 auto;}
#special .special-detail .box .room-detail-swiper .swiper-slide img{width: 100%;}
#special .special-detail .swiper-pagination,#special .special-detail .swiper-button-next,#special .special-detail .swiper-button-prev{position: unset;}
#special .special-detail .swiper-pagination {width: auto; display: inline-block; }
#special .special-detail .swiper-button-next::after, #special .special-detail .swiper-button-prev::after{content: "";}
#special .special-detail .detail-operation a{height: 40px; width: 40px; background-color: #fff; border-radius: 4px;}
#special .special-detail .swiper-button-next.swiper-button-disabled, #special .special-detail  .swiper-button-prev.swiper-button-disabled{opacity: 1;}
#special .special-detail .swiper-button-next, #special .special-detail .swiper-button-prev{width: auto; height: auto; margin-top: 0;display: inline-block;}
#special .special-detail .detail-operation{display: flex; align-items: center;justify-content: flex-end; color: #e0e0e0; font-size: 14px;font-family: 'KBIZsmm';  gap: 20px; margin-top: 20px; margin-right: 40px;}


#special .special-detail .arrow-ani {overflow: hidden;position: relative;display: flex;align-items: center;justify-content: center;width: 40px;height: 40px;cursor: pointer;transition: 0.5s;}
#special .special-detail .arrow-ani::before{content: '';position: absolute;left: -50%;top: 35%;  transition: .5s;background-image: url('../img/common/go-btn.png');width: 16px;height: 20px;transform: translateY(-50%); }
#special .special-detail .arrow-ani::after  {content: '';position: absolute;left: 11px;top: 35%;transition: .5s;  background-image: url('../img/common/go-btn.png'); width: 16px;height: 20px; transform: translateY(-50%); }
#special .special-detail .arrow-ani1{cursor: pointer;}
#special .special-detail .arrow-ani1::before{left: 100%;top: 50%;  background-image: url('../img/common/slide-left.png');}
#special .special-detail .arrow-ani1::after {left: 35%;top: 50%;  background-image: url('../img/common/slide-left.png');}
#special .special-detail .arrow-ani1:hover::before {left: 35%;top: 50%;}
#special .special-detail .arrow-ani1:hover::after {left: -100%;top:50%;}

#special .special-detail .arrow-ani2::before{left: -100%;top: 50%;  background-image: url('../img/common/slide-right.png');}
#special .special-detail .arrow-ani2::after {left: 35%;top: 50%;  background-image: url('../img/common/slide-right.png');}
#special .special-detail .arrow-ani2:hover::before {left: 35%;top: 50%;}
#special .special-detail .arrow-ani2:hover::after {left: 100%;top:50%;}
#special .special-detail{padding-top: 100px;}

@media(max-width:1024px){
    #special .special-detail .box .room-detail-swiper .swiper-slide img{min-height: 250px; object-fit: cover;}
    #special .special-detail .detail-operation{margin-right: 20px;}
    #special .special-detail  .arrow-ani, #special .special-detail  .detail-operation a{width: 30px; height: 30px;}
    #special .special-detail  .arrow-ani::after, #special .special-detail  .arrow-ani1::after,#special .special-detail  .arrow-ani1::before{width:12px ; height: 16px; background-size: cover;}
    #special .special-detail  .arrow-ani1::after{left:30%}
    }

#special .special-slide{padding-bottom: 200px;}
#special .special-slide .swiper-slide img{width: 100%; max-width: 360px;}

@media(min-width:1924px){
    
    #special .special-slide .swiper-slide img{width: 100%; max-width: 385px;}
}
/*reser */


 /* #reser .visual-area .thumbnail{position: relative;}
#reser .visual-area .thumbnail::after{content:""; position: absolute; bottom: -2px; left: 0; width: 100%; height: 5px; background-color: #222;} 
#reser .visual-area .thumbnail::before{content:""; position: absolute; top: -2px; left: 0; width: 100%; height: 5px; background-color: #222;}*/
#reser{overflow: hidden;}
.reser-price{max-width: 1060px; margin: 0 auto; margin-top: 300px; position: relative; }
#reser .reser-price .reser-type > h5{ color: #e0e0e0; font-size: 16px; margin-bottom: 30px; font-family: "minerva-modern", sans-serif;}
#reser .reser-price .reser-type{ font-family: 'KBIZsmm'; }
#reser .reser-price .reser-type ul li{display: flex; align-items: center; color: #e0e0e0; margin-bottom: 25px;}
 #reser .reser-price .reser-type ul li a{font-size: 16px;}
 #reser .reser-price .reser-type ul .account-item{align-items: flex-start;}
 #reser .reser-price .reser-type ul .account-item .account p{margin-bottom:10px ;}
#reser .reser-price .reser-type span{font-size: 18px; font-weight: 500; width: 150px;}
#reser .reser-price .reser-type p{ font-weight: 300; font-size: 16px; }
#reser .reser-price .reser-type .reser{color: #fff; font-size: 16px; margin-top: 50px; margin-left: 150px; font-weight: 300;}
#reser .reser-price .reser-type .reser .reser-btn{display: inline-block; width: 190px;overflow: hidden;position: relative;cursor: pointer;transition: 0.5s; }
#reser .reser-price .reser-type .reser a{width: 100%; padding-bottom: 15px; border-bottom: 1px solid rgba(255,255,255,0.2);}
#reser .reser-price .reser-type .reser a::after{content:""; position: absolute; background-image: url('../img/down-arrow.svg'); width:9px ;height: 7px; top: 10px; right: 0; transform: translateY(-50%); transition: 0.3s;}
#reser .reser-price .reser-type .reser a:hover::after{top: 15px;}
#reser .reser-price .price-area{margin-top: 200px;}
#reser .reser-price .price-area img{width: 100%;}


#reser .reser-information{ position: relative; max-width: 1060px; margin: 200px auto 0 auto; }
#reser .reser-information .reser-title{top: 0;}
#reser .reser-information .box{ color: #e0e0e0; font-family: 'KBIZsmm'; font-weight: 300;}
#reser .reser-information .box .information-list .information-item{border-bottom: 1px solid #E0E0E0;}
#reser .reser-information .box .information-list .information-item:first-child{border-top: 1px solid #E0E0E0;}
#reser .reser-information .information-header {padding: 22px 20px;cursor: pointer;font-weight: bold;transition: background 0.3s ease; font-size: 20px; font-weight: 300;}
#reser .reser-information .information-content {display: none;padding: 20px 20px 20px 40px;animation: slideDownFade 0.3s ease; font-size: 16px;}
#reser .reser-information .information-content p{font-weight: 300; margin-bottom: 7px;}

@keyframes slideDownFade {
  from {
    opacity: 0;
    transform: translateY(-5px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@media(max-width:1024px){
    #reser .reser-price .reser-type ul li a{margin-top: 10px;}
    #reser .reser-information .reser-title .txt{margin-left: 20px;}
  .reser-price{margin-top: 100px;}
  #reser .reser-price .reser-type {padding: 0 20px;}
  #reser .reser-price .reser-type  span{font-size: 16px;}
    #reser .reser-price .reser-type  p{font-size: 14px; margin-top: 10px;}
    #reser .reser-price .reser-type  ul li{flex-direction: column; align-items: flex-start; margin-bottom: 25px;}
    #reser .reser-price .reser-type  ul li b{display: none;}
    #reser .reser-price .reser-type  .reser{margin-left: 0; margin-top: 30px;}
    #reser .reser-price .price-area{margin-top: 100px;}
    #reser .reser-information{margin-top: 100px;}
    #reser .reser-information .information-list{padding: 0 20px;}
    #reser .reser-information .information-header{font-size: 16px; padding: 15px 10px;}
    #reser .reser-information .information-content p{font-size: 13px; text-indent: -4px;}
    #reser .reser-information .information-content{padding:10px 10px 10px 20px;}
}

#main-wrap .introduction-section, #reser .introduction-section{position: relative;isolation: isolate;}

#main-wrap .introduction-section::after, #reser .introduction-section::after {
  content: '';
  position: absolute;
  background: black;
  z-index: -1;
  inset: 0;
   opacity: 0.1;
}
  #reser .introduction-section{margin-top: 200px;z-index: 2; background-color: #222;}
  #reser .introduction-section{height: 90vh; background-image: url('../img/visual_bg.png'); background-position: center; background-repeat: no-repeat;    background-attachment: fixed; position: relative;box-sizing: border-box; margin-bottom: 350px; background-size: cover; font-family: 'KBIZsmm'; }
  #reser .introduction-section .txt{color: #e0e0e0; position: absolute; top: 50%;left: 50%; transform: translate(-50%,-50%); text-align: center;}
  #reser .introduction-section .txt h4{font-size: 26px;}
  #reser .introduction-section .txt h5{font-size: 22px; margin: 60px 0 10px 0; font-weight: 500;}
  #reser .introduction-section .txt p{font-size: 16px; line-height: 1.4;}
  #reser .introduction-section .go-reser{position: absolute; bottom: 100px; right: 200px; font-size: 16px; color: #e0e0e0; }
  #reser .introduction-section .go-reser a{text-decoration: underline; text-underline-offset : 5px; text-decoration-thickness:0.2px ;font-family: "minerva-modern", sans-serif;}

  @media(max-width:1024px){
    #reser .introduction-section{background-attachment: unset;}
    #reser .introduction-section .txt{width: 100%;}
    #reser .introduction-section{margin-bottom: 150px;}
    #reser .introduction-section .go-reser{bottom: 10%; right: 10%;}
  }
  #reser .reser-refund{position: relative; max-width: 1060px; margin: 0 auto;}
    #reser .reser-refund .box img{width: 100%;}
    #reser .reser-refund .box{  color: #e0e0e0; font-family: 'KBIZsmm'; }
    #reser .reser-refund .box .thumbnail{margin-top: 30px;}
    #reser .reser-refund .box .refund-info {margin-bottom:30px;}
    #reser .reser-refund .box p{font-size: 16px; font-weight: 300; margin: 5px 0;}
    #reser .reser-refund .box .disc{margin-top: 70px;}

  @media(max-width:1024px){
    
    #reser .reser-refund .box p{font-size: 14px;}
    
  }
.reser_nav-wrap{position: relative;}
.reser_nav{position: absolute; top: 0px; right:13.5%; color: #e0e0e0; font-family: 'KBIZsmm';  font-weight: 300;}
.reser_nav.active{position: fixed; top: 5%; right: 13.5%; transition: 0.3s;}
.reser_nav{font-size: 16px;}
.reser_nav .box ul li a{padding:20px 0;width: 100%; border-bottom: 0.5px solid rgba(255,255,255,0.5); min-width: 160px; position: relative;}
.reser_nav .box ul li a::after{content: ""; position: absolute; top: 50%; right: 0; transform: translateY(-50%);  background-image: url('../img/common/slide-down.png'); width: 19px; height: 14px; background-repeat: no-repeat; transition: 0.3s;}
.reser_nav .box ul li a:hover::after{top: 65%;}
#reser .reser-title{position: absolute; top: -75px; left: -150px; font-family: 'KBIZsmm'; font-size: 20px; color: #e0e0e0;}
#reser .reser-title .txt{position: relative;}
#reser .reser-title .txt::after{content:""; position: absolute;top: 0; right: -20px; width: 1px; height: 30px; background-color: #e0e0e0;}
#reser .reser-title .txt h5{margin-bottom: 5px;}
.reser-price .reser-title {margin-left: 20px;}

#reser .seoraon-pirce .box{max-width: 1060px; margin: 0 auto;  font-family: 'KBIZsmm'; margin-top: 100px;}
@media(max-width:1024px){
    #reser .reser-title .txt::after{display: none;}
    #reser .seoraon-pirce{padding: 0 20px;}
.reser_nav-wrap{display: none;}
#reser .reser-title{position: unset;}
#reser .reser-title .txt{display: flex;  margin-bottom: 20px;}
}

.reser_tt {max-width: 100%;width: 100%;text-align: center;font-family: 'KBIZsmm';margin-top: 50px;}
.reser_tt tr {border-top: 1px solid #e0e0e0;}
.reser_tt .tt_last {border-bottom: 1px solid #e0e0e0;}
.reser_tt th {padding: 10px 0;font-size: 20px;color: #222;font-weight: 500;background: #e0e0e0;}
.reser_tt td {padding: 15px 0;font-weight: 600;color: #999;font-size: 16px;}
.reser_tt td strong {color: #e0e0e0;}
#reser  .reser-refund-rull {max-width: 1060px; margin: 200px auto 0 auto ;  position: relative;   font-family: 'KBIZsmm';}
#reser  .reser-refund-rull .box .disc p{ font-size: 16px; color: #e0e0e0; margin-bottom: 9px;}
#reser .reser-refund-rull .reser-title{top: 0;}

@media(max-width:1024px){
    .reser_tt th{font-size: 16px;}
    .reser_tt td{font-size: 14px;}
    #reser .reser-refund{padding: 0 20px;}
    #reser .reser-refund-rull{padding: 0 20px; box-sizing: border-box;}
    #reser  .reser-refund-rull .box .disc{margin-left: 10px;}
#reser  .reser-refund-rull .box .disc p{font-size: 14px; text-indent: -6px; margin-bottom: 10px;}
}
/*tour */
#tour .visual-area .thumbnail{position: relative;}
#tour .visual-area .thumbnail::after{content:""; position: absolute; bottom: -2px; left: 0; width: 100%; height: 5px; background-color: #222;}
#tour .tour-list-wrap{margin-top: 200px;}
#tour .tour-list-wrap .box .tour-list{max-width: 1060px; margin: 0 auto;  font-family: 'KBIZsmm'; }
#tour .tour-list-wrap .box .tour-list .tour-item{position: relative; margin-bottom: 200px;color: #AEAEAE; transition: 0.3s;}
#tour .tour-list-wrap .box .tour-list .tour-item.active{color: #e0e0e0;transition: 0.3s;}
#tour .tour-list-wrap .box .tour-list .tour-item .disc span{font-size: 16px;font-family: "minerva-modern", sans-serif;}
#tour .tour-list-wrap .box .tour-list .tour-item .disc > h5{font-size: 20px; margin: 30px 0 20px 0; font-weight: 500;}
#tour .tour-list-wrap .box .tour-list .tour-item .disc p{font-size: 16px; font-weight: 300;}

#tour .tour-title{position: absolute; top: -75px; left: -150px; font-family: 'KBIZsmm'; font-size: 20px; color: #e0e0e0;}
#tour .tour-title .txt{position: relative;}
#tour .tour-title .txt::after{content:""; position: absolute;top: 0; right: -20px; width: 1px; height: 30px; background-color: #e0e0e0;}
#tour .tour-title .txt h5{margin-bottom: 5px;}


#tour .tour_nav-wrap{position: relative; z-index: 3;}
#tour .tour-map{position: relative;}
#tour .tour-map img{position: absolute; top: 100px; right:13.5%;  max-height: 990px;}
#tour .tour-map img.active{position: fixed; top: 5%; right: 13.5%; transition: 0.3s;}
#tour .tour_nav{position: absolute; top: 0px; right:13.5%; color: #e0e0e0; font-family: 'KBIZsmm';  font-weight: 300;}
#tour .tour_nav.active{position: fixed; top: 5%; right: 13.5%; transition: 0.3s;}
#tour .tour_nav{font-size: 16px;}
#tour .tour_nav .box ul li a{padding:20px 0;width: 100%; border-bottom: 0.5px solid rgba(255,255,255,0.5); min-width: 160px; position: relative;}
#tour .tour_nav .box ul li a::after{content: ""; position: absolute; top: 50%; right: 0; transform: translateY(-50%);  background-image: url('../img/common/slide-down.png'); width: 19px; height: 14px; background-repeat: no-repeat; transition: 0.3s;}
#tour .tour_nav .box ul li a:hover::after{top: 65%;}
#tour .tour-list-wrap {position: relative;}
.tour_nav{display: none;}
@media(max-width:1024px){
    #tour {overflow: hidden;}
    #tour .tour-map  img{max-height: 90%; opacity: 0.3; transition: 0.3s;}
    #tour .tour-list-wrap .box .tour-list .tour-item .disc{padding: 0 20px;}
    #tour .tour_nav-wrap {display: none;}
    #tour .tour_nav-wrap{display: none;}
    #tour .tour-title{position: unset;}
    #tour .tour-title .txt{display: flex; margin-left: 20px; margin-bottom: 20px;}
    #tour .tour-list-wrap .box .tour-list .tour-item{margin-bottom: 100px;}
    #tour .tour-list-wrap .box .tour-list .tour-item .disc span{font-size: 14px;}
    #tour .tour-list-wrap .box .tour-list .tour-item .disc > h5{font-size: 16px;  margin: 20px 0 15px 0;}
    #tour .tour-list-wrap .box .tour-list .tour-item .disc p{font-size: 14px; }
    #tour .tour-list-wrap .box .tour-list .tour-item .disc p br{display: none;}
 
}


/*notice*/
#notice .notice-wrap .box{max-width: 1200px; margin:150px auto 0 auto; }
#notice .notice-wrap h5{max-width: 1500px; margin: 30px auto 0 auto; color: #e0e0e0 ; font-size: 20px; text-align: right; font-family: 'KBIZsmm';}

/*location */
.loaction-map {margin-top: 150px;}
.loaction-map .box {max-width: 940px; margin: 0 auto; position: relative;}
.loaction-map .box > .txt{color: #e0e0e0; font-size: 16px; font-family: 'KBIZsmm'; font-weight: 300; margin-top: -50px;}
.loaction-map .box > .txt h5{margin-top: 10px; padding-left: 15px; position: relative;}
.loaction-map .box > .txt h5::after{content: ""; position: absolute; top: 0; left: 0; height:100%; width: 2px; background-color: #D9D9D9;}
.loaction-map .box > .txt h5 strong{font-weight: 600;}
#location .tour-title{position: absolute; top: -0; left: -150px; font-family: 'KBIZsmm'; font-size: 20px; color: #e0e0e0;}
#location .tour-title .txt{position: relative;}
#location .tour-title .txt::after{content:""; position: absolute;top: 0; right: -20px; width: 1px; height: 30px; background-color: #e0e0e0;}
#location .tour-title .txt h5{margin-bottom: 5px;}

@media(max-width:1024px){
    #notice .notice-wrap{padding: 0 20px;}
    .loaction-map .box > .txt{padding: 20px; box-sizing: border-box; font-size: 14px;}
.root_daum_roughmap .wrap_map{max-height: 300px !important;}
}
.priceTable td{background-color: #222 !important;  color: #e0e0e0;}
.priceTable th{vertical-align: middle; color: #222; font-weight: 500;}
.seoraon-pirce > .box > div{width:100% !important;}

iframe{pointer-events: none;}



/* CSS */
.seoraon-pirce .seoraon-pirce-name  {
  padding: 15px;
  background: #222;
  cursor: pointer;
  border-bottom: 1px solid #ddd;
  color: #e0e0e0;
  font-size: 20px;
}
.seoraon-pirce  .seoraon-pirce-name.active {
  background: #222;
}
.seoraon-pirce .seoraon-pirce-content {
  display: none;
  padding: 15px;
  border-bottom: 1px solid #ddd;
  background: #222;
}
.seoraon-pirce .seoraon-pirce-content h1{font-size: 21px; margin: 20px 0; color: #e0e0e0;}
.seoraon-pirce .seoraon-pirce-content h1:not(:first-child){margin-top: 50px;}
.seoraon-pirce .seoraon-pirce-content .room_data{display: none;}

 .seoraon-pirce .room_rprice table .head td .room_rprice table .rprice .sale, .seoraon-pirce  .seoraon-pirce-content .room_rprice, .seoraon-pirce  .seoraon-pirce-content .week_date{background-color: #222; color: #e0e0e0 !important; font-family: 'KBIZsmm';}
 .seoraon-pirce .room_rprice table .head .satur,.seoraon-pirce  .room_rprice table .head .sun, .seoraon-pirce  .room_rprice table .rprice .sale{color: #e0e0e0 !important; font-family: 'KBIZsmm' !important;}
 .seoraon-pirce .room_rprice table td,.seoraon-pirce  .room_rprice table .state td, .seoraon-pirce .room_rprice table .head td{background-color: #222 !important; font-family: 'KBIZsmm' !important;}
 .seoraon-pirce .room_rprice table td{border-bottom: 1px solid rgba(255,255,255,0.2) !important;}
 .seoraon-pirce .room_rprice table{border-top: 1px solid rgba(255,255,255,0.2) !important;}
.seoraon-pirce .seoraon-pirce-toggle > h2{font-size: 24px; color: #e0e0e0; margin-bottom: 20px;}
 @media(max-width:1024px){
    .seoraon-pirce .seoraon-pirce-toggle > h2{font-size: 18px;}
   .seoraon-pirce  .seoraon-pirce-name{font-size: 16px;}
 .seoraon-pirce  .seoraon-pirce-content h1{font-size: 18px; margin: 10px 0;}
 .seoraon-pirce  .week_date p{font-size: 12px !important;}
.seoraon-pirce .seoraon-pirce-content h1:not(:first-child){margin-top: 30px;}  
 }
 #happyjung_popup .pop_dayClose{width:calc(50% - 1px) !important;}