@charset "utf-8";

/*--section1_visual--*/
.visual { position: relative; height: 100%; padding-bottom:130%; text-align:center;}
.visual .swiper-container {
	width: 100%;
	height: 100%;
}
.visual .swiper-slide {
	text-align: center;
	background: #fff;
	/* Center slide text vertically*/
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}

.visual .frame{position: absolute; width: 100%; height: 100%; overflow: hidden; background-size: 100%; z-index: 1; }
.quick_img{ position: absolute; top:35px; right:35px; text-align:right; width: 100%; z-index: 2; }

/*.rolling li .text2 { z-index: 1; position: absolute; height: 100%; top:50%;  transform:translateY(-50%); left: 0; width: 100%; }
.rolling li .text2 img { position: absolute; left: 0; right: 0; margin: auto; opacity: 0;}*/

.rolling li .text2_{z-index: 1; position: absolute; top:25%; left:0px; text-align:center; width:100%;}
.rolling li .text2_ div{position:relative;}
.rolling li .text2_ img {max-width: 640px; width: 100%; }
.rolling li .text2_  h2 img{max-width:100%; width:225px; margin-bottom:10px}
.rolling li .text2_  h3 img{max-width:100%; width:550px;}
@media screen and (max-width:640px){
	.rolling li .text2_  h2 img{width:40%;}
	.rolling li .text2_  h3 img{width:80%;}
}

.animate__animated {
	--animate-duration  : 500ms;
	--animate-delay     : 0;
}
.my-element0 {
  --animate-duration:0.9s;
   animation: fadeInLeft;
}
.my-element1 {
  --animate-duration: 1.3s;
   animation: fadeInLeft;
}
.my-element2 {
  --animate-duration:1.6s;
   animation: fadeInLeft;
}
.my-element3 {
  --animate-duration:1.4s;
   animation: fadeInLeft;
}

/*text animation */
.rolling li.swiper-slide-active .text2 .nth_01 { opacity: 1; transition: all .7s linear .2s; top:20%; right:0; }

.rolling li .img_board { width: 100%; height: 100%; overflow: hidden; }
.rolling li .img_board .bg { height: 100%; transform: scale(1.2,1.2); background-position: bottom center; background-repeat: no-repeat; background-size: cover; -webkit-transition: all 2.5s ease .1s; -ms-transition: all 2.5s ease .1s; -moz-transition: all 2.5s ease .1s; transition: all 2.5s ease .1s; }
.rolling li.swiper-slide-active .img_board .bg { transform: scale(1.01,1.01); }
.rolling .visual1 .img_board .bg {background-image: url(http://logosimg.cafe24.com/hbuj_real/a2/mobile/main/visual1_bg.jpg); background-size: 100% 100%;}
.rolling .visual2 .img_board .bg {background-image: url(http://logosimg.cafe24.com/hbuj_real/a2/mobile/main/visual2_bg.jpg); background-size: 100% 100%;}

/*headertxt*/
.headertxt{position:relative; background:#69516b url(http://logosimg.cafe24.com/hbuj/mobile/images/main/header_bg.jpg); padding:15px; color:#fff; font-size:16px; line-height:135%; box-shadow:1px 5px 10px rgba(0,0,0,0.4)}
.headertxt .open p{font-size:20px; font-weight:500; text-align:left; color:#fff; }
.headertxt .checklist{position:absolute; top:15px; right:10px;}

.block_ ul{display:flex; align-items:center; justify-content:center;}
.block_ ul li{flex:1 0 50%; line-height:45px; text-align:center; background:#333542}
.block_ ul li a{display:block; height:100%; color:#fff; font-weight:500; font-size:16px; line-height:45px;}
.block_ ul li a b{font-size:19px;}
.block_ ul li.current{background:#5e7f43}

/*visual_intro*/
.visual_intro{width:100%; height:100%; padding:30px 40px; background: url(http://logosimg.cafe24.com/hbuj_real/a2/mobile/main/visual_intro.jpg) no-repeat center center;}
.visual_intro p > img{width:100%; max-width:623px}

@media screen and (max-width:350px){
	.headertxt .open p{font-size:17px; font-weight:500;}
	.headertxt .checklist{top:12px; }
	.headertxt .checklist a img{width:180px;}
}

@media screen and (max-width:350px){
	.headertxt .open p{font-size:15px;}
	.headertxt .checklist a img{width:165px;}
}

/*--------------responsible : section1_visual--------------*/
@media screen and (max-width:580px){
	.rolling li .text2 > img{width:300px;}
	.quick_img > img{width:90px;}
}

@media screen and (max-width:430px){
	.rolling li .text2 > img{width:250px;}
	.quick_img{top:20px; right:20px;}
	.quick_img > img{width:70px;}
}


/*퀵메뉴*/
.quick_top{position:fixed; bottom:0; z-index:999; max-width:100%; width:730px;z-index:1;}
.quick_top ul{font-size:0;}
.quick_top ul li{display:inline-block; width:calc(100% / 4); line-height:40px; text-align:center; background:#46612f; border-right:1px solid rgba(255,255,255,0.2); padding:15px 0;}
.quick_top ul li:nth-child(4){border-right:0;}

.quick_top ul li a{display:flex; align-items:center; justify-content:center; width:100%; padding:0 20px;}
.quick_top ul li a > div{width:25px;}
.quick_top ul li a > div img{width:25px}
.quick_top ul li a > p{flex:0 0 50%; color:#fff; line-height:120%; margin-left:8px;}

/*.quick_top ul li a p{color:#fff; font-size:20px; width:70%; float:right; text-align:right; line-height:25px;}
.quick_top ul li a .img_quick{width:30%; max-width:100%;  float:left; padding-top:8px; text-align:left;}
.quick_top ul li a .img_quick > img{width:30px; max-width:100%; margin-right:20px;}*/

.quick_img2{text-align:right; z-index:1; cursor:pointer; margin-bottom:20px; padding-right:5px;}
.quick_img2 img{display:inline-block; }

/*--------------responsible : 퀵메뉴--------------*/
@media screen and (max-width:320px){
	.quick_top ul li a > p{font-size:14px}
}

/************************************************************/
/************************************************************/
/*--section2_premium--*/
#section2_premium{width:100%; height:100%; background-image: url(http://logosimg.cafe24.com/hbuj/mobile/images/main/premium_bg.jpg); background-size:cover; background-repeat: no-repeat;}
.premium_box{text-align:center; padding:30px 0 70px 0; } 
.premium_box h2{font-size:22px; font-weight:400; color:#241f1a;  margin-top:60px; letter-spacing:5px;}
.premium_box h3{font-family: 'Nanum Myeongjo'; font-size:55px; font-weight:700; color:#afafaf; margin-bottom:40px;  line-height:70px; margin-top:20px;}
.premium_box h3 span{color:#ca6f5b;}
.premium_box a > img{display:inline-block; margin-top:40px;}

/*pre_slider*/
.pre_slider .inner_mium{display:none;}
.pre_slider .inner_mium .item_pre > img{width:100%;}

/*pre_txt*/
.pre_slider .inner_mium .item_pre .pre_txt{margin-top:50px}
.pre_slider .inner_mium .item_pre .pre_txt b{display:inline-block;font-size:15px; font-weight:300; width:50px; height:25px; line-height:25px; text-align:center; background:#ca6f5b; color:#fff; margin-bottom:15px; border-radius:50px;
-webkit-border-radius:50px;
-moz-border-radius:50px;
}
.pre_slider .inner_mium .item_pre .pre_txt p{font-size:18px; color:#393939; font-weight:400; margin-bottom:25px; }
.pre_slider .inner_mium .item_pre .pre_txt p > span{font-family: 'Nanum Myeongjo'; font-size:35px; font-weight:600; color:#ca6f5b;}
.pre_slider .inner_mium .item_pre .pre_txt p + p{font-size:20px; font-weight:400; color:#4e4e4e;  margin-top:5px; margin-bottom:0; }
.pre_slider .inner_mium .item_pre .pre_txt p + p br{display:none;}
.pre_slider .inner_mium .item_pre .pre_txt p.small_{font-size:15px; color:#888; font-weight:400; padding:0 50px;}
.pre_slider .inner_mium .item_pre .pre_txt a{display:inline-block; width:200px; height:40px; line-height:40px; margin-top:40px; text-align:center; color:#fff; background:#000; border-radius:50px;
-webkit-border-radius:50px;
-moz-border-radius:50px;
-o-border-radius:50px;
}
.pre_slider .img_ img{width:100%;}
.pre_slider .img_{background:#000;}
@media screen and (max-width:540px){
	.pre_slider .inner_mium .item_pre .pre_txt p.small_{padding:0;}
}


/*프리미엄 효과*/
.pre_slider .slick-slide .img_,
.pre_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
}
.pre_slider .slick-center .img_,
.pre_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)
}

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

.pre_slider .slick-slide .pre_txt,
.pre_slider .slick-slide[aria-hidden="true"]:not(.slick-cloned) ~ .slick-cloned[aria-hidden="true"] .pre_txt{
    opacity:0; transition:all 0.4s
}
.pre_slider .slick-center .pre_txt,
.pre_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){
	.pre_slider .slick-slide .img_,
	.pre_slider .slick-slide[aria-hidden="true"]:not(.slick-cloned) ~ .slick-cloned[aria-hidden="true"] .img_{
		transform: scale(0.9, 0.9);
	}
	.pre_slider .slick-center .img_,
	.pre_slider .slick-slide[aria-hidden="true"]:not([tabindex="-1"]) + .slick-cloned[aria-hidden="true"] .img_{
		transform: scale(1, 1);
	}
	
	.premium_box h2{font-size:18px;  margin-top: 50px;} 
	.premium_box h3{font-size:45px; line-height:48px;} 
	.pre_slider .inner_mium .item_pre .pre_txt p + p{font-size:17px; }
}

@media screen and (max-width:480px){
	.pre_slider .inner_mium .item_pre .pre_txt p + p br{display:block;}
}
@media screen and (max-width:430px){
	.premium_box h3{font-size:37px;}
	.pre_slider .inner_mium .item_pre .pre_txt p + p{font-size:16px;}
}
@media screen and (max-width:390px){
	.premium_box{padding: 0 0 40px 0}
	.pre_slider .inner_mium .item_pre .pre_txt p > span{font-size:30px;}
}


/************************************************************/
/************************************************************/
/*--section3_brand--*/
#section3_brand{ width:100%; height:100%; padding:120px 0; background-image: url(http://logosimg.cafe24.com/hbuj/mobile/images/main/brand_bg.jpg); background-size:cover; background-repeat: no-repeat;} 
.brand_box .bra_txt{text-align:center;}
.brand_box .bra_txt p + p{font-family: 'Nanum Myeongjo'; font-size:40px; color:#393939; font-weight:600; line-height:120%; margin-top:30px;}
.brand_box .bra_txt p + p + p{color:#fff; font-family: none; font-size:20px; font-weight:400;}
.brand_box .bra_txt p + p + p br{display:none;}
.brand_box .bra_txt a{display:inline-block; width:220px; height:50px; line-height:50px; margin-top:40px; text-align:center; color:#fff; background:#000; box-shadow: 0px 0px 5px #444;
-webkit-box-shadow: 0px 0px 5px #444;
-moz-box-shadow: 0px 0px 5px #444;
-o-box-shadow: 0px 0px 5px #444;
}

.brand_box .bra_img{position:absolute; bottom:23px; right:30px;}


/*--------------responsible : section3_brand--------------*/
@media screen and (max-width:540px){
	.brand_box .bra_txt p > img{max-width:280px;}
}
@media screen and (max-width:480px){
	.brand_box .bra_txt p + p + p{font-size:18px;}
}
@media screen and (max-width:430px){
	.brand_box .bra_txt p + p + p br{display:block;}
}
@media screen and (max-width:390px){
	#section3_brand{padding:90px 0;}
	.brand_box .bra_txt p > img{max-width:250px;}
	.brand_box .bra_txt p + p{ font-size:36px;}
}
@media screen and (max-width:360px){
	.brand_box .bra_txt p > img{max-width:220px;}
	.brand_box .bra_txt p + p{ font-size:33px;}
}

/************************************************************/
/************************************************************/
/*--section5_emodel--*/
#section5_emodel{width:100%; height:100%; padding:100px 0 400px 0; background-image: url(http://logosimg.cafe24.com/hbuj_real/a2/mobile/main/emodel_bg.jpg); background-size:cover; background-repeat: no-repeat; background-position:100% center;} 
#section5_emodel .emodel_box{text-align:center;}
#section5_emodel .emodel_box h2{color:#e3cec6;  letter-spacing:10px; margin-bottom:20px;}
#section5_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;}
#section5_emodel .emodel_box p{font-size:18px; font-weight:300; color:#fff; margin-bottom:50px;}
#section5_emodel .emodel_box a{display:block; width:200px; height:40px; line-height:40px; text-align:center; color:#fff; background:#000; margin:0 auto; border-radius:30px; }

/*--------------responsible : section5_emode--------------*/
@media screen and (max-width:480px){
	#section5_emodel .emodel_box h2{letter-spacing:5px;}
	#section5_emodel .emodel_box h3{font-size:58px}
	#section5_emodel .emodel_box p{padding:0 20px;}
}
@media screen and (max-width:395px){
	#section5_emodel{width:100%; height:100%; padding:150px 0 250px 0;}
	#section5_emodel .emodel_box h3{font-size:50px}
	#section5_emodel .emodel_box p br{display:none;}
}
@media screen and (max-width:320px){
	#section5_emodel{width:100%; height:100%; padding:150px 0 250px 0;}
	#section5_emodel .emodel_box h3{font-size:45px}
}

/************************************************************/
/************************************************************/
/*--section6_unit--*/
#section6_unit{width:100%; height:100%; padding:150px 0 100px 0; background-image: url(http://logosimg.cafe24.com/hbuj_real/a2/mobile/main/unit_bg.jpg); background-size:cover; background-repeat: no-repeat;} 
#section6_unit .unit_box{text-align:center;}
#section6_unit .unit_box > h2{color:#233a16; margin-bottom:50px; line-height:1; font-size:65px; margin-top:30px;}
#section6_unit .unit_box > p{color:#233a16; font-size:18px;}

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

#section6_unit .unit_slider{padding-top:50px;}
#section6_unit .unit_slider .unit_item{padding:20px;}
#section6_unit .unit_slider .unit_item p.unit_img{background:#fff; padding:20px;}
#section6_unit .unit_slider .unit_item p.unit_img img{width:100%;}
#section6_unit .unit_slider .unit_item .unit_text h2{font-size:35px; margin-top:30px; font-weight:700; color:#233a16;}
#section6_unit .unit_slider .unit_item .unit_text p{font-size:18px; color:#233a16;}
#section6_unit .unit_slider .slick-list{margin:0 -5px;}
#section6_unit .unit_slider .slick-slide{margin:0 5px; opacity:0.8;}
#section6_unit .unit_slider .slick-slide.slick-current.slick-active{opacity:1;}
#section6_unit .unit_slider .slick-slide.slick-current.slick-active .unit_img{border:5px solid #233a16; opacity:1;}

/*--------------responsible : section6_unit--------------*/
@media screen and (max-width:580px){
	#section6_unit .unit_slider .unit_item{padding:10px;}
	#section6_unit .unit_slider .slick-slide{margin:0 5px;}
}
@media screen and (max-width:395px){
	#section6_unit{padding:100px 0} 
	#section6_unit .unit_box > p{padding:0 30px;}
}




/************************************************************/
/************************************************************/
/*--section4_quick--*/
#section4_quick{width:100%; height:100%; background:url(http://logosimg.cafe24.com/hbuj/mobile/images/main/quik_bg.jpg) no-repeat; background-size:cover; box-sizing:border-box;}
.quik_box{padding:85px 0 290px 0; text-align:center;}

/*icon_box*/
.quik_box h2{font-size:28px; font-weight:400; color:#ca6f5b;  line-height:5px; margin-bottom:10px;}
.quik_box h3{margin:40px 0 20px 0;}
.quik_box h4{font-family: 'Nanum Myeongjo'; font-size:20px; font-weight:400; color:#fff; margin-bottom:50px;}

.quik_box .icon_box{margin-bottom:80px;}
.quik_box .icon_box ul{display: flex; align-items:center; justify-content:center; flex-wrap:wrap; width:90%; margin:0 auto;}
.quik_box .icon_box ul li{ flex:1 1 46%; margin:2%;  box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, 0.2); padding:50px 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 .icon_box ul li:nth-child(1){background:#444444; border-radius:40px 40px 0 40px;
-webkit-border-radius:40px 40px 0 40px;
-moz-border-radius:40px 40px 0 40px;
}
.quik_box .icon_box ul li:nth-child(2){background:url(http://logosimg.cafe24.com/hbuj/mobile/images/main/quik_bg2.jpg) ; border-radius:40px 40px 40px 0;
-webkit-border-radius:40px 40px 40px 0;
-moz-border-radius:40px 40px 40px 0;
}
.quik_box .icon_box ul li:nth-child(3){background:url(http://logosimg.cafe24.com/hbuj/mobile/images/main/quik_bg2.jpg) ;  border-radius:40px 0 40px 40px;
-webkit-border-radius:40px 0 40px 40px;
-moz-border-radius:40px 0 40px 40px;
}
.quik_box .icon_box ul li:nth-child(4){background:#46612f; border-radius:0 40px 40px 40px;
-webkit-border-radius:0 40px 40px 40px;
-moz-border-radius:0 40px 40px 40px;
}
.quik_box .icon_box ul li a img{margin-bottom:15px;}
.quik_box .icon_box ul li a p{font-size:18px; font-weight:500; color:#fff;}
.quik_box .icon_box ul li a p + p{font-size:16px; font-weight:300; color:#fff; margin-top:7px;}

.quik_box .icon_box ul li.quik_color a p{color:#222;}

/*--------------responsible : section4_quick--------------*/

@media screen and (max-width:540px){
	.quik_box h3 > img{max-width:280px;}
}
@media screen and (max-width:480px){
	.quik_box{padding:85px 0 200px 0;}
    .quik_box h2{font-size:calc(2vw + 15px);}
	.quik_box h3{font-size:calc(2vw + 25px);}
    
	.quik_box .icon_box ul li{padding:30px 0;}
	.quik_box .icon_box ul li a img{width:calc(2vw + 30px);}
	.quik_box .icon_box ul li a p + p{font-size:calc(2vw + 8px);}
	.quik_box .icon_box ul li a p{font-size:17px;}
	.quik_box .icon_box ul li a p + p{font-size:15px;}
}
@media screen and (max-width:390px){
	.quik_box h3 > img{max-width:250px;}
	.quik_box{padding:85px 0 150px 0;}
	.quik_box .icon_box ul li{padding:20px 0;}
	.quik_box .icon_box ul li a p + p{font-size:14px;}
}
@media screen and (max-width:360px){
	.quik_box h3 > img{max-width:220px;}
}

/************************************************************/
/************************************************************/
/*--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_top { }
.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; }