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

#section6 img {
	width:100%;
}


/* vimeo css */
/* section01 */
.upp{text-transform: uppercase;}

#section01{ overflow: hidden; position: relative; width: 100%; height: auto; aspect-ratio: 16/9; background-color: #fff; }
#section01 .wrapper{ overflow: hidden; display: flex; align-items:flex-end; justify-content: right; width: 100%; height: 100%; background-position: center; background-position-y: bottom; background-size:cover; }
/* background-image: url('http://img.einet.kr/P202311019/home/images/main.jpg'); */

@media (max-width:1400px){#section01 .wrapper{overflow: hidden; display: flex; align-items: center; justify-content: center; width: 100%; height: 100%;}}
#section01 .img{ opacity: .6; height: auto; }

#section01 .videoWrap{position:relative; width: 100%; height:100%; top: 0; left: 0; margin:0; pointer-events: none;}
#section01 .videoWrap iframe, #section01 .videoWrap object, #section01 .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;
 }
#section01 .control{ z-index: 1; font-size: 0; position: absolute; bottom: 100px; left: 0; right: 0; margin: 0 auto; width: 170px; text-align: center; z-index: 100;}
#section01 .control li{ display: inline-block; padding: 0 5px;}
#section01 .control li a{ display: block; font-size: 18px; color: #fff; width: 30px; height: 30px; line-height: 30px; border-radius: 50%; text-align: center;}
#section01 .control li i{ color: #fff; position: relative; }
#section01 .scroll-down{ position: absolute; width: 34px; height: 23px; z-index: 10; bottom: 30px; left: 0; right: 0; margin: 0 auto;}
#section01 .play-pause a.hide{ display: none;}
#section01 .control .mute-onoff a.hide{ display: none;}
.vidbox .ratio iframe, .end-video .videoWrap iframe, #cutvideo1, #cutvideo2{pointer-events: none;}
.m-play{ display: none;}

#section01 .videoSlogan{font-family: 'Futura PT', sans-serif; position: absolute; left:50%; top:50%; transform: translate(-50%,-50%); text-align: center; z-index: 9998; text-shadow: 0px 0px 20px rgba(0,0,0,0.4); ;}
#section01 .videoSlogan p{font-size:18px; font-weight: 300; color:#fff; line-height: 1.6;}
#section01 .videoSlogan p span{font-size:48px; font-weight: 500; line-height: 1.2;}

/* =================== 1400 =================== */
@media screen and (max-width: 1400px) {
  /* #section01 { width: 100%; height:133.33vw; padding-top: 0; } */
  #section01 { width: 100%; /* height:calc(100vh - 60px); */ /* height: calc(100vw / 1.77); */margin-top:60px; padding-top: 0; }
  #section01 .videoWrap{position:absolute; width: 100%; height:100%; top: 0; left: 0;  }
  #section01 .videoWrap, #section01 .videoWrap iframe, #section01 .videoWrap object, #section01 .videoWrap embed{ pointer-events: unset;}
  #section01 .videoWrap iframe, #section01 .videoWrap object, #section01 .videoWrap embed{ opacity: 1; }
  #section01 .control{ bottom: 25px; }
  #section01 .control li a{ display: block; font-size: 12px; width: 28px; height: 28px; line-height: 29px; }
  
  /* #section01 .videoSlogan p{font-size:14px; font-weight: 300; color:#fff; line-height: 1.6;}
  #section01 .videoSlogan p span{font-size:32px; font-weight: 500; line-height: 1.2;} */
  #section01 .videoSlogan p{display: none;}
}
@media screen and (max-width:820px) {
    #section01 {/* height: 56.25vw; */ /* height:calc(50vh - 60px); */}
}
@media screen and (max-width:320px) {
    #section01 .videoSlogan{display: none;}
    #section01 { width: 100vw; margin-top:60px; padding-top: 0; }
}

/* end vimeo css */

.section3 {
	padding: 60px 260px;
}

.service_title {
	width:100%;
    text-align: center;
	font-size:32px;
	font-weight:400;
	color:#222; 
    padding:0 0 60px 0;
}

.service_list_wrap {
	width:100%;
}

.service_list {
    text-align: center;
	
}
.service_list li {
	display:inline-block;
	width:16%;
	text-align:center;
	vertical-align:top;
}

.service_list li a {
	display:inline-block;
}
.service_list li .service_icon {
	width:100%;
	padding:20px 50px;
	font-size:32px;
    color:#222;
}
.service_list li .service_name {
	height:28px;
    line-height: 1.2;
	font-size:14px;
    color:rgba(34,34,34,0.6);
}

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

	.service_list li .service_icon {
		font-size:24px;
	}
}

@media (max-width:820px) {
    
    .service_list li {
    padding: 0 0 20px 0;
    }

    .service_list li{
        width:33.33%;
    }
	.section3 {
		padding: 40px 15px;
	}

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

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

}

@media(max-width:320px){
    .service_list li {
        padding: 0;
    }
    .service_list li .service_icon {
        padding:30px 0;
    }
}


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

}

.roomList_wrap a .txt {
	font-family:"suit",sans-serif;
    font-size:14px;
    font-weight:500;
    font-style:normal;
    line-height:27px;
    letter-spacing:0.7px;
    color:rgba(34,34,34,0.6);
    text-shadow:none;
    background-color:rgba(0,0,0,0);
    padding:10px 0px;
    margin:0;
}

.roomList_wrap a .detailview {
	display:inline-block;
	font-family:"suit",sans-serif;
    font-size:14px;
    font-weight:500;
    font-style:normal;
    letter-spacing:0px;
    color:rgba(117,81,60,1);
    text-shadow:none;
    background-color:rgba(0,0,0,0);
    padding:0;
    margin:0;
	transition: background-color 0.5s;
}

.roomList_wrap a .detailview:hover {
background-color:rgba(255,255,255,0);
color: #A48B6A;
transition: color 0.3s;
}

.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 {
	}
	.roomList_wrap a .eng {
		padding:10px 0;
	}
	.roomList_wrap a .txt {
        padding: 0 0 10px 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:12px 0px !important;
    }

    .roomList_wrap .owl-dot.active {
        width:35px;
    }
    .roomList_wrap .swiper-container .swiper-pagination .swiper-pagination-bullet {
        margin:0 4px;
        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:"suit",sans-serif;
font-size:32px;
font-weight:500;
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:"suit",sans-serif;
font-size:16px;
font-weight:400;
font-style:normal;
line-height:16px;
letter-spacing:0px;
color:rgba(34,34,34,0.6);
text-shadow:none;
background-color:rgba(0,0,0,0);
padding:0;
margin:32px 0px 32px 0px;

}
.room_title a {
	display:inline-block;
	font-family:"suit",sans-serif;
    font-size:14px;
    font-weight:500;
    font-style:normal;
    letter-spacing:0px;
    color:rgba(117,81,60,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:rgba(255,255,255,0);
color: #A48B6A;
transition: color 0.3s;
}

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


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

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

@media (max-width:820px) {
    .room_title h3 {
        font-size:25px !important;
        line-height:35px;
        margin: 0 0 10px 0;
    }
    .room_title p {
        font-size:14px !important;
    }
    .room_title a {
        height:35px;
        line-height:30px;
        margin: 0 0 10px 0;
    }
    .section5 {
        padding: 60px 0;
    }
}

@media (max-width:600px) {
    .roomList_wrap .swiper-container { position:relative; }
    .roomList_wrap .swiper-container .swiper-pagination { position:absolute !important; bottom:110px; }
    .roomList_wrap a .eng { padding-top:30px; }
    .roomList_wrap a .detailview { margin-bottom:10px; }
}


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

.fac_title {
	padding-bottom:30px;
	text-align:center;
}
.fac_title h3 {
	font-family:"suit",sans-serif;
font-size:32px;
font-weight:500;
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:"suit",sans-serif;
font-size:16px;
font-weight:400;
font-style:normal;
line-height:16px;
letter-spacing:0px;
color:rgba(34,34,34,0.6);
text-shadow:none;
background-color:rgba(0,0,0,0);
padding:0;
margin:32px 0px 32px 0px;

}
.fac_title a {
	display:inline-block;
	font-family:"suit",sans-serif;
    font-size:14px;
    font-weight:500;
    font-style:normal;
    letter-spacing:0px;
    color:rgba(117,81,60,1);
    text-shadow:none;
    background-color:rgba(255,255,255,0);
    padding:0;
    margin:0;
	transition: background-color 0.5s;
}

.fac_title a:hover {
background-color:rgba(255,255,255,0);
color: #A48B6A;
transition: color 0.3s;
}

/*
.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 4px;
	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:"suit",sans-serif;
font-size:16px;
font-weight:400;
font-style:normal;
line-height:24px;
letter-spacing:0px;
color:rgba(34,34,34,1);
text-shadow:none;
background-color:rgba(0,0,0,0);
padding:20px 0px 0px 0px;
margin:0;

	/*
	padding-top:20px;
	color:#444;
	font-family:'SUIT', sans-serif;
	font-size:18px;
	font-weight:bold;
	line-height:1.33;
	*/
}
.facList_wrap a .txt {
	color:#777;
	font-family:'SUIT', 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:'SUIT', 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:80px 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 {
	}
	.facList_wrap a {
	}
	.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: 12px 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 4px;
        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:14px !important;
    }
    .fac_title a {
        height:35px;
        line-height:30px;
        margin: 0 0 10px 0;
    }
    .section7 {
        padding: 60px 0;
    }
}

@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; }
}



#pc_img{
    display: block;
}
#mo_img{
    display: none;
}
@media (max-width:820px){
    #pc_img{
        display: none;
    }
    #mo_img{
        display: block;
    }   
}