/* �쉶�궗�냼媛� -visual */
.aboutVisual_boxWrap {position: absolute;bottom: 0;left: 0;width: 500px;height: 190px;background-color: #fff;display: table;}
.aboutVisual_box {display: table-cell; vertical-align: middle; text-align: left; padding:0 40px;}
.aboutVisual_box .aboutVisual_tit{font-family: inter;font-size: 20px;font-weight: bold;line-height: 1.2;letter-spacing: 1px;color: #333; position:relative;padding-top:12px;}
.aboutVisual_box .aboutVisual_tit::before {content: ''; display: inline-block;width: 35px;height: 3px;background-color: #333; position: absolute;top: 0;left: 0;}
.aboutVisual_box .aboutVisual_txt{font-family: notoKrDL;font-size: 14px;line-height: 1.64;color: #333; margin-top: 6px;}
/* �쉶�궗�냼媛� -vision */
.aboutVision {padding: 94px 0 99px;}
.aboutVision .vision_tit{font-family: inter;font-size: 31px;font-weight: 500;font-style: normal;line-height: 1.35;letter-spacing: normal;text-align: center;color: #333; padding-bottom: 117px;position: relative;}
.aboutVision .vision_tit .style__01 {letter-spacing: -0.93px;}
.aboutVision .vision_tit .style__02 {font-family: notoKr;letter-spacing: -0.93px;}
.aboutVision .vision_tit::after {content: '';width:1px;height:57px;background-color:#333;position:absolute;bottom:30px;left:50%;transform: translateX(-50%);}
.aboutVision .vision_txt {font-family: notoKrDL;font-size: 15px;font-weight: 300;font-style: normal;line-height: 1.67;letter-spacing: normal;text-align: center;color: #333;}
.aboutVision .vision_txt span {display: block;}
/* �쉶�궗�냼媛� -partner */
.aboutPartner {background-color:#f2efe7;padding:107px 0;}
.aboutPartner .partnerTit {width:200px; margin:0 auto 49px;}
.parterWrap {width: 1059px;margin: 0 auto;}
.parterWrap::after{content: '';display: block;clear: both;}
.parterWrap ul {width: 313px;float: left;margin-right: 60px;}
.parterWrap ul:nth-child(3n){margin-right: 0;}
.parterWrap ul li {display:flex;width: 100%;height: 102px;border: solid 1px #e3daca;align-items: center;justify-content: center;margin-bottom: 5px;}
.parterWrap ul li img {width:auto; height: auto;object-fit:none;}
/* �쉶�궗�냼媛� -�궗�뾽�쁺�뿭 */
.aboutBusiness {padding:123px 0 96px; width:100%; overflow-x: hidden;}
.business_txt .bs_tit{font-family: notoKr;font-size: 20px;font-weight: bold;line-height: 1;letter-spacing: 13px;color: #333; padding-bottom: 20.5px; margin-bottom: 20.5px; position: relative;}
.business_txt .bs_tit::after {content: ''; display: inline-block;width: 113px; height: 1px; background-color: #333; position: absolute; bottom: 0;left:0;}
.business_txt .bs_txt {font-family: notoKrDL;font-size: 15px;font-weight: 300;line-height: 1.33;letter-spacing: normal;color: #333; width:28%;}
.business_slide .slide_txtWrap {padding:35px 0 0px; border-bottom:1px solid #707070;}
.business_slide .slide_tit {font-family: notoKr;font-size: 18px;font-weight: bold;line-height: 1.39;letter-spacing: normal;color: #333; text-align: left; margin-bottom: 17px;}
.business_slide .slide_txt {font-family: inter;font-size: 15px;font-weight: normal;line-height: 1.67;letter-spacing: normal;text-align: left;color: #333; min-height: 114px;padding-bottom: 12px;}
.business_slide .slide_txt .address {font-family: notoKrDL;}
.business_slide .slide_txt span {font-family: inter;font-weight: 600; display:inline-block; width:61px; margin-right:10px;}
.business_slide .slide_txt span.type02 {font-weight: 400;width: 80px;margin-right: 12px;}
.business_slide .slide_info {display: flex;}
.business.inquiryWrap {margin-top:4px;}
.business.inquiryWrap .inquiry{font-family: inter;font-size: 13px;font-weight: normal;line-height: 1.23;letter-spacing: normal;}
.aboutBusiness .layout {position: relative;}
.aboutBusiness .layoutbs01{ margin: 0 auto;}
.aboutBusiness .layoutbs02{display: flex;flex-wrap: wrap;justify-content: flex-end;}
.aboutBusiness .layoutbs03{position: relative;width: 100%;flex: 0 0 58.3333333333%;max-width: 58.3333333333%;}
.aboutBusiness .layoutbt01{ position: absolute;width: 100%;}
.aboutBusiness .layoutbt02{width:1280px; margin: 0 auto;}
.business_slide .swiper-slide {width:405px !important}
.business_slide .swiper-slide img {width: 100%;height:auto;object-fit:none;}
.business_slide .swiper-wrapper {background-color: #fff;}
/* �쉶�궗�냼媛� -�궗�뾽�쁺�뿭�뙘�뾽 */
.modal .modal-wrap.aboutPopup {width:1200px; padding:50px;}
.aboutPopup .basic-button-next {position: absolute;top: 50%;right: 14px;left:auto; transform: translate(0, -50%);-webkit-transform: translate(0, -50%);-o-transform: translate(0, -50%);-moz-transform: translate(0, -50%);display: block;width: 20px;height: 35px;background: url(../../../images/pc/icon/next@3x.png) no-repeat;background-size: cover;}
.aboutPopup .basic-button-prev {position: absolute;top: 50%;left: 14px;right:auto;transform: translate(0, -50%);-webkit-transform: translate(0, -50%);-o-transform: translate(0, -50%);-moz-transform: translate(0, -50%);width: 20px;height: 35px;background: url(../../../images/pc/icon/prev@3x.png) no-repeat;background-size: cover;}
.aboutPopup .popupTit {margin-bottom: 23.5px;}
.aboutPopup .popupTit ul {display: flex; align-items:center;height: 54px;}
.aboutPopup .popupTit li {height: 100%;}
.aboutPopup .popupTit li.titlogo {margin-right: 22.5px; border-right: 1px solid #e9e9e9; padding-right: 5px;}
.aboutPopup .popupTit li.titlogo img {width:auto; height: auto;object-fit:none;}
.aboutPopup .popupTit li.titName {font-family: notoKr;font-size: 26px;font-weight: bold;line-height: 1;letter-spacing: -1.3px;text-align: left;color: #333; padding:10px 0;}
.aboutPopup .popupInfo {position: relative;}
.aboutPopup .leftThm {width:750px;}
.aboutPopup .rightInfo {position: absolute;right: 0; bottom: 0; width:320px; padding-top:20px; border-top:1px solid #333;}
.aboutPopup .aboutList {font-family: inter;font-size: 15px;font-weight: normal;line-height: 1.67;letter-spacing: normal;text-align: left;color: #333; padding-bottom: 30px;}
.aboutPopup .aboutList .address {font-family: notoKrDL;}
.aboutPopup .aboutList span {font-family: inter;font-weight: 600; display:inline-block; width:70px; margin-right:5px;flex-basis: 70px;padding-right: 10px;}
.aboutPopup .aboutList span.type02 {font-family: notoKrDL;width: 85px;margin-right: 12px;padding-right: 0; flex-basis: 85px;}
.aboutPopup .aboutList li{display: flex;width:320px;}
.aboutPopup .popupTxt {margin-top: 30px;}
.aboutPopup .popupTxt .sub-tit04 {font-family: notoKr;font-size: 18px;font-weight: bold;line-height: 1.39;letter-spacing: normal;text-align: left;color: #333; margin-bottom: 15px;}        
.aboutPopup .popupTxt p{font-family: notoKr;font-size: 15px;font-weight: normal;line-height: 1.33;letter-spacing: normal;text-align: left;color: #333; word-break: keep-all;}
.aboutPopup .business.inquiryWrap .inquiry {font-size:15px;}
/* EXPERIENCE_TENANT */
.exp_cont_txt.tenant .tit {margin-top: 13px;line-height: 1.36;}
.exp_cont_txt.tenant .txt {line-height: 1.36;}
.exp_cont_txt.tenant .infoLong, .infoLong {display: inline-block; vertical-align: top; line-height: 1.5;}


.hotelAbout .introAbout {width:100%;position: relative;}/* height: calc(100vh - 80px); */
.hotelAbout .introAbout .centerLogo {transition: all 0.2s;opacity: 1;position: absolute;top:25%; left:50%; margin-left: -145px;}
.hotelAbout .introAbout .centerLogo.remove {transition: all 0.2s;opacity: 0;height: 0;}
.hotelAbout .introAbout .centerLogo img {width:290px; height: auto;max-width: initial;}
.hotelVisual {width:100%;height:970px; background:#fff; z-index:-1; position: relative;}
.hotelVisual .visual-txt-data {position:absolute;bottom:44px; left:0;display:block;width:100%;z-index:14; text-align:center;}
.hotelVisual .visual-txt-data .visuaol-txt-ani {opacity:0;}
.hotelVisual .visual-txt-data h1 {font-family: interSB;font-size: 35px;color: #fff; padding-bottom:60px;position:relative}
.hotelVisual .visual-txt-data h1::after{content: '';width:1px; height:35px; background:#fff; display:inline-block;position: absolute; bottom:16px; left:50%;}
.hotelVisual .visual-txt-data h2 {font-family: interM;font-size: 18px;line-height: 1.39;letter-spacing: 0.9px;color: #fff;margin-bottom:35px}
.hotelVisual .visual-txt-data .arrow_img > img {width:auto; height: auto;max-width: initial;object-fit:none;}
.hotelVisual .visual-banner-img {position:absolute; top:0; left:0; width:100%; height:100%;}
.hotelVisual .visualBg {position:absolute; top:0; left:0; width:100%; height:100%; overflow:hidden; clip-path:polygon(50% 50%, 50% 50%, 50% 50%, 50% 50%);}
.hotelVisual .visualBg .bgObj {position:absolute; top:0; left:0; width:100%; height:100%; transform:scale(1); transition:transform 0.95s cubic-bezier(0.785, 0.135, 0.150, 0.860); background-repeat:no-repeat;
    background-size:cover;background-position:center center;background-image:url(../../../images/pc/contents/hotelAbout_bg02_dim.jpg);}
.hotelVisual .visual-banner-img.active .visualBg {z-index:5;transition:clip-path 0.95s cubic-bezier(0.785, 0.135, 0.150, 0.860);clip-path:polygon(0 0, 100% 0, 100% 100%, 0% 100%)}
.hotelVisual .visualLogo  {position:absolute; top:50%; left:50%; transform:translateY(-50%); display:block; z-index:50; margin-left:-145px;}
.hotelVisual .visualLogo img {width:290px; height:auto;}

.hotelAbout .hotelBornTo {padding:200px 0 100px;position: relative; width: 100%; overflow: hidden;}
.hotelAbout .hotelBornTo .centerTxt {text-align: center;}
.hotelAbout .hotelBornTo .centerTxt h1 {font-family: inter;font-size: 45px;font-weight: bold;letter-spacing: 2.25px;color: #333;margin-bottom: 52px;}
.hotelAbout .hotelBornTo .centerTxt h2 {font-family: notokr;font-size: 20px;font-weight: 300;line-height:1.7;color: #333;}
.hotelAbout .hotelBornTo .flowString {overflow:hidden;position:absolute;top:110px;}
.hotelAbout .hotelBornTo .flowString p {margin:0;white-space:nowrap;}
.hotelAbout .hotelBornTo .flowString p img {width:auto; height: auto;max-width: initial;opacity: 0.8;}
.hotelAbout .hotelBornTo .flowString.active p {
    -webkit-animation-name:flowString;
    -webkit-animation-timing-function:linear;
    -webkit-animation-duration:60s;
    -webkit-animation-iteration-count:infinite;
    -moz-animation-name:flowString;
    -moz-animation-timing-function:linear;
    -moz-animation-duration:60s;
    -moz-animation-iteration-count:infinite;
    -ms-animation-name:flowString;
    -ms-animation-timing-function:linear;
    -ms-animation-duration:60s;
    -ms-animation-iteration-count:infinite;
    -o-animation-name:flowString;
    -o-animation-timing-function:linear;
    -o-animation-duration:60s;
    -o-animation-iteration-count:infinite;
    animation-name:flowString;
    animation-timing-function:linear;
    animation-duration:60s;
    animation-iteration-count:infinite;
}




@-webkit-keyframes flowString {
    0% {
      -webkit-transform: translate3d(50%, 0, 0);
      transform: translate3d(50%, 0, 0);
    }
    100% {
      -webkit-transform: translate3d(-100%, 0, 0);
      transform: translate3d(-100%, 0, 0);
    }
}
@-moz-keyframes flowString {
    0% {
        -webkit-transform: translate3d(50%, 0, 0);
        transform: translate3d(50%, 0, 0);
      }
      100% {
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
      }
}
@-ms-keyframes flowString {
    0% {
        -webkit-transform: translate3d(50%, 0, 0);
        transform: translate3d(50%, 0, 0);
      }
      100% {
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
      }
}
@-o-keyframes flowString {
    0% {
        -webkit-transform: translate3d(50%, 0, 0);
        transform: translate3d(50%, 0, 0);
      }
      100% {
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
      }
}
@keyframes flowString {
    0% {
        -webkit-transform: translate3d(50%, 0, 0);
        transform: translate3d(50%, 0, 0);
      }
      100% {
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
      }
}


/* .hotelinner {width: 1280px; margin:0 auto;} */
.hotelAbout .hotelBrandCore {height: 1020px;}
.hotelAbout .hotelBrandCore .inner {width: 100%;position: relative;}
.hotelAbout .hotelBrandCore .inner::after {content: '';width: 100%;height:370px;background:#7fc9c6;display: block; position: absolute;top: 650px;left:0;z-index: -1;}
.hotelAbout .hotelBrandCore h1.tit {font-family: inter;font-size: 60px;font-weight: bold;letter-spacing: normal;color: #333;position: absolute;width: 1280px;left: 50%;margin-left: -640px;}
.hotelAbout .hotelBrandCore .BgTxt{background: url(../../../images/pc/contents/hotelAbout_img01.jpg) no-repeat;height: 800px;position: absolute; width:1280px;top: 100px;left: 50%;margin-left: -640px;}
.hotelAbout .hotelBrandCore .flexBox {display: flex;position: absolute; bottom:70px; left:115px; }
.hotelAbout .hotelBrandCore .flexBox img {width: auto;height: auto;object-fit: none;}
.hotelAbout .hotelBrandCore .flexBox .box {width: 348px;}
.hotelAbout .hotelBrandCore .flexBox .box + .box {padding-left:57px; border-left: 1px solid #fff;}
.hotelAbout .hotelBrandCore .flexBox .box h1 {font-family: inter;font-size: 25px;font-weight: 600;line-height: 1.2;letter-spacing: normal;color: #fff;margin-top:17px}
.hotelAbout .hotelBrandCore .flexBox .box p {font-family: inter;font-size: 16px;font-weight: 300;line-height: 1.25;letter-spacing: -0.8px;color: #fff;margin-top: 7px;}
.hotelAbout .hotelScent { position: relative;}
.hotelAbout .hotelScent .inner {}
.hotelAbout .hotelScent::before {content: '';width: 100%;height:570px;background:#7fc9c6;display: inline-block; position: absolute;top: 0;left:0;z-index: -1;}
.hotelAbout .hotelScent .flexBox {display: flex;position: relative; height:790px; }
.hotelAbout .hotelScent .fltxtBox {padding-right: 71px;position: absolute; left:0;}
.hotelAbout .hotelScent .fltxtBox h1 {font-family: inter;font-size: 35px;font-weight: bold;letter-spacing: 1.75px;color: #fff;margin: 37px 0;}
.hotelAbout .hotelScent .fltxtBox p {font-family: notokr;font-size: 18px;font-weight: 300;line-height: 1.67;color: #fff;}
.hotelAbout .hotelScent .flimgBox {margin-left: 715px;}
.hotelAbout .hotelScent .flimgBox > img {position:absolute; top:0; right:-234px; width:874px}
.hotelAbout .hotelList.top {position: relative;padding-top: 135px; width:1280px; margin:0 auto; overflow-y:hidden}
/* .hotelAbout .hotelList.top::after{content: ''; display: inline-block; background: url(../../../images/pc/contents/hotelAbout_bg02.png)no-repeat;width: 1135px;height: 775px; position: absolute;bottom:-130px; right:0; z-index: -1;} */
.hotelAbout .hotelList .listWrap {display: flex;justify-content: space-between;}
.hotelAbout .hotelList .txt_li {margin-top:50px;}
.hotelAbout .hotelList .txt_li h1 {font-family: inter;font-size: 25px;font-weight: bold;letter-spacing: 5px;text-align: center;color: #333;margin-bottom:15px;}
.hotelAbout .hotelList .txt_li p {font-family: notoKr;font-size: 17px;line-height: 1.58;text-align: center;color: #333;}
.hotelAbout .hotelList.top .listWrap {width: 1280px; margin: 0 auto; padding-bottom: 100px;;}

.hotelAbout .hotelList.top .listWrap .list {width:550px;}
.hotelAbout .hotelList.top .listWrap .list:nth-child(2){margin-top:182px;}
.hotelAbout .hotelList.bottom {position: relative;max-width:1280px;height:1130px;margin: 0 auto;}
/* .hotelAbout .hotelList.bottom::after{content: ''; display: inline-block; background: url(../../../images/pc/contents/hotelAbout_bg03.png)no-repeat;width: 1332px;height: 888px; position: absolute;bottom:-450px; left:-280px; z-index: -1;} */
.hotelAbout .hotelList.bottom .listWrap .list {position:absolute;}
.hotelAbout .hotelList.bottom .listWrap .list:nth-child(1) {top:50px; left:-320px;}
.hotelAbout .hotelList.bottom .listWrap .list:nth-child(2){top:230px; right:-320px}
.hotelAbout .hotelList.bottom .listWrap { margin-top:-210px}
.hotelAbout .hotelGlobal { height:800px; width:100%; position:relative; }
.hotelAbout .hotelGlobal::after {display:block; content:'';width:100%; height:480px; background-color: #f2efe7; position:absolute; top:320px;left:0;z-index:-1}
.hotelAbout .hotelGlobal .hotelinner { width:1280px; margin:0 auto; position:relative;}
.hotelAbout .hotelGlobal .globalBg {background: url(../../../images/pc/contents/hotelAbout_img07.jpg) no-repeat center; height: 800px; width: 1600px;background-size:cover; position: absolute; left:-170px; top:0px}
.hotelAbout .hotelGlobal .globalTxt {background-color: #f2efe7; position: absolute; right: 0px; bottom:0; padding:75px 50px; min-height: 390px; min-width:516px;}
.hotelAbout .hotelGlobal .globalTxt h1 {font-family: notoKr;font-size: 24px;font-weight: bold;line-height: 1.54;letter-spacing: normal;color: #333;position: relative;margin-bottom:75px;}
.hotelAbout .hotelGlobal .globalTxt h1 span {color: #44bab2;}
.hotelAbout .hotelGlobal .globalTxt h1::after {content: '';display: inline-block;width:1px;height:45px;background:#333;position: absolute;top:100px;left:5px;}
.hotelAbout .hotelGlobal .globalTxt h2 {font-family: inter;font-size: 18px;font-weight: 500;line-height: 1.2;letter-spacing: 1px;color: #333; width:516px;}
.hotelAbout .hotelGlobal .globalTxt h3 {font-family: notoKr;font-size: 20px;font-weight: 500;line-height: 1.59;letter-spacing: normal;color: #333;width:516px;}
.hotelAbout .hotelGlobal .globalTxt h3 span {font-family: inter;}
.hotelAbout .hotelGlobal .globalTxt a{display:inline-block;margin-top:33px;font-family:notoKr;border-bottom:1px solid #44bab2;letter-spacing:1px;color:#44bab2;font-weight:500;font-size:18px;padding-bottom: 12px;}

.modal-fixed.layerModal {z-index: 201;}