@charset 'utf-8';
body { -ms-overflow-style: none; overflow: auto; }
::-webkit-scrollbar { display: none; }


/*공통*/
.p-section.type-service{background:url('http://img.einet.kr/P202202002/home/images/p-service-back.jpg')no-repeat center center / cover;padding:120px 0;}
.p-section__wrap{padding:0 15px;}
.p-section__wrap.type-service{max-width:1155px;width:100%; margin: 0 auto;}

.mo-item{display:none!important;}
/*서비스*/
.p-service__inbox.type-body{margin-top:75px;}
.p-service__inbox.type-tit{}
.p-service__inner.type-tit{width:500px;text-align: center;margin:0 auto; padding-bottom:20px; border-bottom: 1px solid rgba(255,255,255,.6)}
.p-service__tit{ font-family: "Open Sans",sans-serif;font-size:44px;font-weight:400;;color:#fff;line-height:1;}
.p-service__sub{color:#fff;font-size:16px;line-height:1; margin-top:15px;}
.p-service__txt{font-family:"Lato",sans-serif;color:#fff;font-size:15px;line-height:1; margin-top:20px;text-align: center; opacity:0.6; font-weight:300;}
.p-service__list{font-size:0;margin-top:-10px;text-align: center }
.p-service__item{display:inline-block;width:33.33%; padding-top:10px;}
.p-service__link{color:#fff;font-size:16px;text-align: center;display:block;vertical-align: middle;height:86px;line-height:84px;transition:all .3s;border:1px solid transparent;}
.p-service__icon{font-size:30px !important;vertical-align: middle; color:#fff; }
.p-service__span{margin-left:20px; padding-left:20px; position:relative; color:#fff; }
.p-service__span:before{content:"";display:inline-block;width:1px;height:40px; position:absolute;left:0;background-color:#fff;top:-5px;}

.p-service__link:hover{background-color:rgba(255,255,255,.1);border:1px solid #fff;color:#fff;}
.p-service__link:hover .p-service__icon{color:#fff;}
.p-service__bottom{color:#aaa;font-size:16px;font-family:"Lato",sans-serif;letter-spacing: 12px;text-align: center; margin-top:80px;}

@media (max-width:820px){
    .mo-item{display:block!important}
    .pc-item{display:none!important;}

    .p-section.type-service{padding:40px 0;}

    .p-service__inner.type-tit{width:300px;padding-bottom:20px;}
    .p-service__inbox.type-body{margin-top:20px;}
    .p-service__tit{font-size:28px;}
	.p-service__sub{color:#fff;font-size:14px; margin-top:10px;}

    .p-service__item{width:50%; }
    .p-service__icon{font-size:20px;}
    .p-service__link{font-size:12px;height:64px;line-height:62px;}
    .p-service__span{margin-left:14px; padding-left:14px;}
    .p-service__span:before{height:27px; }
    .p-service__link:hover{background-color:transparent;border:0;color:#fff;}
    .p-service__link:hover .p-service__icon{color:#fff;}
    .p-service__bottom{letter-spacing: 4px;margin-top:30px;font-size:12px;}
}

.vimeoWrap {
  position:relative;
  padding-bottom:56.25%;
  height:0;
  overflow:hidden;
  margin:0;
}
.vimeoWrap iframe,
.vimeoWrap object,
.vimeoWrap embed {
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
}


.vimeo-area {
  position: absolute;
  top: 0; right: 0; bottom: 0; left: 0;
  width: 100%; height: 100%;
  margin: auto;
  /* z-index: 80; */
}

.section1 .vimeoSlogan {
  position: absolute;
  left:50%;
  transform:translateX(-50%);
  top:43%;
  text-align: center;
}
.section1 .vimeoSlogan p {
  font-family:"Open Sans",sans-serif;
font-size:55px;
font-weight:400;
font-style:normal;
line-height:55px;
letter-spacing:11px;
color:rgba(255,255,255,1);
text-shadow:rgba(0,0,0,0.5) 0px 2px 6px;
padding:0px;
margin:0px 0px 32px 0px;
  /*
  margin-bottom:32px;
  color:#fff;
  font-family:'Open Sans', sans-serif;
  font-size:55px;
  text-shadow:0px 2px 6px rgba(0, 0, 0, 0.46);
  letter-spacing:11px;
  text-align:center;
  transform: translateY(50%);
  */
}
.section1 .vimeoSlogan .vimeo_play {
  width:220px; height:70px;
  margin:auto;
  transition: background 0.5s, opacity 0.5s;
  cursor:pointer;
  transform: translateY(50%);
  text-shadow:0px 2px 6px rgba(0, 0, 0, 0.46);
}
.section1 .vimeoSlogan .vimeo_play:hover {
  background-color: rgba(27, 101, 179, 0.6);
}
.section1 .vimeoSlogan .vimeo_play i {
  margin-right:10px;
  padding: 8px 8px 8px 14px;
  color:#fff;
  font-size:16px;
  border:2px solid #fff;
  border-radius:50%;
  box-shadow:0px 2px 6px rgba(0, 0, 0, 0.46);
}
.section1 .vimeoSlogan .vimeo_play i:before {
  text-shadow:0px 2px 6px rgba(0, 0, 0, 0.46);
}
.section1 .vimeoSlogan .vimeo_play span {
  color:#fff;
  font-family:'Open Sans', sans-serif;
  font-size:18px;
  line-height:70px;
  font-weight:bold;
  text-shadow:0px 2px 6px rgba(0, 0, 0, 0.46);
}

/* 외부 css 가져오기 */
.mfp-bg {
  top: 0; left: 0;
  width: 100%; height: 100%;
  z-index: 1042;
  overflow: hidden;
  position: fixed;
  background: #0b0b0b;
  opacity: 0.8;
}

.mfp-wrap {
  top: 0; left: 0;
  width: 100%; height: 100%;
  z-index: 1043;
  position: absolute;
  outline: 0 !important;
  -webkit-backface-visibility: hidden;
}

.mfp-container {
  text-align: center;
  position: absolute;
  width: 100%;
  top: 50%; right:0; left: 0;
  transform: translateY(-50%);
  padding: 0 8px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.mfp-content {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
  text-align: left;
  z-index: 1045;
}

.mfp-content {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
  text-align: left;
  z-index: 1045;
}

.mfp-auto-cursor .mfp-content {
  cursor: auto;
}

.mfp-iframe-holder .mfp-content {
  line-height: 0;
  width: 100%;
  max-width: 900px;
}

.mfp-iframe-scaler {
  width: 100%; height: 0;
  overflow: hidden;
  padding-top: 56.25%;
}

.mfp-close {
  width: 44px; height: 44px;
  line-height: 44px;
  position: absolute;
  top: 0; right: 0;
  text-decoration: none;
  text-align: center;
  opacity: 0.65;
  padding: 0 0 18px 10px;
  color: #fff;
  font-style: normal;
  font-size: 28px;
  font-family: 'Open Sans', sans-serif;
}

button.mfp-close {
  overflow: visible;
  cursor: pointer;
  background: 0 0;
  border: 0;
  -webkit-appearance: none;
  display: block;
  outline: 0;
  padding: 0;
  z-index: 1046;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.mfp-close-btn-in .mfp-close {
  color: #333;
}

.mfp-iframe-holder .mfp-close, .mfp-image-holder .mfp-close {
  color: #fff;
  right: -6px;
  text-align: right;
  padding-right: 6px;
  width: 100%;
}

.mfp-iframe-holder .mfp-close {
  top:-40px;
}

.mfp-iframe-scaler iframe {
  position: absolute;
  display: block;
  top: 0; left: 0;
  width: 100%; height: 100%;
  -webkit-box-shadow: 0 0 8px rgba(0,0,0,.6);
  box-shadow: 0 0 8px rgba(0,0,0,.6);
  background: #000;
}

.section1 .vscrollDown {
  position: absolute;
  bottom: 150px;
  right: 0;
  left: 0;
  margin: auto;
  width: 65px;
  height: 45px;
  background: url(http://img.einet.kr/responsive/home/carousel/theme02/scroll_down.png) 0 0 no-repeat;
  z-index: 999;
  cursor: pointer;
}


@media (max-width:1400px) {
  .section1 .vimeoSlogan p {
    margin-bottom:10px;
    font-size: 42px;
  }
}

@media (max-width:820px) {
  .section1 {
    padding-top:10px;
    /*padding-bottom:15px;*/
  }

  .section1 .vimeoSlogan p {
    display:none;
    /*
    font-size: 14px;
    */
  }

  .section1 .vimeoSlogan .vimeo_play {
    display:none;
    height:50px;
  }
  .section1 .vimeoSlogan .vimeo_play span {
    font-size:15px;
    line-height:50px;
  }

  .section1 .vscrollDown {
    display:none;
  }
}

@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700&display=swap");
    html{font-size:10px}
    html,body{margin:0;padding:0;color:#333}
    *,:after,:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
    *{margin:0;padding:0;text-decoration:none}
    ul,li,ol,dl,dt,dd{list-style:none;padding:0;margin:0}
    a,button{border:0;outline:0;background:transpatrent;cursor:pointer;-webkit-tap-highlight-color:transparent}
    a{color:#000;text-decoration:none}
    button{overflow:visible;font-family:'Noto Sans KR',sans-serif;white-space:nowrap;background-color:transparent;padding:0}
    
    
    .clb:after{content:"";display:block;clear:both}
    .fl{float:left}
    .fr{float:right}
    
    .noto{font-family:'Noto Sans KR', sans-serif}
    .ellipsis{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;word-wrap:normal}
    .vidbox-wrap{position:relative;width:100%;margin:0 auto;}
    .clb:after{content:"";display:block;clear:both}
    .fl{float:left}.fr{float:right}
    
    .vp-controls{display:none !important}
    
    .ta-l{text-align:left;padding-left:100px;padding-right:50px}
    .ta-r{text-align:right;padding-right:100px;padding-left:50px}
    
    .Noto Sans KR{font-family:"Noto Sans KR",sans-serif !important}
    .noto{font-family:"Noto Sans KR" !important}
    .lora{font-family:"Lora",serif !important}
    
    .ratio{width:100%;position:relative}
    .ratio:before{content:"";display:block;padding-top:56.2555555555%}
    .ratio__box{position:absolute;width:100%;height:100%;left:0;top:0}
    
    .video-box{width:100%;height:100%}.vidbox-row{ margin-top: 10px; position:relative}
    
    .vidbox-row__inbox{width:50%;height:100%;position:absolute;overflow:hidden;position:relative}
    .vidbox-row__inbox.type-vid.right{margin-left:50%}
    .vidbox-row__inbox.type-txt{position:absolute;width:50%}
    .vidbox-row__inbox.type-txt.type-a{background:url(http://img.einet.kr/P202109001/home/main_bg.jpg) no-repeat center center/cover;right:0;height:100%}
    .vidbox-row__inbox.type-txt.type-b{background:url(http://img.einet.kr/P202109001/home/main_bg.jpg) no-repeat center center/cover;left:0;height:100%}
    .vidbox-row__table{width:100%;height:100%;display:table}
    .vidbox-row__cell{display:table-cell;vertical-align:middle;width:1%}
    .vidbox-row__inner{display:inline-block}
    .vidbox-row__tit{ font-family:"Poppims",sans-serif; font-weight:400; font-size:40px;color:#333;}
    .vidbox-row__sub{ font-family:"Noto Sans KR",sans-serif; font-size:18px;color:#959595; margin-top:25px;word-break:keep-all}
    .vidbox-row__btn{ font-family:"Noto Sans KR",sans-serif; font-size:16px;color:#716a67;margin-top:70px}
    .vidbox-row__tit.type-fff,.vidbox-row__sub.type-fff,.vidbox-row__btn.type-fff{color:#444;}
    .vidbox .vimeoWrap iframe{position:absolute;top:-10%;left:-10%;width:120%;height:120%}
    .vidbox .vimeoWrap{padding-top:56.2555555%;margin-top:-5%}
    
    @media (max-width: 1024px){
    
    .vidbox .vimeoWrap{margin-top:50px}
    .vidbox .vimeoWrap iframe{display:block;position:absolute;top:0;left:0;width:100%;height:100%}
    .vidbox-wrap{/*margin-top:50px;margin-bottom:60px*/}
    
    .ta-l{text-align:left;padding-left:15px;padding-right:15px}
    .ta-r{text-align:right;padding-right:15px;padding-left:15px}
    .vidbox-row__inbox{width:auto}
    .vidbox-row__inbox.type-vid{width:56%}
    .vidbox-row__inbox.type-txt{width:44%}
    .vidbox-row__tit{font-size:16px;line-height:20px}
    .vidbox-row__sub{font-size:10px;line-height:12px;margin-top:10px}
    .vidbox-row__btn{font-size:10px;margin-top:10px}
    
    }
    
    @media (max-width: 550px){
    .vimeoWrap iframe{display:block;position:absolute;top:0;left:0;width:100%;height:100%}
    }


#section6 img {
	width:100%;
}

#section6 img {
    margin-bottom:10px;
}
#section6 img {
	width:100%;
}

#section6 img {
    margin-bottom:10px;
}

#section6 img:nth-child(2){
	display: none;
}

.roomList_wrap {
	position: relative;
	padding:0 70px;
	font-size:14px;
}
.roomList_wrap .swiper-container {
	position: static;
}
.roomList_wrap .swiper-container .swiper-pagination {
	position:relative;
	margin-top:40px;
}
.roomList_wrap .swiper-container .swiper-pagination .swiper-pagination-bullet {
	margin:0 7px;
	width:9px; height:9px;
	border-radius:30px;
	background:#888;
	transition: width 0.5s;
	opacity:1;
}
.roomList_wrap .swiper-container .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
	width:46px;
	background:#222222;
}
.roomList_wrap .swiper-container .swiper-button-prev {
	width:80px; height:80px;
	top:26%; left:0;
	/*background:url('http://img.einet.kr/responsive/home/room/arrow-left-small.png') center center no-repeat;*/
    background:url('http://img.einet.kr/responsive/home/room/arrow-left-small2.png') center center no-repeat;
	background-size:cover;
}
.roomList_wrap .swiper-container .swiper-button-prev:hover {
	opacity:0.5;
}
.roomList_wrap .swiper-container .swiper-button-next {
	width:80px; height:80px;
	top:26%; right:0;
	/*background:url('http://img.einet.kr/responsive/home/room/arrow-right-small.png') center center no-repeat;*/
    background:url('http://img.einet.kr/responsive/home/room/arrow-right-small2.png') center center no-repeat;
	background-size:cover;
}
.roomList_wrap .swiper-container .swiper-button-next:hover {
	opacity:0.5;
}
.roomList_wrap a {
	display:inline-block;
	text-align:center;
}
.roomList_wrap a .imgWrap {
	position:relative;
	overflow:hidden;

	transform: scale(1);
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
}
.roomList_wrap a .imgWrap .loader {
	width:100%;
	padding-bottom:56.25%;
	background-repeat:no-repeat;
	background-position:center center;
	background-size:cover;
	transition: all 0.3s ease-in-out;
}
.roomList_wrap a:hover .imgWrap .loader {
	transform: scale(1.1);
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
}
.roomList_wrap a .eng {
	font-family:"Noto Sans KR",sans-serif;
font-size:18px;
font-weight:700;
font-style:normal;
line-height:24px;
letter-spacing:0px;
color:rgba(68,68,68,1);
text-shadow:none;
padding:20px 0px 0px 0px;
margin:0px;
}

.roomList_wrap a .txt {
	font-family:"Noto Sans KR",sans-serif;font-size:15px;font-weight:700;font-style:normal;line-height:27px;letter-spacing:0.7px;color:rgba(119,119,119,1);text-shadow:none;padding:14px 0px 0px 0px;margin:0px;
}

.roomList_wrap a .detailview {
	display:inline-block;
	width:160px; height:40px;
	font-family:"Open Sans",sans-serif;
font-size:14px;
font-weight:700;
font-style:normal;
line-height:40px;
letter-spacing:0px;
color:rgba(103,132,0,1);
text-shadow:none;
background-color:rgba(0,0,0,0);
padding:0;
margin:0;

	transition: background-color 0.5s; transition: letter-spacing 0.5s;
}

.roomList_wrap a .detailview:hover {
background-color:#678400;
color:#fff;
}

.roomList_wrap a .detailview i {
	margin-left:7px;
}

.room_title {
    padding-bottom:30px;
    text-align:center;
}

@media (max-width:820px) {
	
	.section1 {
    padding-top:50px;
    /*padding-bottom:15px;*/
  }
	
	#section6 .w_lay{
		display: none;
	}

	#section6 img:nth-child(2){
		display: block;
	}

	.roomList_wrap {
		padding: 0;
	}
	.roomList_wrap .swiper-container .swiper-slide {
		width:300px;
	}
	.roomList_wrap a .detailview,
	.roomList_wrap .swiper-container .swiper-button-next,
	.roomList_wrap .swiper-container .swiper-button-prev {
		/*display:none;*/
        display:block;
	}
    .roomList_wrap a .detailview { width:100%; }

	.roomList_wrap a {
		border:1px solid #ddd;
	}
	.roomList_wrap a .eng {
		padding:15px 0 11px;
	}
	.roomList_wrap a .txt {
		padding:0 0 11px 0;
	}
	.roomList_wrap .swiper-container .swiper-pagination {
		/*display:none;*/
        display:block;
	}

	.roomList_wrap .swiper-slide:first-child {
		/*margin-left:10px;*/
	}

	.room_title h3 {
font-size:30px !important;
}

	.room_title p {
font-size:16px !important;
}

    .room_title {
        padding-bottom:0px;
    }
    .room_title p {
        margin: 6px 0 !important;
    }

    .roomList_wrap .owl-dot.active {
        width:35px;
    }
    .roomList_wrap .swiper-container .swiper-pagination .swiper-pagination-bullet {
        margin:0 7px;
        width:6px; height:6px;
        border-radius:30px;
        background:#888;
        transition: width 0.5s;
        opacity:1;
    }
    .roomList_wrap .swiper-container .swiper-pagination {
        position:relative;
        margin-top:15px;
    }
}


.section5 {
	padding:160px 20px; /* padding:160px 260px; */
}

.room_title h3 {
	font-family:"Open Sans",sans-serif;
font-size:44px;
font-weight:700;
font-style:normal;
line-height:27px;
letter-spacing:0px;
color:rgba(34,34,34,1);
text-shadow:none;
padding:0px;
margin:0px;
}
.room_title p {
	font-family:"Noto Sans KR",sans-serif;
font-size:16px;
font-weight:400;
font-style:normal;
line-height:16px;
letter-spacing:0px;
color:rgba(136,136,136,1);
text-shadow:none;
background-color:rgba(0,0,0,0);
padding:0;
margin:32px 0px 32px 0px;

}
.room_title a {
	display:inline-block;
	width:200px; height:50px;

	font-family:"Open Sans",sans-serif;
font-size:14px;
font-weight:700;
font-style:normal;
line-height:50px;
letter-spacing:0px;
color:rgba(103,132,0,1);
text-shadow:none;
background-color:rgba(0,0,0,0);
padding:0;
margin:0;


	transition: background-color 0.5s;
}

.room_title a:hover {
background-color:#678400;
color:#fff; }

/*
.room_title a:hover {
	background-color:#d9ecff;
}
*/


.room_title a i {
	margin-left:7px;
}

@media (max-width:1400px) {
	.section5 {
		/*padding:60px 0;*/
        padding:30px 0;
	}
}

@media (max-width:820px) {
    .room_title h3 {
        font-size:28px !important;
        line-height:35px
    }
    .room_title p {
        font-size:12px !important;
		display:none;
    }
    .room_title a {
        height:35px;
        line-height:30px;
    }
    .section5 {
        padding: 20px 0 15px;
    }
}

@media (max-width:600px) {
    .roomList_wrap .swiper-container { position:relative; }
    .roomList_wrap .swiper-container .swiper-pagination { position:absolute !important; bottom:130px; }
    .roomList_wrap a .eng { padding-top:30px; }
    .roomList_wrap a .detailview { margin-bottom:10px; }
}

#section6 img {
	width:100%;
}

#section6 img {
    margin-bottom:10px;
}
#section6 img {
	width:100%;
}

#section6 img {
    margin-bottom:10px;
}

/*프리미엄 부대시설*/
/* .p-fac{padding:80px 0 ;background:url('http://img.einet.kr/P202107022/home/images/p-fac-back.jpg')no-repeat center center /cover; } */
.p-fac{padding:80px 0 ;background:#fff; }
/*.p-fac__tit{line-height:1; color:#333;font-family:"Scheherazade",sans-serif;font-size:70px;font-weight:400;text-align: center}*/
/*.p-fac__tit{line-height:1; color:#333;font-family:"Open sans",sans-serif;font-size:70px;font-weight:400;text-align: center}*/
.p-fac__tit {
    font-family: "Open Sans",sans-serif;
    font-size: 44px;
    font-weight: 700;
    font-style: normal;
    line-height: 27px;
    letter-spacing: 0px;
    color: rgba(34,34,34,1);
    text-shadow: none;
    padding: 0px;
    margin: 0px;
    text-align: center;
}
.p-fac__sub{font-family:'Noto Sans KR', sans-serif; margin-top:30px;line-height:1; font-size:15px; color:#999;text-align: center}
.p-fac__inbox.type-body{margin-top:56px;width:100%; overflow: hidden;}


/*프리미엄 추가 시 width 값 넣어주세용*/
.p-fac__list{font-size:0; width:50%;height:606px;   white-space: nowrap; }

.p-fac__item{display:inline-block; width:100%; height:100%;color:#fff;position:relative;}
/*.p-fac__item:before{content:"";display:block; padding-top:132%;}*/

.p-fac__item.type-open{background:url('http://img.einet.kr/P202202002/home/images/p-fac-back_1.jpg')no-repeat center center /cover;}
.p-fac__item.type-spa{background:url('http://img.einet.kr/P202202002/home/images/p-fac-back_1.jpg')no-repeat center center /cover;}
.p-fac__item.type-cafe{background:url('http://img.einet.kr/P202202002/home/images/p-fac-back_2.jpg')no-repeat center center /cover;}



.p-fac__inner.type-item{display:block;position:absolute;width:100%;height:100%;color:#fff;left:0; top:0;text-align: center;cursor:pointer;transition:all .3s;}

.p-fac__top{font-family:"Open Sans",sans-serif; font-size:18px;font-weight: 400;position:absolute; top:7%; line-height:1;color:#fff;transform: translateX(-50%);-webkit-transform: translateX(-50%);-moz-transform: translateX(-50%);-ms-transform: translateX(-50%); }
.p-fac__static{font-family:'Noto Sans KR', sans-serif; font-weight: 500; width:100%;position:absolute;top:37%;font-size:20px; color:#fff;text-align: center;word-break: keep-all;transition:all .3s;}
.p-fac__static:before{content:"";display:block;margin-bottom:15px;height:25px;background:url('http://img.einet.kr/P202102011/home/images/decoW.png')no-repeat center center/ 25px 25px;transition:all .3s;}
.p-fac__btn{position:absolute; display:inline-block;width:54%; left:50%; bottom:7%;line-height:53px; height:55px; border:1px solid #fff; color:#fff; font-size:14px;font-family:'Noto Sans KR', sans-serif;transform: translateX(-50%);-webkit-transform: translateX(-50%);-moz-transform: translateX(-50%);-ms-transform: translateX(-50%);white-space: nowrap;font-weight: 400;transition:all .3s;}
.p-fac__inner.type-item:hover .p-fac__btn{background:#fff;color:#50a58e; border:1px solid #fff;}
.p-fac__hover{opacity:0; transition:all .3s;width:100%;position:absolute;top:35%;text-align: center;padding:0 10px;transition:all .3s;}
.p-fac__name{font-size:20px; font-weight:700;line-height:1;margin-top:20px;transition: all .3s;}
.p-fac__val{font-size:14px; color:#fff; line-height:1.8;margin-top:30px; white-space: normal;word-break: break-all;padding:0 15px;transition:all .3s;}
.p-fac__inner.type-item:hover .p-fac__val{margin-top:60px;}
.p-fac__inner.type-item:hover .p-fac__name{margin-top:0;}
.p-fac__item:hover .p-fac__inner{background-color:rgba(80,165,142,0.8);}
.p-fac__item:hover .p-fac__hover{opacity:1;}
.p-fac__item:hover .p-fac__static{top:30%;}
.p-fac__item:hover .p-fac__static:before{opacity:0;}

@media (max-width:820px){
    .mo-item{display:block!important}
    .p-fac{padding:40px 0 0;}
    .p-fac__tit{font-size: 28px !important;line-height: 35px;}
    .p-fac__sub{font-size:14px;margin-top:8px;}
    .p-fac__inbox.type-body{/*margin:0 auto; width:90%;*/margin-top:30px;overflow: visible; margin-bottom: 30px;}
    .p-fac__item{vertical-align: top; height:200px; position:relative;    }
    .p-fac__item:hover .p-fac__inner{background-color:transparent}
    .p-fac__item:before{display:none;}
    .p-fac__hover{opacity:1;position:static;}
    .p-fac__item:hover .p-fac__static{opacity:1;}
    .p-fac__val{display:none;}
    .p-fac__btn, .p-fac__top{display:none!important;}
    .p-fac__name{font-size:14px;position:static;margin-top:14px;word-break: keep-all; line-height:0.8;font-weight:400; margin-top:7px;}
    .p-fac__static{font-family:"Open Sans",sans-serif; font-size:28px;position:static; font-weight:400; }
    .p-fac__inner.type-item{padding:0;height:auto;display:inline-block;width:100%; position:absolute;top:44%; transform: translateY(-50%);-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%); }
/*    슬라이드 페이지네이션*/
    .p-fac__inbox.type-body .swiper-pagination{width:100%; text-align: center;bottom: 0px;}
    .p-fac__inbox.type-body .swiper-pagination .swiper-pagination-bullet {margin:0 7px;width:6px; height:6px;border-radius:30px;background:#ccc;transition: width 0.5s;opacity:1;}
    .p-fac__inbox.type-body .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {width:46px;background:#333;}
    .facList_wrap .swiper-container {padding-bottom: 30px;}


}

/*메인 객실 호버시 추가*/
.roomList_wrap a .imgWrap:before{
        content: '';
    position: absolute;
    top: 0;
    left: 0;
    margin: auto;
    width: 0px;
    height: 0px;
    border-top: 85px solid #678400;  /*눈알 뒤에 컬러 색상표*/
    border-right: 0 solid transparent;
    transition: border-right 0.3s;
    z-index:10;
}

.roomList_wrap a:hover .imgWrap:before {border-right: 90px solid transparent;}

.roomList_wrap a .icon-view{
        position: absolute;
    top: 12px;
    left: 6px;
    width: 23px;
    height: 14px;
    background: url('http://img.einet.kr/P202010005/home/images/icon-view.png') 0 0 no-repeat;
    opacity: 0;
    visibility: hidden;
    transition: top 0.3s, left 0.3s, opacity 0.3s, visibility 0.3s;
    z-index: 11;
}
.roomList_wrap a:hover .icon-view{
    top: 20px;
    left: 14px;
    opacity: 1;
    visibility: visible;
}

.roomList_wrap a:hover .imgWrap .loader:after{opacity:0;}

.roomList_wrap a:hover .detailview{letter-spacing: 0.2em;}


@media (max-width:820px){
    .roomList_wrap a .imgWrap .loader:after{display:none;}
    .roomList_wrap a .imgWrap .loader:before{display:none;}
    .roomList_wrap a:hover .icon-view{display:none;}
    .roomList_wrap a:hover .imgWrap:before{display:none;}
}