@charset 'utf-8';
body { -ms-overflow-style: none; overflow: auto; }
::-webkit-scrollbar { display: none; }

.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:39%;
  text-align: center;
}
.section1 .vimeoSlogan p {
  font-family:"Poppins",sans-serif;
font-size:40px;
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;
background-color:rgba(0,0,0,0);
padding:0;
margin:0px 0px 32px 0px;

  /*
  margin-bottom:32px;
  color:#fff;
  font-family:'Poppins', 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:'Noto Sans KR', sans-serif;
  font-size:18px;
  line-height:70px;
  font-weight:bold;
  text-shadow:0px 2px 6px rgba(0, 0, 0, 0.46);
} */


.section1 .control{ font-size: 0; position: absolute; bottom: 210px; left: 0; right: 0; margin: 0 auto; width: 170px; text-align: center;}
.section1 .control li{ display: inline-block; padding: 0 5px;}
.section1 .control li a{ display: block; font-size: 18px; color: #fff; width: 40px; height: 40px; line-height: 35px; border-radius: 50%; border: 2px solid #fff; text-align: center;}
.section1 .control li i{ color: #fff;}

.section1 .control .play-pause a.hide{ display: none;}
.section1 .control .mute-onoff a.hide{ display: none;}
.vidbox .ratio, .end-video .vimeoWrap {pointer-events: none;}
/* #ivideo1, #ivideo2, .lastmovie, #fullVideo{ pointer-events: none;} */



/* 외부 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: 'Poppins', 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:50px;
    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;
  }

  .section1 .control{ display: none;}
  #fullVideo{ pointer-events: unset;}
}


.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:[@offset_x]%;
transform:translateX(-[@offset_abs_x]%);
top:[@offset_y]%;
text-align: center;
}
.section1 .vimeoSlogan p {
[@slogan]
/*
margin-bottom:32px;
color:#fff;
font-family:'Poppins', 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:'Poppins', 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: 'Poppins', 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:50px;
padding-bottom:15px;
} */
.main_video{
padding-top:50px; 
}
.sub_video {
  padding-top: 0;
}
.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;500&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}


.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:"Poppins", sans-serif !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; margin-bottom: 10px;}

.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/P202105019/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/P202105019/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:"Poppins",sans-serif; font-size:40px;color:#222;}
.vidbox-row__sub{ font-family:"Poppins",sans-serif; font-size:18px;color:#959595; margin-top:25px;word-break:keep-all}
.vidbox-row__btn{ font-family:"Poppins",sans-serif; font-size:16px;color:#222;margin-top:70px}
.vidbox-row__tit.type-fff,.vidbox-row__sub.type-fff,.vidbox-row__btn.type-fff{color:#222;}
.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:30px;padding-right:30px}
.ta-r{text-align:right;padding-right:30px;padding-left:30px}
.vidbox-row__inbox{width:auto}
.vidbox-row__inbox.type-vid{width:56%}
.vidbox-row__inbox.type-txt{width:44%}
.vidbox-row__tit{font-size:14px;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%}
}

.main5 img{ margin-bottom:10px; }

#section6 img {
	width:100%;
}

#section6 img {
    margin-bottom:10px;
}

.section3 {
	padding: 160px 260px;
}

.service_title {
	float:left;
	width:20%;
	margin-top:20px;
	padding:0 27px;
	font-size:44px;
	font-weight:300;
	color:#222;
	border-left:2px solid #4b4e53;
	line-height:1.2;
}

.service_title p {
	font-weight:bold;	
}

.service_list_wrap {
	float:left;
	width:80%;
}

.service_list {
	
}
.service_list li {
	display:inline-block;
	width:16.66667%;
	text-align:center;
	vertical-align:top;
}
.service_list li a {
	display:block;
}
.service_list li .service_icon {
	width:100%;
	padding:30px 50px;
	font-size:41px;
    color:#9a9999;
}
.service_list li .service_name {
	height:28px;
	font-family:'Noto Sans KR', sans-serif;
	font-size:14px;
    color:#9a9999;
}

@media (max-width:1400px) {
	.section3 {
		padding:60px;
	}
	
	.service_title {
		font-size:30px;
		padding:0 18px;
	}

	.service_list li .service_icon {
		padding:23px 20px;
		font-size:30px;
        color:#9a9999;
	}
}

@media (max-width:820px) {
	.section3 {
		/*margin-top:29px;*/
		padding: 30px;
	}

	.service_title {
		float:none;
		width:100%;
	}

	.service_list_wrap {
		float:none;
		width:100%;
	}

	.service_list li {
		width:50%;
		text-align:center;
	}
}



#section6 img {
	width:100%;
}

#section6 img {
    margin-bottom:10px;
}

.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(28,76,112,1);
text-shadow:none;
background-color:rgba(0,0,0,0);
padding:0;
margin:0;
border:1px solid #1C4C70;
border-radius:0px;
background-image:0px;
box-shadow:0px;
border:1px solid #1C4C70;
border-radius:0;

	transition: background-color 0.5s;
  transition: letter-spacing .5s;
  margin-top: 10px;
}

.roomList_wrap a .detailview:hover {
background-color:#1C4C70;
color:#fff;
}

.roomList_wrap a .detailview i {
	margin-left:7px;
}

.room_title {
    padding-bottom:30px;
    text-align:center;
}

@media (max-width:820px) {

	.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:"EB Garamond",sans-serif;
font-size:45px;
font-weight:400;
font-style:normal;
line-height:27px;
letter-spacing:0px;
color:rgba(34,34,34,1);
text-shadow:none;
background-color:rgba(0,0,0,0);
padding:0;
margin:0;

}
.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(28,76,112,1);
text-shadow:none;
background-color:rgba(255,255,255,0.067);
padding:0;
margin:0;
border:1px solid #1C4C70;
border-radius:0px;
background-image:0px;
box-shadow:0px;
border:1px solid #1C4C70;
border-radius:0;


	transition: background-color 0.5s;
}

.room_title a:hover {
background-color:#1C4C70;
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:25px !important;
        line-height:35px
    }
    .room_title p {
        font-size:12px !important;
        display: none;
    }
    .room_title a {
        height:35px;
        line-height:35px;
        margin-bottom: 10px;
    }
    .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;
}

.section7 {
	padding:160px 20px; /* padding:160px 260px; */
}

.fac_title {
	padding-bottom:30px;
	text-align:center;
}
.fac_title h3 {
	font-family:"EB Garamond",sans-serif;
font-size:45px;
font-weight:400;
font-style:normal;
line-height:27px;
letter-spacing:0px;
color:rgba(34,34,34,1);
text-shadow:none;
background-color:rgba(0,0,0,0);
padding:0;
margin:0;

}
.fac_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;

}
.fac_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(28,76,112,1);
text-shadow:none;
background-color:rgba(255,255,255,0);
padding:0;
margin:0;
border:1px solid #1C4C70;
border-radius:0px;
background-image:0px;
box-shadow:0px;
border:1px solid #1C4C70;
border-radius:0;

	transition: background-color 0.5s;
}

.fac_title a:hover {
background-color:#1C4C70;
color:#fff;
}

/*
.fac_title a:hover {
	background-color:#d9ecff;
}
*/

.fac_title a i {
	margin-left:7px;
}




.facList_wrap {
	position: relative;
	padding:0 70px;
	font-size:14px;
}
.facList_wrap .swiper-container {
	position: static;
}
.facList_wrap .swiper-container .swiper-pagination {
	position:relative;
	margin-top:40px;
}
.facList_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;
}
.facList_wrap .swiper-container .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
	width:46px;
	background:#222222;
}
.facList_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-size:cover;
	transition: opacity 0.5s;
}
.facList_wrap .swiper-container .swiper-button-prev:hover {
	opacity:0.5;
}
.facList_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-size:cover;
	transition: opacity 0.5s;
}
.facList_wrap .swiper-container .swiper-button-next:hover {
	opacity:0.5;
}
.facList_wrap a {
	display:inline-block;
	text-align:center;
}
.facList_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);
}
.facList_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;
}
.facList_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);
}
.facList_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;
	/*
	padding-top:20px;
	color:#444;
	font-family:'Noto Sans KR', sans-serif;
	font-size:18px;
	font-weight:bold;
	line-height:1.33;
	*/
}
.facList_wrap a .txt {
	color:#777;
	font-family:'Noto Sans KR', sans-serif;
	font-size:14px;
	line-height:1.86;
	letter-spacing:0.7px;
}

.facList_wrap a .detailview {
	display:inline-block;
	width:160px; height:40px;
	color:#1b65b3;
	font-family:'Open Sans', sans-serif;
	font-size:14px;
	font-weight:bold;
	line-height:40px;
	transition: background-color 0.5s;
}

.facList_wrap a .detailview:hover {
	background-color:#d9ecff;
}

.facList_wrap a .detailview i {
	margin-left:7px;
}


@media (max-width:1400px) {
	.section7 {
		padding:30px 0;
	}
}

@media (max-width:820px) {
	.facList_wrap {
		padding: 0;
	}
	.facList_wrap .swiper-container .swiper-slide {
		width:300px;
	}
	.facList_wrap a .detailview,
	.facList_wrap .swiper-container .swiper-button-next,
	.facList_wrap .swiper-container .swiper-button-prev {
<!--		display:none;-->
	}
	.facList_wrap a {
		border:1px solid #ddd;
	}
	.facList_wrap a .eng {
		padding:15px 0 11px;
	}
	.facList_wrap a .txt {
		padding:0 0 11px 0;
	}
	.facList_wrap .swiper-container .swiper-pagination {
		/*display:none;*/
        display:block;
	}
	
	.facList_wrap .swiper-slide:first-child {
		/*margin-left:10px;*/
	}


	.fac_title h3 {
font-size:30px !important;
}

	.fac_title p {
font-size:16px !important;
}

    .fac_title p {
        margin: 6px 0 !important;
    }
    .fac_title{
        padding-bottom:0px;
    }

    .facList_wrap .swiper-container .swiper-button-prev {
        width:80px; height:80px;
        top:31%; leftt:0;
        background:url('http://img.einet.kr/responsive/home/room/arrow-left-small2.png') center center no-repeat;
        background-size:cover;
        transition: opacity 0.5s;
    }
    .facList_wrap .swiper-container .swiper-button-next {
        width:80px; height:80px;
        top:31%; right:0;
        background:url('http://img.einet.kr/responsive/home/room/arrow-right-small2.png') center center no-repeat;
        background-size:cover;
        transition: opacity 0.5s;
    }

    .facList_wrap .owl-dot.active {
        width:35px;
    }
    .facList_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;
    }
    .facList_wrap .swiper-container .swiper-pagination {
        position:relative;
        margin-top:15px;
    }
}

@media (max-width:820px) {
    .fac_title h3 {
        font-size:25px !important;
        line-height:35px
    }
    .fac_title p {
        font-size:12px !important;
        display: none;
    }
    .fac_title a {
        height:35px;
        line-height:35px;
        margin-bottom: 10px;
    }
    .section7 {
        padding: 20px 0 15px;
    }
}

@media (max-width:600px) {
.facList_wrap .swiper-container { position:relative; }
.facList_wrap .swiper-container .swiper-pagination { position:absolute !important; bottom:45px; }
.facList_wrap a .eng { padding-top:25px; }
}

#section6 img {
	width:100%;
}

#section6 img {
    margin-bottom:10px;
}

/* 모바일 디자인노출 */
#section6 .mimg {
  display: none;
}

@media (max-width:820px) {
  #section6 .mimg {
    display: block;
    border-bottom: 1px solid #cccccc;
  }

  #section6 .mimg3 {
    border-bottom: none;
    margin-bottom: 0;
  }

  #section6 img:nth-child(2) {
    display: none;
  }
}

/*메인 객실 호버시 추가*/
.roomList_wrap a .imgWrap:before{
  content: '';
position: absolute;
top: 0;
left: 0;
margin: auto;
width: 0px;
height: 0px;
border-top: 85px solid rgba(28,76,112,1);  /*눈알 뒤에 컬러 색상표*/
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;}
}