@charset "utf-8";
.inner_mb{width:90%; margin:0 auto;}

/*홍보영상 팝업*/

.mpop {width: 100%; height: 100%; position: fixed; top: 0px; left: 0px; /* background: rgba(0,0,0,.8); */ z-index:99999991;}
.mpop .ifw {width:90%; min-height:400px; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); max-width:800px;}
.mpop .ifw > div {width: 100%;  margin:0 auto;  position: relative;  padding-bottom: 56.25%;  height: 0;  line-height: 0; box-sizing: border-box;}
#player iframe{position: absolute; top: 0; width: 100%; height: 100%; border: 0;}
.mpop .pclose {width:100px; height:30px; display: block; border:1px solid rgba(255,255,255,.7); font-size:13px; line-height: 30px; color: #fff; text-align: center; background: rgba(0,0,0,.7); margin:10px auto 0;}

/*--section1_main_visual--*/
.main_visual{position:relative; background:#f5f5f5;}
.main_visual .visual_slider,
.main_visual .slide{height:100%;}
.main_visual .slide{position:relative;}
/*.main_visual .slick-dots{bottom:20px;}*/

.open_img{ position: absolute; top:45px; right:45px; text-align:right; width:100%; z-index: 2; }
.open_img img{width:90px;}

.main_visual .slide .slide__img{
    width:100%;
	height:auto;
	position:relative;
}

.main_visual .slide .slide__img img{
    max-width:100%;
	height:auto;
	opacity:1 !important;
	object-fit:cover;
	animation-duration:3s;
	-webkit-animation-duration:3s;
	transition:all 0.8s ease;    
	transform: scale3d(1.03, 1.03, 1.03);
}

.main_visual .slide .slide_content{
	width:100%;
	height:100%;
    position:absolute;
	top:0;
	left:0;
}

.main_visual .content_txt{text-align:center; margin:0 auto; padding-top:200px;}
.main_visual .content_txt h2{display:inline-block;}
.main_visual .content_txt h2 img{max-width:100%;}

.quick_box{position: absolute; top:5%; right:20px; z-index: 2; border-radius:100px;  overflow:hidden; }
.quick_box > span img{width:100px;}

.quick_box2{position: fixed; bottom:5%; right:20px; z-index: 2; }
.quick_box2 > a img{width:80px;}

/*0817 이레추가*/
.main_visual .logo_tit{position:absolute; top:0px; width:100%; z-index:999; font-size:22px; color:#fff; font-weight:500; padding-top:18px; box-sizing:border-box; text-align:center;}

@media screen and (max-width:640px){
    .main_visual .content_txt{padding-top:28%;}
	.main_visual .content_txt h2 img{width:calc(2vw * 28)}
}
@media screen and (max-width:560px){
	.quick_box > span img{width:80px;}
	.quick_box2 > a img{width:60px;}
}
@media screen and (max-width:420px){
	.quick_box > span img{width:70px;}
	.quick_box2 > a img{width:50px;}
}


/************************************************************/
/************************************************************/
/*--section2_premium--*/
#section2_premium{padding:100px 0 100px; background:url("/mobile/image/main/premium/premium_bg.jpg") no-repeat top center; background-size: cover;  text-align:center; position:relative;}
#section2_premium .premium_tit{margin-bottom:50px;}
#section2_premium .premium_tit h1{font-size:60px; color:#ebe2a9; line-height:110%; font-family: 'Lato'; font-weight: 700;}
#section2_premium .premium_tit p{margin-top:30px; font-size:20px; color:#fff; }

/*pre_slider*/
.premium_slider{margin-top:55px;}
.premium_slider .inner_mium{display:none; cursor:pointer;}
.premium_slider .inner_mium .item_pre > img{width:100%;}

/*premium_slider_btn*/
.premium_slider_btn{display:inline-block;}
.premium_slider_btn .slick-arrow{display:inline-block; width:66px; text-align:center; border-radius:66px; cursor:pointer;}
.premium_slider_btn .slick-arrow img{max-width:100%;}

/*pre_txt*/
.premium_slider .inner_mium .item_pre{transform: scale(0.80, 0.80);}

.premium_slider .img_ img{width:100%;}

/*프리미엄 효과*/
.premium_slider .slick-slide .item_pre,
.premium_slider .slick-slide[aria-hidden="true"]:not(.slick-cloned) ~ .slick-cloned[aria-hidden="true"] .item_pre{
	transition:all 0.4s
}
.premium_slider .slick-center .item_pre,
.premium_slider .slick-slide[aria-hidden="true"]:not([tabindex="-1"]) + .slick-cloned[aria-hidden="true"] .item_pre{
    transform: scale(1, 1);
	/*box-shadow:5px 5px 15px -5px rgba(0,0,0,0.3)*/
}

.premium_slider .slick-slide .img_ img,
.premium_slider .slick-slide[aria-hidden="true"]:not(.slick-cloned) ~ .slick-cloned[aria-hidden="true"] .img_ img{
	transition:all 0.4s;
	opacity:0.5;
}
.premium_slider .slick-center .img_ img,
.premium_slider .slick-slide[aria-hidden="true"]:not([tabindex="-1"]) + .slick-cloned[aria-hidden="true"] .img_ img{
	opacity:1;
}

.premium_slider .slick-slide .pre_txt,
.premium_slider .slick-slide[aria-hidden="true"]:not(.slick-cloned) ~ .slick-cloned[aria-hidden="true"] .pre_txt{
    opacity:0.5; transition:all 0.4s
}
.premium_slider .slick-center .pre_txt,
.premium_slider .slick-slide[aria-hidden="true"]:not([tabindex="-1"]) + .slick-cloned[aria-hidden="true"] .pre_txt{
    opacity:1; transition:all 0.4s
}

/*--------------responsible : section3_premium--------------*/
@media screen and (max-width:580px){
	.premium_tit img{width:calc(4vw * 20);}
	.premium_slider_btn .slick-arrow{width:60px;}
	#section2_premium .premium_tit h1{font-size:calc(6vw + 18px)}
	#section2_premium .premium_tit p{margin-top:20px;}
}



/************************************************************/
/************************************************************/
/*--section3_area--*/
#section3_area{padding:100px 7% 100px; background:#5e798f; text-align:center;}
#section3_area .area_tit p{font-size: 22px; color: #c7daea; letter-spacing: 10px;}
#section3_area .area_tit h2{margin-top:30px; font-size: 50px; color: #fff; line-height: 1.1; font-weight: 600;}

#section3_area .img{margin-top:40px;}
#section3_area .img img{max-width:100%;}

#section3_area .area_txt ul{width:90%; margin:0 auto; text-align:left;}
#section3_area .area_txt li{padding:35px 0; border-bottom:1px solid #7e94a5;}
#section3_area .area_txt li.border{border-bottom:0;}
#section3_area .area_txt li p{font-size:22px; color:#fff;}
#section3_area .area_txt li p span{color:#bed2e2; font-size:18px; padding-top:15px; display:block; line-height:1.2;}


 

/*--------------responsible : section3_area--------------*/
@media screen and (max-width:680px){
	#section3_area .area_tit h2{font-size:calc(4vw + 20px);}
}
@media screen and (max-width:480px){
	#section3_area{padding:80px 7% 80px;}
	#section3_area .area_tit h2{margin-top:20px;}
	#section3_area .img{margin-top:30px;}
	#section3_area .area_txt li p{font-size:calc(2vw + 12px)}
}
@media screen and (max-width:420px){
	#section3_area .area_tit p{font-size:18px;}
	#section3_area .area_txt li p span br{display:none;}
}


/************************************************************/
/************************************************************/
/*--section4_location--*/
#section4_location{padding:90px 7%; background:url("/mobile/image/main/map_bg.jpg"); text-align:center;}
#section4_location h1{font-size:60px; font-weight:600; color:#1c2c50;}
#section4_location .map{width:100%; margin:50px auto; box-shadow: 10px 10px 30px rgba(0, 0, 0, 0.2);
    border: 1px solid #c8c8c8;}
#section4_location .map img{max-width:100%; width:100%;}
#section4_location .adress_box p{margin:20px 0; padding:15px 0; background:#1c2c50; color:#fff; font-size:20px; border-radius:50px;}

@media screen and (max-width:680px){
	#section4_location h1{font-size:calc(5vw * 2);}
}
@media screen and (max-width:420px){
	#section4_location .adress_box p{font-size:16px;}
	#section4_location .adress_box p b{display:block;}
}


/************************************************************/
/************************************************************/
/*--section5_service--*/
.customer{display:flex; flex-wrap: wrap;}
.customer .box{width:100%; cursor:pointer; flex: 1 1 50%; padding:80px;}
.customer .box:first-child{background:url(/mobile/image/main/quick_bg01.jpg) no-repeat bottom center; background-size:cover; }
.customer .box:last-child{background:url(/mobile/image/main/quick_bg02.jpg) no-repeat top center; background-size:cover; }

.customer .box{text-align:center;}
.customer .box h2{font-size:26px; font-weight:700; color:#fff;}


/*--------------responsible : section5_service--------------*/
@media screen and (max-width:580px){
	.customer .box{ padding:60px;}
	.customer .box h2{font-size:30px;}
}

@media screen and (max-width:460px){
	.customer .box h2{font-size:24px;}
}


/************************************************************/
/************************************************************/
/*--footer--*/
#footer {padding:60px 7% 48px; width: 100%; background: #1c1c22; text-align:center;}
.footerWrap .logo{display:inline-block; margin-bottom:10px; width:150px; }
.footerWrap p {font-size: 13px; line-height:130%; margin-bottom:8px; color:#b4b4b4;}
.footerWrap .f_top{padding-top:24px; }
.footerWrap .f_top .f_box{font-size: 14px; margin-bottom:30px; padding:10px 0; background:#111117; color:#fff; font-weight:500;}
.footerWrap .f_top img{width:195px;}
.footerWrap .f_bottom {padding-top:24px; }