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

#section6 img {
	width:100%;
}

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

#section01{ overflow: hidden; position: relative; width: 100%; height: 100vh; background-color: #000; }
#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/P202310008/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 .videoSlogan{position:absolute; right:90px; top:46%; text-align: right;  z-index: 9998; text-shadow: 0px 0px 20px rgba(0,0,0,0.4); ;}
#section01 .videoSlogan p{font-size:13px; ; font-weight: 300; color:#fff; line-height: 2.6;}
#section01 .videoSlogan p span{font-size:32px; font-weight: 500; line-height: 1.2;}

/* =================== 1400 =================== */
@media screen and (max-width: 1400px) {
    #section01 { width: 100%; height:calc(100vh - 60px); /* height: calc(100vw / 1.77); */ margin-top:60px; padding-top: 0; }
    #section01 .videoSlogan {text-align: center; right:50%; top:40%; transform: translate(50%,40%); }
    #section01 .videoSlogan p span{font-size:24px; font-weight: 500; line-height: 1.2;}
}
@media screen and (max-width:320px) {
    /* #section01 .videoSlogan{display: none;} */
    #section01 { width: 100vw;  height:calc(100vh - 60px); margin-top:60px; padding-top: 0; }
}
/* section01 */




.section3 {
	padding: 60px 260px;
}

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

.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:block;
}
.service_list li .service_icon {
	width:100%;
	padding:30px 50px;
	font-size:32px;
    color:#222;
}
.service_list li .service_name {
	height:28px;
	font-size:14px;
    color:#222;
}

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

    .service_list li{
        width:33.33%
    }

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

@media (max-width:820px) {
	.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-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-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-size:18px;
font-weight:700;
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-size:14px;
font-weight:400;
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:14px 0px 0px 0px;
margin:0;

}

.roomList_wrap a .detailview {
	display:inline-block;
	width:160px; height:40px;
    font-size:14px;
    font-weight:400;
    font-style:normal;
    line-height:40px;
    letter-spacing:0px;
    color:rgba(34,34,34,0.6);
    text-shadow:none;
    background-color:rgba(0,0,0,0);
    padding:0;
    margin:0;
	transition: background-color 0.5s;
}

.roomList_wrap a .detailview:hover {
    color:#F9B587;
    }

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

.room_title {
    padding-bottom:30px;
    text-align:center;
}
.cpage .TRAN_pc{
    display: block;
}
.cpage .TRAN_mo{
    display: none;
}
.cpage .TRAN_fold{
    display: none;
}

@media (max-width:820px) {

    .cpage .TRAN_pc{
        display: none;
    }
    .cpage .TRAN_mo{
        display: block;
    }
    .cpage .TRAN_fold{
        display: none;
    }
}

@media (max-width:320px) {

    .cpage .TRAN_pc{
        display: none;
    }
    .cpage .TRAN_mo{
        display: none;
    }
    .cpage .TRAN_fold{
        display: block;
    }
}

@media (max-width:820px) {
	.roomList_wrap {
		padding: 0;
	}
	.roomList_wrap .swiper-container .swiper-slide {
		width:300px;
	}
	
	.roomList_wrap .swiper-container .swiper-button-next,
	.roomList_wrap .swiper-container .swiper-button-prev {
		display:none !important;
        /* display:block; */
	}
    .roomList_wrap a .detailview { width:100%; height: 20px; line-height: 20px;}

	.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;
margin: 20px 0 !important;
}
        .room_title {
        padding-bottom:0px;
    }

    .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:120px 20px; /* padding:160px 260px; */
}

.room_title h3 {
font-size:32px;
font-weight:700;
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-size:16px;
font-weight:400;
font-style:normal;
line-height:1.6;
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;
	width:200px; 
    font-size:14px;
    font-weight:500;
    font-style:normal;
    letter-spacing:0px;
    color:rgba(34,34,34,0.6);
    text-shadow:none;
    background-color:rgba(255,255,255,0);
    padding:0;
    margin:0;
	transition: background-color 0.5s;
}

.room_title a:hover {
color: #F9B587;
}

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


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

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

@media (max-width:820px) {
    .room_title h3 {
        font-size:25px !important;
        line-height:35px
    }
    .room_title a {
        height:35px;
        line-height:30px;
        margin-bottom:20px;
    }
}

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




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

.fac_title {
	padding-bottom:30px;
	text-align:center;
}
.fac_title h3 {
font-size:32px;
font-weight:700;
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-size:16px;
    font-weight:400;
    font-style:normal;
    line-height:1.6;
    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;
	width:200px; 
    font-size:14px;
    font-weight:400;
    font-style:normal;
    letter-spacing:0px;
    color:rgba(34,34,34,0.6);
    text-shadow:none;
    background-color:rgba(255,255,255,0);
    padding:0;
    margin:0;
	transition: background-color 0.5s;
}

.fac_title a:hover {
color:#F9B587;
}

/*
.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-size:18px;
font-weight:600;
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;

}
.facList_wrap a .txt {
	color:#777;
	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-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 15px;
	}
}

@media (max-width:820px) {
	.facList_wrap {
		padding: 0;
	}
	.facList_wrap .swiper-container .swiper-slide {
		width:300px;
	}
	.facList_wrap .swiper-container .swiper-button-next,
	.facList_wrap .swiper-container .swiper-button-prev {
        display: none !important;
        /* display: block; */
	}
	.facList_wrap a .eng {
		padding:15px 0 11px;
	}
	.facList_wrap a .txt {
		padding:0 0 11px 0;
	}
	.facList_wrap .swiper-container .swiper-pagination {
		/*display:;*/
        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: 20px 0 !important;
    }
    .fac_title{
        padding-bottom:0px;
    }

    .facList_wrap .swiper-container .swiper-button-prev {
        width:80px; height:80px;
        top:31%; 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-next {
        width:80px; height:80px;
        top:31%; 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 .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 a {
        height:35px;
        line-height:30px;
        margin-bottom:20px;
    }
    .section7 {
        padding: 40px 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; }
}



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

/* section08 */
.upp{text-transform: uppercase;}

#section08{ overflow: hidden; position: relative; width: 100%; height: 100vh; background-color: #000; }
#section08 .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; opacity: 0.9; background-image: url('http://img.einet.kr/P202310008/home/images/ending.jpg');}

#section08 .videoSlogan{position:absolute; text-align: center; right: 50%; bottom:30%; transform: translate(50%,70%); z-index: 9998; text-shadow: 0px 0px 20px rgba(0,0,0,0.8);}
#section08 .videoSlogan .pcslogan p, #section08 .videoSlogan .moslogan p {font-size:14px; ; font-weight: 300; color:rgba(255,255,255,0.8); line-height: 1.6;}
#section08 .videoSlogan .pcslogan {display: block;}
#section08 .videoSlogan .moslogan {display: none;}

/* =================== 1400 =================== */
@media screen and (max-width: 1400px) {
    #section08 { width: 100%; height:500px; margin-top:60px; padding-top: 0; }
    #section08 .videoSlogan {right: 50%; top:10%; transform: translate(50%,10%);}
    #section08 .videoSlogan .pcslogan {display: none;}
    #section08 .videoSlogan .moslogan {display: block; }

}
@media screen and (max-width:320px) {
    /* #section01 .videoSlogan{display: none;} */
    #section08 { width: 100vw; margin-top:60px; padding-top: 0; }
}
/* section08 */