@import url("reset.css");
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@100;200;300;400;500;600;700;800;900&display=swap');
/******************************************************************

main

*******************************************************************/
.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 { position: relative; height: 100%; padding-bottom: 150%; }
.frame { position: absolute; width: 100%; height: 100%; overflow: hidden; background-size: 100%; }
.main_txt { position: absolute; width: 100%; height: 100%; left: 0; right: 0; top: 0; bottom: 0; margin: auto; display: table; margin-top: -2.7%; z-index: 2; /*opacity: 0;*/ }

.main_txt span { position: absolute; left:0;top: 15%; margin: auto; width: 100%; display: table; }
.main_txt span img { vertical-align: middle; display: table-cell; position: relative; width: 100%; }
.main_txt span.vt3 { padding-top: 516px; }

/*background_image_full*/
.bg_shdw { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: url(http://logosimg.cafe24.com/ossg/mobile/images/main/bg_shdw.png); background-position: center; background-size: cover; z-index: 1; }

.rolling li .text { z-index: 1; position: absolute; height: 100%; top: 0; left: 0; width: 100%; }
.rolling li .text img { position: absolute; left: 0; right: 0; margin: auto; opacity: 0; }

/*visual1*/
.rolling li.visual1 .text img { max-width: 640px; width: 100%; }
.rolling li.visual1 .text .nth_01 { top: 18%; }
.rolling li.visual1 .text .nth_02 { top: 60%; }
.rolling li.visual1 .text .nth_03 { top: 74%; }

/*text animation */
.rolling li.swiper-slide-active.visual1 .text .nth_01 { opacity: 1; transition: all .7s linear .2s; top: 11%; }
.rolling li.swiper-slide-active.visual1 .text .nth_02 { opacity: 1; transition: all .7s linear .5s; top: 11%;  }
/*.rolling li.swiper-slide-active.visual1 .text .nth_03 { opacity: 1; transition: all .7s linear .7s; top: 72%;  }*/

.rolling li .visual1 { width: 100%; height: 100%; overflow: hidden; }
.rolling li .visual1 .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 .visual1 .bg { transform: scale(1.01,1.01); }
.rolling .visual1 .bg { background-image: url('https://mybuzz.speedgabia.com/busan/m_visual01.jpg'); }


/*inner_content*/
.inner_content{}
.btn_quick{display:flex;}
.btn_quick a{height:55px; line-height:55px; flex:1 1 50%; background:#c86e5f; color:#fff; text-align:center; font-size:16px;}
.btn_quick a + a{background:#8d8a8d}

.section1{padding:50px 0}
.section1,.section2,.section3{padding-bottom:50px}

/*content_main*/
.content_main{background:url('https://mybuzz.speedgabia.com/busan/m_bg.jpg') repeat top center;}
.m_title{margin-bottom:30px;}
.m_title h2{position:relative; margin-bottom:20px; padding-left:40px}
.m_title h2:before{position:absolute; content:""; background:#c86e5f; width:8px; height:45px; border-radius:50px; top:5px; left:20px;}
.m_title h2:after{position:absolute; content:""; background:rgba(255,255,255,0.3); width:80%; height:1px; top:50%; right:0px;}
.m_title h3{font-size:24px; color:#fff; font-weight:400;margin-bottom:5px; text-indent:45px; margin-bottom:10px;}
.m_title p{font-size:18px; color:#fff; font-weight:100; text-indent:45px; opacity:0.7}
@media screen and (max-width: 540px) {
	.m_title h2:after{width:70%;}
}
@media screen and (max-width:432px) {
    .m_title h3{font-size:21px}
	.m_title p{font-size:16px;}
}

/*section1*/
.section1 ul{width:88%; margin:0 auto; display:flex; flex-wrap:wrap;}
.section1 ul li{flex:1 1 45%; margin:5px}
.section1 ul li a{color:#fff;}
.section1 ul li a{position:relative; display:block; height:45px; line-height:45px; padding-left:20px; border:1px solid rgba(255,255,255,0.6); border-radius:25px; text-indent:10px; color:#fff;}
.section1 ul li a:after{position:absolute; content:""; background:url('https://mybuzz.speedgabia.com/gd/arrow.png') no-repeat; width:20px; height:15px; right:20px; top:15px;}
@media screen and (max-width:414px) {
	.section1 ul li a{font-size:15px;}
}
@media screen and (max-width:395px) {
	.section1 ul li{flex:1 1 50%; margin:5px}
}

/*section2*/
.section2 ul{width:88%; margin:0 auto;  font-size:0;}
.section2 ul li{display:inline-block; border:1px solid rgba(255,255,255,0.6); background:rgba(54,51,45,0.7); height:130px; width:calc(100% / 2 - 7.5px); margin-bottom:15px;}
.section2 ul li:nth-child(odd){margin-right:15px;}
.section2 ul li a{display:flex; height:100%; width:100%; flex-direction: column; align-items:center; justify-content:center;}
.section2 ul li a p{font-size:16px; color:#fff; font-family: 'Spoqa Han Sans';}

/*section3*/
.section3 .product{width:88%; margin:0 auto; }
.section3 .pro_nav_slider .slick-slide{margin:0 2px}
.section3 .pro_nav_slider .slick-track{transform:none !important;}
.section3 .pro_nav_slider .slick-current .nav_items{background:#c86e5f; color:#fff;}
.section3 .pro_nav_slider .nav_items{display:none; border-radius:50px; background:#e8e7e0; color:#403e3d; font-weight:500; font-family: 'Montserrat'; font-size:16px; height:35px; line-height:35px; text-align:center; cursor:pointer; }
.section3 .pro_img_slider .slick-slide img{width:80%; display:inline-block;}
.section3 .pro_img_slider .items{display:none; cursor:pointer; text-align:center;}
.section3 .slick-dots{bottom:0px;}
.section3 .slick-dots li button:before{color:#8d8a8d; opacity:1}
.section3 .slick-dots li.slick-active button:before{color:#c86e5f}
.section3 .area{width:88%; margin:0 auto; }
.section3 .area a{display:block; border-top:1px solid #e8e7e0; border-bottom:1px solid #e8e7e0; color:#e8e7e0; text-align:center; padding:15px 0}




@media screen and (max-width:395px) {
	.section3 .pro_img_slider .slick-slide img{width:100%;}
}
@media screen and (max-width:375px) {
	
}