@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,.5); 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;}



/*quick*/
.quick{position: fixed; width: 80px; height: 80px; border-radius: 100px; right:15px; bottom:40px; z-index:99; background:#1d2842; box-shadow: -10px 5px 17px -3px rgba(0, 0, 0, 0.5);}
.quick a{display:block; text-align:center; position:relative; padding: 15px;}
.quick a p{font-size:13px; color:#fff; margin-top:5px; font-weight: 700;}


/*--section1_main_visual--*/
.main_visual{position:relative;}
/*2024.05.03 비주얼 수정*/
.mov_main_visual{position:relative;width:100%; height:100%; height:100vh; overflow:hidden;}
.mov_main_visual .videoWrap{position:relative; overflow:hidden; width:100%; height:100%; height:100vh;}
.mov_main_visual .videoWrap video{
	position:absolute;
    right: 0; 
	bottom: 0;
    width: 100%; 
	height: 100%; 
	z-index: -100;
	object-fit: cover ;
    background-size: cover;
}


/*--------------responsible : section1_main_visual--------------*/
@media screen and (max-width:480px){
	.mov_main_visual{height:70vh;}
	.mov_main_visual .videoWrap{height:70vh;}
}

@media screen and (max-width:350px){
	.mov_main_visual{height:60vh;}
	.mov_main_visual .videoWrap{height:60vh;}
}

/************************************************************/
/************************************************************/
/*--section1_location--*/
#section1_location{padding:100px 0; background:url("https://logosimg.cafe24.com/hbjj_real/mobile/image/main/location_bg.jpg") no-repeat; background-size:100% 100%; text-align:center; position:relative;}

.location_box{width:90%; margin:0 auto; text-align: center;}
.location_box .location_item p > img{max-width:100%;}
.location_box .location_item .txt_loca{margin-top:30px;}
.location_box .location_item .txt_loca p{font-size:30px; font-weight:600; color:#fff; font-family: 'Nanum Myeongjo'}
.location_box .location_item .txt_loca p + p{font-size:20px; font-weight:400; margin-top:10px}
.location_box .location_item .txt_loca p > span{font-weight:400;}
.location_box .location_item .txt_loca > span{font-size:16px; font-weight:400; margin-top:5px; display:inline-block; color:#afa295}


/*--------------responsible : section1_location--------------*/
@media screen and (max-width:420px){
	#section1_location{padding:70px 0;}
	.location_box .location_item .txt_loca br{display:none;}
	.location_box .location_item .txt_loca p{font-size:25px;}
	.location_box .location_item .txt_loca p + p{font-size:18px}
}


/************************************************************/
/************************************************************/
/*--section2_premium--*/
#section2_premium{padding:100px 0 ; background:url("https://logosimg.cafe24.com/hbjj_real/mobile/image/main/premium_bg.jpg") no-repeat; background-size:100% 100%; text-align:center; position:relative;}

/*pre_slider*/
.premium_slider{width:90%; margin:0 auto; text-align: center;}
.premium_slider .inner_mium{display:none; cursor:pointer;}
.premium_slider .inner_mium .item_pre > img{width:100%;}

.premium_tit{width: 100%; padding:60px 20px;}
.premium_tit h2{margin-bottom:30px; text-align: center; display:inline-block; max-width: 100%;}
.premium_tit p{font-size:18px; font-weight:400; color:#bdaf9f; letter-spacing:1px;}


.more_btn{margin:100px 0; text-align:center;}
.more_btn a{display:inline-block;}
.more_btn a img{max-width:100%;}

.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:680px){
	#section2_premium{padding:80px 0 ;}
	.premium_tit h2 img{height:30px;}
	.more_btn{margin:70px 0;}
}

@media screen and (max-width:520px){
	.premium_tit p{font-size:16px;}
	.more_btn a img{max-width:170px;}
}

@media screen and (max-width:480px){
	#section2_premium{padding:50px 0 ;}
	.premium_tit h2 img{height:25px;}
	.premium_tit p br{display:none;}
	.more_btn{margin:50px 0;}
	.more_btn a img{max-width:150px;}
}

@media screen and (max-width:420px){
	.premium_tit{padding:40px 10px;}
	.premium_tit h2 img{height:20px;}
	.premium_tit p{letter-spacing:-1px;}
}


/************************************************************/
/************************************************************/
/*--section3_brandabout--*/
#section3_brandabout{width:100%; height:100%; padding:85px 0; background:url("https://logosimg.cafe24.com/hbjj_real/mobile/image/main/brand_bg.jpg") no-repeat center; background-size:cover; text-align:center;}

.inner_box .tit_about h1{position: relative; padding-top: 90px; max-width:100%}
.inner_box .tit_about h1:before{position:absolute; content:""; width:2px; height:60px; background:#1d2842; left:50%; top:0}

.inner_box .tit_about h2{margin-top:50px; font-size:24px; font-weight:600; color:#1d2842; letter-spacing:3px; font-family: 'Nanum Myeongjo';}
.inner_box .tit_about p{padding:20px 30px 50px; font-size:17px; font-weight:400; color:#626261;}
.inner_box .tit_about a{display:block; margin-bottom:220px;}
.inner_box .tit_about a img{max-width:100%}


/*--------------responsible : section3_brandabout--------------*/
@media screen and (max-width:580px){
	#section3_brandabout{ padding:65px 0;}
	.inner_box .tit_about h1{padding-top: 70px;}
	.inner_box .tit_about h1 img{width:230px;}
	.inner_box .tit_about h1:before{width:1px; height:50px; }
	.inner_box .tit_about h2{margin-top:30px; font-size:22px;}
	.inner_box .tit_about p{font-size:16px;}
	.inner_box .tit_about a{margin-bottom:180px;}
	.inner_box .tit_about a img{width:120px}
}


@media screen and (max-width:420px){
	#section3_brandabout{ padding:45px 0;}
	.inner_box .tit_about h1 img{width:200px;}
	.inner_box .tit_about p{padding:20px 30px;}
	.inner_box .tit_about a{margin-bottom:140px;}
	.inner_box .tit_about a img{width:100px}
}

@media screen and (max-width:340px){
	.inner_box .tit_about a{margin-bottom:200px;}
}

/************************************************************/
/************************************************************/
/*--section4_brand--*/
#section4_brand a img{width: 100%; max-width:100%; cursor:pointer;}


/************************************************************/
/************************************************************/
/*--ssection5_map--*/
#section5_map{background:#eae6e1; text-align:center; padding:85px 0; }
#section5_map .inner_map{margin:0 auto; width:85%; text-align: left;}
#section5_map .inner_map .map_tit{position: relative;}
#section5_map .inner_map .map_tit h2{font-size:43px; color:#8e8173; font-weight:800;  font-family: 'Nanum Myeongjo'; text-align: left;}
#section5_map .inner_map .map_tit p{font-size:18px; color:#525252; font-weight:300; margin:20px 0 40px;}

#section5_map .inner_map .map_box > img{width:100%;}


.map_box .map_tit {padding: 5px 0; background: #1b2943; color: #fff; font-size: 22px; text-align: center; font-weight: 500;}
#section5_map .inner_map .map_box .map_link {margin: 40px 0; width:100%;}
#section5_map .inner_map .map_box .map_link a{display:flex; justify-content: space-between; color:#363737; padding:1% 0;}
#section5_map .inner_map .map_box .map_link a b{color:#4c4333; font-size:18px; }

/*--------------responsible : section5_map--------------*/
@media screen and (max-width:680px){
	#section5_map .inner_map .map_box .map_link{display: block;}
	#section5_map .inner_map .map_box .map_link .map_btn a{width:100%;  height:50px; line-height:50px; margin-top:30px;}
}


@media screen and (max-width:580px){
	#section5_map .inner_map .map_tit h2{font-size:calc(3vw + 20px);}
	#section5_map .inner_map .map_tit p{font-size:16px; margin:20px 0 20px;}
	#section5_map .inner_map .map_box .map_link{margin:30px 0;}
	#section5_map .inner_map .map_box .map_link a {flex-wrap: wrap; justify-content:center; align-items:center; text-align:left;}
	#section5_map .inner_map .map_box .map_link a p,
	#section5_map .inner_map .map_box .map_link a span{margin-bottom:10px; text-align:left; flex:0 0 100%;}
	#section5_map .inner_map .map_box .map_link li:last-child span{margin-bottom:0;}

	#section5_map .inner_map .map_box .map_link a p br{display:none;}

}


@media screen and (max-width:430px){
	#section5_map{ padding:35px 0; }
	.map_box .map_tit {font-size:18px;}
	#section5_map .inner_map .map_box .map_link a p br{display:block;}


}






/************************************************************/
/************************************************************/
/*--section6_news--*/

#section6_news .tit {padding:80px 0; background:url("https://logosimg.cafe24.com/hbjj_real/mobile/image/main/m_news_bg.jpg") no-repeat center center; background-size:cover;}
#section6_news .tit h2 {position:relative; padding-top:60px; text-align:center; font-size:72px; font-family: 'Nanum Myeongjo'; color:#fff;}
#section6_news .tit h2::after {position:absolute; top:0; left:50%; width:1px; background:#fff; height:55px; content:"";}
#section6_news .news_list {width:85%; margin:0 auto; padding:80px 0 50px; }
#section6_news .news_list li {padding:17px 15px; border-bottom:1px solid #ddd;}
#section6_news .news_list li:first-child {border-top:1px solid #ddd;}
#section6_news .more_btn {margin-top:15px;}


/*--------------responsible : section6_news--------------*/

@media screen and (max-width:520px){
	#section6_news .tit {padding:50px 0;}
	#section6_news .tit h2 {font-size:calc(25vw - 60px);}
}

@media screen and (max-width:480px){
	#section6_news .news_list {padding:60px 0 35px; }
	#section6_news .tit h2 {padding-top:50px; font-size:calc(30vw - 70px);}
	#section6_news .tit h2::after {height:45px;}
}
@media screen and (max-width:420px){
	#section6_news .tit {padding:40px 0;}
	#section6_news .tit h2 {font-size:calc(30vw - 60px);}
}


/************************************************************/
/************************************************************/
/*--section7_unit--*/
#section7_unit{width:100%; height:100%; padding:80px 0 100px; background: url("https://logosimg.cafe24.com/hbjj_real/mobile/image/main/unit_bg.jpg") no-repeat center bottom; background-size:cover;} 
#section7_unit .unit_box{text-align:center; position:relative;}
#section7_unit .unit_box .arrow_{margin-top:30px;}
#section7_unit .unit_box > h2{color:#1d2842; margin:20px 0; line-height:1; font-size:65px; font-family: 'Nanum Myeongjo'; font-weight:bold;}
#section7_unit .unit_box > p{color:#1d2842; font-size:22px; font-weight:500;}
#section7_unit .unit_box > span{display:block; color:#454545; font-size:20px;}

#section7_unit .unit_slider{padding-top:50px;}
#section7_unit .unit_slider .unit_item{padding:50px 30px; background:#fff; cursor:pointer; border:1px solid #ddd;  box-shadow:-10px 5px 15px -3px rgba(0,0,0,0.2)}
#section7_unit .unit_slider .unit_item span{display: block; border-bottom: 1px solid #ddd;}
#section7_unit .unit_slider .unit_item span img{width:100%;}
#section7_unit .unit_slider .unit_item p{font-size:35px; margin-top:30px; font-weight:700; color:#000; }

.unit_ .unit_slider .items{padding:50px 30px; background:#fff; cursor:pointer; display:none; border:1px solid #ddd;}
.unit_ .unit_slider .items > span{display:block; border-bottom:1px solid #ddd;}
.unit_ .unit_slider .items > span img{width:100%;}
.unit_ .unit_slider .items > p{margin-top:30px; font-size:24px; color:#1d2842; text-align:center;}
.unit_ .unit_slider .items > p > b{font-size:35px; margin-right:10px; display:block;}

#section7_unit .unit_slider .slick-slide{margin:0 20px;}
#section7_unit .unit_slider .slick-slide.slick-current.slick-active{opacity:1;}
#section7_unit .unit_slider .slick-slide.slick-current.slick-active .unit_img{border:10px solid #1d2842; opacity:1;}

/*--------------responsible : section7_unit--------------*/
@media screen and (max-width:580px){
	#section7_unit{padding:80px 0;} 
	#section7_unit .unit_slider .slick-slide{margin:0 10px;}
	#section7_unit .unit_slider .unit_item{padding:30px 30px;}	
	#section7_unit .unit_box > h2{margin:20px; font-size:50px;}
	#section7_unit .unit_box > span{font-size:18px;}
	#section7_unit .unit_slider .unit_item p{margin-top:15px; font-size:30px;}
}
@media screen and (max-width:395px){
	#section7_unit{padding:50px 0} 
	#section7_unit .unit_box > p{padding:0 30px;}
}

/************************************************************/
/************************************************************/
/*--footer--*/
#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: 13px; line-height: 130%; margin-bottom: 8px; color:#adadad;}
.footerWrap .f_bottom { border-top: 1px solid #adadad; padding-top: 15px; 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; }
.footerWrap .f_top img{width:300px; max-width:100%}