@import url('https://fonts.googleapis.com/css2?family=Allura&family=Nanum+Myeongjo&display=swap');
@import url('https://webfontworld.github.io/SCoreDream/SCoreDream.css');
@font-face {
    font-family: 'GmarketSansMedium';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansMedium.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'GmarketSansLight';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansLight.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
/* 
    font-family: 'Allura', cursive;
    font-family: 'Nanum Myeongjo', serif;
    font-family: 'SCoreDream';
    font-family: 'GmarketSansMedium';
    font-family: 'GmarketSansLight';
*/
/* custom section starts from line 1600 */

body { -ms-overflow-style: none; overflow: auto; }
::-webkit-scrollbar { display: none; }


#section6 img {
	width:100%;
}

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

.vimeoWrap {
    position: absolute;
    padding-bottom: 56.25%;
    height: auto;
    width: 100%;
    overflow: hidden;
    margin: 0;
}
.vimeoWrap iframe,
.vimeoWrap object,
.vimeoWrap embed {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate3d(-50%, -50%, 0);
    object-fit: cover;
    width: auto;
    height: auto;
    min-width: 100%;
    min-height: 100%;
    display: block;
}


.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:"Noto Sans KR",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:'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:'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: '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:50px;
    padding-bottom:15px;
  } */

  .section1 .vimeoSlogan p {
    display:block;
    /*
    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: block; bottom: 15px; z-index: 100;}
  .section1 .control li{ padding: 0 2px;}
  .section1 .control li a{ font-size: 12px; width: 24px; height: 24px; line-height: 22px; border: 1px solid #fff; }
  #fullVideo{ pointer-events: auto;}
  .vimeoSlogan{ pointer-events: 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:[@offset_x]%;
transform:translateX(-[@offset_abs_x]%);
top:[@offset_y]%;
text-align: center;
}
.section1 .vimeoSlogan p {
[@slogan]
/*
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:50px;
padding-bottom:15px;
} */
.main_video{
padding-top:0; 
}

.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/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__inbox.type-txt.type-a{background-color:rgba(240,225,202,.1);right:0;height:100%}
.vidbox-row__inbox.type-txt.type-b{background-color:rgba(240,225,202,.1);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: "Lora",sans-serif; font-size:40px;color:#222;}
.vidbox-row__sub{ font-family: "Lora",sans-serif !important; font-size:18px;color:rgba(240,225,202,1); margin-top:25px;word-break:keep-all}
.vidbox-row__btn{ font-family: "Lora",sans-serif; font-size:16px;color:#222;margin-top:70px}
.vidbox-row__tit.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: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%}
}


.main5 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 30px;
		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:25%;
		text-align:center;
	}
}



#section6 img {
	width:100%;
}

#section6 img {
    margin-bottom:10px;
	margin-top: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(27,101,179,1);
text-shadow:none;
padding:0px;
margin:0px;
	transition: background-color 0.5s;
}

.roomList_wrap a .detailview:hover {
background-color:rgba(217,236,255,1);
}

.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:"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;
padding:0px;
margin: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(27,101,179,1);
text-shadow:none;
padding:0px;
margin:0px;

	transition: background-color 0.5s;
}

.room_title a:hover {
background-color:rgba(217,236,255,1);
}

/*
.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:32px !important;
        line-height:42px
    }
    .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;
}

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

.fac_title {
	padding-bottom:30px;
	text-align:center;
}
.fac_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;
}
.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;padding:0px;margin: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(27,101,179,1);text-shadow:none;padding:0px;margin:0px;
	transition: background-color 0.5s;
}

.fac_title a:hover {
background-color:rgba(217,236,255,1);
}

/*
.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:32px !important;
        line-height:42px
    }
    .fac_title p {
        font-size:12px !important;
		display:none;
    }
    .fac_title a {
        height:35px;
        line-height:30px;
    }
    .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;
}

/* .vimeoWrap {
  position:relative;
  padding-bottom:56.25%;
  height:0;
  overflow:hidden;
  margin:0;
} */
.vimeoWrap iframe,
.vimeoWrap object,
.vimeoWrap embed {
  position:absolute;
  top: -5%;
    left: -5%;
    width: 110%;
    height: 110%;
}


.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;
  width: 900px;
  left:50%;
  transform:translateX(-50%);
  top:37%;
  text-align: center;
  z-index: 10;
}
.section1 .vimeoSlogan p.fonta {
font-family: 'Allura', cursive;
font-weight: normal;
font-size:136px;
line-height:136px;
letter-spacing:0.04em;
color:rgba(255,255,255,1);
text-shadow:rgba(0,0,0,0.5) 0px 2px 6px;
padding:0px;
margin:0;
}
.section1 .vimeoSlogan p.fontgL {
    font-family: 'GmarketSansLight';
    font-weight: normal;
    font-size:16px;
    line-height:28px;
    letter-spacing:0.04em;
    color:rgba(255,255,255,1);
    text-shadow:rgba(0,0,0,0.5) 0px 2px 6px;
    padding:0px;
    margin:0px 0px 32px 0px;
}
.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 {
    margin-top:50px;
    height: 124.80vw;
    /*padding-bottom:15px;*/
  }

  .section1 .vimeoSlogan p {
    display:block;
    /*
    font-size: 14px;
    */
  }
  .section1 .vimeoSlogan p.fonta {
    font-size:9.33vw;
    line-height:9.33vw;
    letter-spacing:0.04em;
    }
    .section1 .vimeoSlogan p.fontgL {
        font-size:3.20vw;
        line-height:5.33vw;
        letter-spacing:0.04em;
    }

  .section1 .vimeoSlogan .vimeo_play {
    display:none;
    height:50px;
  }
  .section1 .vimeoSlogan .vimeo_play span {
    font-size:15px;
    line-height:50px;
  }

  .section1 .vscrollDown {
    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(217,180,124,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;}
}


/* 모바일디자인노출 */

#section6 .mimg {
  display: none;
}

@media (max-width:820px) {

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

  #section6 .mimg {
    display: block;
  }

  .img-2 {
    margin-top: 10px;
  }

}



/* custom section */
.none-pc {display: none;}
.dpb {display: block;}
.fontm {font-family: 'Nanum Myeongjo', serif; font-weight: normal;}
.fonts {font-family: 'SCoreDream'; font-weight: 400;}
/* custom sv */
.sec-sv {position: relative; padding: 110px 90px; background: #e6ded3; overflow: hidden; z-index: 10; margin: 0; overflow: hidden; }
.sec-sv:after {content: ''; position: absolute; left: 0; top: 120px; bottom: 120px; width: 60%; background: url(http://img.einet.kr/P202212014/custom/sv02.jpg) no-repeat left center / cover; z-index: -2;}
.sec-sv:before {content: ''; position: absolute; left: 0; top: 120px; bottom: 120px; width: 60%; background: rgba(0,0,0,.5); z-index: -1;}
.sec-sv .tit {font-size: 50px; color: #fff; margin-top: 120px;}
.sec-sv .tit h2 {font-weight: normal;}
.sec-sv .tit span {font-size: 16px; letter-spacing: 0.04em; vertical-align: bottom; padding-left: 20px;}
.sec-sv .sv-list {position: relative; margin-top: 60px; display: flex; justify-content: space-between; align-items: center; margin-bottom: 120px;}
.sec-sv .sv-list:before {content: ''; position: absolute; bottom: 0; right: -90px; width: 810px; height: 560px; background: url(http://img.einet.kr/P202212014/custom/sv01.jpg) no-repeat left center / cover; z-index: -3;}
.sec-sv .sv-list li {width: 20%; height: 220px; border-right: 1px solid #ddd; background: #fff; transition: .4s;}
.sec-sv .sv-list li:last-of-type {border-right: none;}
.sec-sv .sv-list li a {display: flex; justify-content: center; align-items: center; width: 100%; height: 100%;}
.sec-sv .sv-list li .txt {text-align: center;}
.sec-sv .sv-list li .icon {font-size: 30px; color: #A38455; transition: .4s;}
.sec-sv .sv-list li h3 {font-size: 18px; color: #222; font-family: 'Nanum Myeongjo', serif; margin: 30px 0 10px; transition: .4s;}
.sec-sv .sv-list li p {font-size: 16px; letter-spacing: 0.04em; color: #A38455; font-family: 'GmarketSansLight'; font-weight: normal; transition: .4s;}
.sec-sv .sv-list li:hover {background: #A38455;}
.sec-sv .sv-list li:hover .icon {color: #fff;}
.sec-sv .sv-list li:hover h3 {color: #fff;}
.sec-sv .sv-list li:hover p {color: #fff;}
@media (max-width: 820px){
	.none-pc {display: block !important;}
	.none-mo {display: none !important;}
    .sec-sv {padding: 80px 15px; }
    .sec-sv:after, .sec-sv:before {top: 40px; bottom: 40px; width: 80%;}
    .sec-sv .sv-list {flex-wrap: wrap; margin: 0;}
    .sec-sv .sv-list:before {right: -20px; width: 200px; height: 280px; bottom: initial; top: -80px;}
    .sec-sv .sv-list li {width: 50%; height: 136px; border-bottom: 1px solid #ddd;}
    .sec-sv .sv-list li .icon {font-size: 25px; }
    .sec-sv .sv-list li h3 {font-size: 12px; margin: 20px 0 10px;}
    .sec-sv .sv-list li p {font-size: 12px;}
}
/* custom room */
.sec-room {position: relative; padding: 120px 90px; background: #eeeae5; overflow: hidden; margin: -10px 0; z-index: 1;}
.sec-room:after {content: ''; position: absolute; left: 0; top: 0; bottom: 0; width: 35%; background: #A38455; z-index: -1;}
.sec-room .tit {width: 65%; margin-left: auto; padding-left: 60px; margin-bottom: 60px;}
.sec-room .tit h2 {font-size: 60px; color: #222; margin-bottom: 20px; font-weight: normal;}
.sec-room .tit h3 {font-size: 16px; font-weight: 300; letter-spacing: 0.04em; color: #A38455;}
.sec-room .tit h3 .line {display: inline-block; width: 160px; height: 1px; background: #A38455; margin-right: 15px;}
.sec-room .rooms-wrap {display: flex; justify-content: space-between; align-items: flex-start;}
.sec-room .rooms-list {width: 35%; padding-top: 60px;}
.sec-room .rooms-list .room-name {position: relative; z-index: 10; margin-bottom: 50px;}
.sec-room .rooms-list .room-name li {width: 100%; height: 47px; line-height: 47px; margin-bottom: 30px; padding: 0 30px; background: transparent; transition: .4s; cursor: pointer;}
.sec-room .rooms-list .room-name li:hover, .sec-room .rooms-list .room-name li.active {background: #766955;}
.sec-room .rooms-list .room-name li a {display: block; font-family: 'GmarketSansLight';  font-size: 16px; letter-spacing: 0.1em; color: #fff;}
.sec-room .rooms-list .room-info {position: relative; width: 100%; border-top: 1px solid rgba(255,255,255,.4); padding-top: 60px;}
.sec-room .rooms-list .room-info ul {position: absolute; left: 0; top: 60px; display: none;}
.sec-room .rooms-list .room-info ul.active {display: block;}
.sec-room .rooms-list .room-info li {font-family: 'GmarketSansLight'; padding-left: 30px; font-size: 14px; font-weight: 400; letter-spacing: 0.04em; color: #fff; margin-bottom: 30px;}
.sec-room .rooms-thumb {position: relative; z-index: 5; width: 65%; height: 800px;}
.sec-room .rooms-thumb a {position: relative; width: 100%; height: 100%;}
.sec-room .rooms-thumb .imgbox {position: absolute; left: -140px; top: 0; bottom: 0; right: 0; display: none; transition: .4s;}
.sec-room .rooms-thumb .imgbox.active {display: block;}
.sec-room .rooms-thumb .imgbox img {width: 100%; height: 100%; object-fit: cover;}
.sec-room .rooms-thumb .imgbox span {position: absolute; right: 30px; bottom: 30px; font-size: 16px; color: #fff;}
@media (max-width: 820px){
    .sec-room {padding: 40px 15px;}
    .sec-room:after {display: none;}
    .sec-room .tit {width: 100%; margin: 0; padding: 0; margin-bottom: 30px;}
    .sec-room .tit h2 {font-size: 35px; margin-bottom: 10px;}
    .sec-room .tit h3 {font-size: 12px;}
    .sec-room .tit h3 .line {width: 80px; margin-right: 10px;}
    .rooms-slider .thumb {position: relative; width: 100%; height: 52.00vw; overflow: hidden;}
    .rooms-slider .thumb img {width: 100%; height: 100%; object-fit: cover;}
    .rooms-slider .thumb span {position: absolute; right: 15px; bottom: 15px; font-size: 12px; color: #fff;}
    .rooms-slider .name {width: 75%; height: 40px; line-height: 40px; padding: 0 15px; background: #766955; font-size: 14px; font-weight: 400; letter-spacing: 0.1em; color: #fff;}
    .rooms-slider .info {padding: 30px 15px 0;}
    .rooms-slider .info li {font-size: 12px; color: #766955; margin-bottom: 15px; font-family: 'GmarketSansLight';}
    .rooms-slider .info li:last-of-type {margin-bottom: 0;}
    .rooms-slider .rooms-ctrl {position: absolute; z-index: 10; top: 52.00vw; height: 40px; padding-right: 15px; right: 0; width: 15%; display: flex; justify-content: flex-end; align-items: center;}
    .rooms-slider .rooms-ctrl .nav-btn {font-size: 20px; color: #766955; margin-left: 15px; cursor: pointer;}
}
/* custom fac */
.sec-fac {position: relative; padding: 120px 90px 200px; background: url(http://img.einet.kr/P202210001/custom/facbg.jpg) no-repeat center / 100% 100%; margin: -10px 0;}
.sec-fac:after {content: ''; position: absolute; left: 0; right: 0; bottom: 0; height: 6.25vw; background: #fff;}
.sec-fac .tit {font-size: 60px; color: #222; margin-bottom: 60px;}
.sec-fac .tit span {font-size: 16px; font-weight: 300; letter-spacing: 0.04em; padding-left: 15px; vertical-align: bottom;}
.sec-fac .fac-list {display: flex; justify-content: flex-start; align-items: center; border: 1px solid rgba(171,158,138,.4); border-left: none; border-right: none;}
.sec-fac .fac-list li {width: 25%; height: 470px; border-right: 1px solid rgba(171,158,138,.4);}
.sec-fac .fac-list li:last-of-type {border-right: none;}
.sec-fac .fac-list li a {width: 100%; height: 100%; display: flex; justify-content: center; align-items: center;}
.sec-fac .imgbox {display: flex; justify-content: center; align-items: center; width: 270px; height: 270px; border-radius: 50%; border: 1px solid rgba(171,158,138,.4);}
.sec-fac .imgbox .img {position: relative; width: 250px; height: 250px; border-radius: 50%; overflow: hidden;}
.sec-fac .imgbox .img img {width: 100%; height: 100%; object-fit: cover;}
.sec-fac .imgbox .img span {position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); white-space: nowrap; font-size: 16px; color: #fff; opacity: 0; z-index: 1; transition: .4s;}
.sec-fac .imgbox .img:after {content: ''; position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: rgba(0,0,0,.4); opacity: 0; transition: .4s;}
.sec-fac .name {text-align: center;}
.sec-fac .name h3 {font-size: 22px; color: #222; margin: 20px 0 10px;}
.sec-fac .name h4 {font-size: 16px; letter-spacing: 0.04em; }
.sec-fac .fac-list li:hover .img span {opacity: 1;}
.sec-fac .fac-list li:hover .img:after {opacity: 1;}
@media (max-width: 820px){
    .sec-fac {padding: 40px 15px 80px; background: #f8f5f2;}
    .sec-fac:after {height: 10.67vw;}
    .sec-fac .tit {font-size: 35px; margin-bottom: 30px;}
    .sec-fac .tit span {font-size: 12px; padding-left: 10px;}
    .sec-fac .fac-list {flex-wrap: wrap;}
    .sec-fac .fac-list li {width: 50%; height: 250px; border-bottom: 1px solid rgba(171,158,138,.4);}
    .sec-fac .fac-list li:nth-of-type(2n) {border-right: none;}
    .sec-fac .fac-list li:nth-last-of-type(1) {border-bottom: none;}
    .sec-fac .imgbox {width: 140px; height: 140px;}
    .sec-fac .imgbox .img {width: 130px; height: 130px;}
    .sec-fac .imgbox .img:after, .sec-fac .imgbox .img span {display: none;}
    .sec-fac .name h3 {font-size: 14px;}
    .sec-fac .name h4 {font-size: 12px;}
}

/* main */
/* ==========================================================================
    #FONT
   ========================================================================== */
   .fonta{ font-family: 'Allura', cursive; font-weight: normal;}
   .fontm{ font-family: 'Nanum Myeongjo', serif; font-weight: normal;}
   .fontsEL{ font-family: 'SCoreDream'; font-weight: 200; }
   .fontsR{ font-family: 'SCoreDream'; font-weight: 400;}
   .fontgL{ font-family: 'GmarketSansLight'; font-weight: normal;}
   .fontgM{ font-family: 'GmarketSansMedium'; font-weight: normal;}
   .upp{ text-transform: uppercase; }
   .t-shadow-s{ text-shadow: 2px 0 4px rgba(68,68,68,.2); }
   .t-shadow-b{ text-shadow: 2px 0 8px rgba(47,44,42,.2); }
   .box-shadow{ box-shadow: 10px 0 10px rgba(185,142,118,.2);}
   
   
   /* ==========================================================================
       #COLOR
   ========================================================================== */
   .color_f{color: #fff; }
   .color_2{color: #222; }
   .color_3{color: #A38455;}
   .op_4{ opacity: .4;}
   .op_6{ opacity: .6;}
   .op_8{ opacity: .8;}
   
   
   /* ==========================================================================
       #FLOAT
       ========================================================================== */
   .fl{ float: left;}
   .fr{float: right;}
   .clb{ clear: both; font-size: 0;}
   
   
   body{ overflow-x: hidden; }
   .wrap1680{ width: 100%; max-width: 1680px; height: 100%; position: relative; margin: 0 auto; box-sizing: border-box; }
   .wrap1800{ width: 100%; max-width: 1800px; height: 100%; position: relative; margin: 0 auto; box-sizing: border-box; }
   .img{ width: 100%; height: 100%; background-size: cover; background-position: center; background-repeat: no-repeat;  position: absolute; top: 0; left: 0; transition: .5s;}
   img.full{ width: 100%; object-fit: cover;}
   .none-mo{ display: inline-block;}
   .none-pc{ display: none;}
   @media (max-width: 820px){
       body{ position: relative; }
       .wrap1680{ width: 100%; padding: 0 20px; position: relative; margin: 0 auto; box-sizing: border-box; }
       .wrap1800{ width: 100%; padding: 0 20px; position: relative; margin: 0 auto; box-sizing: border-box; }
       .none-mo{ display: none;}
       .none-pc{ display: inline-block;}
   }
   /* main_1 */
   #main_1{ font-size: 0;}
   /* main_2 */
   #main_2 { background-color: #e6ded3; font-size: 0; width: 100%; overflow: hidden;}
   #main_2 .content{ padding: 6.25vw 0; background-size: cover; background-repeat: no-repeat; background-position: center;}
   #main_2 .wrap1800{ position: relative; overflow: hidden; width: 100%; height: 56.77vw;}
   #main_2 .main_2-02{ position: absolute; top: 0; right: 0; z-index: 10; width: 54.69vw; height: 34.90vw; object-fit: cover;}
   #main_2 .main_2-02 .full-swiper{ width: 100%; height: 100%; position: absolute; top: 0; left: 0;}
   #main_2 .main_2-02 .full-swiper .swiper-slide{ background-size: cover; background-repeat: no-repeat; background-position: center 0;}
   #main_2 .swiper-button-prev, #main_2 .swiper-button-next {outline: none !important; background-image: unset!important; width: 25px; height: 40px; font-size: 40px; line-height: 40px; border-radius: 50%;}
   .swiper-pagination-bullet{ position: relative; width: 12px; height: 12px; border-radius:50%; background: transparent; border: 1px solid #fff; opacity: 1; margin: 0 7px!important; transition: .3s; }
  .swiper-pagination-bullet-active{ width: 12px; height: 12px; position: relative; background: #fff; opacity: 1; }
   #main_2 .swiper-button-next{ right: 30px;}
   #main_2 .swiper-button-prev{ left: 30px;}
   #main_2 .swiper-container-horizontal>.swiper-pagination-bullets, #main_2 .swiper-pagination-custom, .swiper-pagination-fraction{ bottom: 30px;}
   #main_2 .main_2-03{ position: absolute; bottom: 0; left: 4.69vw; width: 85.94vw; height: 50.52vw; background-color: #897e6f;  z-index: 1;}
   #main_2 .main_2-03 img{ position: absolute; width: 100%; height: 100%; top: 0; left: 0; }
   #main_2 .wrap1800 .text-wrap{ position: relative; z-index: 10; pointer-events: none;}
   #main_2 .wrap1800 h3{ font-size: 9.38vw; font-weight: 400; line-height: 8.85vw; letter-spacing: 0.02em; padding-bottom: 22.40vw; padding-left: 1.56vw;  }
   #main_2 .wrap1800 h4{ font-size: 2.29vw; font-weight: 400; padding-bottom: 1.04vw; padding-left: 10.94vw;}
   #main_2 .wrap1800 h5{ font-size: 0.94vw; letter-spacing: 0.1em; padding-left: 10.94vw; padding-bottom: 2.08vw;}
   #main_2 .wrap1800 p{ font-size: 0.63vw; line-height: 1.46vw; letter-spacing: 0.1em; padding-left: 10.94vw;}
   #main_2 .wrap1680{ display: flex; justify-content: space-between; padding-bottom: 6.25vw; }
   #main_2 .wrap1680 img{ width: 50%; object-fit: cover;}
   @media (max-width: 820px){
       #main_2 .content{ padding: 10.67vw 0; background-image: unset!important;}
       #main_2 .wrap1800{ height: auto; padding: 0; height: 128.00vw;}
       #main_2 .main_2-02{ top: 8.40vw; right: 4.00vw; width: 80.00vw; height: 51.07vw;}
       #main_2 .main_2-03{ left: 0; width: 100%; height: 102.80vw; }
       #main_2 .main_2-03 img{ object-fit: cover; }
       #main_2 .wrap1800 .text-wrap{ position: relative; z-index: 10;}
       #main_2 .wrap1800 h3{ font-size: 16.00vw; line-height: 14.67vw; padding-bottom: 38.00vw; padding-left: 3.33vw; }
       #main_2 .wrap1800 h4{ font-size: 6.67vw; line-height: 9.33vw; padding-bottom: 5.33vw; padding-left: 4.00vw;}
       #main_2 .wrap1800 h5{ font-size: 3.73vw; padding-left: 4.00vw; padding-bottom: 5.33vw;}
       #main_2 .wrap1800 p{ font-size: 2.67vw; line-height: 4.80vw; padding-left: 4.00vw;}
       #main_2 .wrap1680{ padding: 0 4.00vw 10.67vw; }
   }
   @media (min-width: 1920px) {
    #main_2 { background-color: #e6ded3; font-size: 0;}
    #main_2 .content{ padding: 120px 0; background-size: cover; background-repeat: no-repeat; background-position: center;}
    #main_2 .wrap1800{ position: relative; overflow: hidden; width: 100%; height: 1090px;}
    #main_2 .main_2-02{ position: absolute; top: 0; right: 0; z-index: 10; width: 1050px; height: 670px; object-fit: cover;}
    #main_2 .main_2-03{ position: absolute; bottom: 0; left: 90px; width: 1650px; height: 970px; background-color: #897e6f;  z-index: 1;}
    #main_2 .main_2-03 img{ position: absolute; width: 100%; height: 100%; top: 0; left: 0; }
    #main_2 .wrap1800 .text-wrap{ position: relative; z-index: 10;}
    #main_2 .wrap1800 h3{ font-size: 180px; font-weight: 400; line-height: 170px; letter-spacing: 0.02em; padding-bottom: 430px; padding-left: 30px; }
    #main_2 .wrap1800 h4{ font-size: 44px; font-weight: 400; padding-bottom: 20px; padding-left: 210px;}
    #main_2 .wrap1800 h5{ font-size: 18px; letter-spacing: 0.1em; padding-left: 210px; padding-bottom: 40px;}
    #main_2 .wrap1800 p{ font-size: 12px; line-height: 28px; letter-spacing: 0.1em; padding-left: 210px;}
    #main_2 .wrap1680{ display: flex; justify-content: space-between; padding-bottom: 120px; }
    #main_2 .wrap1680 img{ width: 50%; object-fit: cover;}
   }
   /* main_3 */
   #main_3{ font-size: 0; background-color: #fff; width: 100%; overflow: hidden;}
   #main_3 .wrap1680{ padding: 4.17vw 0 6.25vw; display: flex; justify-content: space-between;}
   #main_3 .wrap1680 img.m_3-02{ width: 35.42vw; height: 44.27vw; object-fit: cover;}
   #main_3 .wrap1680 .content{  width: calc(100% - 35.42vw - 4.17vw); position: relative; padding-top: 0.78vw; margin-left: 4.17vw; }
   #main_3 .wrap1680 .content img.m_3-03{ position: absolute; width: 23.44vw; height: 13.18vw; right: 0; top: 0;}
   #main_3 .wrap1680 .content h3{ font-size: 2.29vw; padding-bottom: 1.04vw;}
   #main_3 .wrap1680 .content h4{ font-size: 0.94vw; letter-spacing: 0.1em; padding-bottom: 2.08vw;}
   #main_3 .wrap1680 .content p{ font-size: 0.63vw; letter-spacing: 0.02em; line-height: 1.46vw;}
   #main_3 .wrap1680 .content img.m_3-04{ position: absolute; width: 100%; height: 26.93vw; right: 0; bottom: 0;}
   @media (max-width: 820px){
       #main_3 .wrap1680{ padding: 10.67vw 4.00vw; flex-wrap: wrap;}
       #main_3 .wrap1680 img.m_3-02{ width: 100%; height: 113.33vw;}
       #main_3 .wrap1680 .content{  width: 100%; position: relative; padding-top: 9.33vw; margin-left: 0; }
       #main_3 .wrap1680 .content img.m_3-03{ position: relative; width: 60.00vw; height: 33.73vw; margin-bottom: 8.00vw; margin-left: calc(100% - 60vw); }
       #main_3 .wrap1680 .content h3{ font-size: 6.67vw; padding-bottom: 2.67vw;}
       #main_3 .wrap1680 .content h4{ font-size: 3.73vw; padding-bottom: 5.33vw;}
       #main_3 .wrap1680 .content p{ font-size: 2.67vw; line-height: 4.80vw; padding-bottom: 5.33vw;}
       #main_3 .wrap1680 .content img.m_3-04{ position: relative; width: 100%; height: 51.73vw; }
   }
   @media (min-width: 1920px) {
    #main_3{ font-size: 0; background-color: #fff;}
   #main_3 .wrap1680{ padding: 80px 0 120px; display: flex; justify-content: space-between;}
   #main_3 .wrap1680 img.m_3-02{ width: 680px; height: 850px; object-fit: cover;}
   #main_3 .wrap1680 .content{  width: calc(100% - 680px - 80px); position: relative; padding-top: 15px; margin-left: 80px; }
   #main_3 .wrap1680 .content img.m_3-03{ position: absolute; width: 450px; height: 253px; right: 0; top: 0;}
   #main_3 .wrap1680 .content h3{ font-size: 44px; padding-bottom: 20px;}
   #main_3 .wrap1680 .content h4{ font-size: 18px; letter-spacing: 0.1em; padding-bottom: 40px;}
   #main_3 .wrap1680 .content p{ font-size: 12px; letter-spacing: 0.02em; line-height: 28px;}
   #main_3 .wrap1680 .content img.m_3-04{ position: absolute; width: 100%; height: 517px; right: 0; bottom: 0;}
   }
   /* main_4 */
   #main_4{ font-size: 0; position: relative; /* padding-bottom: 6.25vw;*/ background-color: #fff; width: 100%; overflow: hidden;}
   #main_4 h3{ position: absolute; display: inline-block; text-align: center; font-size: 2.08vw; top: 16.67vw; right: 220px; left: 0; margin: 0 auto; z-index: 1;}
   #main_4 .m_4-02{ position: absolute; z-index: 10; top: 7.29vw; right: 6.25vw; width: 31.25vw; height: 52.08vw;}
   @media (max-width: 820px){
       #main_4{ background-color: #fff; padding-bottom: 0;}
       #main_4 h3{ font-size: 5.33vw; top: 41.33vw; right:0;}
       #main_4 .mo_m_4-02{ position: relative; width: 100%; height: 100%; margin-bottom: 4.00vw;}
   
   }
   @media (min-width: 1920px) {
   #main_4 h3{ position: absolute; display: inline-block; text-align: center; font-size: 40px; top: 320px; right: 0; left: 0; margin: 0 auto; z-index: 1;}
   #main_4 .m_4-02{ position: absolute; z-index: 10; top: 140px; right: 120px; width: 600px; height: 1000px;}
   }
   
.all_wrap{
    width: 100%;
    overflow-x: hidden;
}

#section1{ width: 100%; height:auto;aspect-ratio: 16/9; /*padding-top: 56.25%;*/ position: relative; overflow: hidden;}
#section1 .movie{position:absolute; width: 100%; height:100%; top: 0; left: 0; margin:0; pointer-events: none;}
#section1 .movie iframe, #section1 .movie object, #section1 .movie embed{ 
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate3d(-50%, -50%, 0);
    object-fit: cover;
    width: auto;
    height: auto;
    min-width: 100%;
    min-height: 100%;
    display: block;
 }
 @media (max-width:820px) {
    #section1 {
        margin-top: 50px;
        
    }
    .vimeoWrap {
        position: absolute;
        padding-bottom:0;
        height: 100%;
        width: 100%;
        overflow: hidden;
        margin: 0;
    }

    #section1 .movie{ pointer-events: auto;}
    #main_2 .swiper-button-next{ right: 15px;}
    #main_2 .swiper-button-prev{ left: 15px;}
    #main_2 .swiper-container-horizontal>.swiper-pagination-bullets, #main_2 .swiper-pagination-custom, .swiper-pagination-fraction{ bottom: 15px;}
 }

 .sec-movie{ width: 100%; display: flex; }
 .sec-movie > div{ width: 50%; /*height: 28.13vw;*/height:auto;aspect-ratio: 16/9;}
 .sec-movie .left .video-wrap{ width: 100%; height: 100%; overflow: hidden; }
 .sec-movie .left .video-wrap iframe{ width: 100%; height: 100%; left: 0; top: 0; position: relative;}
 .sec-movie .right{ padding-left: 6.25vw; background-color: #f1efec; display: flex; align-items: flex-start; justify-content: center; flex-direction: column; text-align: left;}
 .sec-movie .right h3{ font-size: 36px; padding-bottom: 2.08vw;}
 .sec-movie .right p{ font-size: 12px; color: #bbb; line-height: 28px;}
 @media (max-width:820px) {
    .sec-movie > div{ width: 50%; height: 30.49vw;}
    .sec-movie .right h3{ font-size: 15px; padding-bottom: 0;}
    .sec-movie .right p{ display: none;}
 }


#main_5{ width: 100%; height: 0; padding-top: 56.25%; position: relative; overflow: hidden;}
#main_5 .videoWrap {position:absolute; width: 100%; height:100%; top: 0; left: 0; margin:0; pointer-events: none;}
#main_5 .videoWrap iframe, #main_5 .videoWrap object, #main_5 .videoWrap embed{ 
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate3d(-50%, -50%, 0);
    object-fit: cover;
    width: auto;
    height: auto;
    min-width: 100%;
    min-height: 100%;
    display: block;
}