@charset "utf-8";

@media only screen and (min-width: 1025px) and (max-width: 1280px) {

}

@media only screen and (max-width:1600px) {
	.gloHeader {padding:12px 20px;}
	.flowTxt {font-size:100px;}
	.flowTxt.top {bottom:120px;}
}


@media only screen and (max-width:1440px) {
	.mVod .scTxt {padding:0 20px;}
	.mVod .scTxt .txt {font-size:60px;}
	.mVod .scTxt .txt em {height:50px;}
	.mSec .inner {padding:0 20px;}
	.mSec .inner .mTitleSec {left:40px;}
	.mCareCont {margin-right:80px;}
	.mSafeCont .perSafe.ps01 {width:300px; left:23%; bottom:12%;}
	.mSafeCont .perSafe.ps02 {width:250px;}
	.mSafeCont .perSafe.ps03 {width:300px; right:5%;}
	.opTime {margin:23% 20px 0 0;}
	.footerSec .innerCon {padding:0 20px;}
	.footer .innerCon {padding:30px 20px;}

	.contactCont .inner {padding:0 20px;}
	.footerSec.comn > .innerCon {padding:70px 20px;}
	.footerSec.comn .opTime {margin:0;}

	.subConWrap h2 a.btnOther.prev {left:20px;}
	.subConWrap h2 a.btnOther.next {right:20px;}

	.stayCont .inner {padding:0 20px;}
	.signBtns {padding:80px 20px 0;}

	.stayGallery .stayRolling .swiper-slide {width:240px; height:597px;}
	.stayGallery .stayRolling .swiper-slide.swiper-slide-active {width:900px;}
	.stayGallery .roomType {width:calc((100% - 900px) - 32px); left: 932px;}

	.floatTitleSec {left:20px; transform:none;}
	.stayGallery .roomType.exp .inner {padding-top:260px;}

	.signatureCont .innerCon {padding:0 20px;}
	.coatchBox {padding:0 20px;}
	.resPriceSec {padding:0 20px;}
	.mSec.m05 .inner {padding-top:28%;}

	.bbsListSec {padding:0 20px;}
	.bbsViewSec {padding:0 20px;}

	.doVodSec .tabCont {border-radius:0;}
}

@media only screen and (max-width:1360px) {

}

@media only screen and (max-width:1280px) {
	.gloHeader .logo {width:60px; height:60px;}
	.gloHeader .naviSec .perNavi > a {padding:28px 20px;}
	.gloHeader .topCta {margin-top:18px;}
	.gloHeader .topCta a {padding:10px 16px;}

	.headSign .imgSec {}
	.headSign .txtSec .inner {padding-left:7%;}
}

@media only screen and (max-width:1200px) {
	.gloHeader .naviSec .perNavi > a {font-size:16px; padding:28px 16px;}
	.gloHeader .topCta a {font-size:16px;}
	.mSec .inner .mTitle .title {font-size:60px;}
	.mSec .inner .mTitle .desc {font-size:20px; margin-top:16px;}
	.mCareCont a {padding:30px 18px; font-size:20px;}
	.mCareCont a.conProgram:after {width:40px; height:40px;}
	.mCareCont a.conSpa:after {width:40px; height:40px;}
	.mCareCont a.conMoms:after {width:40px; height:40px;}
	.mCareCont a.conBrast:after {width:40px; height:40px;}
	.mSafeCont .perSafe.ps01 {left:16%;}
	.mCareBg {width:90%;}
}

@media only screen and (max-width:1152px) {

}

@media only screen and (max-width:1024px) {
	.wrap {overflow:hidden;}
	.forDesk {display:none !important;}
	.forMo {display:block;}
	.gloHeader {z-index:200; padding:16px 20px; align-items:center;}
	.gloHeader .logo {width:46px; height:46px; margin:0;}
	.gloHeader .logo a {background-size:100%;}
	.gloHeader .topCta {display:none;}
	.gloHeader .mobileMenu {display:block; width:30px; height:30px; background:url(../img/ico_menu_w.svg) no-repeat 50% 50%; background-size:100%; cursor:pointer;}
	.gloHeader.on:after {display:none;}
	.gloHeader.on .logo a {background-size:100%;}
	.gloHeader.on .mobileMenu {background:url(../img/ico_menu.svg) no-repeat 50% 50%; background-size:100%;}
	.gloHeader.gray .logo a {background-size:100%;}
	.gloHeader.gray .mobileMenu {background:url(../img/ico_menu.svg) no-repeat 50% 50%; background-size:100%;}

	.gloHeader .naviSec {position:fixed; right:-100%; top:0; width:calc(100% - 48px); height:100vh; overflow:hidden; overflow-y:auto; background:#FFF; border-radius:48px 0 0 0; display:block; padding:0 20px; transition:.4s all; z-index:150;}
	.gloHeader .naviSec.on {right:0;}
	.gloHeader .naviSec .perNavi > a {color:#222; padding:20px 6px; font-size:18px; font-weight:400; position:relative;}
	.gloHeader .naviSec .perNavi > a:after {display:none;}
	.gloHeader .naviSec .perNavi > a .ico {display:block; position:absolute; right:6px; top:20px; width:18px; height:18px;}
	.gloHeader .naviSec .perNavi > a .ico:after {content:''; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); width:10px; height:1px; background:#000;}
	.gloHeader .naviSec .perNavi > a .ico:before {content:''; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); width:1px; height:10px; background:#000; transition:.4s all;}
	.gloHeader .naviSec .perNavi > a .ico.fold:before {transform:rotate(90deg); opacity:0;}
	.gloHeader .naviSec .mobileTop {margin:15px 0 30px; display:flex; justify-content:space-between; align-items:center;}
	.gloHeader .naviSec .mobileTop .logo {width:46px; height:46px; margin:0;}
	.gloHeader .naviSec .mobileTop .logo a {display:block; width:100%; height:100%; background:url(../img/logo.svg) no-repeat 50% 50%; background-size:100%; transition:.4s all;}
	.gloHeader .naviSec .mobileTop .menuClose {display:block; width:24px; height:24px; background:url(../img/ico_close.svg) no-repeat 50% 50%; background-size:24px; cursor:pointer;}
	.gloHeader .naviSec .menuCta {display:block; margin-bottom:20px;}
	.gloHeader .naviSec .menuCta .ctaBtns {display:flex; justify-content:flex-start; align-items:center; gap:8px;}
	.gloHeader .naviSec .menuCta .ctaBtns a {width:calc(50% - 4px); display:flex; justify-content:center; align-items:center; gap:4px; color:#444; font-size:14px; font-weight:500; padding:10px 14px; border:1px solid #D9D9D9; border-radius:100px;}
	.gloHeader .naviSec .menuCta .ctaBtns a.mTel:before {content:''; width:24px; height:24px; background:url(../img/m_tel.svg) no-repeat 50% 50%;}
	.gloHeader .naviSec .menuCta .ctaBtns a.mRes:before {content:''; width:24px; height:24px; background:url(../img/m_res.svg) no-repeat 50% 50%;}

	.gloHeader .naviSec .perNavi .subMenu {position:relative; left:unset !important; top:unset; background:#F8F8F8; border-radius:0 16px 16px 16px;}
	.gloHeader .naviSec .perNavi .subMenu ul {padding:8px; flex-direction:column;}
	.gloHeader .naviSec .perNavi .subMenu ul li {width:100%;}
	.gloHeader .naviSec .perNavi .subMenu ul li a {padding:8px 20px; color:#777; font-size:16px; display:block; text-align:left;}

	.mVod .scTxt {padding:0 20px; top:16%;}
	.mVod .scTxt .txt {font-size:24px;}
	.mVod .scTxt .txt em {width:80px; height:24px; margin:0 10px;}

	.mVod .vodPaging {padding:0 0 32px;}
	.mVod .vodPaging .perPage {width:10px; height:10px; border-width:1px;}
	.mVod .vodPaging .perPage.active {font-size:10px; padding:3px 8px;}

	.floatFunc {right:16px; bottom:24px; gap:8px;}
	.floatFunc a {width:40px; height:40px;}
	.floatFunc a.funcTel {display:block;}
	.floatFunc a.funcRes {background-size:40px 40px;}
	.floatFunc a.funcAi {background-size:40px 40px;}
	.floatFunc a.funcTop {background-size:40px 40px;}

	.mCont-pagination {right:28px !important; gap:14px;}

	.mSec.m01 {}
	.mSec.m02 {}
	.mSec.m03 {}
	.mSec.m04 {}
	.mSec.m05 {background:url(../img/bg_m05.jpg)no-repeat center/cover; background-size:cover; object-fit:cover;}
	.mSec.m06 {background:url(../img/bg_mfooter.jpg)no-repeat center/cover; background-size:cover; object-fit:cover;}

	.mSec .inner .mTitleSec {padding:0 20px; width:100%; left:0;}
	.mSec .inner .mTitle {text-align:center;}
	.mSec .inner .mTitle .title {font-size:32px; text-shadow: 0px 0px 6.667px rgba(0, 0, 0, 0.30);}
	.mSec .inner .mTitle .desc {font-size:16px; margin-top:8px; text-shadow: 0px 0px 6.667px rgba(0, 0, 0, 0.30);}
	.mSec .inner .mTitle a.contView {display:inline-block; margin:38px auto 0; padding:8px 24px; border:1px solid #FFF; border-radius:100px; color:#FFF; font-size:14px; font-weight:400;}

	.mSec.m02:after {display:none;}
	.mSec.m02 .inner .mTitle .title {color:#FFF;}
	.mSec.m02 .inner .mTitle .desc {color:#FFF;}
	.mSec.m03 .inner .mTitle .title {color:#FFF;}
	.mSec.m03 .inner .mTitle .desc {color:#FFF;}
	.mSec.m05 .inner .mTitle .title {color:#FFF;}
	.mSec.m05 .inner .mTitle .desc {color:#FFF;}

	.mCareBg {display:none;}

	.mSec.m06 .inner {flex-direction:column; align-items:flex-start; justify-content:flex-start; padding:23% 20px 0;}
	

	.opTime {width:100%; background:rgba(255, 255, 255, 0.1); border-radius:12px; margin-top:30px; flex-wrap:wrap; gap:0;}
	.opTime .perTime {background:none; border-radius:0; padding:16px 0; position:relative; width:50%;}
	.opTime .perTime:after {content:''; position:absolute; right:0; top:50%; transform:translate(0, -50%); width:1px; height:calc(100% - 32px); background:rgba(255, 255, 255, 0.1);}
	.opTime .perTime:last-child:after {display:none;}
	.opTime .perTime .ico {width:50px; height:50px;}
	.opTime .perTime .title {font-size:14px; margin:6px 0 4px;}
	.opTime .perTime .timeTxt {font-size:18px;}

	.mSec.m06 .inner .mTitleSec {position:relative; left:unset; top:unset; padding:0 10px;}
	.mSec.m06 .inner .mTitle {text-align:left;}
	.mSec.m06 .inner .mTitle .desc {text-align:left;}
	.mSec.m06 .inner .mTitleSec .cusBtns {gap:8px; margin-top:16px; width:100%; padding:0; flex-wrap:wrap;}
	.mSec.m06 .inner .mTitleSec .cusBtns > a {padding:6px 12px; font-size:12px;}
	.mSec.m06 .inner .mTitleSec .cusBtns > a.goSns {width:29px; height:29px;}
	.footer {padding:0 20px;}
	.footer .innerCon {padding:24px 0; position:relative;}
	.footer .innerCon .snsSec {gap:8px; position:absolute; left:44%; top:24px;}
	.footer .innerCon .snsSec > a.goSns {width:24px; height:24px;}
	.copyright {padding:16px 20px; font-size:12px;}
	.copyright .copyTxt {padding:0;}
	.floatFunc.forFoot {bottom:200px;}

	.footerSec.comn > .innerCon {justify-content:flex-start; flex-direction:column-reverse; padding:30px 20px;}
	.footerSec.comn .mTitle {display:none;}
	.footerSec.comn .mTitleSec .cusBtns {gap:10px; margin-top:16px; width:100%; padding:0px;}
	.footerSec.comn .mTitleSec .cusBtns > a {padding:6px 12px; font-size:12px;}
	.footerSec.comn .mTitleSec .cusBtns > a.goSns {width:29px; height:29px;}

	.subVisual {height:360px; padding-bottom:48px;}
	.subVisual .svTxt {padding:0 30px;}
	.subVisual .svTxt .pTitle {font-size:32px;}
	.subVisual .svTxt .pDesc {font-size:14px;}
	.subVisual .svTxt .pDesc br {display:block;}

	.subConWrap {border-radius:0 48px 0 0; margin-top:-60px; min-height:100%; padding:40px 0 60px;}
	.subConWrap h2 {font-size:28px; font-weight:600; margin-bottom:30px;}
	.subConWrap h2 a.btnOther {width:50%; font-size:14px; display:none;}
	.subConWrap h2 a.btnOther.next {justify-content:flex-end;}
	.subConWrap h2 a.btnOther.prev:before {width:20px; height:34px;}
	.subConWrap h2 a.btnOther.next:after {width:20px; height:34px;}
	.headSign {flex-direction:column; align-items:flex-start; gap:40px; margin-bottom:50px;}
	.headSign .imgSec {width:calc(100% - 20px); height:400px;}
	.headSign .txtSec .inner {padding:0 20px;}
	.headSign .txtSec .inner .svrBi {padding:0 50px; margin-bottom:20px;}
	.headSign .txtSec .inner .title.about {font-size:48px; line-height:1.2;}
	.headSign .txtSec .inner .desc {font-size:16px; margin-top:10px;}
	.programCont .inItem 
	.headSign.reverse {flex-direction:column; align-items:flex-end;}

	.aboutTxtDeco {width:100%; oveflow:hidden; margin-bottom:50px;}
	.flowTxt {font-size:48px;}

	.contactCont .mapInfo {justify-content:flex-start; align-items:flex-start; flex-direction:column; gap:20px; padding:24px 0 46px;}
	.contactCont .mapInfo .txtSec .address {font-size:18px; font-weight:700; margin-bottom:16px;}
	.contactCont .mapInfo .txtSec .teleInfo {flex-direction:column; align-items:flex-start; gap:0;}
	.contactCont .mapInfo .txtSec .teleInfo span br {display:none;}
	.contactCont .mapInfo .txtSec .teleInfo a {font-size:36px;}
	.contactCont .mapInfo .mapFunc {width:100%; flex-wrap:wrap;}
	.contactCont .mapInfo .mapFunc .perFunc {width:calc(33.33334% - 8px);}
	.contactCont .mapInfo .mapFunc .perFunc .ico {width:30px; height:30px;}
	.contactCont .mapInfo .mapFunc .perFunc .txt {font-size:14px;}

	.contactCont .trafficInfo {margin-top:40px;}
	.contactCont .trafficInfo .perTraffic {flex-direction:column; margin-bottom:50px;}
	.contactCont .trafficInfo .perTraffic .wayTo {width:100%; font-size:18px; gap:4px;}
	.contactCont .trafficInfo .perTraffic .wayTo:before {width:28px; height:28px;}
	.contactCont .trafficInfo .perTraffic .wayCont {width:100%;}
	.contactCont .trafficInfo .perTraffic .wayCont ul {gap:20px;}
	.contactCont .trafficInfo .perTraffic .wayCont ul li {flex-direction:column; gap:0px;}
	.contactCont .trafficInfo .perTraffic .wayCont ul li .item {padding:6px 0; width:100px; font-size:14px;}
	.contactCont .trafficInfo .perTraffic .wayCont ul li .ipCon {font-size:16px;}
	.contactCont .trafficInfo .perTraffic .wayCont ul li strong {margin:0;}
	.contactCont .trafficInfo .perTraffic .wayCont ul.single li {display:block; font-size:16px;}
	.contactCont .trafficInfo .perTraffic .wayCont ul.single li span.ar {display:inline-flex;}

	.stayGallery .stayRolling.swiper-container {overflow:visible; padding:0 40px 0 0;}
	.stayGallery .stayRolling .swiper-slide {height:auto;}
	.stayGallery .stayRolling .swiper-wrapper {align-items:flex-start;}
	.stayGallery .stayRolling .swiper-slide {transform:scale(0.9); opacity:0.4;}
	.stayGallery .stayRolling .swiper-slide img {border-radius:0; position:relative; left:unset; bottom:unset;}
	.stayGallery .stayRolling .swiper-slide.swiper-slide-active {transform:scale(1.0); opacity:1.0;}
	.stayGallery .stayRolling .swiper-slide.swiper-slide-active img {border-radius:0 0 36px 0;}
	.stayGallery .roomType {position:relative; left:unset; top:unset; width:100%; padding:0 20px; margin:10px 0 0;}
	.stayGallery .roomType .inner {width:100%; height:auto; padding:0; flex-direction:column-reverse;}
	.stayGallery .roomType .rollingFunc {width:100%; justify-content:flex-end;}
	.stayGallery .roomType .rollingFunc .stay-pagination {font-size:14px;}
	.stayGallery .roomType .rollingFunc .stay-prev {width:40px; height:40px;}
	.stayGallery .roomType .rollingFunc .stay-next {width:40px; height:40px;}
	.stayGallery .roomType .roomInfo .rType {font-size:22px; margin-bottom:10px;}
	.stayGallery .roomType .roomInfo .rTypeSub {font-size:16px;}

	.stayCont {padding-top:60px;}
	.stayCont .perStayCont {flex-direction:column; margin-bottom:40px; gap:15px;}
	.stayCont .perStayCont .psTitle {width:100%; font-size:20px;}
	.stayCont .perStayCont .psCont .psConcept {font-size:18px; margin-bottom:20px; font-weight:700;}
	.stayCont .perStayCont .psCont .psDesc {font-size:16px;}
	.stayCont .perStayCont .psCont .cauTxt {font-size:14px;}
	.stayCont .perStayCont .psCont {width:100%;}
	.stayCont .perStayCont .psCont ul li {width:100%; font-size:16px; padding-left:12px;}
	.stayCont .perStayCont .psCont ul li:after {width:3px; height:3px; top:10px;}
	.stayCont .perStayCont .sItems {flex-wrap:wrap; gap:8px;}
	.stayCont .perStayCont .sItems.fix {margin-top:20px;}
	.stayCont .perStayCont .sItems .perItem {width:calc(33.3334% - 6px); padding:16px 10px; border-radius:12px;}
	.stayCont .perStayCont .sItems .perItem .ico {width:36px; height:36px;}
	.stayCont .perStayCont .sItems .perItem .txt {font-size:14px; margin-top:8px;}

	.signBtns {padding:80px 20px 0px; margin:40px 0 0 0;}
	.signBtns a.btnCta {position:absolute; left:50%; transform:translate(-50%, 0); bottom:40px; font-size:16px; padding:8px 16px; width:calc(100% - 40px); text-align:center;}
	.signBtns a.btnOther {width:50%; font-size:14px;}
	.signBtns a.btnOther.next {justify-content:flex-end;}
	.signBtns a.btnOther.prev:before {width:20px; height:34px;}
	.signBtns a.btnOther.next:after {width:20px; height:34px;}

	#lnbNav {right:28px; gap:14px;}
	.floatTitleSec {left:0px; top:16%; transform:none; padding:0 44px 0 20px;}
	.floatTitleSec h2 {font-size:36px;}
	.floatTitleSec .subTitle {font-size:20px;}
	.floatTitleSec .ftDesc {font-size:16px;}

	.section.slideSec .fp-tableCell {vertical-align:middle;}
	.stayGallery {display:block; margin-top:230px;}	
	.stayGallery.stay {margin-top:0;}
	.section.slideSec .stayGallery .roomType .inner {padding-top:0;}
	.stayGallery .stayRolling .swiper-slide.exp img {border-radius:0;}
	.stayGallery .stayRolling .swiper-slide.exp.swiper-slide-active img {border-radius:0 0 48px 0;}
	
	.section .mSec.m06 {background:url(../img/bg_mfooter.jpg) no-repeat center/cover; background-size:cover;}
	
	.headSign .txtSec .inner .title {font-size:22px;}
	.signatureCont {padding:50px 0 0;}
	.sgTitle {font-size:20px; margin-bottom:20px; padding:0px;}
	.eduList {gap:30px 10px; margin-bottom:30px; padding:0px;}
	.eduList .perEdu {width:100%;}
	.eduList .perEdu .thumb {border-radius:0 0 16px 0;}
	.eduList .perEdu .txt {margin-top:10px; font-size:16px;}

	.headSign .imgSec .logo {width:180px; height:180px;}
	.headSign .imgSec .logo.moms {width:130px; height:130px;}
	.programCont {margin-top:40px;}
	.programCont .innerCon {padding:0 20px;}
	.programCont .inItem {gap:20px; flex-direction:column; width:100%;}
	.programCont .inItem .imgSec {width:100%; border-radius:0 0 16px 0;}
	.programCont .inItem .txtSec {display:block; position:relative;}
	.programCont .inItem .txtSec .proMidTitle {font-size:18px;}
	.programCont .inItem .txtSec .proMidDesc {font-size:16px;}
	.programCont .inItem .txtSec .txt {font-size:14px;}
	.signatureCont .raTxt {display:block; margin-top:10px; width:100%;}
	.signatureCont .raTxt br {display:none;}

	.ansTable th, .ansTable td {padding:12px 6px; font-size:14px;}
	.ansTable col.item {width:60px;}
	.ansTable col.bigItem {width:140px;}
	.packInfo .perInfo .title {padding:12px 6px; font-size:14px;}
	.packInfo .perInfo .ipCon {font-size:14px; padding:12px 0;}

	.coatchBox {display:block; position:relative; margin-top:60px;}
	.coatchBox .imgSec {position:absolute; left:20px; top:0; width:90px;}
	.coatchBox .imgSec .coatchPhoto img {width:90px;}
	.coatchBox .imgSec .name {font-size:14px; margin-top:6px;}
	.coatchBox .txtSec {position:relative;}
	.coatchBox .txtSec .tGreet {flex-direction:column; gap:10px; justify-content:flex-start; align-items:flex-start; padding-left:110px; margin-bottom:20px;}
	.coatchBox .txtSec .tGreet .txt {font-size:14px; line-height:1.4;}
	.coatchBox .txtSec .tGreet a {font-size:14px; padding:8px 18px;}
	.coatchBox .txtSec .tGreet a:before {width:20px; height:20px;}
	.coatchBox .txtSec .depart {flex-direction:column;}
	.coatchBox .txtSec .depart ul {width:100%; margin-bottom:8px;}
	.coatchBox .txtSec ul {width:100%; gap:8px; margin-top:60px;}
	.coatchBox .txtSec li {font-size:14px; width:100%; padding-left:12px;}
	.coatchBox .txtSec li:after {top:6px;}

	.rpEventBox {flex-direction:column; padding:30px 0; margin-bottom:40px;}
	.rpEventBox .txtSec {width:100%; position:relative;}
	.rpEventBox .txtSec .title {font-size:20px;}
	.rpEventBox .txtSec .tel {font-size:28px;}
	.rpEventBox .txtSec .btnGoRes {position:absolute; right:0; top:0;}
	.rpEventBox .txtSec .btnGoRes a {padding:10px 14px 10px 24px; gap:4px; font-size:14px; font-weight:700;}
	.rpEventBox .txtSec .btnGoRes a br {display:block;}
	.rpEventBox .contSec {width:100%;}
	.rpEventBox .contSec ul li {font-size:14px;}
	.rpEventBox .contSec ul li:after {top:7px;}

	.conPolicy {margin-top:0;}
	.conPolicy .pTitle {font-size:18px; margin-bottom:20px;}
	.conPolicy .terms {padding:14px; height:230px;}
	.conPolicy .terms .h2 {font-size:16px;}
	.conPolicy .terms .desc {font-size:14px; margin-bottom:20px;}

	.pBtns {margin-top:40px; gap:8px; flex-direction:column; padding:0 20px;}
	.pBtns a {padding:12px 20px; font-size:16px; font-weight:700; text-align:center; width:100%;}

	.resPriceSec .rTyTab {flex-wrap:wrap; gap:8px 4px; margin-bottom:30px;}
	.resPriceSec .rTyTab .tabMenu {width:calc(50% - 2px);}
	.resPriceSec .rTyTab .tabMenu a {padding:10px; font-size:14px; text-align:center;}
	.rpEventBox .txtSec .title {margin-bottom:20px;}

	.scrollSec {overflow:hidden; overflow-x:auto;}
	.scrollSec .ansTable {width:720px;}
	.scrollSec .ansTable.scroll {margin-bottom:0;}
	.itemBox .itemTitle {font-size:18px; margin-bottom:6px;}
	.itemBox li {font-size:16px;}
	.itemBox li:after {left:12px; top:8px;}
	.itemBox.package .itemTitle {margin-bottom:20px;}
	.raTxt {font-size:14px; margin-top:10px;}

	.bbsSearch {flex-direction:column-reverse; align-items:flex-start; gap:10px; margin-bottom:20px;}
	.bbsSearch .searchForm {width:100%;}
	.bbsSearch .searchForm input[type="text"] {width:calc(100% - 70px);}
	.bbsSearch .searchForm .btnSch {width:66px;}

	.bbsList {gap:30px;}
	.bbsList .mRvBox {width:100%;}
	.bbsList .mRvBox .rvSubject {margin-top:10px; font-size:16px;}
	.bbsList .mRvBox.justTxt .rvSubject {margin-top:0; font-size:18px; top:30px; padding:0 74px 0 30px; transform:none; word-break:break-all; -webkit-line-clamp:3;}
	.bbsList .mRvBox.justTxt .thumb:after {padding-bottom:44%;}
	.mRvBox.justTxt .thumb .rvSns {width:40px; height:40px;}
	.bbsList .articleBox {width:100%;}
	.bbsList .articleBox a {padding:20px;}
	.bbsList .articleBox .subject {font-size:18px; height:46px; margin-bottom:16px;}
	.bbsList .articleBox .wDate {font-size:14px;}

	.bbsViewSec .viewSubject {margin-bottom:30px;}
	.bbsViewSec .viewSubject .subject {font-size:18px; text-align:left;}
	.bbsViewSec .viewSubject .wDate {text-align:right; margin-top:8px; font-size:14px;}
	.bbsViewSec .bbsContBox .bbsCont {padding:30px 20px; font-size:16px;}
	.bbsViewSec .bbsContBox .attacthFile {padding:20px;}
	.bbsViewSec .bbsContBox .attacthFile a {font-size:14px;}
	.bbsViewSec .bbsBtns a.bbsBtn {text-indent:-9999px;}

	.pagingWrap {margin-top:40px;}
	.pagingWrap a {font-size:14px; width:30px; height:30px;}
	.pagingWrap a.dir {padding:0;}
	.pagingWrap a.dir.first {background-size:20px;}
	.pagingWrap a.dir.back {background-size:20px;}
	.pagingWrap a.dir.forword {background-size:20px;}
	.pagingWrap a.dir.backward {background-size:20px;}

	.faqList {padding:0 20px;}
	.faqList .faqSet .quePart {padding:16px 0; font-size:16px; align-items:flex-start; gap:8px;}
	.faqList .faqSet .quePart:after {right:0; top:12px; width:30px; height:30px;}
	.faqList .faqSet .quePart .qTitle {font-size:16px;}
	.faqList .faqSet .ansPart {padding:0; margin-bottom:20px;}
	.faqList .faqSet .ansPart ul.part {margin-top:20px;}
	.faqList .faqSet .ansPart ul li {font-size:14px;}
	.faqList .faqSet .ansPart ul li:after {top:6px;}
	.faqList .faqSet .ansPart ul li > dl dd {font-size:14px;}

	.introVisual {position:relative; height:100vh;}
	.introVisual.signature {background:url(../img/bg_m01.jpg) center/cover; background-size:cover; object-fit:cover;}
	.introVisual.stay {background:url(../img/bg_m03.jpg) center/cover; background-size:cover; object-fit:cover;}
	.introVisual.about {background:url(../img/bg_m04.jpg) center/cover; background-size:cover; object-fit:cover;}
	.introVisual .mTitleSec {position:absolute; left:0; top:23%; width:100%; padding:0 20px;}
	.introVisual .mTitleSec .mTitle {text-align:center;}
	.introVisual .mTitleSec .mTitle .title {color:#FFF; font-size:32px; font-weight:700; line-height:1.0; text-shadow: 0px 0px 6.667px rgba(0, 0, 0, 0.30);}
	.introVisual .mTitleSec .mTitle .desc {color:#FFF; font-size:16px; margin-top:8px; font-weight:300; line-height:1.4; text-shadow: 0px 0px 6.667px rgba(0, 0, 0, 0.30);}

	.introVisual .mTitleSec .contMenu {display:flex; justify-content:flex-start; align-items:flex-start; flex-wrap:wrap; gap:8px; padding:0 20px; margin-top:40px;}
	.introVisual .mTitleSec .contMenu a {display:block; width:calc(50% - 4px); padding:8px 0; text-align:center; border:1px solid #FFF; border-radius:100px; color:#FFF; font-size:14px; font-weight:700; background:rgba(255, 255, 255, 0.2);}
	.introVisual .arCont {position:absolute; left:50%; bottom:30px; transform:translate(-50%, 0); width:30px; height:30px; background:url(../img/ar_btm.svg) no-repeat 50% 50%; background-size:20px; cursor:pointer;}
	.introVisual .arCont a {display:block; width:100%; height:100%;}

	.introContWrap {position:relative; padding:80px 20px; background:#FFFEFB;}
	.introContWrap .partCont {display:flex; justify-content:flex-start; align-items:flex-start; gap:20px; flex-direction:column;}
	.introContWrap .partCont .perCont {position:relative; overflow:hidden; width:100%; border-radius:0 32px 0 16px;}
	.introContWrap .partCont .perCont:after {content:''; position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0, 0, 0, 0.3);}
	.introContWrap .partCont .perCont a {display:block; padding:40px 30px; position:relative; z-index:10;}
	.introContWrap .partCont .perCont .txtSec {color:#FFF;}
	.introContWrap .partCont .perCont .txtSec .title {font-size:20px; font-weight:700; margin-bottom:6px;}
	.introContWrap .partCont .perCont .txtSec .desc {font-size:14px; font-weight:400; line-height:1.3;}
	.introContWrap .partCont .perCont .goView {position:absolute; right:20px; bottom:20px; color:#FFF; font-size:14px;}
	.introContWrap .partCont .perCont .goView:after {content:''; position:absolute; left:0; bottom:0; width:100%; height:1px; background:#FFF;}
	.introContWrap .partCont .perCont.edu {background:url(../img/head_edu.jpg)no-repeat 50% 50%; background-size:cover;}
	.introContWrap .partCont .perCont.spa {background:url(../img/head_spa.jpg)no-repeat 50% 50%; background-size:cover;}
	.introContWrap .partCont .perCont.moms {background:url(../img/head_moms.jpg)no-repeat 50% 50%; background-size:cover;}
	.introContWrap .partCont .perCont.breast {background:url(../img/head_breast.jpg)no-repeat 50% 50%; background-size:cover;}
	.introContWrap .partCont .perCont.deluxe {background:url(../img/head_deluxe.jpg)no-repeat 50% 50%; background-size:cover;}
	.introContWrap .partCont .perCont.premium {background:url(../img/head_premium.jpg)no-repeat 50% 50%; background-size:cover;}
	.introContWrap .partCont .perCont.suite {background:url(../img/head_suite.jpg)no-repeat 50% 50%; background-size:cover;}
	.introContWrap .partCont .perCont.psuite {background:url(../img/head_psuite.jpg)no-repeat 50% 50%; background-size:cover;}
	.introContWrap .partCont .perCont.about {background:url(../img/intro_about.jpg)no-repeat 50% 50%; background-size:cover;}
	.introContWrap .partCont .perCont.contact {background:url(../img/intro_contact.jpg)no-repeat 50% 50%; background-size:cover;}

	.swiper-slide-active a.linkDetail {pointer-events:auto; cursor:pointer;}

	.conPolicy .terms h3 {font-size:16px;}
	.conPolicy .terms p {font-size:14px;}
	.conPolicy .terms li {font-size:14px; line-height:1.4;}

	.doVodSec {margin-bottom:0;}
	.doVodSec .vodMenu {gap:20px; margin-bottom:30px;}
	.doVodSec .vodMenu a {font-size:18px;}

	.mSec.m06 .inner .vodMenu {margin-left:0px;}
	.mTitleSec .vodMenu {padding:0 6px; margin-top:14px;}
	.mTitleSec .vodMenu a {font-size:12px;}
	.mTitleSec .vodMenu a:after {bottom:-3px;}

	.section.slideSec .stayGallery {margin-top:160px;}
	.section.slideSec .stayGallery .roomType.exp {left:20px; right:unset; width:auto; padding:0; transform:none; margin:10px 0 0 0;}
	.section.slideSec .stayGallery .roomType.exp .rollingFunc {justify-content:flex-start;}
	.section.slideSec .stayGallery .roomType.exp .rollingFunc .stay-prev {width:40px; height:40px;}
	.section.slideSec .stayGallery .roomType.exp .rollingFunc .stay-next {width:40px; height:40px;}

	.zoomPop {position:fixed; inset:0; display:flex; justify-content:center; align-items:center; width:100%; height:100%;}
	.zoomPop .pinch-zoom-container {width:100%;}
	.innerZoom {width:100%; height:100%; display:flex; justify-content:center; align-items:center; overflow:hidden;}
	.innerZoom img {max-width:100%; max-height:100%; object-fit:contain; display:block; transform-origin:center center;}
	.zoomPop .popBtns {position:fixed; right:10px; top:10px; display:flex; justify-content:flex-end; align-items:center; gap:0; width:100%; height:auto; z-index:9999;}
	.zoomPop .popBtns .popClose {display:block; width:40px; height:40px; cursor:pointer; background:rgba(0, 0, 0, 0.5); position:relative; text-indent:-9999px;}
	.zoomPop .popBtns .popClose a {display:block; width:100%; height:100%; background:url(../img/ico_close_w.svg) no-repeat 50% 50%; background-size:20px;}
	.zoomPop .popBtns button {position:absolute; left:0; top:0; width:100%; height:100%; text-indent:-9999px;}
	.zoomPop .popBtns .popFull {display:block; width:40px; height:40px; cursor:pointer; background:rgba(0, 0, 0, 0.5); position:relative;}
	.zoomPop .popBtns .popFull button {background:url(../img/ico_fullsize.svg) no-repeat 50% 50%; background-size:20px;}
	.zoomPop .popBtns .popResize {display:block; width:40px; height:40px; cursor:pointer; background:rgba(0, 0, 0, 0.5); position:relative; display:none;}
	.zoomPop .popBtns .popResize button {background:url(../img/ico_resize.svg) no-repeat 50% 50%; background-size:20px;}
	.zoomPop .popImg.swiper-container {height:100vh;}
	.zoomPop .popImg.swiper-container .swiper-wrapper {height:100vh;}
	.zoomPop .popImg.swiper-container .swiper-wrapper .swiper-slide {width:100%; height:100vh; display:flex; justify-content:center; align-items:center; overflow:hidden;}
	.zoomPop .popImg.swiper-container .swiper-wrapper .swiper-slide img {max-width:100%; max-height:100%; object-fit:contain;}

	.doPop {left:50%; top:50%; transform:translate(-50%, -50%);}
}

@media only screen and (max-width:768px) {
	.coatchBox .txtSec ul {margin-top:40px;}
}

@media only screen and (max-width:480px) {
	.coatchBox .txtSec ul {margin-top:0px;}
}