@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%;
    position:absolute;
	top:150px;
	left:50%;
	transform:translateX(-50%);
}

.main_visual .content_txt{text-align:center; width:80%; margin:0 auto;}
.main_visual .content_txt h2{position:relative; padding-bottom:50px; margin-bottom:15px; color:#fff; font-size:40px; font-weight:300; font-family: 'Nanum Myeongjo'; line-height:120%;}
.main_visual .content_txt h2 b{color:#ff8d1e; }
.main_visual .content_txt h2:after{position:absolute; left:50%; bottom:0; width:1px; height:35px; background:#ff8d1e; content:"";	transform:translateX(-50%);}
.main_visual .content_txt .min_tit{color:#fff; font-size:24px;}
.main_visual .content_txt .min_tit span{font-size:16px; display:inline-block; font-weight:300;}

.quick_box{position: absolute; top:30px; right:20px; z-index: 2; }
.quick_box > span{margin-right:5px; display:inline-block; }
.quick_box > span img{width:80px;}

@media screen and (max-width:680px){
	.main_visual .content_txt h2{font-size:33px; padding-bottom:40px; margin-bottom:10px; }
	.main_visual .content_txt h2:after{height:30px;}
}
@media screen and (max-width:540px){
	.main_visual .content_txt h2{font-size:28px; margin-bottom:5px; }
	.main_visual .content_txt h2:after{height:25px;}
	.main_visual .content_txt .min_tit{font-size:20px;}
	.main_visual .content_txt .min_tit span{font-size:14px;}
}
@media screen and (max-width:480px){
	.main_visual .slide .slide_content{top:120px;}
	.main_visual .content_txt h2{font-size:25px; padding-bottom:30px; }
	.main_visual .content_txt h2:after{height:18px;}
}
@media screen and (max-width:420px){
	.main_visual .slide .slide_content{top:100px;}
	.main_visual .content_txt h2{padding-bottom:25px; }
	.main_visual .content_txt h2:after{height:15px;}
	.main_visual .content_txt .min_tit{font-size:18px;}
	.main_visual .content_txt .min_tit span{font-size:13px;}
	.quick_box{top:15px;}
	.quick_box > span img{width:70px;}
}
@media screen and (max-width:360px){
	.main_visual .content_txt h2{font-size:22px; padding-bottom:20px; }
	.main_visual .content_txt .min_tit{font-size:15px;}
	.main_visual .content_txt .min_tit span{font-size:12px;}
}

/************************************************************/
/************************************************************/
/*--section2_premium--*/
#section2_premium{padding:95px 0; background:url("http://logosimg.cafe24.com/hbys_real/mobile/image/main/premium_bg.jpg") no-repeat; background-size:100% 100%; text-align:center; position:relative;}
.premium_tit{margin-bottom:50px;}
.premium_tit h2{font-size:18px; font-weight:400; color:#333; letter-spacing:3px;}
.premium_tit h3{font-size:50px; font-weight:400; color:#232323}
.premium_tit h3 > b{color:#ec7505; font-weight:700; }

/*pre_slider*/
.premium_slider{width:80%; margin:0 auto;}
.premium_slider .inner_mium{display:none; cursor:pointer;}
.premium_slider .inner_mium .item_pre > img{width:100%;}

.pre_arrow > div{padding:2px 14px; background:#ec7505; display:inline-block; cursor:pointer;}
.pre_arrow .btn_prev{position:absolute; left:50px; top:50%; z-index:2;}
.pre_arrow .btn_next{position:absolute; right:50px; top:50%; z-index:2;}


/*pre_txt*/
.premium_slider .inner_mium .item_pre .pre_txt{text-align:center; width: 100%; min-height:200px; background:#fff; padding:50px 20px;}
.premium_slider .inner_mium .item_pre .pre_txt p{margin-bottom:10px; font-weight:500; font-size:30px; color:#ec7505;}
.premium_slider .inner_mium .item_pre .pre_txt ul li{font-size:16px; font-weight:400; color:#333; margin-bottom:3px;}
.premium_slider .inner_mium .item_pre .pre_txt ul li strong{font-weight:500; color:#222;}
.premium_slider .inner_mium .item_pre .pre_txt ul li span{color:#999; font-size:14px;}
.premium_slider .inner_mium .item_pre .pre_txt ul li.pre_note{font-size:13px; color:#727272;}

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

/*프리미엄 효과*/
.premium_slider .slick-slide .img_,
.premium_slider .slick-slide[aria-hidden="true"]:not(.slick-cloned) ~ .slick-cloned[aria-hidden="true"] .img_{
    transform: scale(0.8, 0.8);
	transition:all 0.4s
}
.premium_slider .slick-center .img_,
.premium_slider .slick-slide[aria-hidden="true"]:not([tabindex="-1"]) + .slick-cloned[aria-hidden="true"] .img_{
    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; 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 : section2_premium--------------*/
@media screen and (max-width:580px){
	.premium_slider{width:88%;}
	.pre_arrow .btn_prev{left:20px;}
	.pre_arrow .btn_next{right:20px; }
}
@media screen and (max-width:480px){
	#section2_premium {padding: 87px 0;}
	.premium_tit{margin-bottom:40px; }
	.premium_tit h2{font-size:calc(11vw - 30px);}
	.premium_tit h3{font-size:calc(15vw - 20px);}
	.premium_slider .inner_mium .item_pre .pre_txt p{font-size:24px;}
	.premium_slider .inner_mium .item_pre .pre_txt{padding:30px 20px;}
	.pre_arrow > div img{width:30px;}
}
@media screen and (max-width:420px){
	.premium_slider{width:90%;}
	.premium_tit{margin-bottom:20px;}
	.premium_tit h2{font-size:calc(11vw - 25px);}
	.premium_tit h3{font-size:calc(15vw - 15px);}
	.pre_arrow .btn_prev,
	.pre_arrow .btn_next{top:45%;}
}
@media screen and (max-width:390px){
}
@media screen and (max-width:320px){
}

/************************************************************/
/************************************************************/
/*--section3_landmark--*/
#section3_landmark{width:100%; height:100%;}
.land_slider .bg1_mark{width:100%; height:970px; max-height:100%; background:url("http://logosimg.cafe24.com/hbys_real/mobile/image/main/land_bg1.jpg") no-repeat; background-size:100% 100%;}
.land_slider .bg2_mark{width:100%; height:970px; max-height:100%; background:url("http://logosimg.cafe24.com/hbys_real/mobile/image/main/land_bg2.jpg") no-repeat; background-size:100% 100%;}
.land_slider .bg3_mark{width:100%; height:970px; max-height:100%; background:url("http://logosimg.cafe24.com/hbys_real/mobile/image/main/land_bg3.jpg") no-repeat; background-size:100% 100%;}

.land_slider .land_items .mark_txt{text-align:center; padding-top:100px}
.land_slider .land_items .mark_txt b{display:block; font-family: 'Nanum Myeongjo'; font-size:50px; letter-spacing:8px; color:#fff; margin-bottom:20px;}
.land_slider .land_items .mark_txt p{font-family: 'Nanum Myeongjo'; font-size:27px; font-weight:500; color:#fff;}
.land_slider .land_items .mark_txt p + p{font-weight:800; font-size:42px;}
.land_slider .land_items .mark_txt p + p span{color:#ff8005;}
.land_slider .land_items .mark_txt ul{margin:40px 0;}
.land_slider .land_items .mark_txt ul li{font-size:17px; font-weight:300; color:#fff; }
.land_slider .land_items .mark_txt ul li span{font-size:14px; font-weight:300;}
.land_slider .land_items .mark_txt > a img{display:block; margin:0 auto 0; max-width:100%;}

#section3_landmark .slick-dots{bottom:30px}
#section3_landmark .slick-dotted.slick-slider{margin-bottom:0;}
#section3_landmark .slick-dots li button:before{content:" "; background:#f7f3e9; width:80px; height:3px; opacity:1;}
#section3_landmark .slick-dots li.slick-active button:before{background:#ff7c00; opacity:1;}
#section3_landmark .slick-dots li,
#section3_landmark .slick-dots li button{width:80px; height:3px;}
#section3_landmark .slick-dots li{margin:0;}


/*--------------responsible : section3_landmark--------------*/
@media screen and (max-width:490px){
	.land_slider .bg1_mark,
	.land_slider .bg2_mark,
	.land_slider .bg3_mark{height:850px; max-height:100%;}
	
	.land_slider .land_items .mark_txt{padding-top:80px}
	.land_slider .land_items .mark_txt b{font-size:40px;}
	.land_slider .land_items .mark_txt p{font-size:23px;}
	.land_slider .land_items .mark_txt p + p{font-size:35px;}
	.land_slider .land_items .mark_txt ul{padding:0 20px;}

	#section3_landmark .slick-dots{bottom:45px}
}
@media screen and (max-width:390px){
	.land_slider .bg1_mark,
	.land_slider .bg2_mark,
	.land_slider .bg3_mark{height:700px; max-height:100%;}

}
@media screen and (max-width:320px){
	.land_slider .land_items .mark_txt ul li{font-size:15px;}
}

/************************************************************/
/************************************************************/
/*--section4_quick--*/
#section4_quick{padding:95px 0; background:url("http://logosimg.cafe24.com/hbys_real/mobile/image/main/quick_bg.jpg") no-repeat; background-size:100% 100%; text-align:center;}
#section4_quick .brand_box p img{max-width:100%;}
#section4_quick .brand_box a{display:inline-block; border-radius:50px; border:1px solid #454545; color:#454545; font-size:17px; font-weight:400; padding:10px 40px; margin:30px 0 50px 0;
-webkit-border-radius:50px; 
-moz-border-radius:50px; 
}

.quik_box ul{display: flex; align-items:center; justify-content:center; flex-wrap:wrap;  margin:50px auto 0; text-align:center;}
.quik_box ul li{background-color:transparent; border:2px solid #cb6f5a; flex:1 1 45%; margin:1%; box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, 0.2); padding:70px 0; display: flex; align-items:center; justify-content:center;
	-webkit-box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, 0.2);
}
.quik_box ul li a img{margin-bottom:15px; max-width:100%; width:55px;}
.quik_box ul li a p{font-size:21px; font-weight:500; color:#454545;}

/*--------------responsible : 퀵메뉴--------------*/
/*퀵메뉴*/
@media screen and (max-width:460px){
	#section4_quick .brand_box p img{max-width:100%; width:250px;}
	.quik_box ul li{padding:50px 0;}
}
@media screen and (max-width:390px){
	.quik_box ul{margin:30px auto 0;}
	.quik_box ul li a img{max-width:100%; width:45px;}
	.quik_box ul li a p{font-size:18px;}
}
@media screen and (max-width:320px){
	#section4_quick .brand_box p img{max-width:100%; width:200px;}
	.quik_box ul li{padding:30px 0;}
}


/************************************************************/
/************************************************************/
/*--section_unit--*/
#section_unit{width:100%; height:100%; padding:80px 0 100px 0; background-image: url("http://logosimg.cafe24.com/hbys_real/mobile/image/main/unit_bg.jpg"); background-size:cover; background-repeat: no-repeat;} 
#section_unit .unit_box{text-align:center;}
#section_unit .unit_box > p.tit{font-size:26px; font-family: 'Nanum Myeongjo'; font-weight:600;}
#section_unit .unit_box > h2{color:#222; margin-bottom:20px; line-height:1; font-size:50px; margin-top:30px;}
#section_unit .unit_box > p{color:#454545; font-size:18px;}

/* tab */
#section_unit .unit_box .tab_wrap .tab_btn {margin-top:20px;}
#section_unit .unit_box .tab_wrap .tab_btn li{margin:0 1%; width:130px; padding:7px 0; display:inline-block;  cursor:pointer; border-radius:50px; border:1px solid #2f3339; color:#454545;}
#section_unit .unit_box .tab_wrap .tab_btn li.active{background:#ee7500; color:#fff; border:1px solid #ee7500;}
#section_unit .unit_box .tab_wrap .tab{display:none;}
#section_unit .unit_box .tab_wrap .tab.active{display:block;}

#section_unit .unit_box {position:relative; }
#section_unit .unit_box .arrow_{position:absolute; bottom:40px; left:50%; transform:translateX(-50%); z-index:99;}
#section_unit .unit_box .arrow_ span{display:inline-block; line-height:40px; cursor:pointer;}
#section_unit .unit_box .arrow_ > span{width:40px; height:40px; background:#fff; border-radius:50px}
#section_unit .unit_box .arrow_ > .btn_prev{transform:translateX(-145px)}
#section_unit .unit_box .arrow_ > .btn_next{transform:translateX(145px)}

#section_unit .unit_slider .unit_item{padding:20px;}
#section_unit .unit_slider .unit_item p.unit_img img{width:100%;}
#section_unit .unit_slider .unit_item .unit_text h2{font-size:35px; margin-top:20px; font-weight:700; color:#000;}
#section_unit .unit_slider .unit_item .unit_text p{font-size:18px; color:#444;}
#section_unit .unit_slider .slick-list{margin:0 -5px;}
#section_unit .unit_slider .slick-slide{margin:0 5px; opacity:0.5;}
#section_unit .unit_slider .slick-slide.slick-current.slick-active{opacity:1;}
#section_unit .unit_slider .slick-slide.slick-current.slick-active .unit_img{opacity:1;}

/*--------------responsible : unit--------------*/
@media screen and (max-width:480px){
	#section_unit {padding: 87px 0;}
	#section_unit .unit_box > p.tit{font-size:calc(13vw - 30px);}
	#section_unit .unit_box > h2{font-size:calc(16vw - 25px); margin-top:15px;}
	#section_unit .unit_box > p{font-size:calc(10vw - 25px);}

	#section_unit .unit_box .arrow_{bottom:37px;}
	#section_unit .unit_box .arrow_ > .btn_prev{transform:translateX(-110px)}
	#section_unit .unit_box .arrow_ > .btn_next{transform:translateX(110px)}
}
@media screen and (max-width:420px){
	#section_unit .unit_box > p.tit{font-size:20px;}
	#section_unit .unit_box > h2{font-size:38px; margin-top:10px;}
	#section_unit .unit_box > p{font-size:15px;}
	#section_unit .unit_slider .unit_item .unit_text h2{font-size:30px;}

	#section_unit .unit_box .arrow_{bottom:35px;}
	#section_unit .unit_box .arrow_ > .btn_prev{transform:translateX(-80px)}
	#section_unit .unit_box .arrow_ > .btn_next{transform:translateX(80px)}
}


/*--section_emodel--*/
#section_emodel{width:100%; height:100%; padding:100px 0 400px 0; background-image: url("http://logosimg.cafe24.com/hbys_real/mobile/image/main/emodel_bg.jpg"); background-size:cover; background-repeat: no-repeat; background-position:100% center;} 
#section_emodel .emodel_box{text-align:center;}
#section_emodel .emodel_box h2{color:#e3cec6;  letter-spacing:10px; margin-bottom:20px;}
#section_emodel .emodel_box h3{font-size:65px; color:#fff; font-weight:500; text-shadow:rgba(0,0,0,0.3) 3px 3px 5px; margin-bottom:30px;}
#section_emodel .emodel_box p{font-size:18px; font-weight:300; color:#fff; margin-bottom:30px;}
#section_emodel .emodel_box a{margin:0 1%; display:inline-block; width:200px; height:40px; line-height:40px; text-align:center; color:#fff; background:#000; border-radius:30px; }

/*--------------responsible : section_emodel--------------*/
@media screen and (max-width:480px){
	#section_emodel .emodel_box h2{letter-spacing:5px;}
	#section_emodel .emodel_box h3{font-size:58px}
	#section_emodel .emodel_box p{padding:0 20px;}

	#section_emodel .emodel_box a{width:160px;}
}
@media screen and (max-width:395px){
	#section_emodel{width:100%; height:100%; padding:70px 0 250px 0;}
	#section_emodel .emodel_box h2{letter-spacing:2px; font-size:16px;}
	#section_emodel .emodel_box h3{font-size:45px}
	#section_emodel .emodel_box p {font-size:15px;}
	#section_emodel .emodel_box p br{display:none;}

	#section_emodel .emodel_box a{margin:0 1% 13px; display:inline-block; width:200px; }
}
@media screen and (max-width:320px){
	#section_emodel .emodel_box h3{font-size:40px}
}
/************************************************************/
/************************************************************/
/*--foote--*/
#footer { position: relative; width: 100%; color: #fff; background: #313131; }
.footerWrap { width: 84.375%; position: relative; margin: 0 auto; padding-top: 40px; padding-bottom: 40px; }
.footerWrap .hoban { display: block; margin-bottom: 10px; width: 110px; }
.footerWrap p { font-size: 14px; line-height: 140%; margin-bottom: 8px; color:#adadad;}
.footerWrap .f_bottom { border-top: 1px solid #adadad; padding-top: 5px; margin-top: 20px }
.footerWrap .btns { position: relative; overflow: hidden; margin-top: 15px; }
.footerWrap .btns a { display: inline-block; font-size: 14px; color: #adadad; font-weight: 400; }